@zeniai/web-cockpit-ui 1.14.18-qa → 1.14.19-dev

package/dist/assets/{TreasuryOverviewPage-BDYqKBrS-_o9rtQse.js → TreasuryOverviewPage-E5E5Gr3g-D2CrCBTV.js}

@@ -1,4 +1,4 @@
-import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_ as E,c as Ye,o as i,v as k,g as w,b5 as Fe,C as u,cP as _,Q as B,l as V,q as h,gR as le,at as de,aw as ce,av as he,au as pe,b8 as Ve,bf as Le,a6 as Me,w as We,fl as Ee,gl as Ge,K as Ue,e as A,af as Je,iv as Xe,j6 as _e,aA as qe,eF as Qe,d5 as Ze,f1 as et,aj as tt,bU as it,i4 as ot,i5 as rt,k6 as at,bm as st,m as G,bZ as xe,i7 as nt,c0 as lt,i8 as dt,i9 as ct}from"./index-CbZTLtvs.js";import{b as $,n as o,f as ht,j as ge}from"./vendor-CnQcJ2Lu.js";import{s as pt}from"./commonDimensions-BpaqG_u8-bPBJ7BtU.js";import{g as me}from"./BoxItem-9JmA6QqI-COQbCWSM.js";import{l as se,d as xt}from"./treasuryColorHelper-I90KNlm_-OeAa3kjr.js";import{o as gt}from"./transaction-placeholder-CpOwZAMG-CJJQqrcA.js";import{o as mt}from"./shield-DOlUxcFf-BCUrujod.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const ne=L.getLocalizedStrings().spendManagement.treasury.overviewPage.header,ut={key:"description",value:ne.trasnactionTitle,sortOrder:"ascending",width:new u(120,250,400,400,500)},yt={key:"date",value:ne.paymentDate,sortOrder:"ascending",width:new u(100,120,200,250,300)},ft={key:"amount",value:ne.amount,sortOrder:"ascending",width:new u(80,100,150,180,200)},oe=()=>[ut,yt,ft],S={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new u(h[0],h[4]),headerLastColumnRightPadding:new u(h[3],h[11]),headerLastColumnBottomPadding:new u(h[0],h[4]),headerLastColumnLeftPadding:new u(h[3],h[11]),headerHeight:new u(dt,ct),sortIconSize:new u(h[2],h[2]),headerPaddingTop:new u(h[0],2)};function wt({companyNameSticky:e,sortConfig:r,onColumnSortConfigChanged:s}){const c=M(),l=C(),[a,y]=$.useState(oe());$.useEffect(()=>{const p=[...a];for(const n of p)n.key===r.sortKey?n.sortOrder=r.sortOrder:n.sortOrder="ascending";y(p)},[r.sortKey,r.sortOrder]);const d=(p,n)=>{let m=n;r.sortKey===p&&(m=n==="ascending"?"descending":"ascending"),s(p,m)},g=a.find(p=>p.key===r.sortKey)??a[0],x=p=>a.find(n=>n.key===p)?.value??"",j=a.map(p=>p.key),f=L.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(vt,{windowSize:l,children:[t.jsxs(Ct,{children:[t.jsx(Pt,{children:t.jsx(zt,{})}),t.jsx(st,{title:f.sortBy,placeholder:f.sortBy,pickerValues:j,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:p=>{d(p,"ascending")},optionTextStyle:ie.extraSmallRegular,titleTextStyle:ie.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Lt,{onClick:()=>d(g.key,g.sortOrder),"data-testid":E("mobile-cards-list-sort-clicked",r.sortKey),children:[t.jsx(G,{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(xe,{})})})]})]}):t.jsx(jt,{windowSize:l,children:t.jsx(bt,{children:a.map(p=>p.width.value(l)!==0&&t.jsxs(St,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:p.key,wrapperWidth:p.width,windowSize:l,children:[t.jsxs(Tt,{onClick:()=>d(p.key,p.sortOrder),"data-testid":E("cards-list-sort-clicked",r.sortKey),children:[t.jsx(G,{children:p.value}),t.jsx(ue,{windowSize:l,sortDataValue:r.sortKey,headerdata:p,children:t.jsx(ye,{windowSize:l,isSelected:r.sortKey===p.key,children:t.jsx(xe,{})})})]}),t.jsx(Dt,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===p.key&&p.key!=="date",children:t.jsx(kt,{onClick:()=>d("date","ascending"),"data-testid":E("cards-list-sort-cancel",r.sortKey)})})]},p.key))})})}const $t=ht.memo(wt),jt=o.div`
+import{e as C,u as M,d6 as Ye,j as t,M as L,a0 as V,bx as ae,aW as Ne,v as ie,_ as E,m as Fe,o as i,d as k,c as w,b5 as Ke,C as u,cS as _,b as O,l as W,q as h,gU as le,at as de,aw as ce,av as he,au as pe,b8 as We,bf as Le,a6 as Me,Y as Ve,fn as Ee,go as Ue,k as Ge,n as A,af as Je,iy as Xe,j9 as _e,aA as qe,eI as Ze,d8 as Qe,f3 as et,aj as tt,bX as it,i7 as ot,i8 as rt,k8 as at,bm as nt,B as U,c0 as xe,ia as st,c3 as lt,ib as dt,ic as ct}from"./index-CyJdCOlu.js";import{b as $,n as o,f as ht,j as ge}from"./vendor-CnQcJ2Lu.js";import{s as pt}from"./commonDimensions-CKs-7p-V-CmlPem1Z.js";import{g as me}from"./BoxItem-BL-UVx2X-CDUWJCC4.js";import{l as ne,d as xt}from"./treasuryColorHelper-CnKoJBRW-CDwAxole.js";import{o as gt}from"./transaction-placeholder-CpOwZAMG-CJJQqrcA.js";import{o as mt}from"./shield-DOlUxcFf-BCUrujod.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const se=L.getLocalizedStrings().spendManagement.treasury.overviewPage.header,ut={key:"description",value:se.trasnactionTitle,sortOrder:"ascending",width:new u(120,250,400,400,500)},yt={key:"date",value:se.paymentDate,sortOrder:"ascending",width:new u(100,120,200,250,300)},ft={key:"amount",value:se.amount,sortOrder:"ascending",width:new u(80,100,150,180,200)},oe=()=>[ut,yt,ft],S={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new u(h[0],h[4]),headerLastColumnRightPadding:new u(h[3],h[11]),headerLastColumnBottomPadding:new u(h[0],h[4]),headerLastColumnLeftPadding:new u(h[3],h[11]),headerHeight:new u(dt,ct),sortIconSize:new u(h[2],h[2]),headerPaddingTop:new u(h[0],2)};function wt({companyNameSticky:e,sortConfig:r,onColumnSortConfigChanged:n}){const c=M(),l=C(),[a,y]=$.useState(oe());$.useEffect(()=>{const p=[...a];for(const s of p)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";y(p)},[r.sortKey,r.sortOrder]);const d=(p,s)=>{let m=s;r.sortKey===p&&(m=s==="ascending"?"descending":"ascending"),n(p,m)},g=a.find(p=>p.key===r.sortKey)??a[0],x=p=>a.find(s=>s.key===p)?.value??"",j=a.map(p=>p.key),f=L.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(vt,{windowSize:l,children:[t.jsxs(Ct,{children:[t.jsx(Pt,{children:t.jsx(zt,{})}),t.jsx(nt,{title:f.sortBy,placeholder:f.sortBy,pickerValues:j,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:p=>{d(p,"ascending")},optionTextStyle:ie.extraSmallRegular,titleTextStyle:ie.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Lt,{onClick:()=>d(g.key,g.sortOrder),"data-testid":E("mobile-cards-list-sort-clicked",r.sortKey),children:[t.jsx(U,{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(xe,{})})})]})]}):t.jsx(jt,{windowSize:l,children:t.jsx(bt,{children:a.map(p=>p.width.value(l)!==0&&t.jsxs(St,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:p.key,wrapperWidth:p.width,windowSize:l,children:[t.jsxs(Tt,{onClick:()=>d(p.key,p.sortOrder),"data-testid":E("cards-list-sort-clicked",r.sortKey),children:[t.jsx(U,{children:p.value}),t.jsx(ue,{windowSize:l,sortDataValue:r.sortKey,headerdata:p,children:t.jsx(ye,{windowSize:l,isSelected:r.sortKey===p.key,children:t.jsx(xe,{})})})]}),t.jsx(Dt,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===p.key&&p.key!=="date",children:t.jsx(kt,{onClick:()=>d("date","ascending"),"data-testid":E("cards-list-sort-cancel",r.sortKey)})})]},p.key))})})}const $t=ht.memo(wt),jt=o.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -71,7 +71,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   gap: ${i.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,zt=o(nt)`
+`,zt=o(st)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: inherit;
@@ -95,19 +95,19 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,U={containerPaddingLeft:new u(h[3],h[4]),containerPaddingRight:new u(h[2],h[3]),containerPaddingTop:new u(h[2],h[3]),containerPaddingBottom:new u(h[2],h[3])};function Mt({data:e,boxType:r}){const{description:s,amount:c,status:l,date:a}=e,y=W("0,0.00",c),d=C(),{dateFormat:g}=L.getLocalizedStrings(),x=oe(),j=x[0].width,f=x[1].width,p=x[2].width,n=xt(l);if(d==="small"){const b=t.jsx(Yt,{children:t.jsxs(Ft,{children:[t.jsxs(Vt,{children:[t.jsxs(Et,{children:[t.jsx(fe,{}),t.jsx(Gt,{children:t.jsx(Ut,{children:t.jsxs(Jt,{children:[s,l!=null&&l.code!=="completed"?t.jsxs(t.Fragment,{children:[t.jsx(Xt,{}),t.jsx(_t,{color:n?.color,children:n?.value})]}):null]})})})]}),t.jsx(qt,{children:t.jsx(Qt,{children:a!=null?`${oe()[1].value}: `+a.format(g.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(Wt,{children:t.jsx(Zt,{children:t.jsx($e,{children:y})})})]})});return t.jsx(me,{content:b,boxType:r,isDisabled:!0,isNotClickable:!0})}const m=t.jsxs(At,{windowSize:d,children:[t.jsxs(Ot,{windowSize:d,width:j,children:[t.jsx(fe,{}),t.jsxs(Ht,{windowSize:d,children:[t.jsx(we,{children:s}),l!=null&&l.code!=="completed"?t.jsxs(It,{windowSize:d,children:[t.jsx(Kt,{}),t.jsx(Nt,{color:n?.color,children:n?.value})]}):null]})]}),t.jsx(Rt,{windowSize:d,width:f,children:t.jsx(we,{children:a!=null?a.format(g.visual.MMMDCommaYYYYformat):null})}),t.jsx(Bt,{windowSize:d,width:p,children:t.jsx($e,{children:y})})]});return t.jsx(me,{content:m,boxType:r,isDisabled:!0,isNotClickable:!0})}const At=o.div`
+`,G={containerPaddingLeft:new u(h[3],h[4]),containerPaddingRight:new u(h[2],h[3]),containerPaddingTop:new u(h[2],h[3]),containerPaddingBottom:new u(h[2],h[3])};function Mt({data:e,boxType:r}){const{description:n,amount:c,status:l,date:a}=e,y=V("0,0.00",c),d=C(),{dateFormat:g}=L.getLocalizedStrings(),x=oe(),j=x[0].width,f=x[1].width,p=x[2].width,s=xt(l);if(d==="small"){const b=t.jsx(Ft,{children:t.jsxs(Kt,{children:[t.jsxs(Wt,{children:[t.jsxs(Et,{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(_t,{color:s?.color,children:s?.value})]}):null]})})})]}),t.jsx(qt,{children:t.jsx(Zt,{children:a!=null?`${oe()[1].value}: `+a.format(g.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(Vt,{children:t.jsx(Qt,{children:t.jsx($e,{children:y})})})]})});return t.jsx(me,{content:b,boxType:r,isDisabled:!0,isNotClickable:!0})}const m=t.jsxs(At,{windowSize:d,children:[t.jsxs(Rt,{windowSize:d,width:j,children:[t.jsx(fe,{}),t.jsxs(It,{windowSize:d,children:[t.jsx(we,{children:n}),l!=null&&l.code!=="completed"?t.jsxs(Ht,{windowSize:d,children:[t.jsx(Nt,{}),t.jsx(Yt,{color:s?.color,children:s?.value})]}):null]})]}),t.jsx(Bt,{windowSize:d,width:f,children:t.jsx(we,{children:a!=null?a.format(g.visual.MMMDCommaYYYYformat):null})}),t.jsx(Ot,{windowSize:d,width:p,children:t.jsx($e,{children:y})})]});return t.jsx(me,{content:m,boxType:r,isDisabled:!0,isNotClickable:!0})}const At=o.div`
   width: 100%;
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>U.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>U.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>U.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>U.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>G.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>G.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>G.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>G.containerPaddingBottom.valuePx(e.windowSize)};
   box-shadow: ${e=>e.theme.mode==="dark"?`${w.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${w.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   justify-content: space-between;
   align-items: center;
-`,Ot=o.div`
+`,Rt=o.div`
   display: flex;
   align-items: center;
   width: ${e=>e.width.valuePx(e.windowSize)};
@@ -115,14 +115,14 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   min-width: ${e=>e.width.valuePx(e.windowSize)};
   padding-left: ${i.sp0};
   box-sizing: border-box;
-`,Rt=o.div`
+`,Bt=o.div`
   display: flex;
   align-items: center;
   width: ${e=>e.width.valuePx(e.windowSize)};
   max-width: ${e=>e.width.valuePx(e.windowSize)};
   min-width: ${e=>e.width.valuePx(e.windowSize)};
   box-sizing: border-box;
-`,Bt=o.div`
+`,Ot=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -143,7 +143,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   word-break: break-word;
   text-align: left;
   overflow: hidden;
-`,Ht=o.div`
+`,It=o.div`
   display: flex;
   align-items: center;
   text-align: left;
@@ -154,16 +154,16 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   word-break: break-word;
   text-overflow: ellipsis;
   overflow: hidden;
-`,It=o.div`
+`,Ht=o.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
-`,Nt=o(G)`
+`,Yt=o(U)`
   color: ${e=>e.color};
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   display: -webkit-box;
-`,Kt=o.div`
+`,Nt=o.div`
   display: block;
   width: ${i.sp1};
   height: ${i.sp1};
@@ -177,7 +177,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   -webkit-line-clamp: 1;
   text-align: right;
   width: 100%;
-`,Yt=o.div`
+`,Ft=o.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -186,18 +186,18 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   box-shadow: ${e=>e.theme.mode==="dark"?`${w.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${w.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   gap: ${i.sp1};
-`,Ft=o.div`
+`,Kt=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: flex-start;
-`,Vt=o.div`
+`,Wt=o.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   min-width: 0;
   max-width: 60%;
-`,Wt=o.div`
+`,Vt=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -206,14 +206,14 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   display: flex;
   align-items: flex-start;
   margin-bottom: ${i.sp1};
-`,Gt=o.div`
+`,Ut=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin-left: ${i.sp3};
   flex: 1;
   min-width: 0;
-`,Ut=o.div`
+`,Gt=o.div`
   width: 100%;
 `,Jt=o(A)`
   display: block;
@@ -231,7 +231,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   margin-left: ${i.sp2};
   margin-right: ${i.sp2};
   vertical-align: middle;
-`,_t=o(G)`
+`,_t=o(U)`
   display: inline;
   color: ${e=>e.color};
   white-space: nowrap;
@@ -240,13 +240,13 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   align-items: center;
   margin-top: ${i.sp1};
   margin-left: ${i.sp6};
-`,Qt=o(G)`
+`,Zt=o(U)`
   color: ${e=>e.theme.colors.grey1};
   text-align: left;
-`,Zt=o.div`
+`,Qt=o.div`
   display: flex;
   align-items: flex-start;
-`,re={lastListItemHeight:new u(200,128),rowWrapperMarginLeftRight:new u(h[3],h[8])},{spendManagement:{chargeCard:ei},common:ti}=L.getLocalizedStrings(),ii=({transactionList:e,uiState:r,fetchState:s,onReloadCards:c,onColumnSortConfigChanged:l})=>{const a=C(),y=()=>a!=="small"?at:pt+40,d=$.useRef(null);$.useEffect(()=>{d.current?.resetAfterIndex(0)},[a,d]);const g=()=>s==="Error"?t.jsxs(li,{children:[t.jsx(di,{onClick:c,"data-testid":E("treasury-list-reload"),children:t.jsx(ci,{})}),t.jsx(hi,{children:ti.reloadPage.label})]}):s==="Completed"&&e.length===0?null:t.jsx(Oe,{children:t.jsx(pi,{windowSize:a,children:t.jsx(tt,{children:({height:x,width:j})=>t.jsx(it,{ref:d,height:x,itemCount:e.length,innerElementType:f=>oi(f,l,r,s),itemSize:y,estimatedItemSize:rt,itemKey:f=>e[f].id,width:j,overscanCount:ot,initialScrollOffset:0,children:f=>t.jsx(ai,{...f,transactionList:e})})})})});return t.jsx(ni,{fetchState:s,children:g()})},oi=(e,r,s,c)=>t.jsx(Ae,{...e,onColumnSortConfigChanged:r,uiState:{sortKey:s.sortKey,sortOrder:s.sortOrder},fetchState:c}),Ae=$.forwardRef((e,r)=>{const{children:s,style:c,uiState:l,onColumnSortConfigChanged:a,...y}=e;return t.jsxs(Oe,{ref:r,style:{...c,width:"auto"},...y,children:[t.jsx($t,{companyNameSticky:!1,onColumnSortConfigChanged:a,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),t.jsx(gi,{children:s})]})});Ae.displayName=ei.cardList.headerElementDisplayName;const ri=({transactionList:e,fetchState:r,uiState:s,onReloadCards:c,onColumnSortConfigChanged:l})=>t.jsx(ii,{transactionList:e,fetchState:r,onReloadCards:c,uiState:s,onColumnSortConfigChanged:l}),ai=({index:e,style:r,transactionList:s})=>{const c=C();return t.jsx(xi,{style:{...r,width:"100%",paddingLeft:re.rowWrapperMarginLeftRight.valuePx(c),paddingRight:re.rowWrapperMarginLeftRight.valuePx(c)},className:"spend-management-list-item",children:t.jsx(si,{transaction:s[e]})},"listItem"+s[e].id)},si=({transaction:e})=>t.jsx(Mt,{data:e,boxType:"roundedBox"},e.id),ni=o.div`
+`,re={lastListItemHeight:new u(200,128),rowWrapperMarginLeftRight:new u(h[3],h[8])},{spendManagement:{chargeCard:ei},common:ti}=L.getLocalizedStrings(),ii=({transactionList:e,uiState:r,fetchState:n,onReloadCards:c,onColumnSortConfigChanged:l})=>{const a=C(),y=()=>a!=="small"?at:pt+40,d=$.useRef(null);$.useEffect(()=>{d.current?.resetAfterIndex(0)},[a,d]);const g=()=>n==="Error"?t.jsxs(li,{children:[t.jsx(di,{onClick:c,"data-testid":E("treasury-list-reload"),children:t.jsx(ci,{})}),t.jsx(hi,{children:ti.reloadPage.label})]}):n==="Completed"&&e.length===0?null:t.jsx(Re,{children:t.jsx(pi,{windowSize:a,children:t.jsx(tt,{children:({height:x,width:j})=>t.jsx(it,{ref:d,height:x,itemCount:e.length,innerElementType:f=>oi(f,l,r,n),itemSize:y,estimatedItemSize:rt,itemKey:f=>e[f].id,width:j,overscanCount:ot,initialScrollOffset:0,children:f=>t.jsx(ai,{...f,transactionList:e})})})})});return t.jsx(si,{fetchState:n,children:g()})},oi=(e,r,n,c)=>t.jsx(Ae,{...e,onColumnSortConfigChanged:r,uiState:{sortKey:n.sortKey,sortOrder:n.sortOrder},fetchState:c}),Ae=$.forwardRef((e,r)=>{const{children:n,style:c,uiState:l,onColumnSortConfigChanged:a,...y}=e;return t.jsxs(Re,{ref:r,style:{...c,width:"auto"},...y,children:[t.jsx($t,{companyNameSticky:!1,onColumnSortConfigChanged:a,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),t.jsx(gi,{children:n})]})});Ae.displayName=ei.cardList.headerElementDisplayName;const ri=({transactionList:e,fetchState:r,uiState:n,onReloadCards:c,onColumnSortConfigChanged:l})=>t.jsx(ii,{transactionList:e,fetchState:r,onReloadCards:c,uiState:n,onColumnSortConfigChanged:l}),ai=({index:e,style:r,transactionList:n})=>{const c=C();return t.jsx(xi,{style:{...r,width:"100%",paddingLeft:re.rowWrapperMarginLeftRight.valuePx(c),paddingRight:re.rowWrapperMarginLeftRight.valuePx(c)},className:"spend-management-list-item",children:t.jsx(ni,{transaction:n[e]})},"listItem"+n[e].id)},ni=({transaction:e})=>t.jsx(Mt,{data:e,boxType:"roundedBox"},e.id),si=o.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
@@ -296,7 +296,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   position: relative;
   width: auto;
   height: 100%;
-`,Oe=o.div``,mi=["editPortfolio","taxLetter","statements","settings"],ui=e=>V.stringToUnionStrict(e??"",mi),J=L.getLocalizedStrings().spendManagement.treasury.overviewPage,je=[{value:"editPortfolio",label:J.editPortfolio},{value:"taxLetter",label:J.taxLetter},{value:"statements",label:J.statements},{value:"settings",label:J.settings}],yi=({onOptionSelection:e,onTransferClick:r})=>{const s=We(),c=C(),l=L.getLocalizedStrings().spendManagement.treasury.overviewPage,a=s.loggedInUserRoleMap.treasury_user===!0||Ee(s),y=je.filter(g=>g.value==="statements"||g.value==="taxLetter"),d=M();return t.jsxs(fi,{isTopAlign:!1,children:[t.jsx(Ge,{entity:"zeni_treasury",onOptionSelection:g=>{const x=ui(g);x!=null&&e(x)},isMoreOption:!0,backgroundColor:d.colors.grey5,options:a?y:je}),!a&&(c==="small"?t.jsx(wi,{onClick:r}):t.jsx(Ue,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:r,label:l.transferFunds}))]})},fi=o.div`
+`,Re=o.div``,mi=["editPortfolio","taxLetter","statements","settings"],ui=e=>W.stringToUnionStrict(e??"",mi),J=L.getLocalizedStrings().spendManagement.treasury.overviewPage,je=[{value:"editPortfolio",label:J.editPortfolio},{value:"taxLetter",label:J.taxLetter},{value:"statements",label:J.statements},{value:"settings",label:J.settings}],yi=({onOptionSelection:e,onTransferClick:r})=>{const n=Ve(),c=C(),l=L.getLocalizedStrings().spendManagement.treasury.overviewPage,a=n.loggedInUserRoleMap.treasury_user===!0||Ee(n),y=je.filter(g=>g.value==="statements"||g.value==="taxLetter"),d=M();return t.jsxs(fi,{isTopAlign:!1,children:[t.jsx(Ue,{entity:"zeni_treasury",onOptionSelection:g=>{const x=ui(g);x!=null&&e(x)},isMoreOption:!0,backgroundColor:d.colors.grey5,options:a?y:je}),!a&&(c==="small"?t.jsx(wi,{onClick:r}):t.jsx(Ge,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:r,label:l.transferFunds}))]})},fi=o.div`
   display: flex;
   flex-direction: row;
   align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
@@ -313,10 +313,8 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   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 u(h[3],h[8]),accountDetailHeaderPaddingBottom:new u(h[3],h[6]),accountDetailHeaderPaddingLeft:new u(h[3],h[8]),accountDetailHeaderPaddingTop:new u(h[3],h[6]),accountDetailContentMarginTop:new u(h[4],h[4]),areaChartHeight:new u(114,209),accountDetailHeaderGap:new u(18,100,184)},{spendManagement:{zeniAccounts:be,treasury:{overviewPage:v}},dateFormat:q,common:ji}=L.getLocalizedStrings(),Re=$.memo(({accountHistory:e})=>{const r=C(),s=M(),[c,l]=$.useState(),a=$.useMemo(()=>{const n=V.zeniDate(new Date().toISOString()),m=n.clone().subtract(84,"day"),b=84/6;return Array.from({length:7}).map((z,D)=>{const O=D/6;let R;return O<.5?R=0:O<.6?R=.9*((O-.5)/.09999999999999998):R=.9,{date:(D===6?n:m.clone().add(Math.round(D*b),"day")).toISOString(),value:R}})},[]),y=$.useMemo(()=>(a.length<=0,0),[a.length]),d=e.fetchState==="Completed"&&(e.accountHistoryWithBalance.length===0||e.accountHistoryWithBalance.every(n=>n.balance?.available.amount===0)),g=$.useMemo(()=>e.accountHistoryWithBalance.map(n=>({...n,date:n.date.toISOString()})),[e.accountHistoryWithBalance]),x=$.useCallback(n=>{const m=Array.isArray(n)?n:[];let b="",z="";if(Array.isArray(m)&&m.length>0){const D=m[0].payload?.balance?.available;z=W("0,0[.]00",D),b=V.zeniDate(m[0].payload?.date??"").format(q.visual.DMMMYYYYFormat)}return t.jsxs(Wi,{children:[t.jsx(ze,{children:b}),t.jsx(ze,{isSublabel:!0,children:z})]})},[]),j=$.useCallback(n=>{const m=n,{x:b,y:z}=m,{value:D}=m.payload;let O=!1;e.accountHistoryWithBalance.length>360&&(O=!0);const R=O?V.zeniDate(D).format(q.visual.MMMformat):V.zeniDate(D).format(q.visual.MMMDFormat);return t.jsx(Ri,{translateX:b,translateY:z,children:t.jsx(Ki,{windowSize:r,dy:20,dx:-25,children:R})})},[e.accountHistoryWithBalance.length,r]),f=$.useCallback(({cx:n,cy:m,dataKey:b})=>(b==="balance.available.amount"&&(c?.x!==n||c?.y!==m)&&l({x:n,y:m}),t.jsx(Ei,{cx:n,cy:m,strokeWidth:1,r:h[1]})),[c]),p=$.useMemo(()=>{const n=e.accountHistoryWithBalance.length;return n<=0?0:n>360?Math.floor(n/12):Math.floor(n/7)},[e.accountHistoryWithBalance.length]);return t.jsx(Yi,{children:d?t.jsxs(Zi,{children:[t.jsx(le,{height:T.areaChartHeight.value(r),width:"99%",children:t.jsxs(de,{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:s.colors.grey2,stopOpacity:1}),t.jsx(ke,{offset:"100%",stopColor:s.colors.grey2,stopOpacity:.02})]})}),t.jsx(ce,{dataKey:"date",stroke:s.colors.grey3,tickSize:0,tick:n=>j(n),interval:y,padding:{right:h[4]}}),t.jsx(he,{tick:!1,axisLine:!1,domain:[0,1]}),t.jsx(pe,{activeDot:void 0,fillOpacity:1,dot:!1,type:"monotone",dataKey:"value",stroke:s.colors.grey2,strokeDasharray:"4 4",fill:"url(#colorUv)"})]})}),t.jsx(eo,{children:t.jsx(Qi,{children:v.noData})})]}):t.jsx(le,{height:T.areaChartHeight.value(r),width:"99%",children:t.jsxs(de,{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(ce,{dataKey:"date",stroke:s.colors.grey3,tickSize:0,reversed:!0,tick:n=>j(n),padding:{right:h[4]},interval:p}),t.jsx(he,{tick:!1,axisLine:!1}),t.jsx(Ve,{position:c,content:({payload:n})=>x(n),cursor:{strokeDasharray:"3",stroke:w.brandColorJade}}),t.jsx(pe,{activeDot:f,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:w.brandColorJade,fill:"url(#colorUv)"})]})})})});Re.displayName="AccountBalanceGraph";const Yo=({treasuryDetail:e,treasurySetupView:r,onColumnSortConfigChanged:s,onBackClick:c,onReloadTreasuryTransactions:l,handleTreasuryOptionSelection:a,onTransferClick:y})=>{const d=C(),g=M(),x=Ne().analytics,j=m=>{x.trackTreasuryDashboardInteraction((()=>{switch(m){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),a(m)},f=e.accountSummary,p=$.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(_i,{children:v.balanceTooltip.base}),t.jsxs(Z,{children:[t.jsx(ee,{children:v.balanceTooltip.balance}),t.jsx(te,{children:W("0,0[.]00",f?.totalBalance)})]}),t.jsxs(Z,{children:[t.jsx(ee,{children:v.balanceTooltip.processing}),t.jsx(te,{children:W("0,0[.]00",f?.processingBalance)})]}),t.jsxs(Z,{children:[t.jsx(ee,{children:v.balanceTooltip.available}),t.jsx(te,{children:W("0,0[.]00",f?.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(He,{children:t.jsx(ae,{display:"flex",placement:d==="small"?"bottom":"top",title:b,style:{textAlign:"left"},maxWidth:z,children:m==="insuredFunds"?t.jsx(uo,{}):t.jsx(Ie,{})})})},[f,d]),n=t.jsx(yi,{onOptionSelection:j,onTransferClick:()=>{x.trackTreasuryDashboardInteraction("Transfer Funds"),y()}});return t.jsxs(Di,{children:[t.jsx(Ke,{title:v.title,onBackClick:c,showMenuIcon:!1,backgroundColor:g.colors.grey5,style:{zIndex:3,...ie.largeSemiBold.cssObject},rightSideComponent:n,source:"treasury"}),t.jsxs(Ti,{windowSize:d,children:[t.jsxs(Li,{windowSize:d,children:[t.jsx(bi,{fundAllocation:r.currentAllocation,fundsData:r.fundsData,getToolTipContent:p,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(Oi,{windowSize:d,children:t.jsx(Re,{accountHistory:e.accountHistory})})]}),t.jsx(vi,{analytics:x,fundsData:r.fundsData,fundAllocation:r.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?t.jsx(Be,{treasuryDetail:e,onColumnSortConfigChanged:s}):e.transactionsFetchState.fetchState==="Error"?t.jsxs(Bi,{children:[t.jsx(Hi,{onClick:l,"data-testid":E("account-detail-reload"),children:t.jsx(Ni,{})}),t.jsx(Ii,{children:ji.reloadPage.label})]}):t.jsx($i,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})})]})},Be=$.memo(({treasuryDetail:e,onColumnSortConfigChanged:r})=>{const s=C();return t.jsx(t.Fragment,{children:e.transactions.length>0?t.jsx(Pi,{windowSize:s,children:t.jsx(ri,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,onReloadCards:()=>{},onColumnSortConfigChanged:r})}):t.jsx(zi,{})})});Be.displayName="TransactionListScreen";const bi=({treasuryDetail:e,hasAccountActivity:r,getToolTipContent:s,fundAllocation:c,fundsData:l})=>{const a=C(),[y,d]=$.useState(!1);return $.useEffect(()=>{y===!0&&setTimeout(()=>{d(!1)},800)},[y]),t.jsxs(Mi,{children:[t.jsxs(X,{children:[t.jsx(Fi,{children:t.jsxs(F,{children:[Y(be.zeniAccountList.totalAvailableBalance),s("totalBalance")]})}),t.jsx(Xi,{windowSize:a,children:e.accountSummary?.availableBalance?t.jsx(t.Fragment,{children:t.jsx(_,{amount:e.accountSummary?.availableBalance,integerStyles:P.balanceIntegerStyles.styleObject(a),decimalStyles:P.balanceIntegerStyles.styleObject(a)})}):null})]}),t.jsxs(X,{children:[t.jsxs(F,{children:[Y(v.insuredFunds),s("insuredFunds")]}),t.jsx(Q,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(_,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:P.integerStyles.styleObject(a),decimalStyles:P.decimalStyles.styleObject(a)})}),t.jsx(F,{children:Y(v.insuredFundsAmount)})]}),r&&t.jsxs(Ai,{children:[t.jsxs(Ce,{children:[t.jsx(F,{children:Y(be.common.totalYieldEarned)}),t.jsx(Q,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(_,{amount:e.accountSummary?.totalYield,integerStyles:P.integerStyles.styleObject(a),decimalStyles:P.decimalStyles.styleObject(a)})})]}),t.jsxs(Ce,{children:[t.jsxs(F,{children:[Y(v.sevenDayYield)," ",s("sevenDayYield")]}),t.jsx(Q,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsxs(Vi,{windowSize:a,children:[Ci(c??{},l),"%"]})})]})]})]})},vi=({analytics:e,fundsData:r,fundAllocation:s,hasAccountActivity:c})=>{const[l,a]=$.useState(!1),y=C(),d=M(),g=()=>{a(x=>!x)};return t.jsx(to,{windowSize:y,allTilesExpanded:l,children:r.map((x,j)=>{const f=l,p=se(j,d);return t.jsxs(io,{expanded:f,windowSize:y,children:[t.jsx(xo,{bgColor:p.headerBackground}),t.jsx(Si,{fund:x,fundIndex:j,fundAllocation:s!=null?s[x.fundCode]:0,hasAccountActivity:c}),!l&&t.jsx(oo,{children:t.jsxs(ao,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+x.fundCompanyName+" "+x.fundName),g()},children:[v.fundTile.viewDetails,t.jsx(Ui,{})]})}),f&&t.jsxs(t.Fragment,{children:[t.jsx(Co,{}),t.jsx(ki,{analytics:e,fund:x,fundIndex:j,onHide:g})]})]},x.fundCode)})})},Si=({fund:e,fundIndex:r,fundAllocation:s})=>{const c=M(),l=se(r,c),a=C();return t.jsxs(ro,{windowSize:a,children:[t.jsxs(De,{style:{width:a==="small"?"100%":"50%"},children:[t.jsx(no,{children:t.jsxs(lo,{children:[t.jsx(Te,{windowSize:a,children:e.fundCode}),t.jsxs(Te,{windowSize:a,children:[s,"%"]})]})}),t.jsxs(co,{color:l.fundNameColor,children:[t.jsx(X,{children:e.fundCompanyName}),t.jsx(X,{children:e.fundName})]})]}),t.jsx(so,{windowSize:a,children:t.jsxs(De,{style:{alignItems:a==="small"?"flex-start":"flex-end"},children:[t.jsxs(po,{children:[v.sevenDayYield,t.jsx(He,{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(Ie,{})})})]}),t.jsxs(ho,{windowSize:a,children:[e.yield,"%"]})]})})]})},ki=({analytics:e,fund:r,fundIndex:s,onHide:c})=>{const l=M(),{common:a,spendManagement:y}=L.getLocalizedStrings(),d=y.treasury.promoPage,g=se(s,l);return t.jsxs(t.Fragment,{children:[t.jsx(yo,{children:r.description}),t.jsxs(fo,{children:[t.jsxs(H,{children:[t.jsxs(I,{children:[t.jsx(K,{})," Liquidity"]}),t.jsx(N,{children:r.liquidityTimeline})]}),t.jsxs(H,{children:[t.jsxs(I,{children:[t.jsx(K,{})," ",d.fundSize]}),t.jsx(N,{color:g.fundNameColor,children:Xe(r.fundSize,r.currencyCode)})]}),t.jsxs(H,{children:[t.jsxs(I,{children:[t.jsx(K,{})," ",d.maturity]}),t.jsxs(N,{children:[r.maturity," ",a.timeStrings.days]})]}),t.jsxs(H,{children:[t.jsxs(I,{children:[t.jsx(K,{})," ",d.expenseRatio]}),t.jsxs(N,{children:[r.expenseRatio,d.expenseRatioSuffix]})]}),t.jsxs(H,{children:[t.jsxs(I,{children:[t.jsx(K,{})," ",d.riskRating]}),t.jsx(N,{children:r.riskRating})]}),t.jsxs(H,{children:[t.jsxs(I,{children:[t.jsx(K,{})," ",d.composition]}),t.jsx(N,{children:t.jsxs(wo,{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($o,{children:r.compositions.map((x,j)=>t.jsxs(jo,{children:[t.jsx(bo,{}),t.jsx(k,{children:x.investedIn}),t.jsx(k,{style:{marginLeft:"auto",textAlign:"right"},children:x.percentage})]},j))}),children:t.jsxs(vo,{children:["+",r.compositions.length]})})]})})]})]}),t.jsxs(go,{children:[t.jsxs(So,{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(ko,{})]}),t.jsxs(mo,{onClick:c,children:[d.hide,t.jsx(Ji,{})]})]})]})};function Ci(e,r){let s=0;for(const c of r){const l=e[c.fundCode]??0;l>0&&c.yield!=null&&(s+=c.yield*l)}return Number((s/100).toFixed(2))}const Y=e=>t.jsx(Gi,{children:e}),zi=o.div`
+`,P={tickLabelText:new O("extraSmallRegular","smallRegular"),balanceIntegerStyles:new O("h5Regular","h3Regular"),integerStyles:new O("largeRegular","h6Regular"),decimalStyles:new O("standardRegular","standardRegular"),fundSummaryStyles:new O("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new O("standardMedium","largeMedium")},T={accountDetailHeaderPaddingRight:new u(h[3],h[8]),accountDetailHeaderPaddingBottom:new u(h[3],h[6]),accountDetailHeaderPaddingLeft:new u(h[3],h[8]),accountDetailHeaderPaddingTop:new u(h[3],h[6]),accountDetailContentMarginTop:new u(h[4],h[4]),areaChartHeight:new u(114,209),accountDetailHeaderGap:new u(18,100,184)},{spendManagement:{zeniAccounts:be,treasury:{overviewPage:v}},dateFormat:q,common:ji}=L.getLocalizedStrings(),Be=$.memo(({accountHistory:e})=>{const r=C(),n=M(),[c,l]=$.useState(),a=$.useMemo(()=>{const s=W.zeniDate(new Date().toISOString()),m=s.clone().subtract(84,"day"),b=84/6;return Array.from({length:7}).map((z,D)=>{const R=D/6;let B;return R<.5?B=0:R<.6?B=.9*((R-.5)/.09999999999999998):B=.9,{date:(D===6?s:m.clone().add(Math.round(D*b),"day")).toISOString(),value:B}})},[]),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=$.useMemo(()=>e.accountHistoryWithBalance.map(s=>({...s,date:s.date.toISOString()})),[e.accountHistoryWithBalance]),x=$.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=W.zeniDate(m[0].payload?.date??"").format(q.visual.DMMMYYYYFormat)}return t.jsxs(Vi,{children:[t.jsx(ze,{children:b}),t.jsx(ze,{isSublabel:!0,children:z})]})},[]),j=$.useCallback(s=>{const m=s,{x:b,y:z}=m,{value:D}=m.payload;let R=!1;e.accountHistoryWithBalance.length>360&&(R=!0);const B=R?W.zeniDate(D).format(q.visual.MMMformat):W.zeniDate(D).format(q.visual.MMMDFormat);return t.jsx(Bi,{translateX:b,translateY:z,children:t.jsx(Ni,{windowSize:r,dy:20,dx:-25,children:B})})},[e.accountHistoryWithBalance.length,r]),f=$.useCallback(({cx:s,cy:m,dataKey:b})=>(b==="balance.available.amount"&&(c?.x!==s||c?.y!==m)&&l({x:s,y:m}),t.jsx(Ei,{cx:s,cy:m,strokeWidth:1,r:h[1]})),[c]),p=$.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(Fi,{children:d?t.jsxs(Qi,{children:[t.jsx(le,{height:T.areaChartHeight.value(r),width:"99%",children:t.jsxs(de,{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(ce,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,tick:s=>j(s),interval:y,padding:{right:h[4]}}),t.jsx(he,{tick:!1,axisLine:!1,domain:[0,1]}),t.jsx(pe,{activeDot:void 0,fillOpacity:1,dot:!1,type:"monotone",dataKey:"value",stroke:n.colors.grey2,strokeDasharray:"4 4",fill:"url(#colorUv)"})]})}),t.jsx(eo,{children:t.jsx(Zi,{children:v.noData})})]}):t.jsx(le,{height:T.areaChartHeight.value(r),width:"99%",children:t.jsxs(de,{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(ce,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:s=>j(s),padding:{right:h[4]},interval:p}),t.jsx(he,{tick:!1,axisLine:!1}),t.jsx(We,{position:c,content:({payload:s})=>x(s),cursor:{strokeDasharray:"3",stroke:w.brandColorJade}}),t.jsx(pe,{activeDot:f,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:w.brandColorJade,fill:"url(#colorUv)"})]})})})});Be.displayName="AccountBalanceGraph";const Fo=({treasuryDetail:e,treasurySetupView:r,onColumnSortConfigChanged:n,onBackClick:c,onReloadTreasuryTransactions:l,handleTreasuryOptionSelection:a,onTransferClick:y})=>{const d=C(),g=M(),x=Ye().analytics,j=m=>{x.trackTreasuryDashboardInteraction((()=>{switch(m){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),a(m)},f=e.accountSummary,p=$.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(_i,{children:v.balanceTooltip.base}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.balance}),t.jsx(te,{children:V("0,0[.]00",f?.totalBalance)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.processing}),t.jsx(te,{children:V("0,0[.]00",f?.processingBalance)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.available}),t.jsx(te,{children:V("0,0[.]00",f?.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(Ie,{children:t.jsx(ae,{display:"flex",placement:d==="small"?"bottom":"top",title:b,style:{textAlign:"left"},maxWidth:z,children:m==="insuredFunds"?t.jsx(uo,{}):t.jsx(He,{})})})},[f,d]),s=t.jsx(yi,{onOptionSelection:j,onTransferClick:()=>{x.trackTreasuryDashboardInteraction("Transfer Funds"),y()}});return t.jsxs(Di,{children:[t.jsx(Ne,{title:v.title,onBackClick:c,showMenuIcon:!1,backgroundColor:g.colors.grey5,style:{zIndex:3,...ie.largeSemiBold.cssObject},rightSideComponent:s,source:"treasury"}),t.jsxs(Ti,{windowSize:d,children:[t.jsxs(Li,{windowSize:d,children:[t.jsx(bi,{fundAllocation:r.currentAllocation,fundsData:r.fundsData,getToolTipContent:p,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(Ri,{windowSize:d,children:t.jsx(Be,{accountHistory:e.accountHistory})})]}),t.jsx(vi,{analytics:x,fundsData:r.fundsData,fundAllocation:r.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?t.jsx(Oe,{treasuryDetail:e,onColumnSortConfigChanged:n}):e.transactionsFetchState.fetchState==="Error"?t.jsxs(Oi,{children:[t.jsx(Ii,{onClick:l,"data-testid":E("account-detail-reload"),children:t.jsx(Yi,{})}),t.jsx(Hi,{children:ji.reloadPage.label})]}):t.jsx($i,{children:t.jsx(Fe,{size:"ExtraLarge",start:!0})})]})},Oe=$.memo(({treasuryDetail:e,onColumnSortConfigChanged:r})=>{const n=C();return t.jsx(t.Fragment,{children:e.transactions.length>0?t.jsx(Pi,{windowSize:n,children:t.jsx(ri,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,onReloadCards:()=>{},onColumnSortConfigChanged:r})}):t.jsx(zi,{})})});Oe.displayName="TransactionListScreen";const bi=({treasuryDetail:e,hasAccountActivity:r,getToolTipContent:n,fundAllocation:c,fundsData:l})=>{const a=C(),[y,d]=$.useState(!1);return $.useEffect(()=>{y===!0&&setTimeout(()=>{d(!1)},800)},[y]),t.jsxs(Mi,{children:[t.jsxs(X,{children:[t.jsx(Ki,{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(_,{amount:e.accountSummary?.availableBalance,integerStyles:P.balanceIntegerStyles.styleObject(a),decimalStyles:P.balanceIntegerStyles.styleObject(a)})}):null})]}),t.jsxs(X,{children:[t.jsxs(K,{children:[F(v.insuredFunds),n("insuredFunds")]}),t.jsx(Z,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(_,{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(Z,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(_,{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:[Ci(c??{},l),"%"]})})]})]})]})},vi=({analytics:e,fundsData:r,fundAllocation:n,hasAccountActivity:c})=>{const[l,a]=$.useState(!1),y=C(),d=M(),g=()=>{a(x=>!x)};return t.jsx(to,{windowSize:y,allTilesExpanded:l,children:r.map((x,j)=>{const f=l,p=ne(j,d);return t.jsxs(io,{expanded:f,windowSize:y,children:[t.jsx(xo,{bgColor:p.headerBackground}),t.jsx(Si,{fund:x,fundIndex:j,fundAllocation:n!=null?n[x.fundCode]:0,hasAccountActivity:c}),!l&&t.jsx(oo,{children:t.jsxs(ao,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+x.fundCompanyName+" "+x.fundName),g()},children:[v.fundTile.viewDetails,t.jsx(Gi,{})]})}),f&&t.jsxs(t.Fragment,{children:[t.jsx(Co,{}),t.jsx(ki,{analytics:e,fund:x,fundIndex:j,onHide:g})]})]},x.fundCode)})})},Si=({fund:e,fundIndex:r,fundAllocation:n})=>{const c=M(),l=ne(r,c),a=C();return t.jsxs(ro,{windowSize:a,children:[t.jsxs(De,{style:{width:a==="small"?"100%":"50%"},children:[t.jsx(so,{children:t.jsxs(lo,{children:[t.jsx(Te,{windowSize:a,children:e.fundCode}),t.jsxs(Te,{windowSize:a,children:[n,"%"]})]})}),t.jsxs(co,{color:l.fundNameColor,children:[t.jsx(X,{children:e.fundCompanyName}),t.jsx(X,{children:e.fundName})]})]}),t.jsx(no,{windowSize:a,children:t.jsxs(De,{style:{alignItems:a==="small"?"flex-start":"flex-end"},children:[t.jsxs(po,{children:[v.sevenDayYield,t.jsx(Ie,{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(He,{})})})]}),t.jsxs(ho,{windowSize:a,children:[e.yield,"%"]})]})})]})},ki=({analytics:e,fund:r,fundIndex:n,onHide:c})=>{const l=M(),{common:a,spendManagement:y}=L.getLocalizedStrings(),d=y.treasury.promoPage,g=ne(n,l);return t.jsxs(t.Fragment,{children:[t.jsx(yo,{children:r.description}),t.jsxs(fo,{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:Xe(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(wo,{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($o,{children:r.compositions.map((x,j)=>t.jsxs(jo,{children:[t.jsx(bo,{}),t.jsx(k,{children:x.investedIn}),t.jsx(k,{style:{marginLeft:"auto",textAlign:"right"},children:x.percentage})]},j))}),children:t.jsxs(vo,{children:["+",r.compositions.length]})})]})})]})]}),t.jsxs(go,{children:[t.jsxs(So,{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(ko,{})]}),t.jsxs(mo,{onClick:c,children:[d.hide,t.jsx(Ji,{})]})]})]})};function Ci(e,r){let n=0;for(const c of r){const l=e[c.fundCode]??0;l>0&&c.yield!=null&&(n+=c.yield*l)}return Number((n/100).toFixed(2))}const F=e=>t.jsx(Ui,{children:e}),zi=o.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -353,23 +351,23 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   display: flex;
   flex-direction: row;
   gap: ${i.sp6};
-`,Oi=o.div`
+`,Ri=o.div`
   display: flex;
   gap: ${i.sp3};
   flex: 1;
   flex-direction: column;
   justify-content: flex-end;
   padding: ${e=>e.windowSize==="small"?i.sp3:i.sp0};
-`,Ri=o.g`
+`,Bi=o.g`
   transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
-`,Bi=o.div`
+`,Oi=o.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Hi=o.div`
+`,Ii=o.div`
   height: ${i.sp12};
   width: ${i.sp12};
   background: ${e=>e.theme.colors.background};
@@ -387,10 +385,10 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ii=o(Me)`
+`,Hi=o(Me)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Ni=o(Le)`
+`,Yi=o(Le)`
   height: ${i.sp5};
   width: ${i.sp5};
   margin: ${i.sp5};
@@ -398,10 +396,10 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ki=o.text`
+`,Ni=o.text`
   fill: ${e=>e.theme.colors.hero};
   ${e=>`${P.tickLabelText.style(e.windowSize)}`};
-`,ve=o.linearGradient``,Se=o.stop``,ke=o.stop``,Yi=o.div`
+`,ve=o.linearGradient``,Se=o.stop``,ke=o.stop``,Fi=o.div`
   display: flex;
   justify-content: flex-end;
   margin-left: -${i.sp8};
@@ -412,7 +410,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
       }
     }
   }
-`,Q=o.div`
+`,Z=o.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -421,13 +419,13 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   flex: 1;
   min-width: 140px;
   flex-direction: column;
-`,Fi=o(k)`
+`,Ki=o(k)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Vi=o.div`
+`,Wi=o.div`
   color: ${e=>e.theme.colors.success};
   ${e=>P.integerStyles.style(e.windowSize)};
-`,Wi=o.div`
+`,Vi=o.div`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -444,12 +442,12 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   fill: ${e=>e.theme.colors.grey5};
 `,ze=o(k)`
   color: ${e=>e.isSublabel===!0?w.neutralGrey1Light:w.brandColorPearl};
-`,F=o.div`
+`,K=o.div`
   display: flex;
   gap: ${i.sp1};
-`,Gi=o(k)`
+`,Ui=o(k)`
   color: ${e=>e.theme.colors.hero};
-`,Ui=o(Je)`
+`,Gi=o(Je)`
   height: 12px;
   width: 12px;
   margin-left: ${i.sp1};
@@ -465,7 +463,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,He=o.div`
+`,Ie=o.div`
   display: flex;
   color: ${e=>e.theme.colors.grey1};
   &:hover {
@@ -483,7 +481,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   color: ${e=>e.theme.colors.hero};
   background: ${e=>e.theme.colors.black};
   border-radius: ${i.sp1};
-`,Z=o(k)`
+`,Q=o(k)`
   color: ${e=>e.theme.colors.brandColorPearl};
   display: flex;
   justify-content: space-between;
@@ -491,7 +489,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   color: ${e=>e.theme.colors.hero};
 `,te=o.div`
   color: ${w.primaryDark};
-`,Ie=o(Fe)`
+`,He=o(Ke)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -502,11 +500,11 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   padding: ${i.sp2};
   background: ${e=>e.theme.colors.black};
   border-radius: ${i.sp1};
-`,Qi=o(A)`
+`,Zi=o(A)`
   color: ${e=>e.theme.colors.hero};
   white-space: pre-line;
   text-align: center;
-`,Zi=o.div`
+`,Qi=o.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -567,12 +565,12 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`,so=o.div`
+`,no=o.div`
   display: flex;
   flex-direction: row;
   gap: ${e=>e.windowSize==="small"?i.sp4:i.sp3};
   align-items: flex-start;
-`,no=o.div`
+`,so=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -583,7 +581,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
 `,Te=o.div`
   color: ${e=>e.theme.colors.primary};
   ${e=>P.fundSummaryStyles.style(e.windowSize)};
-`,co=o(Qe)`
+`,co=o(Ze)`
   color: ${e=>e.color??w.brandColorGoldDark};
   display: flex;
   flex-direction: column;
@@ -634,22 +632,22 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   display: flex;
   flex-direction: column;
   padding: ${i.sp2} ${i.sp5};
-`,H=o.div`
+`,I=o.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding-bottom: ${i.sp1};
-`,I=o(A)`
+`,H=o(A)`
   color: ${e=>e.theme.colors.hero};
   width: 140px;
   display: flex;
   align-items: center;
-`,N=o(A)`
+`,Y=o(A)`
   color: ${e=>e.color??e.theme.colors.primary};
   flex: 1;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
   padding-bottom: 4px;
-`,K=o.div`
+`,N=o.div`
   width: 4px;
   height: 4px;
   border-radius: 50%;
@@ -700,7 +698,7 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,ko=o(Ze)`
+`,ko=o(Qe)`
   width: 12px;
   height: 12px;
 `,Co=o.div`
@@ -710,4 +708,4 @@ import{X as C,u as M,d3 as Ne,j as t,M as L,a0 as W,bt as ae,aW as Ke,f as ie,_
   min-height: 1px;
   max-height: 1px;
   margin-top: ${i.sp4};
-`;export{Yo as default};
+`;export{Fo as default};