@zeniai/web-components 3.16.60 → 3.16.61

package/dist/TreasuryOverviewPage-DELVN2T6.cjs

@@ -0,0 +1,708 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),h=require("react"),o=require("@emotion/styled"),D=require("@zeniai/client-epic-state"),t=require("./index-CSb-Shbe.cjs"),ye=require("./commonDimensions-DrcsXyS4.cjs"),b=require("./common-D8igl28g.cjs"),J=require("@emotion/react"),X=require("./BoxItem-0sKKwTqz.cjs"),O=require("./treasuryColorHelper-BaYJaKTz.cjs"),Re=require("./transaction-placeholder-DtRQmfvQ.cjs"),we=require("./MoreMenuButton-H_0qvXG3.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;