@zeniai/web-components 3.16.58 → 3.16.59

package/dist/TreasuryOverviewPage-CeBfgTzW.cjs

@@ -1,708 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-BW93Fnli.cjs"),h=require("react"),o=require("@emotion/styled"),D=require("@zeniai/client-epic-state"),t=require("./index-XelTzqEp.cjs"),ye=require("./commonDimensions-DNbZpRz1.cjs"),b=require("./common-BrcVyjGF.cjs"),J=require("@emotion/react"),X=require("./BoxItem-C5DfGHrU.cjs"),O=require("./treasuryColorHelper-D18WBqLG.cjs"),Re=require("./transaction-placeholder-DtRQmfvQ.cjs"),we=require("./MoreMenuButton-CtLQVZNN.cjs"),fe=require("./money-CJCMJZfW.cjs"),ve=require("./shield-j1CJ86AC.cjs"),U=t.appLocale.getLocalizedStrings().spendManagement.treasury.overviewPage.header,Ee={key:"description",value:U.trasnactionTitle,sortOrder:"ascending",width:new t.ResponsiveSized(120,250,400,400,500)},$e={key:"date",value:U.paymentDate,sortOrder:"ascending",width:new t.ResponsiveSized(100,120,200,250,300)},be={key:"amount",value:U.amount,sortOrder:"ascending",width:new t.ResponsiveSized(80,100,150,180,200)},V=()=>[Ee,$e,be],w={containerPaddingLeft:t.Space.sp4,containerPaddingRight:t.Space.sp4,containerPaddingTop:t.Space.sp3,containerPaddingBottom:t.Space.sp3,headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerHeight:new t.ResponsiveSized(b.HEADER_HEIGHT_MOBILE,b.HEADER_HEIGHT),sortIconSize:new t.ResponsiveSized(t.sp[2],t.sp[2]),headerPaddingTop:new t.ResponsiveSized(t.sp[0],2)};function Te({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:r}){const p=s.useTheme(),a=t.useWindowSizeContext(),[n,u]=h.useState(V());h.useEffect(()=>{const l=[...n];for(const c of l)c.key===i.sortKey?c.sortOrder=i.sortOrder:c.sortOrder="ascending";u(l)},[i.sortKey,i.sortOrder]);const d=(l,c)=>{let g=c;i.sortKey===l&&(g=c==="ascending"?"descending":"ascending"),r(l,g)},m=n.find(l=>l.key===i.sortKey)??n[0],x=l=>n.find(c=>c.key===l)?.value??"",j=n.map(l=>l.key),R=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?s.jsxRuntimeExports.jsxs(Pe,{windowSize:a,children:[s.jsxRuntimeExports.jsxs(De,{children:[s.jsxRuntimeExports.jsx(Ae,{children:s.jsxRuntimeExports.jsx(Me,{})}),s.jsxRuntimeExports.jsx(t.Picker$1,{title:R.sortBy,placeholder:R.sortBy,pickerValues:j,valueToLabel:x,selectedValue:i.sortKey,onPickerSelectionChanged:l=>{d(l,"ascending")},optionTextStyle:t.textStyles.extraSmallRegular,titleTextStyle:t.textStyles.extraSmallRegular,titleColor:p.colors.primary,selectedOptionColor:p.colors.hero,optionBackgroundColor:p.colors.grey5,downChevronVisible:!1,backgroundColor:p.colors.grey4})]}),s.jsxRuntimeExports.jsxs(Oe,{onClick:()=>d(m.key,m.sortOrder),"data-testid":t.generateDataTestId("mobile-cards-list-sort-clicked",i.sortKey),children:[s.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:m.value}),s.jsxRuntimeExports.jsx(Z,{windowSize:a,sortDataValue:i.sortKey,headerdata:m,children:s.jsxRuntimeExports.jsx(Q,{windowSize:a,isSelected:i.sortKey===m.key,children:s.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{})})})]})]}):s.jsxRuntimeExports.jsx(ze,{windowSize:a,children:s.jsxRuntimeExports.jsx(ke,{children:n.map(l=>l.width.value(a)!==0&&s.jsxRuntimeExports.jsxs(Ie,{companyNameSticky:e,sortDataValue:i.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:a,children:[s.jsxRuntimeExports.jsxs(He,{onClick:()=>d(l.key,l.sortOrder),"data-testid":t.generateDataTestId("cards-list-sort-clicked",i.sortKey),children:[s.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:l.value}),s.jsxRuntimeExports.jsx(Z,{windowSize:a,sortDataValue:i.sortKey,headerdata:l,children:s.jsxRuntimeExports.jsx(Q,{windowSize:a,isSelected:i.sortKey===l.key,children:s.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{})})})]}),s.jsxRuntimeExports.jsx(Be,{sortDataValue:i.sortKey,windowSize:a,isVisible:i.sortKey===l.key&&l.key!=="date",children:s.jsxRuntimeExports.jsx(Le,{onClick:()=>d("date","ascending"),"data-testid":t.generateDataTestId("cards-list-sort-cancel",i.sortKey)})})]},l.key))})})}const Ce=h.memo(Te),ze=o.div`
-  top: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-  margin-left: ${t.Space.sp8};
-  margin-right: ${t.Space.sp8};
-`,ke=o.div`
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${w.containerPaddingTop} ${w.containerPaddingRight}
-    ${w.containerPaddingBottom} ${w.containerPaddingLeft};
-  justify-content: space-between;
-`,Pe=o(t.SmallRegular)`
-  top: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  min-height: ${e=>w.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>w.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${w.headerLastColumnTopPadding.valuePx(e.windowSize)} ${w.headerLastColumnRightPadding.valuePx(e.windowSize)} ${w.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${w.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-`,Ie=o.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.hero};
-  width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  min-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  padding-left: ${e=>e.companyNameSticky?t.Space.sp4:t.Space.sp0};
-  padding-right: ${t.Space.sp0};
-  display: flex;
-  align-items: center;
-  left: ${t.Space.sp0};
-  justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?J.css`
-          position: sticky;
-          z-index: 1;
-        `:J.css`
-          position: static;
-          z-index: 0;
-        `};
-
-  padding-left: ${t.Space.sp0};
-  box-sizing: border-box;
-  overflow: hidden;
-`,Le=o(t.SvgCloseRound)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,Z=o.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerdata.sortOrder==="ascending"?`padding-top: ${w.headerPaddingTop.valuePx(e.windowSize)}`:"padding-bottom: 2px"}
-`,Q=o.div`
-  width: ${({windowSize:e})=>w.sortIconSize.valuePx(e)};
-  height: ${({windowSize:e})=>w.sortIconSize.valuePx(e)};
-  cursor: pointer;
-  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,De=o.div`
-  gap: ${t.Space.sp1};
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,Me=o(t.SvgSortBy)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: inherit;
-`,Ae=o.div`
-  margin-right: ${t.Space.sp1};
-  display: flex;
-  align-items: center;
-`,Be=o.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,He=o.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Oe=o.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  color: ${e=>e.theme.colors.primary};
-`,A={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[8]),cardHolderNamePaddingLeft:new t.ResponsiveSized(t.sp[0],t.sp[3])};function We({data:e,boxType:i}){const{description:r,amount:p,status:a,date:n}=e,u=t.amountToString("0,0.00",p),d=t.useWindowSizeContext(),{dateFormat:m}=t.appLocale.getLocalizedStrings(),x=V(),j=x[0].width,R=x[1].width,l=x[2].width,c=O.getTransactionStatus(a);if(d==="small"){const S=s.jsxRuntimeExports.jsx(Ue,{children:s.jsxRuntimeExports.jsxs(Je,{children:[s.jsxRuntimeExports.jsxs(Xe,{children:[s.jsxRuntimeExports.jsxs(Qe,{children:[s.jsxRuntimeExports.jsx(ee,{}),s.jsxRuntimeExports.jsx(et,{children:s.jsxRuntimeExports.jsx(tt,{children:s.jsxRuntimeExports.jsxs(st,{children:[r,a!=null&&a.code!=="completed"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ot,{}),s.jsxRuntimeExports.jsx(it,{color:c?.color,children:c?.value})]}):null]})})})]}),s.jsxRuntimeExports.jsx(nt,{children:s.jsxRuntimeExports.jsx(rt,{children:n!=null?`${V()[1].value}: `+n.format(m.visual.MMMDCommaYYYYformat):null})})]}),s.jsxRuntimeExports.jsx(Ze,{children:s.jsxRuntimeExports.jsx(at,{children:s.jsxRuntimeExports.jsx(se,{children:u})})})]})});return s.jsxRuntimeExports.jsx(X.BoxItem,{content:S,boxType:i,isDisabled:!0,isNotClickable:!0})}const g=s.jsxRuntimeExports.jsxs(Ne,{windowSize:d,children:[s.jsxRuntimeExports.jsxs(Fe,{windowSize:d,width:j,children:[s.jsxRuntimeExports.jsx(ee,{}),s.jsxRuntimeExports.jsxs(Ge,{windowSize:d,children:[s.jsxRuntimeExports.jsx(te,{children:r}),a!=null&&a.code!=="completed"?s.jsxRuntimeExports.jsxs(Ke,{windowSize:d,children:[s.jsxRuntimeExports.jsx(qe,{}),s.jsxRuntimeExports.jsx(Ve,{color:c?.color,children:c?.value})]}):null]})]}),s.jsxRuntimeExports.jsx(Ye,{windowSize:d,width:R,children:s.jsxRuntimeExports.jsx(te,{children:n!=null?n.format(m.visual.MMMDCommaYYYYformat):null})}),s.jsxRuntimeExports.jsx(_e,{windowSize:d,width:l,children:s.jsxRuntimeExports.jsx(se,{children:u})})]});return s.jsxRuntimeExports.jsx(X.BoxItem,{content:g,boxType:i,isDisabled:!0,isNotClickable:!0})}const Ne=o.div`
-  width: 100%;
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>A.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>A.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>A.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>A.containerPaddingBottom.valuePx(e.windowSize)};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
-  border-radius: ${t.Space.sp2};
-  justify-content: space-between;
-  align-items: center;
-`,Fe=o.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.width.valuePx(e.windowSize)};
-  max-width: ${e=>e.width.valuePx(e.windowSize)};
-  min-width: ${e=>e.width.valuePx(e.windowSize)};
-  padding-left: ${t.Space.sp0};
-  box-sizing: border-box;
-`,Ye=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;
-`,_e=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  width: ${e=>e.width.valuePx(e.windowSize)};
-  max-width: ${e=>e.width.valuePx(e.windowSize)};
-  min-width: ${e=>e.width.valuePx(e.windowSize)};
-  padding-right: ${t.Space.sp2};
-  box-sizing: border-box;
-`,ee=o(Re.SvgTransactionPlaceholder)`
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-`,te=o(t.StandardRegular)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: ${t.Space.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,Ge=o.div`
-  display: flex;
-  align-items: center;
-  text-align: left;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  margin-left: ${t.Space.sp3};
-  max-height: ${t.Space.sp11};
-  word-break: break-word;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`,Ke=o.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-`,Ve=o(t.ExtraSmallRegular)`
-  color: ${e=>e.color};
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  display: -webkit-box;
-`,qe=o.div`
-  display: block;
-  width: ${t.Space.sp1};
-  height: ${t.Space.sp1};
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey1};
-  margin-left: ${t.Space.sp2};
-  margin-right: ${t.Space.sp2};
-`,se=o(t.StandardRegular)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  text-align: right;
-  width: 100%;
-`,Ue=o.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${t.Space.sp3};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
-  border-radius: ${t.Space.sp2};
-  gap: ${t.Space.sp1};
-`,Je=o.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: flex-start;
-`,Xe=o.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-width: 0;
-  max-width: 60%;
-`,Ze=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  margin-left: ${t.Space.sp4};
-`,Qe=o.div`
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: ${t.Space.sp1};
-`,et=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  margin-left: ${t.Space.sp3};
-  flex: 1;
-  min-width: 0;
-`,tt=o.div`
-  width: 100%;
-`,st=o(t.StandardRegular)`
-  display: block;
-  color: ${e=>e.theme.colors.hero};
-  line-height: 1.4;
-  text-align: left;
-  word-break: break-word;
-  overflow-wrap: break-word;
-`,ot=o.span`
-  display: inline-block;
-  width: ${t.Space.sp1};
-  height: ${t.Space.sp1};
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey1};
-  margin-left: ${t.Space.sp2};
-  margin-right: ${t.Space.sp2};
-  vertical-align: middle;
-`,it=o(t.ExtraSmallRegular)`
-  display: inline;
-  color: ${e=>e.color};
-  white-space: nowrap;
-`,nt=o.div`
-  display: flex;
-  align-items: center;
-  margin-top: ${t.Space.sp1};
-  margin-left: ${t.Space.sp6};
-`,rt=o(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey1};
-  text-align: left;
-`,at=o.div`
-  display: flex;
-  align-items: flex-start;
-`,q={lastListItemHeight:new t.ResponsiveSized(200,128),bannerGap:new t.ResponsiveSized(t.sp[2],t.sp[3]),contentContainerMargin:new t.ResponsiveSized(t.sp[3],t.sp[4],t.sp[8]),creditSpendBarContainerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[0]),creditSpendInfoContainerMarginTop:new t.ResponsiveSized(t.sp[3],t.sp[0]),infoSubheadingTextMarginTop:new t.ResponsiveSized(t.sp[0],t.sp[0]),bannerWrapperMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),styledThunderIconContainerSize:new t.ResponsiveSized(t.sp[3],t.sp[4]),tooltipIconContainerMarginLeft:new t.ResponsiveSized(t.sp[1],t.sp[0]),rowWrapperMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8])},{spendManagement:{chargeCard:lt},common:ct}=t.appLocale.getLocalizedStrings(),dt=({transactionList:e,uiState:i,fetchState:r,onReloadCards:p,onColumnSortConfigChanged:a})=>{const n=t.useWindowSizeContext(),u=h.useRef(null),d=h.useMemo(()=>n!=="small"?b.DEFAULT_LIST_ITEM_HEIGHT_REGULAR:ye.DEFAULT_TRANSACTION_LIST_ITEM_HEIGHT_BIG+40,[n]),m=()=>d,x=n==="small"?b.HEADER_HEIGHT_MOBILE:b.HEADER_HEIGHT,j=h.useMemo(()=>e.length*d+x,[e.length,d,x]);h.useEffect(()=>{u.current?.resetAfterIndex(0)},[n]);const R=()=>r==="Error"?s.jsxRuntimeExports.jsxs(gt,{children:[s.jsxRuntimeExports.jsx(jt,{onClick:p,"data-testid":t.generateDataTestId("treasury-list-reload"),children:s.jsxRuntimeExports.jsx(St,{})}),s.jsxRuntimeExports.jsx(yt,{children:ct.reloadPage.label})]}):r==="Completed"&&e.length===0?null:s.jsxRuntimeExports.jsx(ue,{children:s.jsxRuntimeExports.jsx(Rt,{windowSize:n,children:s.jsxRuntimeExports.jsx(s.VariableSizeList,{ref:u,height:j,itemCount:e.length,innerElementType:l=>pt(l,a,i,r),itemSize:m,estimatedItemSize:b.DEFAULT_LIST_ITEM_HEIGHT_COMPACT,itemKey:l=>e[l].id,width:"100%",overscanCount:b.OVERSCAN_COUNT,initialScrollOffset:0,style:{overflow:"hidden"},children:l=>s.jsxRuntimeExports.jsx(mt,{...l,transactionList:e})})})});return s.jsxRuntimeExports.jsx(ht,{fetchState:r,children:R()})},pt=(e,i,r,p)=>s.jsxRuntimeExports.jsx(me,{...e,onColumnSortConfigChanged:i,uiState:{sortKey:r.sortKey,sortOrder:r.sortOrder},fetchState:p}),me=h.forwardRef((e,i)=>{const{children:r,style:p,uiState:a,onColumnSortConfigChanged:n,...u}=e;return s.jsxRuntimeExports.jsxs(ue,{ref:i,style:{...p,width:"auto"},...u,children:[s.jsxRuntimeExports.jsx(Ce,{companyNameSticky:!1,onColumnSortConfigChanged:n,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),s.jsxRuntimeExports.jsx(ft,{children:r})]})});me.displayName=lt.cardList.headerElementDisplayName;const xt=({transactionList:e,fetchState:i,uiState:r,onReloadCards:p,onColumnSortConfigChanged:a})=>s.jsxRuntimeExports.jsx(dt,{transactionList:e,fetchState:i,onReloadCards:p,uiState:r,onColumnSortConfigChanged:a}),mt=({index:e,style:i,transactionList:r})=>{const p=t.useWindowSizeContext();return s.jsxRuntimeExports.jsx(wt,{style:{...i,width:"100%",paddingLeft:q.rowWrapperMarginLeftRight.valuePx(p),paddingRight:q.rowWrapperMarginLeftRight.valuePx(p)},className:"spend-management-list-item",children:s.jsxRuntimeExports.jsx(ut,{transaction:r[e]})},"listItem"+r[e].id)},ut=({transaction:e})=>s.jsxRuntimeExports.jsx(We,{data:e,boxType:"roundedBox"},e.id),ht=o.div`
-  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
-  display: block;
-  height: 100%;
-`,gt=o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,jt=o.div`
-  height: 96px;
-  width: 96px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-`,St=o(t.SvgReload)`
-  height: ${t.Space.sp5};
-  width: ${t.Space.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,yt=o(t.SmallRegularSp)`
-  margin-top: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Rt=o.div`
-  width: 100%;
-  max-width: 100%;
-  overflow-x: auto;
-  .spend-management-list-item:last-of-type {
-    height: ${e=>q.lastListItemHeight.valuePx(e.windowSize)} !important;
-    padding-bottom: ${t.Space.sp9};
-  }
-`,wt=o.div`
-  top: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  padding-bottom: ${t.Space.sp3};
-  box-sizing: border-box;
-`,ft=o.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,ue=o.div``,vt=["editPortfolio","taxLetter","statements","settings"],Et=e=>D.stringToUnionStrict(e??"",vt),B=t.appLocale.getLocalizedStrings().spendManagement.treasury.overviewPage,oe=[{value:"editPortfolio",label:B.editPortfolio},{value:"taxLetter",label:B.taxLetter},{value:"statements",label:B.statements},{value:"settings",label:B.settings}],$t=({onOptionSelection:e,onTransferClick:i})=>{const r=t.useGlobalInfoContext(),p=t.useWindowSizeContext(),a=t.appLocale.getLocalizedStrings().spendManagement.treasury.overviewPage,n=r.loggedInUserRoleMap.treasury_user===!0||t.isZeniFinopsRoles(r),u=oe.filter(m=>m.value==="statements"||m.value==="taxLetter"),d=s.useTheme();return s.jsxRuntimeExports.jsxs(bt,{isTopAlign:!1,children:[s.jsxRuntimeExports.jsx(we.MoreMenuButton,{entity:"zeni_treasury",onOptionSelection:m=>{const x=Et(m);x!=null&&e(x)},isMoreOption:!0,backgroundColor:d.colors.grey5,options:n?u:oe}),!n&&(p==="small"?s.jsxRuntimeExports.jsx(Tt,{onClick:i}):s.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:i,label:a.transferFunds}))]})},bt=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-  gap: ${t.Space.sp3};
-`,Tt=o(fe.SvgMoney)`
-  min-width: ${t.Space.sp4};
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Ct=o.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,E={tickLabelText:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular"),balanceIntegerStyles:new t.ResponsiveSizedStyle("h5Regular","h3Regular"),integerStyles:new t.ResponsiveSizedStyle("largeRegular","h6Regular"),decimalStyles:new t.ResponsiveSizedStyle("standardRegular","standardRegular"),fundSummaryStyles:new t.ResponsiveSizedStyle("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},$={accountDetailHeaderPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),accountDetailHeaderPaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[6]),accountDetailHeaderPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[8]),accountDetailHeaderPaddingTop:new t.ResponsiveSized(t.sp[3],t.sp[6]),accountDetailContentMarginTop:new t.ResponsiveSized(t.sp[4],t.sp[4]),areaChartHeight:new t.ResponsiveSized(114,209),accountDetailHeaderGap:new t.ResponsiveSized(18,100,184)},{spendManagement:{zeniAccounts:ie,treasury:{overviewPage:y}},dateFormat:F,common:zt}=t.appLocale.getLocalizedStrings(),he=h.memo(({accountHistory:e})=>{const i=t.useWindowSizeContext(),r=s.useTheme(),[p,a]=h.useState(),n=h.useMemo(()=>{const S=D.zeniDate(new Date().toISOString()),f=S.clone().subtract(84,"day"),v=84/6;return Array.from({length:7}).map((W,P)=>{const N=P/6;let M;return N<.5?M=0:N<.6?M=.9*((N-.5)/.09999999999999998):M=.9,{date:(P===6?S:f.clone().add(Math.round(P*v),"day")).toISOString(),value:M}})},[]),u=h.useMemo(()=>(n.length<=0,0),[n.length]),d=e.fetchState==="Completed"&&(e.accountHistoryWithBalance.length===0||e.accountHistoryWithBalance.every(c=>c.balance?.available.amount===0)),m=h.useMemo(()=>e.accountHistoryWithBalance.map(c=>({...c,date:c.date.toISOString()})),[e.accountHistoryWithBalance]),x=h.useCallback(c=>{const g=Array.isArray(c)?c:[];let S="",f="";if(Array.isArray(g)&&g.length>0){const v=g[0].payload?.balance?.available;f=t.amountToString("0,0[.]00",v),S=D.zeniDate(g[0].payload?.date??"").format(F.visual.DMMMYYYYFormat)}return s.jsxRuntimeExports.jsxs(Qt,{children:[s.jsxRuntimeExports.jsx(ce,{children:S}),s.jsxRuntimeExports.jsx(ce,{isSublabel:!0,children:f})]})},[]),j=h.useCallback(c=>{const g=c,{x:S,y:f}=g,{value:v}=g.payload;let W=!1;e.accountHistoryWithBalance.length>360&&(W=!0);const P=W?D.zeniDate(v).format(F.visual.MMMformat):D.zeniDate(v).format(F.visual.MMMDFormat);return s.jsxRuntimeExports.jsx(_t,{translateX:S,translateY:f,children:s.jsxRuntimeExports.jsx(Ut,{windowSize:i,dy:20,dx:-25,children:P})})},[e.accountHistoryWithBalance.length,i]),R=h.useCallback(({cx:c,cy:g,dataKey:S})=>(S==="balance.available.amount"&&(p?.x!==c||p?.y!==g)&&a({x:c,y:g}),s.jsxRuntimeExports.jsx(es,{cx:c,cy:g,strokeWidth:1,r:t.sp[1]})),[p]),l=h.useMemo(()=>{const c=e.accountHistoryWithBalance.length;return c<=0?0:c>360?Math.floor(c/12):Math.floor(c/7)},[e.accountHistoryWithBalance.length]);return s.jsxRuntimeExports.jsx(Jt,{children:d?s.jsxRuntimeExports.jsxs(ls,{children:[s.jsxRuntimeExports.jsx(s.ResponsiveContainer,{height:$.areaChartHeight.value(i),width:"99%",children:s.jsxRuntimeExports.jsxs(s.AreaChart,{data:n,margin:{top:0,right:0,bottom:0,left:0},children:[s.jsxRuntimeExports.jsx("defs",{children:s.jsxRuntimeExports.jsxs(ne,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[s.jsxRuntimeExports.jsx(re,{offset:"0%",stopColor:r.colors.grey2,stopOpacity:1}),s.jsxRuntimeExports.jsx(ae,{offset:"100%",stopColor:r.colors.grey2,stopOpacity:.02})]})}),s.jsxRuntimeExports.jsx(s.XAxis,{dataKey:"date",stroke:r.colors.grey3,tickSize:0,tick:c=>j(c),interval:u,padding:{right:t.sp[4]}}),s.jsxRuntimeExports.jsx(s.YAxis,{tick:!1,axisLine:!1,domain:[0,1]}),s.jsxRuntimeExports.jsx(s.Area,{activeDot:void 0,fillOpacity:1,dot:!1,type:"monotone",dataKey:"value",stroke:r.colors.grey2,strokeDasharray:"4 4",fill:"url(#colorUv)"})]})}),s.jsxRuntimeExports.jsx(cs,{children:s.jsxRuntimeExports.jsx(as,{children:y.noData})})]}):s.jsxRuntimeExports.jsx(s.ResponsiveContainer,{height:$.areaChartHeight.value(i),width:"99%",children:s.jsxRuntimeExports.jsxs(s.AreaChart,{data:m,margin:{top:0,right:0,bottom:0,left:0},children:[s.jsxRuntimeExports.jsx("defs",{children:s.jsxRuntimeExports.jsxs(ne,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[s.jsxRuntimeExports.jsx(re,{offset:"0%",stopColor:t.Colors.brandColorJade,stopOpacity:1}),s.jsxRuntimeExports.jsx(ae,{offset:"100%",stopColor:t.Colors.brandColorJade,stopOpacity:.03})]})}),s.jsxRuntimeExports.jsx(s.XAxis,{dataKey:"date",stroke:r.colors.grey3,tickSize:0,reversed:!0,tick:c=>j(c),padding:{right:t.sp[4]},interval:l}),s.jsxRuntimeExports.jsx(s.YAxis,{tick:!1,axisLine:!1}),s.jsxRuntimeExports.jsx(s.Tooltip$1,{position:p,content:({payload:c})=>x(c),cursor:{strokeDasharray:"3",stroke:t.Colors.brandColorJade}}),s.jsxRuntimeExports.jsx(s.Area,{activeDot:R,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:t.Colors.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const kt=({treasuryDetail:e,treasurySetupView:i,onColumnSortConfigChanged:r,onBackClick:p,onReloadTreasuryTransactions:a,handleTreasuryOptionSelection:n,onTransferClick:u})=>{const d=t.useWindowSizeContext(),m=s.useTheme(),j=t.useToolkitContext().analytics;t.useSentryPerformanceTracking({componentName:"treasury.overview",enabled:e.fetchState==="Completed"});const R=S=>{j.trackTreasuryDashboardInteraction((()=>{switch(S){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),n(S)},l=e.accountSummary,c=h.useCallback(S=>{let f=null,v;switch(S){case"insuredFunds":f=s.jsxRuntimeExports.jsx(de,{children:y.insuredFundsTooltip}),v="280px";break;case"totalBalance":f=s.jsxRuntimeExports.jsxs(rs,{children:[s.jsxRuntimeExports.jsx(ns,{children:y.balanceTooltip.base}),s.jsxRuntimeExports.jsxs(_,{children:[s.jsxRuntimeExports.jsx(G,{children:y.balanceTooltip.balance}),s.jsxRuntimeExports.jsx(K,{children:t.amountToString("0,0[.]00",l?.totalBalance)})]}),s.jsxRuntimeExports.jsxs(_,{children:[s.jsxRuntimeExports.jsx(G,{children:y.balanceTooltip.processing}),s.jsxRuntimeExports.jsx(K,{children:t.amountToString("0,0[.]00",l?.processingBalance)})]}),s.jsxRuntimeExports.jsxs(_,{children:[s.jsxRuntimeExports.jsx(G,{children:y.balanceTooltip.available}),s.jsxRuntimeExports.jsx(K,{children:t.amountToString("0,0[.]00",l?.availableBalance)})]})]}),v="312px";break;case"sevenDayYield":f=s.jsxRuntimeExports.jsx(de,{children:y.fundTile.sevenDayYieldTooltip}),v="464px";break;default:f=s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{});break}return s.jsxRuntimeExports.jsx(je,{children:s.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:d==="small"?"bottom":"top",title:f,style:{textAlign:"left"},maxWidth:v,children:S==="insuredFunds"?s.jsxRuntimeExports.jsx(Es,{}):s.jsxRuntimeExports.jsx(Se,{})})})},[l,d]),g=s.jsxRuntimeExports.jsx($t,{onOptionSelection:R,onTransferClick:()=>{j.trackTreasuryDashboardInteraction("Transfer Funds"),u()}});return s.jsxRuntimeExports.jsxs(Ht,{children:[s.jsxRuntimeExports.jsx(t.NavBar,{title:y.title,onBackClick:p,showMenuIcon:!1,backgroundColor:m.colors.grey5,style:{zIndex:3,...t.textStyles.largeSemiBold.cssObject},rightSideComponent:g,source:"treasury"}),s.jsxRuntimeExports.jsxs(Ot,{windowSize:d,children:[s.jsxRuntimeExports.jsxs(Wt,{windowSize:d,children:[s.jsxRuntimeExports.jsx(Pt,{fundAllocation:i.currentAllocation,fundsData:i.fundsData,getToolTipContent:c,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),s.jsxRuntimeExports.jsx(Yt,{windowSize:d,children:s.jsxRuntimeExports.jsx(he,{accountHistory:e.accountHistory})})]}),s.jsxRuntimeExports.jsx(It,{analytics:j,fundsData:i.fundsData,fundAllocation:i.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?s.jsxRuntimeExports.jsx(ge,{treasuryDetail:e,onColumnSortConfigChanged:r}):e.transactionsFetchState.fetchState==="Error"?s.jsxRuntimeExports.jsxs(Gt,{children:[s.jsxRuntimeExports.jsx(Kt,{onClick:a,"data-testid":t.generateDataTestId("account-detail-reload"),children:s.jsxRuntimeExports.jsx(qt,{})}),s.jsxRuntimeExports.jsx(Vt,{children:zt.reloadPage.label})]}):s.jsxRuntimeExports.jsx(Ct,{children:s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})})]})},ge=h.memo(({treasuryDetail:e,onColumnSortConfigChanged:i})=>{const r=t.useWindowSizeContext();return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:e.transactions.length>0?s.jsxRuntimeExports.jsx(Bt,{windowSize:r,children:s.jsxRuntimeExports.jsx(xt,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,onReloadCards:()=>{},onColumnSortConfigChanged:i})}):s.jsxRuntimeExports.jsx(At,{})})});ge.displayName="TransactionListScreen";const Pt=({treasuryDetail:e,hasAccountActivity:i,getToolTipContent:r,fundAllocation:p,fundsData:a})=>{const n=t.useWindowSizeContext(),[u,d]=h.useState(!1);return h.useEffect(()=>{u===!0&&setTimeout(()=>{d(!1)},800)},[u]),s.jsxRuntimeExports.jsxs(Nt,{children:[s.jsxRuntimeExports.jsxs(H,{children:[s.jsxRuntimeExports.jsx(Xt,{children:s.jsxRuntimeExports.jsxs(L,{children:[I(ie.zeniAccountList.totalAvailableBalance),r("totalBalance")]})}),s.jsxRuntimeExports.jsx(is,{windowSize:n,children:e.accountSummary?.availableBalance?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx(t.AmountBalance,{amount:e.accountSummary?.availableBalance,integerStyles:E.balanceIntegerStyles.styleObject(n),decimalStyles:E.balanceIntegerStyles.styleObject(n)})}):null})]}),s.jsxRuntimeExports.jsxs(H,{children:[s.jsxRuntimeExports.jsxs(L,{children:[I(y.insuredFunds),r("insuredFunds")]}),s.jsxRuntimeExports.jsx(Y,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:s.jsxRuntimeExports.jsx(t.AmountBalance,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:E.integerStyles.styleObject(n),decimalStyles:E.decimalStyles.styleObject(n)})}),s.jsxRuntimeExports.jsx(L,{children:I(y.insuredFundsAmount)})]}),i&&s.jsxRuntimeExports.jsxs(Ft,{children:[s.jsxRuntimeExports.jsxs(le,{children:[s.jsxRuntimeExports.jsx(L,{children:I(ie.common.totalYieldEarned)}),s.jsxRuntimeExports.jsx(Y,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:s.jsxRuntimeExports.jsx(t.AmountBalance,{amount:e.accountSummary?.totalYield,integerStyles:E.integerStyles.styleObject(n),decimalStyles:E.decimalStyles.styleObject(n)})})]}),s.jsxRuntimeExports.jsxs(le,{children:[s.jsxRuntimeExports.jsxs(L,{children:[I(y.sevenDayYield)," ",r("sevenDayYield")]}),s.jsxRuntimeExports.jsx(Y,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:s.jsxRuntimeExports.jsxs(Zt,{windowSize:n,children:[Mt(p??{},a),"%"]})})]})]})]})},It=({analytics:e,fundsData:i,fundAllocation:r,hasAccountActivity:p})=>{const[a,n]=h.useState(!1),u=t.useWindowSizeContext(),d=s.useTheme(),m=()=>{n(x=>!x)};return s.jsxRuntimeExports.jsx(ds,{windowSize:u,allTilesExpanded:a,children:i.map((x,j)=>{const R=a,l=O.getFundColorsByIndex(j,d);return s.jsxRuntimeExports.jsxs(ps,{expanded:R,windowSize:u,children:[s.jsxRuntimeExports.jsx(ws,{bgColor:l.headerBackground}),s.jsxRuntimeExports.jsx(Lt,{fund:x,fundIndex:j,fundAllocation:r!=null?r[x.fundCode]:0,hasAccountActivity:p}),!a&&s.jsxRuntimeExports.jsx(xs,{children:s.jsxRuntimeExports.jsxs(us,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+x.fundCompanyName+" "+x.fundName),m()},children:[y.fundTile.viewDetails,s.jsxRuntimeExports.jsx(ss,{})]})}),R&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Ds,{}),s.jsxRuntimeExports.jsx(Dt,{analytics:e,fund:x,fundIndex:j,onHide:m})]})]},x.fundCode)})})},Lt=({fund:e,fundIndex:i,fundAllocation:r})=>{const p=s.useTheme(),a=O.getFundColorsByIndex(i,p),n=t.useWindowSizeContext();return s.jsxRuntimeExports.jsxs(ms,{windowSize:n,children:[s.jsxRuntimeExports.jsxs(pe,{style:{width:n==="small"?"100%":"50%"},children:[s.jsxRuntimeExports.jsx(gs,{children:s.jsxRuntimeExports.jsxs(js,{children:[s.jsxRuntimeExports.jsx(xe,{windowSize:n,children:e.fundCode}),s.jsxRuntimeExports.jsxs(xe,{windowSize:n,children:[r,"%"]})]})}),s.jsxRuntimeExports.jsxs(Ss,{color:a.fundNameColor,children:[s.jsxRuntimeExports.jsx(H,{children:e.fundCompanyName}),s.jsxRuntimeExports.jsx(H,{children:e.fundName})]})]}),s.jsxRuntimeExports.jsx(hs,{windowSize:n,children:s.jsxRuntimeExports.jsxs(pe,{style:{alignItems:n==="small"?"flex-start":"flex-end"},children:[s.jsxRuntimeExports.jsxs(Rs,{children:[y.sevenDayYield,s.jsxRuntimeExports.jsx(je,{style:{marginRight:"-20px",marginTop:"2px"},children:s.jsxRuntimeExports.jsx(t.Tooltip,{placement:n==="small"?"bottom":"bottom-end",data:y.fundTile.sevenDayYieldTooltip,variant:"small-description",maxWidth:"464px",children:s.jsxRuntimeExports.jsx(Se,{})})})]}),s.jsxRuntimeExports.jsxs(ys,{windowSize:n,children:[e.yield,"%"]})]})})]})},Dt=({analytics:e,fund:i,fundIndex:r,onHide:p})=>{const a=s.useTheme(),{common:n,spendManagement:u}=t.appLocale.getLocalizedStrings(),d=u.treasury.promoPage,m=O.getFundColorsByIndex(r,a);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx($s,{children:i.description}),s.jsxRuntimeExports.jsxs(bs,{children:[s.jsxRuntimeExports.jsxs(T,{children:[s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(k,{})," Liquidity"]}),s.jsxRuntimeExports.jsx(z,{children:i.liquidityTimeline})]}),s.jsxRuntimeExports.jsxs(T,{children:[s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(k,{})," ",d.fundSize]}),s.jsxRuntimeExports.jsx(z,{color:m.fundNameColor,children:t.currencyAmountCompactFormatter(i.fundSize,i.currencyCode)})]}),s.jsxRuntimeExports.jsxs(T,{children:[s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(k,{})," ",d.maturity]}),s.jsxRuntimeExports.jsxs(z,{children:[i.maturity," ",n.timeStrings.days]})]}),s.jsxRuntimeExports.jsxs(T,{children:[s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(k,{})," ",d.expenseRatio]}),s.jsxRuntimeExports.jsxs(z,{children:[i.expenseRatio,d.expenseRatioSuffix]})]}),s.jsxRuntimeExports.jsxs(T,{children:[s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(k,{})," ",d.riskRating]}),s.jsxRuntimeExports.jsx(z,{children:i.riskRating})]}),s.jsxRuntimeExports.jsxs(T,{children:[s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(k,{})," ",d.composition]}),s.jsxRuntimeExports.jsx(z,{children:s.jsxRuntimeExports.jsxs(Ts,{children:[i.compositions[0].investedIn," ",i.compositions[0].percentage,Array.isArray(i.compositions)&&i.compositions.length>0&&s.jsxRuntimeExports.jsx(t.Tooltip,{style:{textAlign:"left",display:"inline"},title:s.jsxRuntimeExports.jsx(Cs,{children:i.compositions.map((x,j)=>s.jsxRuntimeExports.jsxs(zs,{children:[s.jsxRuntimeExports.jsx(ks,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:x.investedIn}),s.jsxRuntimeExports.jsx(t.SmallRegular,{style:{marginLeft:"auto",textAlign:"right"},children:x.percentage})]},j))}),children:s.jsxRuntimeExports.jsxs(Ps,{children:["+",i.compositions.length]})})]})})]})]}),s.jsxRuntimeExports.jsxs(fs,{children:[s.jsxRuntimeExports.jsxs(Is,{onClick:()=>e.trackTreasuryProspectusClick(i.fundCompanyName+" "+i.fundName,i.fundCode,"Treasury Overview Page"),href:i.url,target:"_blank",rel:"noopener noreferrer",children:[d.asOf," ",i.asOfDate.format("MMM D, YYYY"),s.jsxRuntimeExports.jsx(Ls,{})]}),s.jsxRuntimeExports.jsxs(vs,{onClick:p,children:[d.hide,s.jsxRuntimeExports.jsx(os,{})]})]})]})};function Mt(e,i){let r=0;for(const p of i){const a=e[p.fundCode]??0;a>0&&p.yield!=null&&(r+=p.yield*a)}return Number((r/100).toFixed(2))}const I=e=>s.jsxRuntimeExports.jsx(ts,{children:e}),At=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,Bt=o.div`
-  margin-top: ${e=>$.accountDetailContentMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${t.Space.sp0};
-`,Ht=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,Ot=o.div`
-  display: flex;
-  flex-direction: column;
-  background: ${e=>e.theme.colors.grey5};
-  padding-top: ${e=>$.accountDetailHeaderPaddingTop.valuePx(e.windowSize)};
-  padding-right: ${e=>$.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
-  padding-bottom: ${e=>$.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
-  padding-left: ${e=>$.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
-  justify-content: space-between;
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Wt=o.div`
-  display: flex;
-  width: 100%;
-  gap: ${e=>`${$.accountDetailHeaderGap.valuePx(e.windowSize)}`};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: space-between;
-`,Nt=o.div`
-  display: flex;
-  gap: ${t.Space.sp4};
-  flex-direction: column;
-  justify-content: space-between;
-`,H=o.div``,Ft=o.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${t.Space.sp6};
-`,Yt=o.div`
-  display: flex;
-  gap: ${t.Space.sp3};
-  flex: 1;
-  flex-direction: column;
-  justify-content: flex-end;
-  padding: ${e=>e.windowSize==="small"?t.Space.sp3:t.Space.sp0};
-`,_t=o.g`
-  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
-`,Gt=o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Kt=o.div`
-  height: ${t.Space.sp12};
-  width: ${t.Space.sp12};
-  background: ${e=>e.theme.colors.background};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${t.Space.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Vt=o(t.SmallRegularSp)`
-  margin-top: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,qt=o(t.SvgReload)`
-  height: ${t.Space.sp5};
-  width: ${t.Space.sp5};
-  margin: ${t.Space.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ut=o.text`
-  fill: ${e=>e.theme.colors.hero};
-  ${e=>`${E.tickLabelText.style(e.windowSize)}`};
-`,ne=o.linearGradient``,re=o.stop``,ae=o.stop``,Jt=o.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-left: -${t.Space.sp8};
-  .recharts-cartesian-grid {
-    .recharts-cartesian-grid-horizontal {
-      line:last-child {
-        display: none;
-      }
-    }
-  }
-`,Y=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-`,le=o.div`
-  display: flex;
-  flex: 1;
-  min-width: 140px;
-  flex-direction: column;
-`,Xt=o(t.SmallRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,Zt=o.div`
-  color: ${e=>e.theme.colors.success};
-  ${e=>E.integerStyles.style(e.windowSize)};
-`,Qt=o.div`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  position: relative;
-  top: -22px;
-  right: 103px;
-  min-height: ${t.Space.sp6};
-  min-width: 66px;
-  border-radius: ${t.Space.sp1};
-  padding: ${t.Space.sp0} ${t.Space.sp2};
-  background-color: ${t.Colors.blackColor};
-`,es=o.circle`
-  stroke: ${e=>e.theme.colors.brandColorJade};
-  fill: ${e=>e.theme.colors.grey5};
-`,ce=o(t.SmallRegular)`
-  color: ${e=>e.isSublabel===!0?t.Colors.neutralGrey1Light:t.Colors.brandColorPearl};
-`,L=o.div`
-  display: flex;
-  gap: ${t.Space.sp1};
-`,ts=o(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-`,ss=o(t.SvgArrowRight)`
-  height: 12px;
-  width: 12px;
-  margin-left: ${t.Space.sp1};
-  margin-right: ${t.Space.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,os=o(t.SvgArrowTop)`
-  height: 12px;
-  width: 12px;
-  margin-left: ${t.Space.sp1};
-  margin-right: ${t.Space.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,is=o.div`
-  display: flex;
-  align-items: baseline;
-  color: ${e=>e.theme.colors.primary};
-`,je=o.div`
-  display: flex;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,ns=o(t.SmallRegular)`
-  margin-bottom: ${t.Space.sp2};
-  display: flex;
-  text-align: left;
-`,rs=o(t.SmallRegular)`
-  padding: ${t.Space.sp2} ${t.Space.sp2};
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.black};
-  border-radius: ${t.Space.sp1};
-`,_=o(t.SmallRegular)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-  display: flex;
-  justify-content: space-between;
-`,G=o.div`
-  color: ${e=>e.theme.colors.hero};
-`,K=o.div`
-  color: ${t.Colors.primaryDark};
-`,Se=o(t.SvgInfo)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,de=o(t.SmallRegular)`
-  padding: ${t.Space.sp2};
-  background: ${e=>e.theme.colors.black};
-  border-radius: ${t.Space.sp1};
-`,as=o(t.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-line;
-  text-align: center;
-`,ls=o.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  width: 100%;
-`,cs=o.div`
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-`,ds=o.div`
-  display: flex;
-  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  gap: ${e=>e.windowSize==="small"?t.Space.sp3:t.Space.sp6};
-  margin-top: ${t.Space.sp6};
-  align-items: ${e=>e.allTilesExpanded===!0?"stretch":"flex-start"};
-  width: 100%;
-`,ps=o.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: ${t.Space.sp2};
-  flex: 1;
-  width: ${e=>e.windowSize==="small"?"100%":`calc((100% - ${t.Space.sp6}) / 2)`};
-  box-shadow: ${`0px 1px 2px 0px ${t.Colors.boxShadowElevation}`};
-  transition: box-shadow 0.2s;
-  display: flex;
-  flex-direction: column;
-`,xs=o.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: ${t.Space.sp2} ${t.Space.sp3};
-  justify-content: space-between;
-`,ms=o.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: ${t.Space.sp3} ${t.Space.sp6} 0 ${t.Space.sp4};
-  gap: ${t.Space.sp3};
-`,us=o(t.SmallRegular)`
-  margin-top: ${t.Space.sp2};
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: flex-end;
-  cursor: pointer;
-  align-items: center;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    cursor: pointer;
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,pe=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,hs=o.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${e=>e.windowSize==="small"?t.Space.sp4:t.Space.sp3};
-  align-items: flex-start;
-`,gs=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${t.Space.sp1};
-`,js=o(t.SmallSemiBold)`
-  display: flex;
-  gap: ${t.Space.sp2};
-`,xe=o.div`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>E.fundSummaryStyles.style(e.windowSize)};
-`,Ss=o(t.StandardSemiBold)`
-  color: ${e=>e.color??t.Colors.brandColorGoldDark};
-  display: flex;
-  flex-direction: column;
-`,ys=o.div`
-  color: ${t.Colors.success};
-  text-align: ${e=>e.windowSize==="small"?"left":"right"};
-  ${e=>E.yieldValueStyles.style(e.windowSize)};
-`,Rs=o(t.SmallRegular)`
-  display: flex;
-  gap: ${t.Space.sp1};
-  color: ${t.Colors.heroLight};
-  text-align: right;
-`,ws=o.div`
-  width: 100%;
-  height: ${t.Space.sp2};
-  background: ${e=>e.bgColor??t.Colors.neutralGrey2Light};
-  border-radius: ${t.Space.sp1} ${t.Space.sp1} 0 0;
-`,fs=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding: 0 ${t.Space.sp4} ${t.Space.sp3} ${t.Space.sp4};
-  box-sizing: border-box;
-`,vs=o.button`
-  display: flex;
-  align-items: center;
-  background: none;
-  border: none;
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    cursor: pointer;
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Es=o(ve.SvgShield)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${t.Colors.success};
-`,$s=o(t.StandardRegular)`
-  padding: ${t.Space.sp3} ${t.Space.sp4} 0 ${t.Space.sp4};
-  color: ${t.Colors.heroLight};
-`,bs=o.div`
-  display: flex;
-  flex-direction: column;
-  padding: ${t.Space.sp2} ${t.Space.sp5};
-`,T=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding-bottom: ${t.Space.sp1};
-`,C=o(t.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-  width: 140px;
-  display: flex;
-  align-items: center;
-`,z=o(t.StandardRegular)`
-  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`
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.hero};
-  display: inline-block;
-  margin-right: ${t.Space.sp2};
-  vertical-align: middle;
-`,Ts=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.Space.sp1};
-`,Cs=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t.Space.sp1};
-  padding: ${t.Space.sp2};
-`,zs=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.Space.sp2};
-`,ks=o.div`
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: ${t.Colors.neutralGrey1Light};
-`,Ps=o(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: ${t.Space.sp1};
-  padding: 0 6px;
-  height: 20px;
-  display: inline-flex;
-  align-items: center;
-`,Is=o.a`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${t.Space.sp2};
-  font-size: 14px;
-  line-height: 21px;
-  font-weight: 400;
-  width: fit-content;
-  text-decoration: none;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    cursor: pointer;
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ls=o(t.SvgOpenLink)`
-  width: 12px;
-  height: 12px;
-`,Ds=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-  margin-top: ${t.Space.sp4};
-`;exports.default=kt;