@zeniai/web-app-ui 4.14.35-qa → 4.14.36-dev

package/dist/assets/CollapsableReportTable-CDEe9s_E-B6-yHAq0.js

@@ -0,0 +1,2844 @@
+import{ae as N,b9 as xe,a4 as q,V as t,an as Ei,a6 as y,cD as Ri,o as s,e as te,a7 as On,J as I,Q as Nn,z as Hi,cE as Mn,cF as Ki,O as M,u as S,cG as Et,bx as Rt,cH as Ht,b as G,cj as Kt,t as go,_ as ot,cI as ze,bb as K,f as Yi,y as le,ad as O,aj as po,cJ as xo,k as Me,cK as Ui,cL as ae,bw as Yt,bm as In,x as qi,W as be,cM as it,cN as Ie,cO as ht,s as v,bB as oe,cP as fo,cQ as Zi,j as Ut,cR as Ke,cS as Wn,cT as Pn,cU as Ji,cV as Qi,at as mo,aq as Xi,bT as qt,bS as Zt,cW as er,ar as wo,bW as yo,be as tr,cX as nr,cY as Fn,cZ as zn,c_ as or,c$ as ir,bg as rr,b6 as ar,d0 as lr}from"./index-T6cemxxv.js";import{n as a,c as T}from"./mui-GaW5Gk_e.js";import{a as z,b as cr}from"./sentry-BoIfGJBF.js";import{Eu as Jt,E_ as Qt,E$ as Te,F0 as Xt,F1 as en,F2 as tn,F3 as nn,F4 as bo,F5 as sr,EH as _t,Ev as Le,ck as Tn,bt as ko,F6 as jo,F7 as dr,cp as hr,EI as So}from"./zeni-epic-state-BtVcBgvu.js";import{N as nt,D as ur,R as gr,B as ke,u as L}from"./AccountRow-CpftykFx-DRMa7L7I.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="6c2a97ef-0ea7-40a9-a91d-6305b43c9195",e._sentryDebugIdIdentifier="sentry-dbid-6c2a97ef-0ea7-40a9-a91d-6305b43c9195")}catch{}})();const vt=[N.graphColor34,N.graphColor08,N.graphColor11,N.graphColor13,N.graphColor19,N.graphColor20,N.graphColor14,N.graphColor35,N.graphColor32,N.graphColor02,N.graphColor06,N.graphColor04,N.graphColor10,N.graphColor12,N.graphColor15,N.graphColor18];function on(e,n=0){const o=(i=>{const r=String.prototype.concat(...new Set(i));let l=0;for(let c=0;c<r.length;++c)l+=r.charCodeAt(c);return l})(e)+n*n*n;return vt[Math.floor(o/vt.length)%vt.length]}function J(e,n){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return xe("0.00%",e.percentValue);case"default_with_null_balance":return"-"}return q("0,0",e?.balance)}function Q(e){return q("0,0",e?.forecast)}function Co(e){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return xe("0.00%",e.totalPercentValue)}return q("0,0",e?.totalBalance)}function Nt(e){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return xe("0.00%",e.forecastPercentValue)}return q("0,0",e?.totalForecast)}function ce(e){if(e!=null&&e.forecast!=null&&e.forecast.amount!==0){const n=(e.balance.amount-e.forecast.amount)/e.forecast.amount;return xe("0.00%",Math.floor(100*n)/100)}return xe("0.00%",void 0)}function se(e){if(e!=null&&e.forecast!=null){const n=Math.floor(100*(e.balance.amount-e.forecast.amount)/100);return q("0,0",Object.assign({},e.forecast,{amount:n}))}return q("0,0",null)}function _o(e){if(e!=null&&e.totalForecast!=null&&e.totalBalance!=null&&e.totalForecast.amount!==0){const n=(e.totalBalance.amount-e.totalForecast.amount)/e.totalForecast.amount;return xe("0.00%",Math.floor(100*n)/100)}return xe("0.00%",void 0)}function vo(e){if(e!=null&&e.totalForecast!=null&&e.totalBalance!=null){const n=Math.floor(100*(e.totalBalance.amount-e.totalForecast.amount)/100);return q("0,0",Object.assign({},e.totalForecast,{amount:n}))}return q("0,0",null)}const Ve=(e,n,o)=>{const{startDate:i,balanceType:r}=n,{dateFormat:{visual:l}}=M.getLocalizedStrings();switch(o){case"month":return r==="default"||r==="default_with_percent"?`${_t(i,l.MMMYYYYFormat,e)}`:$t(r,o);case"quarter":return r==="default"||r==="default_with_percent"?`${M.getLocalizedStrings().reports.quarterPrefix}${_t(i,l.QYYYYformat,e)}`:$t(r,o);case"year":return r==="default"||r==="default_with_percent"?`${_t(i,l.YYYYformat,e)}`:$t(r,o);case"free_range":case"week":throw new Error("free_range/weeks dates are not supported!")}};function $t(e,n){return M.getLocalizedStrings().downloadReport.additionalColumns.labels[n][e]}const Ug=(e,n,o)=>{const i=n.length==0?e:`${e}_${n.join("_")}`;return o!=null&&o.trim().length>0?`${i}_${o}`:`${i}_${Ri(10)}`},pr=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: ${e=>e.heightValue}px;
+  justify-content: flex-start;
+  align-items: center;
+  padding-right: ${L.wrapperPadding}px;
+`,xr=a.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,fr=a.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${s.sp2};
+  width: ${L.leftHeadingWidth}px;
+`,mr=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  align-items: center;
+  gap: ${s.sp4};
+`,wr=a(oe)`
+  width: ${L.bankBalanceWidth}px;
+  min-width: ${L.bankBalanceWidth}px;
+  text-align: right;
+`,yr=a(oe)`
+  width: ${L.clearedBalanceWidth}px;
+  min-width: ${L.clearedBalanceWidth}px;
+  text-align: right;
+`,br=a(oe)`
+  width: ${L.statusWidth}px;
+  min-width: ${L.statusWidth}px;
+`,kr=a.div`
+  display: flex;
+  flex-shrink: 0;
+  gap: ${s.sp3};
+  width: ${L.varianceWidth}px;
+  min-width: ${L.varianceWidth}px;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  text-align: center;
+`,jr=a.div`
+  width: ${L.variancePercentageWidth}px;
+  min-width: ${L.variancePercentageWidth}px;
+  text-align: right;
+  margin-right: ${s.sp2};
+`,Sr=a.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Cr=a.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;function _r({height:e}){const n=I();return t.jsx(pr,{heightValue:e,windowSize:n,children:t.jsxs(xr,{children:[t.jsxs(fr,{children:[t.jsx(Sr,{children:t.jsx(ae,{isLoading:!0,customStyle:{height:s.sp4,maxWidth:s.sp4,width:s.sp4,borderRadius:"50%"},children:t.jsx(t.Fragment,{})})}),t.jsx(Cr,{children:t.jsx(ae,{isLoading:!0,customStyle:{height:s.sp4,width:L.leftLabelWidth},children:t.jsx(t.Fragment,{})})})]}),t.jsxs(mr,{children:[t.jsx(wr,{children:t.jsx(ae,{isLoading:!0,position:"right",customStyle:{height:s.sp4,width:L.bankBalanceWidth},children:t.jsx(t.Fragment,{})})}),t.jsx(yr,{children:t.jsx(ae,{isLoading:!0,position:"right",customStyle:{height:s.sp4,width:L.clearedBalanceWidth},children:t.jsx(t.Fragment,{})})}),t.jsxs(kr,{children:[t.jsx(ae,{isLoading:!0,position:"right",customStyle:{height:s.sp4,width:L.varianceNumberWidth},children:t.jsx(t.Fragment,{})}),t.jsx(jr,{children:t.jsx(ae,{isLoading:!0,customStyle:{height:s.sp4,width:L.variancePercentageWidth},children:t.jsx(t.Fragment,{})})})]}),t.jsx(br,{children:t.jsx(ae,{isLoading:!0,customStyle:{height:s.sp4,width:L.statusWidth},children:t.jsx(t.Fragment,{})})})]})]})})}const vr=a.div`
+  display: flex;
+  flex-direction: row;
+  height: ${e=>e.heightValue}px;
+  padding-right: ${L.wrapperPadding}px;
+`;function $r({height:e}){return t.jsx(vr,{heightValue:e})}const Lr=a.div`
+  user-select: none;
+  display: flex;
+  width: 100%;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+  flex-direction: column;
+  padding-right: ${L.wrapperPadding}px;
+`,Br=a.div`
+  flex: 1 1 auto;
+  display: flex;
+  align-items: center;
+  height: ${s.sp8};
+  justify-content: flex-start;
+  align-items: center;
+`,Ar=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  width: ${L.leftHeadingWidth}px;
+`,Or=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Nr=a(wo)`
+  user-select: none;
+  color: ${e=>e.theme.colors.primary};
+  width: ${L.leftTimeframeWidth}px;
+  min-width: ${L.leftTimeframeWidth}px;
+  flex: 1 1 auto;
+`,Mr=a(v)`
+  user-select: none;
+`,Ir=a.div`
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  min-width: ${e=>e.widthValue}px;
+  max-width: ${e=>e.widthValue}px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${e=>e.marginRight===!0?s.sp2:s.sp0};
+`,Wr=a.div`
+  width: ${L.bankBalanceWidth}px;
+`,Pr=a.div`
+  width: ${L.bankBalanceRightTimeframeWidth}px;
+`,Fr=a.div`
+  width: ${L.clearedBalanceWidth}px;
+  margin-right: ${L.tickLeftMargin}px;
+`,zr=a.div`
+  width: ${L.varianceTimeframeWidth}px;
+  align-self: flex-end;
+`,Tr=a.div`
+  width: ${L.spacerLineWidth}px;
+`,Vr=a.div`
+  width: ${L.statusWidth}px;
+`,Ye=({title:e,type:n})=>t.jsx(Ir,{widthValue:L[n],children:t.jsx(Mr,{children:e})});function Dr({sectionTitle:e,height:n,isLoading:o}){const i=M.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers;return t.jsx(Lr,{height:n,children:t.jsxs(Br,{children:[t.jsx(Ar,{children:t.jsx(ae,{isLoading:o,customStyle:{height:s.sp4,width:L.leftLabelWidth},children:t.jsx(Nr,{"data-testid":y("account-recon-section-title",e),children:e})})}),t.jsxs(Or,{children:[t.jsx(Wr,{children:t.jsx(ae,{isLoading:o,customStyle:{height:s.sp7,width:L.bankBalanceTimeframeWidth,borderRadius:s.sp2},children:t.jsx(Ye,{title:i.bankBalance,type:"bankBalanceTimeframeWidth"})})}),t.jsx(Pr,{}),t.jsx(Fr,{children:t.jsx(ae,{isLoading:o,customStyle:{height:s.sp7,width:L.clearedBalanceTimeframeWidth,borderRadius:s.sp2},children:t.jsx(Ye,{title:i.clearedBalance,type:"clearedBalanceTimeframeWidth"})})}),t.jsx(zr,{children:t.jsx(ae,{isLoading:o,customStyle:{height:s.sp7,width:L.varianceTimeframeWidth,borderRadius:s.sp2},children:t.jsx(Ye,{title:i.variance,type:"varianceTimeframeWidth"})})}),t.jsx(Tr,{}),t.jsx(Vr,{children:t.jsx(ae,{isLoading:o,customStyle:{height:s.sp7,width:L.statusTimeframeWidth,borderRadius:s.sp2},children:t.jsx(Ye,{title:i.status,type:"statusTimeframeWidth"})})})]})]})})}const Gr=a.div`
+  display: flex;
+  flex-direction: row;
+  height: ${e=>e.heightValue}px;
+  align-items: center;
+  padding-right: ${L.wrapperPadding}px;
+`,Er=a(wo)`
+  user-select: none;
+  color: ${e=>e.theme.colors.primary};
+`;function Rr({height:e,title:n}){return t.jsx(Gr,{heightValue:e,children:t.jsx(Er,{"data-testid":y("account-recon-section-title",n),children:n})})}const Hr=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: ${e=>e.heightValue}px;
+  justify-content: flex-start;
+  align-items: center;
+  padding-right: ${L.wrapperPadding}px;
+`,Kr=a.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,Yr=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${s.sp2};
+`,Ur=a(oe)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+  width: ${L.leftLabelWidth}px;
+  min-width: ${L.leftLabelWidth}px;
+`,qr=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  align-items: center;
+`,Zr=a(oe)`
+  width: ${L.bankBalanceWidth}px;
+  min-width: ${L.bankBalanceWidth}px;
+  text-align: right;
+`,Jr=a(oe)`
+  width: ${L.clearedBalanceWidth}px;
+  min-width: ${L.clearedBalanceWidth}px;
+  text-align: right;
+  margin-left: ${L.tickLeftMargin}px;
+`,Qr=a(oe)`
+  width: ${L.statusWidth}px;
+  min-width: ${L.statusWidth}px;
+  height: 1px;
+`,Xr=a.div`
+  display: flex;
+  flex-direction: row;
+  min-width: ${L.spacerLineWidth}px;
+  width: ${L.spacerLineWidth}px;
+  align-items: center;
+`,ea=a.div`
+  width: 1px;
+  margin-left: ${s.sp3};
+  height: ${e=>e.heightValue}px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,ta=a.div`
+  display: flex;
+  flex-shrink: 0;
+  width: ${L.varianceTimeframeWidth}px;
+  min-width: ${L.varianceTimeframeWidth}px;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  text-align: center;
+  margin-left: ${L.tickLeftMargin}px;
+`,na=a(oe)`
+  border-radius: ${s.sp1};
+  color: ${e=>e.textColor.hex()};
+  min-width: ${L.varianceNumberWidth}px;
+  text-align: right;
+  margin-right: ${s.sp2};
+`,oa=a(oe)`
+  border-radius: ${s.sp1};
+  padding: ${s.sp0} ${s.sp1};
+  justify-content: center;
+  text-align: center;
+  color: ${e=>e.textColor.hex()};
+  background-color: ${e=>e.bgColor.hex()};
+  min-width: ${L.variancePercentageWidth}px;
+`,{expenseAutomation:{accountRecon:{reconciliation:{headers:Vn}}},common:{strings:{percentage:ia,hyphen:rt}}}=M.getLocalizedStrings();function ra({height:e,sectionData:n}){const o=I(),i=n.totalVariance,r=n.totalVariancePercentage,l=le();return t.jsx(Hr,{"data-testid":y("total-row-root-container"),heightValue:e,windowSize:o,children:t.jsxs(Kr,{isClickable:!1,"data-testid":y("total-row-container"),children:[t.jsxs(Yr,{children:[t.jsx(ke,{firstLetter:Vn.section[n.sectionId].subTitle.charAt(0),color:new O(l.colors.primary),showIcon:!1,showCollapsedIcon:!1}),t.jsx(Ur,{children:Vn.section[n.sectionId].subTitle})]}),t.jsxs(qr,{children:[t.jsx(Zr,{children:n.totalBankBalance!=null?q("0,0",n.totalBankBalance):rt}),t.jsx(Jr,{children:n.totalClearedBalance!=null?q("0,0",n.totalClearedBalance):rt}),t.jsx(aa,{variance:i,variancePercentage:r}),t.jsx(Xr,{children:t.jsx(ea,{heightValue:e})}),t.jsx(Qr,{})]})]})})}const aa=({variance:e,variancePercentage:n})=>{const o=le(),i=new O(o.colors.hero),r=new O(o.colors.hero),l=new O(o.colors.background),c=e!=null&&e.amount===0?"0%":n!=null?n===0?"0%":`${n.toFixed(2)}${ia}`:rt;return t.jsxs(ta,{children:[t.jsx(na,{textColor:i,children:e!=null?q("0,0",e):rt}),t.jsx(oa,{textColor:r,bgColor:l,children:c})]})},j={balanceHeight:s.sp4,balanceHeightInPx:S[4],balanceWidth:"166px",balanceWidthInPx:166,loadingBalanceWidthInPx:128,smallLoadingBalanceWidthInPx:98,balanceLeftMargin:s.sp4,balanceLeftMarginInPx:S[4],titleWidth:new G(200,325,405),loadingInProgressStickySectionWidth:385,get loadingInProgressScrollableSectionWidth(){return`calc(100% - ${this.loadingInProgressStickySectionWidth}px)`},loadingInProgressLargeStickyColumnWidth:194,loadingInProgressSmallStickyColumnWidth:128},ge=e=>{switch(e){case"name+balances_actual":case"name+balances_forecast":case"name_only":return!0}},me=e=>{switch(e){case"name+balances_actual":case"name+balances_forecast":return!0;case"name_only":return!1}},$o={emptyLeftContainer:new G(S[0],S[5])},la=a(v)`
+  margin-left: ${e=>e.hasChildren||e.depth===0?s.sp2:s.sp3};
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: ${e=>j.titleWidth.value(e.windowSize)-45*(e.depth+1)}px;
+`,ca=a.div`
+  display: flex;
+  height: ${s.sp6};
+  align-items: center;
+`,sa=a.div`
+  display: flex;
+  height: ${s.sp6};
+  align-items: center;
+`,da=a.div`
+  height: ${s.sp6};
+  width: ${s.sp3};
+`,ha=a.div`
+  width: 14px;
+  height: ${s.sp1};
+`,ua=a.div`
+  width: ${s.sp2};
+  height: ${s.sp1};
+`,Lo=a.div`
+  width: ${e=>$o.emptyLeftContainer.valuePx(e.windowSize)};
+  height: ${s.sp1};
+`,We=a.div`
+  display: flex;
+`,ga=({ancestorMetadata:e,depth:n,name:o})=>t.jsx(t.Fragment,{children:n>0?[...Array(n).keys()].map(i=>{const r=e[i];return t.jsxs(We,{children:[r.depth===0?t.jsx(Pn,{depth:r.depth}):null,r.depth>=1?r.hasSibling&&!r.isLastNode?t.jsx(Ie,{},i):t.jsx(ht,{}):null,r.depth>=1?t.jsx(Pn,{depth:r.depth}):null]},o+i)}):null}),Bo=({ancestorMetadata:e,depth:n,name:o})=>{const i=I();return n===0?e[n].hasChildren===!1?t.jsx(Lo,{windowSize:i}):t.jsxs(We,{children:[t.jsx(Ke,{depth:n}),t.jsx(Ie,{}),t.jsx(Ke,{depth:n+1})]}):t.jsxs(t.Fragment,{children:[[...Array(n+1).keys()].map(r=>{const l=e[r],c=r!==n?e[r+1]:void 0;return t.jsxs(We,{children:[l.depth===0?t.jsx(Ke,{depth:l.depth}):null,r>=2||r===1&&(n===r?l.hasChildren===!0:c!=null&&!c.isLastNode)?n===1?t.jsx(Wn,{index:1}):t.jsx(Wn,{index:2}):null,(n===r?l.hasChildren!==!0:c==null||c.isLastNode)?t.jsx(ht,{}):t.jsx(Ie,{},r),t.jsx(Ke,{depth:l.depth+1})]},o+r)}),n===1&&e[n].hasChildren!=1?t.jsx(ua,{}):null]})},Ao=({ancestorMetadata:e,depth:n,name:o})=>n===0?t.jsx(ha,{}):t.jsx(t.Fragment,{children:[...Array(n).keys()].map(i=>{const r=e[i],l=i!==n?e[i+1]:void 0;return t.jsxs(We,{children:[r!=null&&r.depth===0?t.jsx(it,{depth:r.depth}):null,l==null||l.isLastNode?t.jsx(ht,{}):t.jsx(Ie,{},i),t.jsx(it,{depth:r!=null?r.depth+1:0})]},o+i)})}),pa=({ancestorMetadata:e,depth:n,name:o})=>t.jsx(t.Fragment,{children:n>0?[...Array(n).keys()].map(i=>{const r=e[i];return r==null?null:t.jsxs(We,{children:[r.depth===0?t.jsx(it,{depth:r.depth}):null,r.depth>=1?r.hasSibling&&!r.isLastNode?t.jsx(Ie,{},i):t.jsx(ht,{}):null,r.depth>=1?t.jsx(it,{depth:r.depth}):null]},o+i)}):null}),xa=({depth:e,isLastNode:n,isLeaf:o,hasSiblings:i,hasChildren:r,collapsed:l,onIconClick:c})=>{let d=t.jsx(da,{});return e===0&&r&&(d=t.jsx(nr,{collapsed:l,onIconClick:c})),e>0&&(r&&!i&&n&&(d=t.jsx(Fn,{collapsed:l,onIconClick:c})),o&&i&&n&&(d=t.jsx(zn,{})),o&&i&&!n&&(d=t.jsx(or,{})),r&&i&&!n&&(d=t.jsx(ir,{collapsed:l,onIconClick:c})),r&&i&&n&&(d=t.jsx(Fn,{collapsed:l,onIconClick:c})),n&&o&&(d=t.jsx(zn,{}))),d},fa=({depth:e,isLastNode:n,isLeaf:o,hasSiblings:i,hasChildren:r,collapsed:l,onIconClick:c})=>t.jsx(sa,{children:t.jsx(xa,{depth:e,isLastNode:n,isLeaf:o,hasSiblings:i,hasChildren:r,collapsed:l,onIconClick:c})});function Oo(e){const{displayName:n}=e;e.depth>4&&console.warn("cannot handle depth more than 4");const o=I();return t.jsxs(ca,{children:[e.classDepth!=null?t.jsx(Bo,{ancestorMetadata:e.classAnscestorMetadata??[],depth:e.classDepth,name:e.displayName}):e.noMarginForAccount===!1?t.jsx(Lo,{windowSize:o}):null,t.jsx(pa,{ancestorMetadata:e.subAccountAnscestorMetadata,depth:e.depth,name:e.displayName}),t.jsx(fa,{...e}),t.jsx(la,{onClick:()=>e.onNameClick?.(),hasChildren:e.hasChildren,depth:e.depth,windowSize:o,title:n,children:n})]})}const H={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new G(200,325,405),nameLogoWidth:new G(S[4],S[4]),nameLogoHeight:new G(S[4],S[4])},Ue=[new G(S[4],S[8]),new G(44,76),new G(69,102),new G(93,124),new G(113,143)],ma=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,wa=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,ya=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,ba=a.div`
+  width: ${e=>e.noMarginForEntity?Ue[e.nestingLevel].value(e.windowSize)-S[5]:Ue[e.nestingLevel].value(e.windowSize)}px;
+  max-width: ${e=>e.noMarginForEntity?Ue[e.nestingLevel].value(e.windowSize)-S[5]:Ue[e.nestingLevel].value(e.windowSize)}px;
+  height: 1px;
+`,ka=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,ja=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,Dn=e=>{const n=I(),o=le();return t.jsxs(wa,{"data-testid":y("sub-entity-separator",e.isTotal?"subtotal_row_separator":"vendor_row_separator"),children:[t.jsxs(ya,{windowSize:n,isSticky:e.isSticky,"data-testid":y("sub-entity-name-container","vendor_row_separator"),children:[t.jsx(ba,{"data-testid":y("sub-entity-empty-container","vendor_row_separator"),nestingLevel:e.nestingLevel,noMarginForEntity:e.noMarginForEntity,windowSize:n}),t.jsx(ka,{"data-testid":y("sub-entity-name-seperator","vendor_row_separator"),isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]}),t.jsx(ja,{"data-testid":y("sub-entity-remaining-seperator","vendor_row_separator"),isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]})};function Mt({kind:e,isScrolling:n,subEntityProps:o}){switch(e){case"vendor_row_separator":return t.jsx(Dn,{nestingLevel:o?.nestingLevel??0,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!1,noMarginForEntity:o?.noMarginForEntity??!0});case"end_row_separator":return t.jsx(ma,{"data-testid":y("end-row-separator",e),isScrolling:n});case"subtotal_row_separator":return t.jsx(Dn,{nestingLevel:o?.nestingLevel??1,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!0,noMarginForEntity:o?.noMarginForEntity??!1})}}const No=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.containerHeight}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Mo=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  height: ${e=>e.containerHeight}px;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Io=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Wo=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Po=a(v)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+  border: 1px solid transparent;
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Sa=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+`,Fo=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight}px;
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,zo=({balance:e,isOpen:n})=>{const o=n?e?.balance:e?.totalBalance;return t.jsx(Wo,{children:t.jsx(Po,{isClickable:!1,onClick:()=>null,children:q("0,0",o)})})},To=({total:e})=>t.jsx(Wo,{children:t.jsx(Po,{isClickable:!1,onClick:()=>null,children:q("0,0",e)})});function Ca({isSticky:e,height:n,isScrolling:o,isLastNode:i,balances:r,total:l,vendor:c,backgroundColor:d,onEntityNameClick:g}){const u=I(),p=c?.name??"";return t.jsxs(No,{"data-testid":y("ap-aging-report-row-root-container",p),containerHeight:n,bgColor:d,windowSize:u,children:[t.jsxs(Mo,{"data-testid":y("ap-aging-report-row-container",p),style:{cursor:"default"},isClickable:!1,containerHeight:n-1,children:[t.jsxs(Fo,{onClick:()=>c?.id!=null?g?.(c.id):void 0,isSticky:e,windowSize:u,bgColor:d,containerHeight:n-1,children:[c?.logo!=null?t.jsx(Ht,{photoUrl:c.logo.toString(),styles:{width:H.nameLogoWidth.valuePx(u),height:H.nameLogoHeight.valuePx(u)}}):t.jsx(Kt,{name:p??"",size:s.sp4}),t.jsx(Sa,{children:p})]}),t.jsxs(Io,{"data-testid":y("ap-aging-report-row-balances-container",p),children:[r.map(h=>t.jsx(zo,{balance:h,isOpen:!0},h?.period)),t.jsx(To,{total:l})]})]}),t.jsx(Vo,{isScrolling:o,isLastNode:i})]})}function _a({treeNodeId:e,isSticky:n,height:o,isScrolling:i,isLastNode:r,isOpen:l,balances:c,total:d,totalWithChildren:g,nestedCustomer:u,metadata:p,backgroundColor:h,onEntityNameClick:x,onClick:f}){const w=I(),m=p,b=u?.customer.name??"",k=u!=null?u.id.length-1:0,C=u?.hasSiblings??!1,_=u!=null&&u.children.length!==0,$=_,B=$?"pointer":"default",A=u!=null&&u.isLeafCustomer;return t.jsxs(No,{"data-testid":y("ar-aging-report-row-root-container",e),containerHeight:o,bgColor:h,windowSize:w,children:[t.jsxs(Mo,{"data-testid":y("ar-aging-report-row-container",e),style:{cursor:B},isClickable:$,containerHeight:o-1,children:[t.jsx(Fo,{"data-testid":y("ar-aging-report-row-name-container",e),isSticky:n,windowSize:w,bgColor:h,containerHeight:o-1,children:t.jsx(Oo,{displayName:b,depth:k,isLastNode:r,hasChildren:_,hasSiblings:C,isLeaf:A,collapsed:!l,subAccountAnscestorMetadata:m.vendorOrCustomerAncestorMetadata,classAnscestorMetadata:[],noMarginForAccount:!0,onIconClick:()=>{f?.(e)},onNameClick:()=>u?.id[0]!=null?x?.(u.id[0]):void 0})}),t.jsxs(Io,{children:[c.map(P=>t.jsx(zo,{balance:P,isOpen:l},P?.period)),t.jsx(To,{total:l?d:g})]})]}),t.jsx(Vo,{isScrolling:i,subEntityProps:{nestingLevel:k,isSticky:n,noMarginForEntity:!0}})]})}function Vo({isScrolling:e,isLastNode:n=!1,subEntityProps:o}){return n?t.jsx(Mt,{isScrolling:e,kind:"end_row_separator",subEntityProps:o}):t.jsx(Mt,{isScrolling:e,kind:"vendor_row_separator",subEntityProps:o})}const va=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,$a=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Do=a.div`
+  display: flex;
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  min-width: ${H.balanceWidth};
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  margin-left: ${H.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+`,Go=a(v)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${H.balanceHeight};
+  max-width: ${H.balanceWidth};
+  width: 138px;
+  text-align: center;
+  column-gap: ${s.sp1};
+  color: ${e=>e.active===!0?e.theme.colors.primary:e.theme.colors.champion};
+`,La=a.div`
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${e=>e.isSticky?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:""}
+`,Ba=a(v)`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  column-gap: ${s.sp1};
+  color: ${e=>e.active===!0?e.theme.colors.primary:e.theme.colors.champion};
+`,Eo=a.div`
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  cursor: pointer;
+`,rn=a.div`
+  display: flex;
+  column-gap: ${s.sp1};
+  cursor: pointer;
+  align-items: center;
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.hero};
+`,Ro=a.div``,Ho=a(yo)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,an=a(Zt)`
+  width: 12px;
+  height: 12px;
+`,ln=a(qt)`
+  width: 12px;
+  height: 12px;
+`,Aa=({reportId:e,sortKey:n,sortOrder:o="ascending",onSortOrderChanged:i})=>{const r=e==="accounts_payable_aging"?"vendor":"customer",l=n===r?o:"ascending";return t.jsxs(Ba,{active:n===r,"data-testid":y("duration-row-vendor-title",e),children:[r==="vendor"?M.getLocalizedStrings().reports.aging.apAging.vendor:M.getLocalizedStrings().reports.aging.arAging.customer,t.jsx(rn,{selectedForSort:n===r,children:t.jsx(Ro,{"data-testid":y("duration-row-vendor-sort-icon",e),onClick:()=>{i?.(cn(o),r)},children:l==="ascending"?t.jsx(ln,{}):t.jsx(an,{})})}),t.jsx(ot,{controller:n===r,children:t.jsx(Ho,{"data-testid":y("duration-row-vendor-sort-cancel-icon",e),onClick:()=>Ko({onSortOrderChanged:i})})})]})},Ko=({onSortOrderChanged:e})=>{e?.("descending","total")},Oa=({agingPeriod:e,sortKey:n="vendor",sortOrder:o="ascending",onSortOrderChanged:i})=>{const r=n===e?o:"ascending";return t.jsx(Eo,{"data-testid":y("duration-row-tick-container",e),children:t.jsx(Do,{"data-testid":y("duration-row-tick-element-container",e),children:t.jsxs(Go,{active:n===e,"data-testid":y("duration-row-timeframe-tick",e),children:[M.getLocalizedStrings().reports.aging.duration[e],t.jsxs(rn,{selectedForSort:n===e,"data-testid":y("duration-row-sort-container",e),children:[t.jsx(Ro,{"data-testid":y("duration-row-sort-icon",e),onClick:()=>{i?.(cn(o),e)},children:r==="ascending"?t.jsx(ln,{}):t.jsx(an,{})}),t.jsx(ot,{controller:n===e,children:t.jsx(Ho,{"data-testid":y("duration-row-sort-cancel-icon",e),onClick:()=>Ko({onSortOrderChanged:i})})})]})]})})})},Yo=({reportId:e,sortKey:n,sortOrder:o="ascending",onSortOrderChanged:i})=>{const r=n==="total"?o:"ascending";return t.jsx(Eo,{"data-testid":y("duration-row-entity-total-tick-container",e),onClick:()=>{i?.(cn(o),"total")},children:t.jsx(Do,{"data-testid":y("duration-row-entity-total-tick-element-container",e),children:t.jsxs(Go,{active:n==="total","data-testid":y("duration-row-entity-total-timeframe-tick",e),children:[e==="accounts_payable_aging"?M.getLocalizedStrings().reports.aging.apAging.vendorTotalHeaderLabel:M.getLocalizedStrings().reports.aging.arAging.totalReceivable,t.jsx(rn,{selectedForSort:n==="total","data-testid":y("duration-row-entity-total-sort-container",e),children:r==="ascending"?t.jsx(ln,{}):t.jsx(an,{})})]})})})},Na=({reportId:e,agingPeriod:n,sortKey:o="vendor",sortOrder:i="ascending",onSortOrderChanged:r})=>n!=null?t.jsx(Oa,{sortKey:o,sortOrder:i,onSortOrderChanged:r,agingPeriod:n}):t.jsx(Yo,{reportId:e,sortKey:o,sortOrder:i,onSortOrderChanged:r});function Ma({reportId:e,isSticky:n,height:o,agingPeriods:i,sortKey:r,sortOrder:l,backgroundColor:c,onSortOrderChanged:d}){const g=I();return t.jsxs(va,{height:o,bgColor:c,"data-testid":y("duration-row-root-container",e),children:[t.jsx(La,{"data-testid":y("duration-row-placeholder-name",e),isSticky:n,windowSize:g,bgColor:c,children:t.jsx(Aa,{reportId:e,sortKey:r,sortOrder:l,onSortOrderChanged:d})}),t.jsxs($a,{children:[i.map(u=>t.jsx(Na,{reportId:e,agingPeriod:u,sortKey:r,sortOrder:l,onSortOrderChanged:d},u)),t.jsx(Yo,{reportId:e,sortKey:r,sortOrder:l,onSortOrderChanged:d})]})]})}const cn=e=>e==="ascending"?"descending":"ascending",Ia=[10,14,20,20,20],Wa=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.containerHeight}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Pa=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Fa=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Uo=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,qo=a(v)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+`,za=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight-1}px;
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Ta=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${e=>Ia[e.depth]}px;
+  color: ${e=>e.theme.colors.primary};
+  width: ${e=>H.titleWidth.value(e.windowSize)-e.depth*S[11]}px;
+`,Va=({balance:e})=>t.jsx(Uo,{children:t.jsx(qo,{isClickable:!1,onClick:()=>null,children:q("0,0",e?.totalBalance)})}),Da=({total:e})=>t.jsx(Uo,{children:t.jsx(qo,{isClickable:!1,onClick:()=>null,children:q("0,0",e)})});function Ga({backgroundColor:e,isSticky:n,height:o,noMarginForEntity:i,isScrolling:r,total:l,nestedCustomer:c,metadata:d}){const g=I(),{common:{strings:{empty:u}},reports:{sections:p}}=M.getLocalizedStrings(),h=c!=null?c.id.length-1:0,x=d,f=c?.customer.name??u;return t.jsxs(Wa,{"data-testid":"sub-customer-total-row-root-container",containerHeight:o,bgColor:e,children:[t.jsxs(Pa,{"data-testid":"sub-customer-total-row-container",children:[t.jsxs(za,{isSticky:n,windowSize:g,bgColor:e,containerHeight:o,children:[t.jsx(Ao,{ancestorMetadata:x.vendorOrCustomerAncestorMetadata,depth:h,name:f}),t.jsx(Ta,{isClickable:!1,title:f,depth:h,windowSize:g,children:p.totalPrefix+" "+f})]}),t.jsxs(Fa,{children:[c?.arAgingBalances.map((w,m)=>t.jsx(Va,{balance:w},m)),t.jsx(Da,{total:l})]})]}),t.jsx(Ea,{isScrolling:r,nestingLevel:h,isSticky:n,noMarginForEntity:i})]})}function Ea({isScrolling:e,nestingLevel:n,isSticky:o,noMarginForEntity:i}){return t.jsx(Mt,{isScrolling:e,kind:"subtotal_row_separator",subEntityProps:{nestingLevel:n,isSticky:o,noMarginForEntity:i}})}const re=e=>{switch(e){case"name+balances_actual":return!0;case"name+balances_forecast":case"name_only":return!1}},Pe=e=>{switch(e){case"name+balances_forecast":return!0;case"name+balances_actual":case"name_only":return!1}},Ra=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ha=a.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Ka=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Zo=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Jo=a(oe)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  border: 1px solid transparent;
+`,Ya=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e,isIndented:n})=>e&&n?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp4};
+        `:e&&!n?T`
+            position: -webkit-sticky;
+            position: sticky;
+            top: ${s.sp0};
+            left: ${s.sp0};
+          `:null}
+`,Ua=a(oe)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+`,qa=({type:e,balance:n})=>t.jsx(Zo,{children:re(e)===!0?t.jsx(Jo,{children:q("0,0",n?.balance)}):null}),Za=({type:e,balance:n})=>t.jsx(Zo,{children:re(e)===!0?t.jsx(Jo,{children:q("0,0",n)}):null});function Ja({type:e,isSticky:n,isIndented:o,height:i,title:r,totalBalances:l,backgroundColor:c}){const d=I(),g={amount:l.reduce((u,p)=>u+(p?.balance.amount??0),0),currencyCode:l[0]?.balance.currencyCode??Tn.currencyCode,currencySymbol:l[0]?.balance.currencySymbol??Tn.currencySymbol};return t.jsx(Ra,{"data-testid":y("total-row-root-container"),height:i,bgColor:c,windowSize:d,children:t.jsxs(Ha,{isClickable:!1,"data-testid":y("total-row-container"),children:[t.jsx(Ya,{bgColor:c,isSticky:n,windowSize:d,isIndented:o,children:t.jsx(Ua,{children:r})}),t.jsxs(Ka,{children:[l.map((u,p)=>t.jsx(qa,{type:e,balance:u},p)),t.jsx(Za,{type:e,balance:g})]})]})})}function at(e,n,o,i){switch(e){case"cogs":return Qa(o,i,n);case"expenses":return Xa(o,i,n);case"income":return el(o,i,n);case"cash_position":return tl(o,i,n);case"cash_in":return nl(o,i,n);case"cash_out":return ol(o,i,n);case"assets":return il(o,i,n);case"equity":return rl(o,i,n);case"liabilities":return al(o,i,n);case"other_expense":return ll(o,i,n);case"other_income":return cl(o,i,n);case"operating_activities":return sl(o,i,n);case"investing_activities":return dl(o,i,n);case"financing_activities":return hl(o,i,n);default:throw Error(`${e} is not yet supported!`)}}const Qa=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cogsInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithCogsOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.cogsInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},Xa=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.expensesInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithExpensesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.expensesInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},el=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.incomeInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithIncomeOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.incomeInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},tl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cashPositionInTimeframe,i.compactedAccountsSelector=()=>R([],i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=()=>{},i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},nl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cashInInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithCashInOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.cashInInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},ol=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cashOutInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithCashOutOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.cashOutInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},il=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.assetsInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithAssetsOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.assetsInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},rl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.equityInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithEquityOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.equityInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},al=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.liabilitiesInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithLiabilitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.liabilitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},ll=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.otherExpensesInTimeframe,i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=()=>{},i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},cl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.otherIncomeInTimeframe,i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=()=>{},i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},sl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.operatingActivitiesInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithOperatingActivitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.operatingActivitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},dl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.investingActivitiesInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithInvestingActivitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.investingActivitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i},hl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.financingActivitiesInTimeframe,i.compactedAccountsSelector=r=>R(r.accountsWithFinancingActivitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>R(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.financingActivitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ie(r,i.acGroupBalanceSelector,o,n),i};function R(e,n,o){switch(o){case"off":return e;case"filter_actual_nil_balances":return e.filter(i=>Qo(n(i)?.balances??[]));case"filter_forecast_nil_balances":return e.filter(i=>Xo(n(i)?.balances??[]));case"filter_actual_forecast_nil_balances":return e.filter(i=>ei(n(i)?.balances??[]))}}function ie(e,n,o,i){switch(i){case"off":return e;case"filter_actual_nil_account_group_balances":return e.filter(r=>Qo(n(r)?.balances??[]));case"filter_forecast_nil_account_group_balances":return e.filter(r=>Xo(n(r)?.balances??[]));case"filter_actual_forecast_nil_account_group_balances":return e.filter(r=>ei(n(r)?.balances??[]));case"filter_actual_forecast_empty_account_group_balances":return e.filter(r=>(n(r)?.balances??[]).length>0)}}function Qo(e){let n=!1;if(e!=null){for(const o of e)if(o.balance.amount!==0){n=!0;break}}return n}function Xo(e){let n=!1;if(e!=null){for(const o of e)if(o.forecast!=null&&o.forecast.amount!==0){n=!0;break}}return n}function ei(e){let n=!1;if(e!=null){for(const o of e)if(o.forecast!=null&&o.forecast.amount!==0||o.balance!=null&&o.balance.amount!==0){n=!0;break}}return n}function ne(e,n="ascending_date",o=-1,i=!0){const r=o!==-1;let l=[],c=-1;if(e==null||e.balances.length===0)return r===!0&&(l=ti([],o)),{balances:l,thisPeriodIndex:c};let d=e.balances;return n==="ascending_date"?c=e.balances.length-1:(c=0,d=[...e.balances].reverse()),{balances:[...d,...i?e.additionalBalances:[]],thisPeriodIndex:c}}function Gn(e,n="ascending_date",o=-1,i=!0){const r=o!==-1,l=ne(e,n,o,i);if(e==null||e.balances.length===0)return l;const c=[...l.balances];if(e?.totalBalance!=null)c.push(e.totalBalance);else if(r&&e?.totalBalance==null){const d=ti([],1);c.push(...d)}return{balances:c,thisPeriodIndex:l.thisPeriodIndex}}function Be(e,n){if(n==="ascending_date")return e;{const o=[],i=[];for(const r of e)r.type==="default"?o.push(r):i.push(r);return[...o.reverse(),...i]}}function ti(e,n){return e.length>0?e:fo(Array(n),null)}const ul=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,En=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  margin-left: ${e=>e.marginLeft}px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,gl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function pl({kind:e,isScrolling:n}){switch(e){case"account_title_row_separator":return t.jsx(En,{marginLeft:S[5],isScrolling:n});case"account_balance_row_separator":return t.jsx(En,{marginLeft:0,isScrolling:n});case"ac_group_row_separator":return t.jsx(ul,{isScrolling:n});case"section_row_separator":case"heading_row_separator":return t.jsx(gl,{isScrolling:n})}}const Ae={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new G(200,350,405)},xl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,fl=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,ml=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,wl=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,yl=a(v)`
+  user-select: none;
+  color: ${e=>e.theme.colors.hero};
+  min-width: ${Ae.balanceWidth};
+  max-width: ${Ae.balanceWidth};
+  text-align: right;
+  margin-left: ${Ae.balanceLeftMargin};
+`,bl=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>Ae.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  max-width: ${e=>Ae.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,kl=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp6};
+`,jl=({balance:e})=>t.jsx(wl,{children:t.jsx(yl,{children:J(e)})});function Sl({heading:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,totalBalances:l,isScrolling:c,isLastNode:d,onClick:g}){const u=I();return t.jsxs(xl,{"data-testid":y("calculated-section-type-1-root-container-row",i),height:r,bgColor:n,windowSize:u,children:[t.jsxs(fl,{"data-testid":y("calculated-section-type-1-container-row",i),onClick:()=>g?.(i),children:[t.jsx(bl,{"data-testid":y("calculated-section-type-1-total-container-row",i),bgColor:n,isSticky:o,windowSize:u,children:t.jsx(kl,{children:e})}),t.jsx(ml,{children:l.map((p,h)=>t.jsx(jl,{balance:p},h))})]}),t.jsx(Cl,{isScrolling:c,isLastNode:d})]})}function Cl({isScrolling:e,isLastNode:n}){return n===!0?t.jsx(pl,{isScrolling:e,kind:"heading_row_separator"}):null}const _l=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,vl=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,$l=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Ll=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,qe=a(mo)`
+  color: ${e=>e.theme.colors.champion};
+  user-select: none;
+  max-width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+`,Bl=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Al=a(mo)`
+  color: ${e=>e.theme.colors.champion};
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ol=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i})=>t.jsxs(Ll,{"data-testid":y("heading-row-balance-element",e),children:[re(e)||o?t.jsx(qe,{"data-testid":y("heading-row-balance-actual",e),children:J(n)}):t.jsx(qe,{"data-testid":y("heading-row-balance-forecast",e),children:Q(n)}),o?t.jsxs(t.Fragment,{children:[t.jsx(qe,{"data-testid":y("heading-row-balance-forecast",e),children:Q(n)}),t.jsx(qe,{"data-testid":y("heading-row-balance-actual-vs-forecast",e),children:i==="compare_mode_percent"?ce(n):se(n)})]}):null]});function Nl({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,heading:l,headingBalances:c,isActualVsForecastOn:d,compareMode:g,isLeaf:u,onClick:p}){const h=I();return t.jsx(_l,{height:r,bgColor:n,"data-testid":y("heading-row-root-container",i),children:t.jsxs(vl,{"data-testid":y("heading-row-container",i),isClickable:!u,onClick:()=>p?.(i),children:[ge(e)===!0?t.jsx(Bl,{"data-testid":y("heading-row-heading-container",i),isSticky:o,windowSize:h,bgColor:n,children:t.jsx(Al,{children:l})}):null,me(e)===!0?t.jsx($l,{"data-testid":y("heading-row-balances-container",i),children:c.map((x,f)=>t.jsx(Ol,{"data-testid":y("heading-row-balance-element",e),type:e,heading:l,balance:x,isActualVsForecastOn:d,compareMode:g},f))}):null]})})}const sn=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="title_string_only")return null;const x=ne(void 0,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Nl,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,heading:o.element.title,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,headingBalances:x.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,onClick:f=>{h?.(f)}})};function ni(e,n){return Ml(n)}const Ml=(e,n)=>{const o={compactedAccountsSelectorVariant:()=>[],acBalanceSelector:()=>{}};return o.acBalanceSelector=i=>i.balancesInTimeframe,o.compactedAccountsSelectorVariant=i=>function(r,l,c){switch(c){case"off":default:return r;case"filter_actual_nil_balances":return r.filter(d=>function(g){let u=!1;if(g!=null){for(const p of g)if(p.balance.amount!==0){u=!0;break}}return u}(l(d)?.balances??[]))}}(i,o.acBalanceSelector,e),o},Ze=[new G(S[4],56),new G(44,76),new G(69,102),new G(93,124),new G(113,143)],Rn=[new G(S[0],S[0]),new G(14,S[4]),new G(67,67),new G(102,102),new G(136,136)],Il=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,Hn=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey4};
+`,Wl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Pl=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Fl=a.div`
+  width: ${e=>e.noMarginForAccount?Ze[e.nestingLevel].value(e.windowSize)-S[5]:Ze[e.nestingLevel].value(e.windowSize)}px;
+  max-width: ${e=>e.noMarginForAccount?Ze[e.nestingLevel].value(e.windowSize)-S[5]:Ze[e.nestingLevel].value(e.windowSize)}px;
+  height: 1px;
+`,zl=a.div`
+  width: ${e=>Rn[e.classDepth].valuePx(e.windowSize)};
+  max-width: ${e=>Rn[e.classDepth].valuePx(e.windowSize)};
+  height: 1px;
+`,Tl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,Vl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,Dl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,Kn=e=>{const n=I(),o=le();return t.jsxs(Wl,{children:[t.jsxs(Pl,{windowSize:n,isSticky:e.isSticky,children:[e.classDepth!=null?t.jsx(zl,{classDepth:e.classDepth,windowSize:n}):null,t.jsx(Fl,{nestingLevel:e.nestingLevel,noMarginForAccount:e.noMarginForAccount,windowSize:n}),t.jsx(Tl,{isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]}),t.jsx(Vl,{isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]})};function we({kind:e,isScrolling:n,subAccountProps:o}){switch(e){case"account_title_row_separator":return t.jsx(Hn,{marginLeft:S[5],isScrolling:n});case"sub_account_balance_row_separator":return t.jsx(Kn,{nestingLevel:o?.nestingLevel??1,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!1,classDepth:o?.classDepth,noMarginForAccount:o?.noMarginForAccount??!1});case"account_balance_row_separator":return t.jsx(Hn,{marginLeft:0,isScrolling:n});case"ac_group_row_separator":return t.jsx(Il,{isScrolling:n});case"section_row_separator":case"heading_row_separator":return t.jsx(Dl,{isScrolling:n});case"total_row_separator":return t.jsx(Kn,{nestingLevel:o?.nestingLevel??1,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!0,classDepth:o?.classDepth,noMarginForAccount:o?.noMarginForAccount??!1})}}function oi({height:e,backgroundColor:n,title:o,numOfBalances:i=6}){let r=null;const l=I()!=="small";switch(o!=null?o.split("+")[1]:""){case"section-row":r=t.jsx(Gl,{columns:i,isSticky:l});break;case"root-class-row":r=t.jsx(El,{columns:i,isSticky:l});break;case"sub-class-row":r=t.jsx(Rl,{columns:i,isSticky:l});break;case"leaf-class-row":r=t.jsxs(t.Fragment,{children:[t.jsx(Hl,{columns:i,isSticky:l}),t.jsx(we,{isScrolling:!1,kind:"sub_account_balance_row_separator",subAccountProps:{isSticky:!0,nestingLevel:0,noMarginForAccount:!1}})]})}return t.jsx(Yl,{height:e,bgColor:n,children:r})}const Gl=({columns:e,isSticky:n})=>t.jsxs(Ce,{children:[t.jsxs(gt,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:[t.jsx(ze,{width:S[4],height:S[4]}),t.jsx(K,{width:j.loadingInProgressSmallStickyColumnWidth,height:j.balanceHeightInPx})]}),t.jsx(ut,{columns:e,rectangleWidth:j.loadingBalanceWidthInPx})]}),El=({columns:e,isSticky:n})=>t.jsxs(Ce,{children:[t.jsxs(gt,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:[t.jsx(ze,{width:S[4],height:S[4]}),t.jsx(K,{width:j.loadingInProgressLargeStickyColumnWidth,height:j.balanceHeightInPx})]}),t.jsx(ut,{columns:e,rectangleWidth:j.smallLoadingBalanceWidthInPx})]}),Rl=({columns:e,isSticky:n})=>t.jsxs(Ce,{children:[t.jsx(gt,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:t.jsxs(Ce,{style:{marginLeft:"36px"},children:[t.jsx(ze,{width:S[4],height:S[4]}),t.jsx(K,{width:j.loadingInProgressLargeStickyColumnWidth,height:j.balanceHeightInPx,style:{marginLeft:S[4]}})]})}),t.jsx(ut,{columns:e,rectangleWidth:j.smallLoadingBalanceWidthInPx})]}),Hl=({columns:e,isSticky:n})=>t.jsxs(Ce,{children:[t.jsx(gt,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:t.jsx(Ce,{style:{marginLeft:"84px"},children:t.jsx(K,{width:j.loadingInProgressSmallStickyColumnWidth,height:j.balanceHeightInPx})})}),t.jsx(ut,{columns:e,rectangleWidth:j.smallLoadingBalanceWidthInPx})]}),Kl=({rectangleWidth:e})=>t.jsx(ii,{width:j.balanceWidthInPx,children:t.jsx(K,{width:e,height:j.balanceHeightInPx})}),ut=({columns:e,rectangleWidth:n})=>t.jsx(Ul,{style:{zIndex:9,width:j.loadingInProgressScrollableSectionWidth},children:Array.from({length:e}).map((o,i)=>t.jsx(Kl,{rectangleWidth:n},i))}),Yl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()??e.theme.colors.grey4};
+`,Ce=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  min-height: 0;
+`,Ul=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,ii=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>typeof e.width=="string"?e.width:`${e.width}px`};
+  margin-right: ${j.balanceLeftMargin};
+  gap: ${j.balanceLeftMargin};
+  justify-content: flex-end;
+`,gt=a(ii)`
+  position: ${e=>e.isSticky===!0?"sticky":"static"};
+  left: ${s.sp0};
+  z-index: 10;
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-start;
+`;function ri({height:e,numOfBalances:n,backgroundColor:o}){const i=I();return t.jsx(ql,{height:e,bgColor:o,children:t.jsxs(Zl,{windowSize:i,children:[t.jsx(Jl,{windowSize:i,width:`${j.loadingInProgressStickySectionWidth}px`,marginRight:0}),t.jsx(Ql,{children:Array.from({length:n},(r,l)=>t.jsx(ai,{windowSize:i,width:j.balanceWidth,children:t.jsx(K,{width:j.balanceWidthInPx,height:S[6]})},`timeframe-balance-${l}`))})]})})}const ql=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+  margin-top: 20px;
+`,Zl=a.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+`,ai=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-right: ${e=>e.marginRight!=null?`${e.marginRight}px`:s.sp4};
+  min-width: ${e=>typeof e.width=="string"?e.width:`${e.width}px`};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-end;
+  :first-of-type {
+    justify-content: flex-start;
+  }
+  margin-right: ${j.balanceLeftMargin};
+`,Jl=a(ai)`
+  position: sticky;
+  left: ${s.sp0};
+  z-index: 10;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ql=a.div`
+  display: flex;
+  flex-direction: row;
+  width: calc(100% - ${j.loadingInProgressStickySectionWidth}px);
+  justify-content: flex-end;
+  flex: 1 0 auto;
+`,Xl=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,ec=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function dn({kind:e,isScrolling:n}){switch(e){case"ac_group_row_separator":return t.jsx(Xl,{"data-testid":y("ac-group-row-separator",e),isScrolling:n});case"section_row_separator":case"heading_row_separator":return t.jsx(ec,{"data-testid":y("section-row-separator",e),isScrolling:n})}}const E={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new G(200,350,405)},tc=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,nc=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,oc=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+  color: ${e=>e.hasNonZeroBalance===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,ic=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,It=a(v)`
+  user-select: none;
+  min-width: ${E.balanceWidth};
+  max-width: ${E.balanceWidth};
+  text-align: right;
+  margin-left: ${E.balanceLeftMargin};
+`,rc=a(It)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,ac=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  color: ${e=>e.hasNonZeroBalance===!0?e.theme.colors.primary:e.theme.colors.hero};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,lc=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+`,cc=({type:e,balance:n,collapsed:o,compareMode:i})=>{const r=o===!0?rc:It;return t.jsxs(ic,{"data-testid":y("account-group-row-balance-element",e),children:[t.jsx(r,{"data-testid":y("account-group-row-balance-actual",e),children:J(n)}),Pe(e)?t.jsxs(t.Fragment,{children:[t.jsx(r,{"data-testid":y("account-group-row-balance-forecast",e),children:Q(n)}),t.jsx(It,{"data-testid":y("account-group-row-balance-actual-vs-forecast",e),children:i==="compare_mode_percent"?ce(n):se(n)})]}):null]})};function sc({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,accountGroupName:l,accountGroupBalances:c,compareMode:d,isScrolling:g,isOpen:u,isLeaf:p,isLastNode:h,onClick:x}){const f=I(),w=!p,m=w?"pointer":"default",b=l.length>0?l.substr(0,1).toUpperCase():"",k=hc(c),C=le().colors.primary,[_,$]=z.useState(!1);return t.jsxs(tc,{"data-testid":y("account-group-row-root-container",e),height:r,bgColor:n,windowSize:f,children:[t.jsxs(nc,{"data-testid":y("account-group-row-container",e),style:{cursor:m},isClickable:w,onClick:()=>x?.(i),onMouseOver:()=>$(!0),onMouseLeave:()=>$(!1),children:[t.jsxs(ac,{"data-testid":y("account-group-row-name-container",e),bgColor:n,isSticky:o,windowSize:f,hasNonZeroBalance:k,children:[t.jsx(ke,{"data-testid":y("account-group-row-circle-with-letter",e),color:O(C),showCollapsedIcon:!u,showIcon:w&&_,firstLetter:b}),t.jsx(lc,{"data-testid":y("account-group-row-name",e),children:l})]}),t.jsx(oc,{"data-testid":y("account-group-row-balances-container",e),hasNonZeroBalance:k,children:c.map((B,A)=>t.jsx(cc,{"data-testid":y("account-group-row-balance-element",e),type:e,accountGroupName:l,balance:B,compareMode:d,collapsed:!1},A))})]}),t.jsx(dc,{isScrolling:g,isLeaf:p,isLastNode:h,isOpen:u})]})}function dc({isScrolling:e,isLeaf:n,isLastNode:o,isOpen:i}){return!n&&i&&o?null:t.jsx(dn,{isScrolling:e,kind:"ac_group_row_separator"})}const hc=e=>{let n=!1;if(e!=null){for(const o of e)if(o!=null&&o.balance.amount!==0){n=!0;break}}return n},uc=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,gc=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,pc=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,xc=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Lt=a(v)`
+  user-select: none;
+  min-width: ${E.balanceWidth};
+  max-width: ${E.balanceWidth};
+  text-align: right;
+  margin-left: ${E.balanceLeftMargin};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,fc=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,mc=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: 35px;
+  color: ${e=>e.theme.colors.hero};
+`,wc=({type:e,balance:n,account:o,onAccountBalanceClick:i,compareMode:r})=>{const l=o!=null&&n!=null&&i!=null&&!(n?.type==="this_period_vs_last_period"||n?.type==="this_period_vs_last_period_percent");return t.jsxs(xc,{children:[t.jsx(Lt,{isClickable:l,onClick:()=>{l===!0&&o!=null&&n!=null&&i?.(o,n)},children:J(n)}),Pe(e)?t.jsxs(t.Fragment,{children:[t.jsx(Lt,{isClickable:!1,children:Q(n)}),t.jsx(Lt,{isClickable:!1,children:r==="compare_mode_percent"?ce(n):se(n)})]}):null]})};function yc({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,accountBalances:l,isCompareModeOn:c,isForecastModeOn:d,isScrolling:g,isLeaf:u,isLastNode:p,compareMode:h,account:x,onAccountBalanceClick:f}){const w=I(),{common:{strings:{empty:m}}}=M.getLocalizedStrings(),b=x?.accountDescription?x.accountDescription:m,k=x?.accountName?x.accountName:b,C=go(),_=C.loggedInUserRole!=null&&!ko(C.loggedInUserRole),$=_===!0&&x!=null&&c!==!0&&f!=null&&d!==!0,B=$?"pointer":"default";return t.jsxs(uc,{height:r,bgColor:n,windowSize:w,children:[t.jsxs(gc,{style:{cursor:B},isClickable:$,onClick:()=>{return x!=null?(A=i,P=x,void($===!0&&l[l.length-1]!=null&&f?.(A,P,l[l.length-1]))):null;var A,P},children:[t.jsx(fc,{isSticky:o,windowSize:w,bgColor:n,children:t.jsx(mc,{title:k,children:k})}),t.jsx(pc,{children:l.map((A,P)=>t.jsx(wc,{type:e,balance:A,account:x,onAccountBalanceClick:_===!1||f==null?void 0:(V,D)=>{f(i,V,D)},compareMode:h},P))})]}),t.jsx(bc,{isScrolling:g,isLeaf:u,isLastNode:p})]})}function bc({isScrolling:e,isLeaf:n,isLastNode:o}){return n||!o?t.jsx(dn,{isScrolling:e,kind:"ac_group_row_separator"}):null}const kc=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.rootHeight-1}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,jc=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Sc=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Yn=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,_e=a(v)`
+  user-select: none;
+  max-width: ${E.balanceWidth};
+  min-width: ${E.balanceWidth};
+  text-align: right;
+  margin-left: ${E.balanceLeftMargin};
+`,Un=a(v)`
+  user-select: none;
+  max-width: ${E.balanceWidth};
+  min-width: ${E.balanceWidth};
+  text-align: right;
+  margin-left: ${E.balanceLeftMargin};
+`,Cc=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,_c=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${s.sp7};
+  width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,vc=a(v)`
+  user-select: none;
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+`,$c=({type:e,balance:n,color:o,compareMode:i})=>{const r=n!=null&&n.type==="default_with_percent"&&n.percentValue!=null?n.percentValue:0,l=n!=null&&n.type==="default_with_percent"&&n.forecastPercentValue!=null?n.forecastPercentValue:0;return t.jsxs(Cc,{children:[t.jsxs(Yn,{children:[t.jsx(_e,{style:{color:o.toString()},children:J(n)}),Pe(e)?t.jsxs(t.Fragment,{children:[t.jsx(_e,{style:{color:o.toString()},children:Q(n)}),t.jsx(_e,{style:{color:o.toString()},children:i==="compare_mode_percent"?ce(n):se(n)})]}):null]}),t.jsxs(Yn,{children:[r!==0?t.jsx(Un,{style:{color:o.toString()},children:xe("0,0%",r)}):null,Pe(e)?t.jsxs(t.Fragment,{children:[l!==0?t.jsx(Un,{style:{color:o.toString()},children:xe("0,0%",l)}):t.jsx(_e,{}),t.jsx(_e,{})]}):null]})]})};function hn({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,sectionName:l,sectionBalances:c,sectionColor:d,isScrolling:g,isOpen:u,isLeaf:p,compareMode:h,onClick:x}){const f=I(),[w,m]=z.useState(!1),b=!p,k=b?"pointer":"default",C=l.length>0?l.substring(0,1).toUpperCase():"";return t.jsxs(kc,{"data-testid":y("section-row-root-container",i),rootHeight:r,bgColor:n,windowSize:f,children:[t.jsxs(jc,{"data-testid":y("section-row-container",i),style:{cursor:k},onClick:()=>x?.(i),onMouseOver:()=>m(!0),onMouseLeave:()=>m(!1),children:[t.jsxs(_c,{"data-testid":y("section-row-name-container",i),isSticky:o,windowSize:f,bgColor:n,children:[t.jsx(ke,{"data-testid":y("section-row-circle-with-letter",i),color:O(d),showCollapsedIcon:!u,showIcon:b&&w,firstLetter:C}),t.jsx(vc,{"data-testid":y("section-row-name",i),style:{color:d.toString()},children:l})]}),t.jsx(Sc,{"data-testid":y("section-row-balances-container",i),children:c.map((_,$)=>t.jsx($c,{"data-testid":y("section-row-balance-element",e),type:e,sectionName:l,balance:_,color:d,compareMode:h},$))})]}),t.jsx(Lc,{isScrolling:g,isLeaf:p,isOpen:u})]})}function Lc({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(dn,{isScrolling:e,kind:"section_row_separator"}):null}const Bc=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ac=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Oc=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Nc=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,li=a(v)`
+  user-select: none;
+  min-width: ${E.balanceWidth};
+  max-width: ${E.balanceWidth};
+  text-align: right;
+  margin-left: ${E.balanceLeftMargin};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,Mc=a(li)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,Ic=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Wc=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,Bt=a(v)`
+  user-select: none;
+  min-width: ${E.balanceWidth};
+  max-width: ${E.balanceWidth};
+  text-align: right;
+  margin-left: ${E.balanceLeftMargin};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,Pc=({type:e,balance:n,collapsed:o,compareMode:i})=>{const r=o===!0?Mc:li;return t.jsxs(Nc,{children:[re(e)===!0?t.jsx(r,{children:J(n)}):null,Pe(e)?t.jsxs(t.Fragment,{children:[t.jsx(Bt,{children:J(n)}),t.jsx(Bt,{children:Q(n)}),t.jsx(Bt,{children:i==="compare_mode_percent"?ce(n):se(n)})]}):null]})};function Fc({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,title:l,totalBalances:c,isLeaf:d,compareMode:g,onClick:u}){const p=I(),h=!d,x=h?"pointer":"default";return t.jsx(Bc,{height:r,bgColor:n,windowSize:p,children:t.jsxs(Ac,{style:{cursor:x},isClickable:h,onClick:()=>u?.(i),children:[t.jsx(Ic,{bgColor:n,isSticky:o,windowSize:p,children:t.jsx(Wc,{children:l})}),t.jsx(Oc,{children:c.map((f,w)=>t.jsx(Pc,{type:e,balance:f,collapsed:!1,compareMode:g},w))})]})})}const je={net_burn_or_income:{income:{color:new O(N.graphColor04),hoverColor:new O(N.graphColor04Dark)},cogs:{color:new O(N.graphColor10),hoverColor:new O(N.graphColor10Dark)},expenses:{color:new O(N.graphColor32),hoverColor:new O(N.graphColor32Dark)},"Gross Burn":{color:new O(te.neutralGrey2Dark),hoverColor:new O(te.neutralGrey2Dark)},"Net Burn":{color:new O(N.graphColor13),hoverColor:new O(N.graphColor13Dark)},"Net Income":{color:new O(N.graphColor13),hoverColor:new O(N.graphColor13Dark)}},revenue:{income:{color:new O(N.graphColor28),hoverColor:new O(N.graphColor28Dark)},cogs:{color:new O(N.graphColor17),hoverColor:new O(N.graphColor17Dark)},"Gross Margin":{color:new O(N.graphColor10),hoverColor:new O(N.graphColor10Dark)}},cash_in_cash_out:{cash_in:{color:new O(N.graphColor33),hoverColor:new O(N.graphColor33Dark)},cash_out:{color:new O(N.graphColor02),hoverColor:new O(N.graphColor02Dark)},"Net Cash Flow":{color:new O(N.graphColor35),hoverColor:new O(N.graphColor35Dark)}},default:{color:new O(te.neutralGrey2Dark),hoverColor:new O(te.neutralGrey2Dark)}},un=(e,n)=>e.startsWith("net_burn_or_income")===!0?n!=null?je.net_burn_or_income[n]:je.default:e.startsWith("revenue")===!0?n!=null?je.revenue[n]:je.default:e.startsWith("cash_in_cash_out")===!0&&n!=null?je.cash_in_cash_out[n]:je.default,ci=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="section"||o.element.data==null)return null;const x=un(o.config.reportId,o.element.sectionType),f=ne(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(hn,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,sectionColor:x.color,sectionName:o.element.title,sectionBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,compareMode:p,onClick:w=>{h?.(w)}})},si=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="calculated_section"||o.element.data==null)return null;const x=un(o.config.reportId,o.element.title),f=ne(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(hn,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:x.color,sectionBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,compareMode:p,onClick:w=>{h?.(w)}})},di=(e,n,o,i,r,l,c,d)=>{if((o.config.isZeniCOAInUse==null||o.config.isZeniCOAInUse===!0)&&o.config.mode!=="this_period_vs_period_before")return null;const g=ne(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Fc,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,title:o.element.title,height:i,isLeaf:d,compareMode:c,totalBalances:g.balances})},qg=20,zc=e=>{const n=[];return e&&Object.values(e).forEach(o=>{n.push(o)}),n.reverse()},Tc=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,Vc=a.div`
+  display: flex;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function Wt({kind:e,isScrolling:n}){switch(e){case"account_class_row_separator":return t.jsx(Tc,{isScrolling:n});case"section_row_separator":case"vendor_separator":return t.jsx(Vc,{isScrolling:n});case"heading_row_separator":return null}}const Dc=a.div`
+  position: relative;
+`,Gc=a.div`
+  height: ${e=>e.height}px;
+  border-left: 1px solid ${e=>e.theme.colors.grey1};
+  width: 1px;
+`;a.div`
+  height: 39px;
+  width: 2px;
+`;const Ec=a.div`
+  position: relative;
+  margin-right: ${s.sp3};
+  &::after {
+    content: "";
+    position: absolute;
+    top: 20px;
+    border-top: 1px solid ${e=>e.theme.colors.grey1};
+    width: 18px;
+  }
+`,Rc=a.div`
+  height: ${s.sp6};
+  border-left: 1px solid ${e=>e.theme.colors.grey1};
+  width: 1px;
+`,Hc=a.div`
+  position: relative;
+  margin-right: ${s.sp3};
+  &::after {
+    content: "";
+    position: absolute;
+    top: ${e=>e.height}px;
+    border-top: 1px solid ${e=>e.theme.colors.grey1};
+    width: 18px;
+  }
+`,Kc=a.div`
+  height: ${e=>e.height}px;
+  border-left: 1px solid ${e=>e.theme.colors.grey1};
+  margin-bottom: ${e=>e.height}px;
+  width: 1px;
+`,hi=({height:e})=>t.jsx(Dc,{children:t.jsx(Gc,{height:e})}),Yc=({height:e})=>t.jsx(Hc,{height:e,children:t.jsx(Kc,{height:e})}),Uc=()=>t.jsx(Ec,{children:t.jsx(Rc,{})}),qc=s.sp4,ui="126px",ue="128px",pt="12px",xt="12px",lt="685px",gn="628px",qn="685px",Zc="182px",ct="184px",ye="144px",st="12px",Zn="685px",gi="250px",dt="250px",Jc=39,Qc=19.5,Xc=16,Oe=128,Jn=168,Ne="180px",Qn="300px",pi="210px",es="128px";function xi(e,n=!1){switch(e){case"section":case"flux_vendor_row":case"timeframe_headers":case"total":case"loading_in_progress":case"headers_loading_in_progress":return S[8];case"flux_vendor_account_class_row":return n?S[9]:S[6];default:return 0}}const Xn=M.getLocalizedStrings(),ts=a.div`
+  display: flex;
+  flex-shrink: 0;
+  width: ${ct};
+  min-width: ${ct};
+  margin-left: 12px;
+  gap: ${s.sp1};
+  flex-direction: row;
+  justify-content: flex-end;
+  text-align: center;
+`,ns=a.div`
+  height: ${s.sp4};
+  border-radius: ${s.sp1};
+  padding: 2px ${s.sp1};
+  color: ${e=>e.textColor.hex()};
+`,os=a.div`
+  border-radius: ${s.sp1};
+  padding: 2px ${s.sp1};
+  height: ${s.sp4};
+  justify-content: center;
+  text-align: center;
+  color: ${e=>e.textColor.hex()};
+  background-color: ${e=>e.bgColor.hex()};
+`,ft=({amount:e,percentage:n,currency:o})=>{const i=le();return t.jsxs(ts,{children:[t.jsx(ns,{textColor:new O(e>0?i.colors.brandColorGoldDark:i.colors.success),children:q("0,0",hr(Math.abs(e),o.currencyCode,o.currencySymbol))}),t.jsx(os,{textColor:new O(e>0?i.colors.brandColorGoldDark:i.colors.success),bgColor:new O(e>0?te.brandColorGoldLight:te.successLight),children:`${Xi(Math.abs(n)).format(Xn.common.numberFormat.roundedOff)}${Xn.common.strings.percentage}`})]})},eo=M.getLocalizedStrings(),is=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+`,rs=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  color: ${e=>e.isHoveredByParent?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fi=a.div`
+  display: flex;
+  flex-direction: column;
+`,mi=a.div`
+  display: flex;
+  height: ${s.sp4};
+`,as=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ls=a(v)`
+  min-width: ${ue};
+  max-width: ${ue};
+  text-align: right;
+  margin-left: 12px;
+`,cs=a.div`
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${Zn};
+  max-width: ${Zn};
+  padding-left: 67.5px;
+  ${({isSticky:e})=>e?T`
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+          display: flex;
+        `:null}
+`,ss=a.div`
+  display: flex;
+  height: ${s.sp4};
+  width: 100%;
+`,ds=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: 100%;
+`,hs=a(be)`
+  display: flex;
+  width: ${gi};
+  margin-left: ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,us=a(be)`
+  display: flex;
+  width: ${gi};
+  margin-left: ${s.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,gs=a(v)`
+  clear: both;
+  display: flex;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: 2px;
+  width: ${dt};
+  max-width: ${dt};
+`,ps=a(v)`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp4};
+  margin-right: ${s.sp3};
+  width: ${dt};
+  max-width: ${dt};
+`,xs=a.div`
+  display: flex;
+  margin-left: ${s.sp7};
+  margin-right: calc(
+    ${ye} +
+      ${xt}
+  );
+`,fs=a.div`
+  position: sticky;
+  left: 0;
+  background-color: ${e=>e.theme.colors.grey4};
+  display: flex;
+`,ms=a.div`
+  overflow-x: auto;
+  display: flex;
+  flex: 1;
+  justify-content: flex-end;
+`,ws=({isBalanceRowFirstNode:e=!1,balance:n})=>{const o=n!=null;return t.jsxs(fi,{children:[e?t.jsx(mi,{}):null,t.jsx(as,{children:t.jsx(ls,{isClickable:o,children:J(n)})})]})};function ys({varianceAmount:e,variancePercentage:n,currency:o,isSticky:i,balances:r,isScrolling:l,nodeMetadata:c,isLeaf:d,isLastNode:g,accountAndClass:u,isHoveredByParent:p}){const{common:{strings:{hyphen:h}}}=M.getLocalizedStrings(),x=u.accountBase?.accountDescription?u.accountBase?.accountDescription:h,f=u.accountBase?.accountName?u.accountBase?.accountName:x,w=u.classBase?.className?u.classBase?.className:h,m=c?.accountAndClassRowMetadata.isLastNode;return t.jsxs(is,{children:[t.jsxs(rs,{style:{cursor:"default"},isHoveredByParent:p,children:[t.jsx(fs,{children:t.jsxs(cs,{className:"flux-class-and-account-value-container",isSticky:i,children:[!!c?.accountAndClassRowMetadata.isFirstNode&&t.jsxs(ss,{children:[t.jsx(hi,{height:Jc}),t.jsx(hs,{children:eo.common.texts.category}),t.jsx(us,{children:eo.common.texts.class})]}),t.jsxs(ds,{children:[m===!0?t.jsx(Yc,{height:Qc}):t.jsx(Uc,{}),t.jsx(gs,{title:f,children:f}),t.jsx(ps,{title:w,children:w})]})]})}),t.jsx(ms,{children:t.jsxs(xs,{children:[r.map((b,k)=>t.jsx(ws,{balance:b,isBalanceRowFirstNode:c?.accountAndClassRowMetadata.isFirstNode},k)),t.jsxs(fi,{children:[!!c?.accountAndClassRowMetadata.isFirstNode&&t.jsx(mi,{}),t.jsx(ft,{amount:e,percentage:n,currency:o})]})]})})]}),t.jsx(bs,{isScrolling:l,isLeaf:d,isLastNode:g,isParentLastChild:c?.isVendorLastChild??!0})]})}function bs({isScrolling:e,isLastNode:n,isParentLastChild:o}){return n&&o?t.jsx(Wt,{isScrolling:e,kind:"vendor_separator"}):n?t.jsx(Wt,{isScrolling:e,kind:"account_class_row_separator"}):null}function ks(){return t.jsxs(js,{children:[t.jsxs(Cs,{children:[t.jsxs(Se,{width:Qn,className:"vendor-title",children:[t.jsx(ze,{width:S[4],height:S[4]}),t.jsx(K,{width:Jn,height:S[4],style:{display:"flex",alignItems:"baseline",marginLeft:s.sp2}})]}),t.jsx(Se,{width:Qn,children:t.jsx(K,{width:Jn,height:S[4],style:{display:"flex",alignItems:"baseline",marginLeft:s.sp2}})})]}),t.jsxs(Ss,{children:[t.jsx(Se,{width:Ne,children:t.jsx(K,{width:Oe,height:S[4],style:{display:"flex",alignItems:"center"}})}),t.jsx(Se,{width:Ne,children:t.jsx(K,{width:Oe,height:S[4],style:{display:"flex",alignItems:"flex-start"}})}),t.jsxs(Se,{width:pi,children:[t.jsx(K,{width:Oe,height:S[4],style:{display:"flex",alignItems:"center"}}),t.jsx(K,{width:S[7],height:S[4],style:{display:"flex",alignItems:"flex-start",marginLeft:s.sp1}})]}),t.jsx(Se,{width:Ne,children:t.jsx(K,{width:70,height:S[4],style:{display:"flex",alignItems:"center",justifyContent:"center"}})})]})]})}const js=a.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  margin-left: ${s.sp8};
+  .vendor-title {
+    justify-content: flex-start;
+  }
+`,Se=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>e.width};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-end;
+
+  :last-of-type {
+    justify-content: center;
+  }
+`,Ss=a.div`
+  display: flex;
+`,Cs=a.div`
+  display: flex;
+  width: ${gn};
+  position: sticky;
+  left: ${s.sp8};
+  top: 0;
+  z-index: 10;
+`,_s=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.heightValue}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,vs=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,$s=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Ls=a(v)`
+  max-width: ${ue};
+  min-width: ${ue};
+  text-align: right;
+  margin-left: ${pt};
+  color: ${({color:e})=>e};
+`,Bs=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  align-items: center;
+  height: 100%;
+  width: ${qn};
+  min-width: ${qn};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e&&T`
+      position: sticky;
+      top: ${s.sp0};
+      left: ${s.sp0};
+    `}
+`,As=a(v)`
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+  color: ${({color:e})=>e};
+`,Os=a(Yt)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ns=a.div`
+  display: flex;
+  &:hover {
+    .flux-section-checkbox {
+      background-color: transparent;
+    }
+  }
+`,Ms=a.div`
+  display: flex;
+  width: ${s.sp8};
+`,Is=a.div`
+  display: flex;
+  margin-left: ${s.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  margin-right: calc(
+    ${ye} +
+      ${xt}
+  );
+`,Ws=({balance:e,color:n})=>t.jsx($s,{children:t.jsx(Ls,{color:n,children:J(e)})}),Ps=cr.memo(function({currency:e,sectionId:n,selectedSectionsIds:o,backgroundColor:i,isSticky:r,treeNodeId:l,height:c,sectionName:d,hasVendors:g,sectionBalances:u,varianceAmount:p,variancePercentage:h,sectionColor:x,isScrolling:f,isOpen:w,isLeaf:m,idsForReview:b,sectionToggled:k,onSectionCheckboxClick:C}){const _=I(),[$,B]=z.useState(b.length>0),[A,P]=z.useState(!1),V=o.includes(n),D=!m,Y=b.length===20&&!V,X=d?.[0]?.toUpperCase()??"",ee=z.useCallback(Z=>{C?.(n,Z.target.checked)},[n,C]);return t.jsxs(_s,{heightValue:c,bgColor:i,children:[t.jsxs(vs,{style:{cursor:D?"pointer":"default"},onClick:()=>k?.(l),onMouseOver:()=>{P(!0),B(!0)},onMouseLeave:()=>{P(!1),b.length===0&&B(!1)},children:[t.jsxs(Bs,{className:"flux-section-name-container",isSticky:r,windowSize:_,bgColor:i,children:[g&&$&&w?t.jsx(Ns,{children:t.jsx(Et,{"aria-label":`Toggle section ${d}`,className:"flux-section-checkbox",icon:t.jsx(Rt,{width:s.sp3,height:s.sp3}),checkedIcon:t.jsx(Os,{}),checked:V,id:l,disabled:Y,onChange:ee,onClick:Z=>Z.stopPropagation(),style:{padding:"20px",pointerEvents:Y?"none":"auto"}})}):t.jsx(Ms,{}),t.jsx(ke,{color:O(x),showCollapsedIcon:!w,showIcon:A&&D,firstLetter:X}),t.jsx(As,{color:x.toString(),children:d})]}),t.jsxs(Is,{children:[u.map((Z,de)=>t.jsx(Ws,{sectionName:d,balance:Z,color:x.toString()},de)),t.jsx(ft,{amount:p,percentage:h,currency:e})]})]}),t.jsx(Fs,{isScrolling:f,isLeaf:m,isOpen:w})]})});function Fs({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(Wt,{isScrolling:e,kind:"section_row_separator"}):null}function zs(){const e=I();return t.jsxs(Ts,{windowSize:e,children:[t.jsx(ve,{windowSize:e,width:gn,marginRight:0,children:t.jsx(K,{width:S[9],height:S[4],style:{display:"flex",alignItems:"baseline"}})}),t.jsx(ve,{windowSize:e,width:Ne,marginRight:0,children:t.jsx(K,{width:128,height:S[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(ve,{windowSize:e,width:Ne,marginRight:0,children:t.jsx(K,{width:Oe,height:S[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(ve,{windowSize:e,width:pi,children:t.jsx(K,{width:184,height:S[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(ve,{windowSize:e,width:es,children:t.jsx(K,{width:Oe,height:S[6],style:{display:"flex",alignItems:"center"}})})]})}const Ts=a.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  margin-left: ${s.sp8};
+`,ve=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-right: ${e=>e.marginRight!=null?`${e.marginRight}px`:s.sp4};
+  min-width: ${e=>e.width};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-end;
+  :first-of-type {
+    justify-content: flex-start;
+  }
+`,{common:Vs,expenseAutomation:{fluxAnalysis:Ds},vendors:{opExByVendor:Gs}}=M.getLocalizedStrings(),Es=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>`${e.heightValue}px`};
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Pt=a.div`
+  display: flex;
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  min-width: ${e=>e.width!=null?e.width:ui};
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  margin-left: ${pt};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+`,Rs=a(v)`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${qc};
+  max-width: ${ui};
+  width: 138px;
+  text-align: center;
+`,Hs=a.div`
+  display: flex;
+  cursor: pointer;
+`,Ks=a.div`
+  display: flex;
+  cursor: pointer;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,Ys=a.div`
+  display: flex;
+  flex-direction: row;
+  z-index: 1;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${s.sp8};
+  ${({isSticky:e})=>e?T`
+          top: ${s.sp0};
+          left: ${s.sp0};
+          display: flex;
+          position: sticky;
+        `:null};
+`,Us=a.div`
+  height: ${s.sp8};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${gn};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+`,qs=a(v)`
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  color: ${e=>e.isBulkSelected||e.isSortedByKey?e.theme.colors.primary:e.theme.colors.hero};
+`,Ft=a.div`
+  display: flex;
+  cursor: pointer;
+`,zt=a.div`
+  color: ${e=>e.isBulkSelected||e.isSortedByKey?e.theme.colors.primary:e.theme.colors.hero};
+`,Tt=a(qt)`
+  width: ${st};
+  height: ${st};
+  margin-left: ${s.sp2};
+  margin-top: ${s.sp1};
+`,Vt=a(Zt)`
+  width: ${st};
+  height: ${st};
+  margin-left: ${s.sp2};
+  margin-top: ${s.sp1};
+`,Zs=a.div`
+  display: flex;
+  margin-left: ${s.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+`,Js=({firstMonthOfFY:e,timeframeTick:n,timeframe:o})=>t.jsx(Pt,{isClickable:!1,children:t.jsx(Rs,{children:Ve(e,n,o)})}),Qs=({firstMonthOfFY:e,timeframeTick:n,timeframe:o})=>t.jsx(Js,{firstMonthOfFY:e,timeframeTick:n,timeframe:o}),Xs=({sortKey:e="vendor",sortOrder:n="ascending",isBulkSelected:o,onSortOrderChanged:i})=>{const r=e==="vendor"?n:"ascending";return t.jsx(qs,{isBulkSelected:o,isSortedByKey:e==="vendor",children:t.jsxs(Ft,{onClick:()=>{i(n==="ascending"?"descending":"ascending","vendor")},"data-testid":y("flux-analysis-report-timeframe-row-vendor-element-row"),children:[Gs.vendor,t.jsx(zt,{isBulkSelected:o,isSortedByKey:e==="vendor",children:r==="ascending"?t.jsx(Tt,{}):t.jsx(Vt,{})})]})})};function ed({backgroundColor:e,height:n,isBulkSelected:o,sortKey:i="vendor",sortOrder:r="ascending",firstMonthOfFY:l,timeframe:c,timeframeTicks:d,onSortOrderChanged:g}){const u=I();return t.jsxs(Es,{heightValue:n,bgColor:e,children:[t.jsx(Ys,{className:"flux-vendor-header-sticky",windowSize:u,isSticky:!0,children:t.jsx(Us,{windowSize:u,children:t.jsx(Xs,{sortKey:i,sortOrder:r,isBulkSelected:o,onSortOrderChanged:(p,h)=>{g?.(p,h)}})})}),t.jsxs(Zs,{children:[d.map((p,h)=>t.jsx(Qs,{firstMonthOfFY:l,timeframeTick:p,timeframe:c},h)),t.jsx(Pt,{isClickable:!1,width:Zc,children:t.jsxs(Ft,{onClick:()=>g?.(r==="ascending"?"descending":"ascending","variance"),"data-testid":y("flux-analysis-report-timeframe-row-varianceElement"),children:[t.jsx(Hs,{children:Ds.variance}),t.jsx(zt,{isBulkSelected:o,isSortedByKey:i==="variance",children:(i==="variance"?r:"ascending")==="ascending"?t.jsx(Tt,{}):t.jsx(Vt,{})})]})}),t.jsx(Pt,{isClickable:!1,width:ye,children:t.jsxs(Ft,{onClick:()=>{g?.(r==="ascending"?"descending":"ascending","status")},"data-testid":y("flux-analysis-report-timeframe-row-status"),children:[t.jsx(Ks,{children:Vs.texts.reviewStatus}),t.jsx(zt,{isBulkSelected:o,isSortedByKey:i==="status",children:(i==="status"?r:"ascending")==="ascending"?t.jsx(Tt,{}):t.jsx(Vt,{})})]})})]})]})}const td=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+
+  flex-direction: column;
+  height: ${e=>`${e.heightValue}px`};
+  background-color: ${e=>e.bgColor?.hex()};
+`,nd=a.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,od=a.div`
+  display: flex;
+  flex-direction: row;
+`,id=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-left: ${pt};
+`,rd=a(oe)`
+  user-select: none;
+  min-width: ${ue};
+  max-width: ${ue};
+  text-align: right;
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid transparent;
+`,ad=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 2;
+  flex-grow: 1;
+  width: ${lt};
+  max-width: ${lt};
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  left: ${s.sp8};
+  top: 0;
+  z-index: 10;
+`,ld=a(oe)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+`,cd=a.div`
+  display: flex;
+  width: ${ye};
+  min-width: ${ye};
+  justify-content: center;
+  flex-direction: row;
+  margin-left: ${xt};
+`,sd=a.div`
+  display: flex;
+  margin-left: ${s.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+`,dd=({balance:e})=>t.jsx(id,{children:t.jsx(rd,{children:q("0,0",e?.balance)})});function hd({type:e,height:n,title:o,totalBalances:i,varianceAmount:r,variancePercentage:l,currency:c,backgroundColor:d}){return t.jsx(td,{"data-testid":y("total-row-root-container"),heightValue:n,bgColor:d,children:t.jsxs(nd,{"data-testid":y("total-row-container"),children:[t.jsx(ad,{className:"flux-total-row",children:t.jsx(ld,{children:o})}),t.jsxs(sd,{children:[t.jsx(od,{children:re(e)&&i.map((g,u)=>t.jsx(dd,{balance:g},u))}),t.jsx(ft,{amount:r,percentage:l,currency:c}),t.jsx(cd,{})]})]})})}const ud=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>`${e.heightValue}px`};
+  background-color: ${e=>e.bgColor?.hex()};
+`,gd=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  cursor: pointer;
+  color: ${e=>e.isRowExpanded?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .flux-vendor-chevron-icon,
+    .flux-vendor-collapsable-chevron-icon,
+    .flux-vendor-children-count {
+      border: 1px solid ${e=>e.theme.colors.primary};
+    }
+  }
+  .flux-vendor-chevron-icon,
+  .flux-vendor-collapsable-chevron-icon,
+  .flux-vendor-children-count {
+    border: 1px solid
+      ${e=>e.shouldHighlight?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,pd=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-left: ${pt};
+`,xd=a(v)`
+  user-select: none;
+  min-width: ${ue};
+  max-width: ${ue};
+  text-align: right;
+`,fd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 2;
+  flex-grow: 1;
+  width: ${lt};
+  max-width: ${lt};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,md=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+`,wd=a.div`
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+`,yd=a.div`
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+`;a.div`
+  display: flex;
+  flex-shrink: 0;
+  width: ${ct};
+  min-width: ${ct};
+  margin-left: 12px;
+  gap: ${s.sp1};
+  flex-direction: row;
+  justify-content: flex-end;
+  text-align: center;
+  align-items: center;
+`;const bd=a(er)`
+  width: 12px;
+  height: 12px;
+`;a.div`
+  height: ${s.sp4};
+  border-radius: ${s.sp1};
+  padding: 2px ${s.sp1};
+`,a.div`
+  border-radius: ${s.sp1};
+  padding: 2px ${s.sp1};
+  height: ${s.sp4};
+  justify-content: center;
+  text-align: center;
+  background-color: ${e=>e.bgColor.hex()};
+`;const kd=a.div`
+  display: flex;
+  margin-left: ${s.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+`,jd=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: ${e=>e.isNodeOpen?s.sp3:s.sp0};
+`,Sd=a.div`
+  display: flex;
+  width: ${ye};
+  min-width: ${ye};
+  justify-content: center;
+  flex-direction: row;
+  margin-left: ${xt};
+`,Cd=a(be)`
+  width: ${ue};
+  max-width: ${ue};
+  color: ${e=>e.theme.colors.primary};
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+  cursor: pointer;
+  align-items: center;
+`,_d=a.div`
+  color: ${e=>e.theme.colors.grey1};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  padding: ${s.sp0} 6px;
+  border-radius: ${s.sp1};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  margin-right: ${s.sp2};
+`,vd=a(be)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,$d=a.div`
+  display: flex;
+  width: ${s.sp8};
+  height: ${s.sp8};
+  &:hover {
+    .flux-vendor-checkbox {
+      background-color: transparent;
+    }
+  }
+`,Ld=a(Yt)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Bd=a(be)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 2px;
+  color: ${e=>e.theme.colors.success};
+`,Ad=a(xo)`
+  width: 12px;
+  height: 12px;
+`,to=a(po)`
+  margin-left: 2px;
+  width: 12px;
+  height: 12px;
+`,Od=a(Me)`
+  display: flex;
+  border-radius: 50%;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+`,Nd=a(Me)`
+  display: flex;
+  border-radius: ${s.sp1};
+  width: ${s.sp4};
+  height: ${s.sp4};
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${s.sp4};
+`,Md=a(Me)`
+  display: flex;
+  border-radius: 100px;
+  width: 18px;
+  height: 18px;
+  justify-content: center;
+  align-items: center;
+  margin-left: ${s.sp1};
+`,{common:no,expenseAutomation:Id}=M.getLocalizedStrings(),Wd=({balance:e})=>{const n=xd;return t.jsx(pd,{children:t.jsx(n,{children:J(e)})})};function Pd({fluxAnalysisEntityId:e,idsForReview:n,backgroundColor:o,isSticky:i,treeNodeId:r,height:l,leftChevron:c,varianceAmount:d,variancePercentage:g,currency:u,vendorBalances:p,reviewedByUser:h,status:x,vendor:f,isOpen:w,childrenCount:m,setHoveredParentId:b,onClick:k,handleRedirectToVendorDetailPage:C,updateOperatingExpensesIdsForReview:_}){const[$,B]=z.useState(!1),[A,P]=z.useState(n.length>0),V=n.includes(e),D=n.includes(e),Y=c==="collapsed",X=n.length===20&&V===!1,ee=md;return t.jsx(ud,{heightValue:l,bgColor:o,children:t.jsxs(gd,{shouldHighlight:D,isRowExpanded:w,onClick:()=>k?.(r),onMouseOver:()=>{B(!0),P(!0),b?.(f.id)},onMouseLeave:()=>{B(!1),n.length===0&&P(!1),b?.(null)},children:[t.jsxs(fd,{className:"flux-vendor-name-container",bgColor:o,isSticky:i,children:[t.jsx($d,{className:"flux-vendor-checkbox-container",children:A?t.jsx(Et,{className:"flux-vendor-checkbox",icon:t.jsx(Rt,{width:s.sp3,height:s.sp3}),checkedIcon:t.jsx(Ld,{}),checked:V,name:f.name,id:e,disabled:X,onChange:Z=>{let de=n;de=Z.target.checked===!0?[...de,e]:de.filter(fe=>fe!==e),_?.(de)},onClick:Z=>Z.stopPropagation(),style:{padding:"20px",pointerEvents:X?"none":"auto"}}):null}),t.jsxs(jd,{isNodeOpen:w,children:[$?t.jsx(Od,{className:"flux-vendor-collapsable-chevron-icon",children:w===!1?t.jsx(to,{}):t.jsx(Ad,{})}):f.logo!=null?t.jsx(Ht,{photoUrl:f.logo.toString(),styles:{width:S[4],height:S[4]}}):t.jsx(Kt,{name:f.name,size:s.sp4}),w?t.jsx(hi,{height:Xc}):null]}),t.jsxs(wd,{children:[t.jsxs(yd,{children:[t.jsx(ee,{children:f.name}),w?null:t.jsx(Md,{className:"flux-vendor-children-count",children:t.jsx(Me,{children:m})})]}),$?t.jsx(z.Fragment,{children:t.jsx(Nd,{className:"flux-vendor-chevron-icon",onClick:()=>{C?.(f)},"data-testid":y("flux-analysis-report-vendorElement-row"),children:t.jsx(to,{})})}):null]})]}),t.jsxs(kd,{children:[p.map((Z,de)=>t.jsx(Wd,{balance:Z,collapsed:Y},de)),t.jsx(ft,{amount:d,percentage:g,currency:u}),t.jsx(Sd,{children:x==="Pending Review"?t.jsx(_d,{children:t.jsx(vd,{children:no.status.pending})}):t.jsx(t.Fragment,{children:t.jsx(Cd,{className:"vendor-flux-analysis-review-info",children:h!=null?t.jsxs(z.Fragment,{children:[t.jsxs(Bd,{children:[t.jsx(bd,{}),Id.fluxAnalysis.reviewedBy]}),t.jsx(Me,{children:Ui(h)})]}):no.strings.hyphen})})})]})]})})}const oo={generalExpense:{color:new O(N.graphColor04),hoverColor:new O(N.graphColor04Dark)},reimbursement:{color:new O(N.graphColor10),hoverColor:new O(N.graphColor10Dark)},default:{color:new O(te.neutralGrey2Dark),hoverColor:new O(te.neutralGrey2Dark)}},pn=(e,n)=>{const{element:o}=e;return o.kind===n&&o.data!=null},wi=e=>zc(e.balancesByMonth),Fd=(e,n,o,i,r,l,c,d,g,u,p)=>{if(!pn(n,"flux_vendor_row"))return null;const h=n.element.data,x=wi(h),f=xi("flux_vendor_row",g);return t.jsx(Pd,{backgroundColor:o,isSticky:i,treeNodeId:e,fluxAnalysisEntityId:h.fluxAnalysisEntityId,height:f,leftChevron:"collapsed",idsForReview:n.config.fluxAnalysisConfig?.reviewOpExIds??[],vendor:h.vendor,vendorBalances:x,varianceAmount:h.varianceAmount,variancePercentage:h.variancePercentage,status:h.status,currency:h.currency,isScrolling:r,isOpen:l,isLeaf:c,isLastNode:d,childrenCount:h.vendorAccountsAndClasses.length,onClick:w=>{(m=>{p?.(m),n.config.fluxAnalysisConfig?.updateNodeCollapsableStatus(m)})(w)},reviewedByUser:h.reviewedByUser,updateOperatingExpensesIdsForReview:n.config.fluxAnalysisConfig?.updateOperatingExpensesIdsForReview,handleRedirectToVendorDetailPage:n.config.fluxAnalysisConfig?.handleRedirectToVendorDetailPage,setHoveredParentId:u?.setHoveredParentId})},zd=(e,n,o,i,r,l,c,d,g,u)=>{if(!pn(n,"section"))return null;const p=((x,f)=>x.startsWith("flux_analysis_operating_expense")===!0&&f!=null?oo[f]:oo.default)(n.config.reportId,n.element.sectionType),h=n.element.data;return t.jsx(Ps,{backgroundColor:i,isSticky:r,treeNodeId:e,height:o,selectedSectionsIds:n.config.fluxAnalysisConfig?.reviewSectionIds??[],idsForReview:n.config.fluxAnalysisConfig?.reviewOpExIds??[],sectionColor:p.color,sectionName:n.element.title,sectionBalances:h.balances,varianceAmount:h.varianceAmount,variancePercentage:h.variancePercentage,currency:h.currency,isScrolling:l,isOpen:c,hasVendors:h.vendors.length>0,isLeaf:d,isLastNode:g,sectionToggled:x=>{(f=>{n.config.fluxAnalysisConfig?.onSectionRowClick(f),u?.(f)})(x)},onSectionCheckboxClick:n.config.fluxAnalysisConfig?.onSectionCheckboxClick,sectionId:h.sectionId})},Td=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Vd=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  height: ${e=>e.height}px;
+  margin-left: ${e=>20*e.level}px;
+`,Dd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  &:hover {
+    background-color: null;
+  }
+  width: 100%;
+`,Gd=a(qi)`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  font-weight: ${e=>e.isSubclass?In.regular:In.medium};
+  color: ${e=>e.checked?e.theme.colors.primary:e.theme.colors.hero};
+`,Ed=a(be)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+  height: 18px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${s.sp1};
+  margin: 0 ${s.sp5} 0 ${s.sp3};
+  min-width: ${s.sp6};
+`,Rd=a(Yt)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${s.sp3};
+  height: ${s.sp3};
+`;function Hd({backgroundColor:e,treeNodeId:n,classId:o,isChecked:i,isDisabled:r,height:l,nestedClass:c,isLeaf:d,showClassAccountNumber:g,onClick:u,onToggleCheck:p}){const[h,x]=z.useState(!1);return t.jsx(Td,{"data-testid":y("name-with-checkbox-row-root-container",n),bgColor:e,children:t.jsxs(Vd,{"data-testid":y("name-with-checkbox-row-container",n),height:l,isClickable:!d,onClick:()=>u?.(n),onMouseOver:()=>x(!0),onMouseLeave:()=>x(!1),level:c.classId.length,children:[t.jsx(Et,{"data-testid":y("name-with-checkbox-row-checkbox",c.classId.toString()),icon:t.jsx(Rt,{width:s.sp3,height:s.sp3}),checkedIcon:t.jsx(Rd,{}),checked:i,name:c.className,id:n,disabled:r,onChange:f=>{p?.(o,f.target.checked)},style:{height:s.sp6}})," ",t.jsx(Dd,{children:t.jsxs(Gd,{"data-testid":y("name-with-checkbox-row-label-container",n),checked:i,isSubclass:c.classId.length>1,children:[t.jsx("label",{"data-testid":y("name-with-checkbox-row-label",c.classId.toString()),style:{flexGrow:2,cursor:"pointer"},onClick:()=>{p?.(o,!i)},children:c.className}),h===!0&&g===!0&&c.accountingClassNumber!=null&&t.jsx(Ed,{children:c.accountingClassNumber})]})})]})})}const W={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new G(200,270,270),categoryClassWidth:new G(230,230,240),nameLogoWidth:new G(S[4],S[4]),nameLogoHeight:new G(S[4],S[4])},Kd=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Yd=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: 100vw;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ud=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,io=a(v)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  justify-content: ${e=>e.isClubbed===!0?"unset":"flex-end"};
+  display: flex;
+  min-width: ${W.balanceWidth};
+  max-width: ${W.balanceWidth};
+  margin-left: ${e=>e.isClubbed===!0?s.sp2:W.balanceLeftMargin};
+  border: 1px solid transparent;
+`,ro=a(v)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  justify-content: "unset";
+  display: flex;
+  min-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+`,qd=a.div`
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+          z-index: 20;
+        `:null}
+`;function Zd({backgroundColor:e,isSticky:n,height:o,isAccountColumnShown:i,isClassColumnShown:r,timeframeTicks:l}){const c=I();return l.length>0?t.jsxs(Kd,{height:o,bgColor:e,"data-testid":y("opex-vendor-loading-in-progress-row"),children:[t.jsxs(qd,{"data-testid":y("opex-vendor-loading-in-progress-row-name"),isSticky:n,windowSize:c,bgColor:e,children:[t.jsx(ze,{width:S[4],height:S[4]}),t.jsx(io,{windowSize:c,isClubbed:!0,children:t.jsx(K,{width:120,height:S[4]})})]}),t.jsxs(Ud,{children:[i?t.jsx(ro,{windowSize:c,children:t.jsx(K,{width:120,height:S[4]})}):null,r?t.jsx(ro,{windowSize:c,children:t.jsx(K,{width:120,height:S[4]})}):null,l.map((d,g)=>t.jsx(io,{windowSize:c,children:t.jsx(K,{width:120,height:S[4]})},`${g}RowItem`))]})]}):t.jsx(Yd,{height:o,bgColor:e,children:t.jsx(Yi,{size:"Small",start:!0})})}const Jd=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,At=a.div``,Qd=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Xd=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,eh=a(v)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  display: flex;
+  min-width: ${W.balanceWidth};
+  max-width: ${W.balanceWidth};
+  border: 1px solid transparent;
+`,ao=a(v)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  justify-content: "unset";
+  display: flex;
+  min-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+`,th=a.div`
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+          z-index: 20;
+        `:null}
+`;function nh({backgroundColor:e,isSticky:n,height:o,isAccountColumnShown:i,isClassColumnShown:r,timeframeTicks:l}){const c=I();return t.jsxs(Jd,{height:o,bgColor:e,"data-testid":y("no-results-found-title-row"),children:[t.jsx(th,{isSticky:n,windowSize:c,bgColor:e,children:t.jsx(Xd,{children:M.getLocalizedStrings().vendors.opExByVendor.noResultsFound})}),t.jsxs(Qd,{children:[i?t.jsx(ao,{windowSize:c,children:t.jsx(At,{})}):null,r?t.jsx(ao,{windowSize:c,children:t.jsx(At,{})}):null,l.map((d,g)=>t.jsx(eh,{windowSize:c,children:t.jsx(At,{children:" "})},`${g}RowItem`))]})]})}function xn({title:e,selectedMode:n,onCompareModeChanged:o,backgroundColor:i,optionBackgroundColor:r,selectedOptionBackgroundColor:l,optionTextStyle:c,titleTextStyle:d,titleTextAlignment:g,titleColor:u,menuPosition:p}){return t.jsx(tr,{title:e,pickerValues:["compare_mode_percent","compare_mode_amount"],valueToLabel:h=>M.getLocalizedStrings().compareMode[h],selectedValue:n,onPickerSelectionChanged:h=>o(h),optionTextStyle:c,titleTextStyle:d,titleTextAlignment:g,titleColor:u,optionBackgroundColor:r,selectedOptionBackgroundColor:l,backgroundColor:i??"inherit",menuPosition:p})}const oh=s.sp4,lo=170,ih=(s.sp4,a.div`
+  margin-left: ${s.sp4};
+`),rh=a.div`
+  display: flex;
+  max-height: 54px;
+  min-height: 54px;
+  align-items: center;
+  justify-content: center;
+  max-width: ${lo-2}px;
+  min-width: ${lo-2}px;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  color: ${e=>e.theme.colors.primary};
+`,ah=a(v)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${oh};
+`,lh=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 3px 6px;
+  margin-right: ${s.sp2};
+  position: relative;
+  top: -12px;
+`,ch=a(lr)`
+  color: ${e=>e.tagType==="under_review"?te.neutralGrey5Light:e.theme.mode==="light"?te.primaryDark:te.primaryLight};
+  border-radius: ${s.sp2};
+  padding: 3px 6px;
+  margin-left: 12px;
+  background: ${e=>e.tagType==="under_review"?te.alertDark:e.theme.mode==="light"?te.championLight:te.championDark};
+`,sh=a(ar)`
+  color: ${e=>e.theme.colors.hero};
+  margin-left: 5px;
+  height: ${s.sp3};
+  width: ${s.sp3};
+  margin-top: ${s.sp1};
+`;function yi({firstMonthOfFY:e,timeframeTick:n,timeframe:o,tagName:i,infoContent:r,tagType:l}){return t.jsxs(ih,{children:[t.jsxs(rh,{children:[t.jsx(ah,{children:Ve(e,n,o)}),t.jsx(rr,{style:{padding:s.sp3},title:r,placement:"top",children:t.jsx(sh,{})})]}),t.jsx(lh,{children:t.jsx(ch,{tagType:l,children:i})})]})}const bi=(e,n)=>{const o=M.getLocalizedStrings().reports;switch(n){case"month":return e!=null?e==="under_review"?o.bookCloseUnderReviewInfoMonth:o.bookCloseIncompleteInfoMonth:void 0;case"quarter":return e!=null?e==="under_review"?o.bookCloseUnderReviewInfoQuarter:o.bookCloseIncompleteInfoQuarter:void 0;case"year":return e!=null?e==="under_review"?o.bookCloseUnderReviewInfoYear:o.bookCloseIncompleteInfoYear:void 0;default:return}},dh=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,hh=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,ki=a.div`
+  display: flex;
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  min-width: ${W.balanceWidth};
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  margin-left: ${W.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable===!0?"pointer":"default"};
+`,ji=a(v)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${W.balanceHeight};
+  max-width: ${W.balanceWidth};
+  width: 138px;
+  text-align: center;
+`,uh=a.div`
+  display: flex;
+  flex-direction: row;
+  z-index: 1;
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+          z-index: 1;
+        `:null}
+`,gh=a.div`
+  max-height: ${e=>e.plHeight}px;
+  min-height: ${e=>e.plHeight}px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+`,ph=a(v)`
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.grey1};
+`,Si=a(v)`
+  height: 100%;
+  align-self: center;
+  align-items: baseline;
+  min-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.grey1};
+  background-color: ${e=>e.bgColor?.hex()};
+  display: flex;
+  gap: 6px;
+  align-items: center;
+`,fn=a.div`
+  display: flex;
+  cursor: pointer;
+`,xh=a.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.champion};
+`,fh=a.div``,mh=a(v)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  margin-left: ${W.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  width: ${W.balanceWidth};
+  min-width: ${W.balanceWidth};
+`,Ci=a.div`
+  max-height: ${s.sp8};
+  min-height: ${s.sp8};
+`,mt=a.div`
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.hero};
+`,wt=a(Zt)`
+  width: 12px;
+  height: 12px;
+  margin-left: ${s.sp2};
+  margin-top: ${s.sp1};
+`,yt=a(qt)`
+  width: 12px;
+  height: 12px;
+  margin-left: ${s.sp2};
+  margin-top: ${s.sp1};
+`,mn=a(yo)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,_i=({sortOrder:e,sortKey:n,onSortOrderChanged:o})=>{const i=n==="totals"?e:"ascending";return t.jsx(Ci,{"data-testid":y("period-total-tick"),children:t.jsx(ki,{"data-testid":y("period-total-tick-element"),onClick:()=>{o(bt("totals",e,n),"totals")},isClickable:!0,children:t.jsxs(ji,{children:[M.getLocalizedStrings().vendors.opExByVendor.periodTotal,t.jsx(mt,{selectedForSort:n==="totals",children:i==="ascending"?t.jsx(yt,{}):t.jsx(wt,{})})]})})})},wh=({sortKey:e="totals",sortOrder:n="ascending",onSortOrderChanged:o,onSortCancel:i})=>{const r=e==="vendor"?n:"ascending";return t.jsxs(ph,{selectedForSort:e==="vendor",children:[t.jsxs(fn,{onClick:()=>{o(bt("vendor",n,e),"vendor")},children:[M.getLocalizedStrings().vendors.opExByVendor.vendor,t.jsx(mt,{selectedForSort:e==="vendor",children:r==="ascending"?t.jsx(yt,{}):t.jsx(wt,{})})]}),e==="vendor"?t.jsx(mn,{onClick:i}):null]})},yh=({sortKey:e="totals",sortOrder:n="ascending",onSortOrderChanged:o,onSortCancel:i})=>{const r=e==="account"?n:"ascending",l=I();return t.jsxs(Si,{selectedForSort:e==="account",windowSize:l,children:[t.jsxs(fn,{onClick:()=>{o(bt("account",n,e),"account")},children:[M.getLocalizedStrings().vendors.opExByVendor.category,t.jsx(mt,{selectedForSort:e==="account",children:r==="ascending"?t.jsx(yt,{}):t.jsx(wt,{})})]}),e==="account"?t.jsx(mn,{onClick:i}):null]})},bh=({sortKey:e="totals",sortOrder:n="ascending",onSortOrderChanged:o,onSortCancel:i})=>{const r=e==="class"?n:"ascending",l=I();return t.jsxs(Si,{selectedForSort:e==="class",windowSize:l,children:[t.jsxs(fn,{onClick:()=>{o(bt("class",n,e),"class")},children:[M.getLocalizedStrings().vendors.opExByVendor.class,t.jsx(mt,{selectedForSort:e==="class",children:r==="ascending"?t.jsx(yt,{}):t.jsx(wt,{})})]}),e==="class"?t.jsx(mn,{onClick:i}):null]})},vi=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:i,bookCloseDate:r})=>{const l=M.getLocalizedStrings().reports,c=r==null||i==null||n.balanceType!=="default"&&n.balanceType!=="default_with_percent"?void 0:So(o,e,n,r,i),d=c!=null?c==="under_review"?l.bookCloseTagUnderReview:l.bookCloseTagInProgress:void 0,g=bi(c,o);return t.jsx(Ci,{children:r!=null&&i!=null&&c!=null&&d!=null&&g!=null?t.jsx(yi,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,tagName:d,infoContent:g,tagType:c}):t.jsx(ki,{isClickable:!1,children:t.jsx(ji,{children:Ve(e,n,o)})})})},kh=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,sortKey:i="totals",sortOrder:r="ascending",dataAvailable:l,bookCloseDate:c,onSortOrderChanged:d})=>n.balanceType==="period_total"?t.jsx(_i,{sortKey:i,sortOrder:r,onSortOrderChanged:d}):t.jsx(vi,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:l,bookCloseDate:c}),jh=({firstMonthOfFY:e,timeframeTicks:n,timeframe:o,compareMode:i,sortKey:r="totals",sortOrder:l="ascending",dataAvailable:c,bookCloseDate:d,onCompareModeChanged:g,onSortOrderChanged:u})=>{const p=le(),h=i==="compare_mode_amount"?`${M.getLocalizedStrings().compareMode.changePrefix} ${n[0].currencySymbol}`:M.getLocalizedStrings().compareMode.changePercent;return t.jsx(xh,{children:n.map((x,f)=>t.jsxs(z.Fragment,{children:[x.balanceType==="this_period_vs_last_period"||x.balanceType==="this_period_vs_last_period_percent"?t.jsx(mh,{children:t.jsx(xn,{title:h,titleTextStyle:Ut.standardRegular,titleTextAlignment:"flex-end",titleColor:p.colors.primary,selectedMode:i,menuPosition:"right",onCompareModeChanged:w=>{w!=="off"&&(w==="compare_mode_amount"||w==="compare_mode_percent"?g?.(w):console.warn("Invalid compare mode option"))}})}):null,x.balanceType==="period_total"?t.jsx(_i,{sortKey:r,sortOrder:l,onSortOrderChanged:u}):null,x.balanceType==="default"?t.jsx(fh,{children:t.jsx(vi,{firstMonthOfFY:e,timeframeTick:x,timeframe:o,dataAvailable:c,bookCloseDate:d},f)}):null]},f))})};function Sh({backgroundColor:e,isSticky:n,height:o,isCompareModeOn:i,isAccountColumnShown:r,isClassColumnShown:l,sortKey:c,sortOrder:d,firstMonthOfFY:g,timeframe:u,timeframeTicks:p,compareMode:h,dataAvailable:x,bookCloseDate:f,onCompareModeChanged:w,onSortOrderChanged:m}){const b=I(),k=(_,$)=>{m?.(_,$)},C=()=>{m?.("descending","totals")};return t.jsxs(dh,{height:o,bgColor:e,children:[t.jsx(uh,{bgColor:e,windowSize:b,isSticky:n,children:t.jsx(gh,{plHeight:o,windowSize:b,bgColor:e,children:t.jsx(wh,{sortKey:c,sortOrder:d,onSortOrderChanged:k,onSortCancel:C})})}),r?t.jsx(yh,{sortKey:c,sortOrder:d,onSortOrderChanged:k,onSortCancel:C}):null,l?t.jsx(bh,{sortKey:c,sortOrder:d,onSortOrderChanged:k,onSortCancel:C}):null,t.jsx(hh,{children:i===!0?t.jsx(jh,{firstMonthOfFY:g,timeframe:u,sortKey:c,sortOrder:d,timeframeTicks:p,compareMode:h,dataAvailable:x,bookCloseDate:f,onCompareModeChanged:w,onSortOrderChanged:k}):p.map((_,$)=>t.jsx(kh,{firstMonthOfFY:g,timeframeTick:_,timeframe:u,sortKey:c,sortOrder:d,dataAvailable:x,bookCloseDate:f,onSortOrderChanged:k},$))})]})}const bt=(e,n,o)=>e===o?n==="ascending"?"descending":"ascending":"descending",Ch=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,_h=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function Dt({kind:e,isScrolling:n}){switch(e){case"vendor_row_separator":return t.jsx(Ch,{isScrolling:n});case"end_row_separator":return t.jsx(_h,{isScrolling:n})}}const vh=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,$h=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  cursor: default;
+`,Lh=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Bh=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,$i=a(oe)`
+  user-select: none;
+  min-width: ${W.balanceWidth};
+  max-width: ${W.balanceWidth};
+  text-align: right;
+  margin-left: ${W.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  border: 1px solid transparent;
+`,Ah=a($i)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,Oh=a.div`
+  display: flex;
+  flex-direction: row;
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Nh=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,co=a.div`
+  width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  max-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Mh=a(oe)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+`,Ih=({type:e,balance:n,collapsed:o})=>{const i=o===!0?Ah:$i;return t.jsx(Bh,{children:re(e)===!0?t.jsx(i,{children:J(n)}):null})};function Wh({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,title:l,totalBalances:c,isAccountColumnShown:d,isClassColumnShown:g,onClick:u,isScrolling:p}){const h=I();return t.jsxs(vh,{"data-testid":y("total-row-root-container",i),height:r,bgColor:n,windowSize:h,children:[t.jsxs($h,{"data-testid":y("total-row-container",i),onClick:()=>u?.(i),children:[t.jsxs(Oh,{bgColor:n,windowSize:h,isSticky:o,children:[t.jsx(Nh,{bgColor:n,windowSize:h,children:t.jsx(Mh,{children:l})}),d?t.jsx(co,{windowSize:h}):null,g?t.jsx(co,{windowSize:h}):null]}),t.jsx(Lh,{children:c.map((x,f)=>t.jsx(Ih,{type:e,balance:x,collapsed:!1},f))})]}),t.jsx(Dt,{isScrolling:p,kind:"vendor_row_separator"})]})}const Ph=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Fh=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,zh=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Th=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Vh=a(v)`
+  user-select: none;
+  min-width: ${W.balanceWidth};
+  max-width: ${W.balanceWidth};
+  text-align: right;
+  margin-left: ${W.balanceLeftMargin};
+  border: 1px solid transparent;
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Dh=a.div`
+  display: flex;
+  flex-direction: row;
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Gh=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  gap: ${s.sp2};
+  width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,$e=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Eh=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  max-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Rh=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  max-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Hh=a.div`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey3};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Kh=a(Zi)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Yh=a.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  width: 100%;
+  &:hover {
+    .hyphen-text {
+      display: none;
+    }
+    .not-specified-text {
+      display: block;
+    }
+  }
+`,Uh=a(v)`
+  color: ${e=>e.theme.colors.hero};
+`,qh=a(v)`
+  color: ${e=>e.theme.colors.hero};
+  display: none;
+`,Zh=({balance:e,vendor:n,onVendorNameAndBalanceClick:o})=>{const i=!(e?.type==="this_period_vs_last_period"||e?.type==="this_period_vs_last_period_percent")&&e?.type!=="period_total"&&e?.type!=="default_with_null_balance"&&!jo(n.id);return t.jsx(Th,{children:t.jsx(Vh,{isClickable:i,onClick:()=>{i===!0&&o(n,e??void 0)},children:J(e)})})};function Jh({type:e,backgroundColor:n,isSticky:o,height:i,isScrolling:r,isLastNode:l,vendor:c,balances:d,accountBase:g,classBase:u,isAccountColumnShown:p,isClassColumnShown:h,onVendorNameAndBalanceClick:x}){const f=I(),w=go(),m=w.loggedInUserRole!=null&&!ko(w.loggedInUserRole),b=jo(c.id),k=m===!0&&c!=null&&!b,C=k?"pointer":"default",_=c.name;return t.jsxs(Ph,{"data-testid":y("vendor-row-root-container",c.id),height:i,bgColor:n,windowSize:f,children:[t.jsxs(Fh,{"data-testid":y("vendor-row-container",c.id),style:{cursor:C},isClickable:k,children:[t.jsx(Dh,{"data-testid":y("vendor-row-sticky-container",c.id),isSticky:o,windowSize:f,bgColor:n,children:t.jsxs(Gh,{"data-testid":y("vendor-row-name-container",c.id),windowSize:f,bgColor:n,children:[t.jsxs(ot,{controller:!b,children:[c.logo!=null?t.jsx(Ht,{photoUrl:c.logo.toString(),styles:{width:W.nameLogoWidth.valuePx(f),height:W.nameLogoHeight.valuePx(f)}}):t.jsx(Kt,{name:_,size:s.sp4}),t.jsx($e,{"data-testid":y("vendor-row-name",c.id),style:{cursor:C},isClickable:k,onClick:()=>{k===!0&&x(c)},children:_})]}),t.jsx(ot,{controller:b,children:t.jsxs(Yh,{children:[t.jsx(Hh,{children:t.jsx(Kh,{})}),t.jsx(Uh,{className:"hyphen-text",children:M.getLocalizedStrings().common.strings.hyphen}),t.jsx(qh,{className:"not-specified-text",children:_})]})})]})}),p?t.jsx(Eh,{windowSize:f,bgColor:n,children:g!=null?t.jsx($e,{"data-testid":y("vendor-row-account-name",c.id),title:g.accountName,isClickable:!1,children:g.accountName}):t.jsx($e,{isClickable:!1,"data-testid":y("vendor-row-account-name",c.id),children:M.getLocalizedStrings().common.strings.hyphen})}):null,h?t.jsx(Rh,{windowSize:f,bgColor:n,children:u!=null?t.jsx($e,{"data-testid":y("vendor-row-class-name",c.id),title:u.className,isClickable:!1,children:u.className}):t.jsx($e,{"data-testid":y("vendor-row-class-name",c.id),isClickable:!1,children:M.getLocalizedStrings().common.strings.hyphen})}):null,t.jsx(zh,{children:d.map(($,B)=>t.jsx(Zh,{type:e,balance:$,vendor:c,onVendorNameAndBalanceClick:x},B))})]}),t.jsx(Qh,{isScrolling:r,isLastNode:l})]})}function Qh({isScrolling:e,isLastNode:n}){return n?t.jsx(Dt,{isScrolling:e,kind:"end_row_separator"}):t.jsx(Dt,{isScrolling:e,kind:"vendor_row_separator"})}function wn(e,n,o){return Xh(n,o,e)}const Xh=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.account.balancesInTimeframe,i.compactedAccountsSelector=r=>so(r.accounts,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>so(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r,i.compactedAccountGroupsSelector=r=>function(l,c,d,g){switch(g){case"off":return l;case"filter_actual_nil_account_group_balances":return l.filter(u=>Li(c(u)?.balances??[]));case"filter_forecast_nil_account_group_balances":return l.filter(u=>function(p){let h=!1;if(p!=null){for(const x of p)if(x.forecast!=null&&x.forecast.amount!==0){h=!0;break}}return h}(c(u)?.balances??[]));case"filter_actual_forecast_nil_account_group_balances":return l.filter(u=>function(p){let h=!1;if(p!=null){for(const x of p)if(x.forecast!=null&&x.forecast.amount!==0||x.balance!=null&&x.balance.amount!==0){h=!0;break}}return h}(c(u)?.balances??[]));case"filter_actual_forecast_empty_account_group_balances":return l.filter(u=>(c(u)?.balances??[]).length>0)}}(r,i.acGroupBalanceSelector,0,n),i};function so(e,n,o){switch(o){case"off":return e;case"filter_actual_nil_balances":return e.filter(i=>function(r){let l=!1;if(r!=null){for(const c of r)if(c.totalBalance!=null&&c.totalBalance.amount!==0){l=!0;break}}return l}((n(i)?.balances??[]).concat(n(i)?.additionalBalances??[]))||Li((n(i)?.balances??[]).concat(n(i)?.additionalBalances??[])));case"filter_forecast_nil_balances":case"filter_actual_forecast_nil_balances":return e.filter(i=>eu(n(i)?.balances??[]))}}function Li(e){let n=!1;if(e!=null){for(const o of e)if(o.balance.amount!==0){n=!0;break}}return n}function eu(e){let n=!1;if(e!=null){for(const o of e)if(o.totalForecast!=null&&o.totalForecast.amount!==0||o.totalBalance!=null&&o.totalBalance.amount!==0){n=!0;break}}return n}function Bi(e,n,o=-1,i=!0){const r=o!==-1;let l=[],c=-1;if(e==null||e.balances.length===0)return r===!0&&(l=function(g,u){return g.length>0?g:fo(Array(u),null)}([],o)),{balances:l,thisPeriodIndex:c};let d=e.balances;return n==="ascending_date"?c=e.balances.length-1:(c=0,d=[...e.balances].reverse()),{balances:[...d,...i?e.additionalBalances:[]],thisPeriodIndex:c}}const tu=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,nu=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,ou=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,iu=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Ai=a(v)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+`,ru=a(Ai)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,au=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Oi=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,lu=a(Oi)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,cu=({type:e,balance:n,collapsed:o,isActualVsForecastOn:i,compareMode:r})=>{const l=o===!0?ru:Ai;return t.jsxs(iu,{children:[re(e)===!0||i?t.jsx(l,{children:J(n)}):t.jsx(l,{children:Q(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(l,{children:Q(n)}),t.jsx(l,{children:r==="compare_mode_percent"?ce(n):se(n)})]}):null]})};function su({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,leftChevron:l,accountGroupName:c,accountGroupBalances:d,isActualVsForecastOn:g,compareMode:u,isScrolling:p,isOpen:h,isLeaf:x,isLastNode:f,onClick:w}){const m=le(),b=I(),k=!x,C=k?"pointer":"default",_=l==="collapsed",$=l==="hidden",B=$===!0?S[6]:S[4],A=_===!0?lu:Oi,P=_===!0?po:xo,V=_===!0?m.colors.hero:m.colors.primary;return t.jsxs(tu,{height:r,bgColor:n,"data-testid":y("pandl-report-account-group-row-root-container",i),children:[t.jsxs(nu,{"data-testid":y("pandl-report-account-group-row-container",i),style:{cursor:C},isClickable:k,onClick:()=>w?.(i),children:[ge(e)===!0?t.jsxs(au,{bgColor:n,isSticky:o,windowSize:b,children:[$===!1?t.jsx(P,{color:V,style:{width:S[3],height:S[3]}}):null,t.jsx(A,{style:{marginLeft:B},children:c})]}):null,me(e)===!0?t.jsx(ou,{children:d.map((D,Y)=>t.jsx(cu,{type:e,accountGroupName:c,balance:D,isActualVsForecastOn:g,compareMode:u,collapsed:_},Y))}):null]}),t.jsx(du,{isScrolling:p,type:e,isLeaf:x,isLastNode:f,isOpen:h})]})}function du({isScrolling:e,type:n,isLastNode:o,isOpen:i}){let r="ac_group_row_separator";return o&&!i?r="section_row_separator":i&&(r=ge(n)===!0?"account_title_row_separator":"account_balance_row_separator"),t.jsx(we,{isScrolling:e,kind:r})}const hu=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,uu=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,gu=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,pu=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Ni=a(v)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+`,xu=a(Ni)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,fu=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Mi=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+  color: ${e=>e.theme.colors.primary};
+`,mu=a(Mi)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,wu=({type:e,balance:n,collapsed:o,isActualVsForecastOn:i,compareMode:r})=>{const l=o===!0?xu:Ni;return t.jsxs(pu,{children:[re(e)===!0||i?t.jsx(l,{children:J(n)}):t.jsx(l,{children:Q(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(l,{children:Q(n)}),t.jsx(l,{children:r==="compare_mode_percent"?ce(n):se(n)})]}):null]})};function yu({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,leftChevron:l,accountGroupName:c,accountGroupBalances:d,isActualVsForecastOn:g,compareMode:u,isScrolling:p,isOpen:h,isLeaf:x,isLastNode:f,onClick:w}){const m=I(),b=le(),k=!x,C=k?"pointer":"default",_=l==="collapsed",$=_===!0?mu:Mi,[B,A]=z.useState(!1),P=c.length>0?c.substring(0,1).toUpperCase():"";return t.jsxs(hu,{"data-testid":y("pandl-account-group-row-root-container",i),height:r,bgColor:n,children:[t.jsxs(uu,{"data-testid":y("pandl-account-group-row-container",i),onMouseOver:()=>A(!0),onMouseLeave:()=>A(!1),style:{cursor:C},isClickable:k,onClick:()=>w?.(i),children:[ge(e)===!0?t.jsxs(fu,{bgColor:n,isSticky:o,windowSize:m,children:[t.jsx(ke,{showCollapsedIcon:_,showIcon:B&&k,firstLetter:P,color:O(b.colors.primary)}),t.jsx($,{children:c})]}):null,me(e)===!0?t.jsx(gu,{children:d.map((V,D)=>t.jsx(wu,{type:e,accountGroupName:c,balance:V,isActualVsForecastOn:g,compareMode:u,collapsed:_},D))}):null]}),t.jsx(bu,{isScrolling:p,type:e,isLeaf:x,isLastNode:f,isOpen:h})]})}function bu({isScrolling:e,type:n,isLastNode:o,isOpen:i}){let r="ac_group_row_separator";return o&&!i?r="section_row_separator":i&&(r=ge(n)===!0?"account_title_row_separator":"account_balance_row_separator"),t.jsx(we,{isScrolling:e,kind:r})}const ku=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,ju=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Su=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Cu=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Je=a(v)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,_u=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,vu=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp6};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,$u=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i,account:r,onAccountBalanceClick:l})=>{const c=r!=null&&n!=null&&l!=null&&!(n?.type==="this_period_vs_last_period"||n?.type==="this_period_vs_last_period_percent");return t.jsxs(Cu,{"data-testid":y("account-row-balance-element",e),children:[re(e)===!0||o?t.jsx(Je,{"data-testid":y("account-row-balance-actual",e),isClickable:c,onClick:()=>{c===!0&&r!=null&&n!=null&&l?.(r,n)},children:J(n)}):t.jsx(Je,{"data-testid":y("account-row-balance-forecast",e),isClickable:!1,children:Q(n)}),o?t.jsxs(t.Fragment,{children:[t.jsx(Je,{isClickable:!1,"data-testid":y("account-row-balance-forecast",e),children:Q(n)}),t.jsx(Je,{"data-testid":y("account-row-balance-forecast",e),isClickable:!1,children:i==="compare_mode_percent"?ce(n):se(n)})]}):null]})};function Lu({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,accountBalances:l,isActualVsForecastOn:c,compareMode:d,isScrolling:g,isLeaf:u,isLastNode:p,account:h,onAccountBalanceClick:x}){const f=I(),{common:{strings:{hyphen:w}}}=M.getLocalizedStrings(),m=h?.accountDescription?h.accountDescription:w,b=h?.accountName?h.accountName:m;return t.jsxs(ku,{height:r,bgColor:n,"data-testid":y("account-row-root-container",i),children:[t.jsxs(ju,{"data-testid":y("account-row-container",i),children:[ge(e)===!0?t.jsx(_u,{isSticky:o,windowSize:f,bgColor:n,children:t.jsx(vu,{isClickable:!1,title:b,children:b})}):null,me(e)===!0?t.jsx(Su,{children:l.map((k,C)=>t.jsx($u,{type:e,isActualVsForecastOn:c,compareMode:d,balance:k,account:h,onAccountBalanceClick:x==null?void 0:(_,$)=>{x(i,_,$)}},C))}):null]}),t.jsx(Bu,{isScrolling:g,type:e,isLeaf:u,isLastNode:p})]})}function Bu({isScrolling:e,isLastNode:n,type:o}){const i=n?"ac_group_row_separator":ge(o)===!0?"account_title_row_separator":"account_balance_row_separator";return t.jsx(we,{isScrolling:e,kind:i})}const Au=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ou=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Nu=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Mu=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Qe=a(v)`
+  user-select: none;
+  max-width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+`,Iu=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Wu=a.div`
+  display: flex;
+  flex-grow: 8;
+`,Pu=a(v)`
+  user-select: none;
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+`,Fu=a(be)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  padding: 1px 6px;
+  height: 20px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${s.sp1};
+  margin: 0 ${s.sp5} 0 ${s.sp3};
+`,zu=({metadata:e,depth:n})=>n===0?null:e.hasSibling!==!0||e.isLastNode?t.jsx(Qi,{}):t.jsx(Ji,{}),Tu=({type:e,balance:n,color:o,isActualVsForecastOn:i,compareMode:r})=>t.jsxs(Mu,{children:[re(e)===!0||i?t.jsx(Qe,{style:{color:o},children:J(n)}):t.jsx(Qe,{style:{color:o},children:Q(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(Qe,{style:{color:o},children:Q(n)}),t.jsx(Qe,{style:{color:o},children:r==="compare_mode_percent"?ce(n):se(n)})]}):null]});function Vu({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,className:l,classCode:c,sectionBalances:d,isActualVsForecastOn:g,compareMode:u,hasChildren:p,isScrolling:h,isOpen:x,isLeaf:f,metadata:w,showClassAccountNumber:m,onClick:b,depth:k}){const C=I(),_=!f,$=_?"pointer":"default",B=le().colors.primary,A=l.length>0?l.substr(0,1).toUpperCase():"",[P,V]=z.useState(!1),D=w.classAncestorMetadata??[];return t.jsxs(Au,{"data-testid":y("class-row-root-container",i),height:r,bgColor:n,children:[t.jsxs(Ou,{"data-testid":y("class-row-container",i),style:{cursor:$},onClick:()=>b?.(i),onMouseOver:()=>V(!0),onMouseLeave:()=>V(!1),children:[ge(e)===!0?t.jsxs(Iu,{isSticky:o,windowSize:C,bgColor:n,children:[t.jsx(ga,{name:l,ancestorMetadata:D,depth:k}),t.jsx(zu,{metadata:D[k],depth:k}),t.jsx(ke,{color:O(B),showCollapsedIcon:!x,showIcon:P&&_,firstLetter:A,showTreeLine:p}),t.jsx(Wu,{children:t.jsx(Pu,{style:{color:B},children:l})}),P===!0&&m===!0&&c!==void 0&&t.jsx(Fu,{children:c})]}):null,me(e)===!0?t.jsx(Nu,{children:d.map((Y,X)=>t.jsx(Tu,{type:e,sectionName:l,balance:Y,isActualVsForecastOn:g,compareMode:u,color:B},X))}):null]}),t.jsx(Du,{isScrolling:h,isLeaf:f,isOpen:x})]})}function Du({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(we,{isScrolling:e,kind:"section_row_separator"}):null}const Gu=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Eu=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Ru=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Hu=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Xe=a(v)`
+  user-select: none;
+  max-width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+`,Ku=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,Yu=a(v)`
+  user-select: none;
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${s.sp2};
+`,Uu=({type:e,balance:n,color:o,isActualVsForecastOn:i,compareMode:r})=>t.jsxs(Hu,{children:[re(e)===!0||i?t.jsx(Xe,{style:{color:o},children:J(n)}):t.jsx(Xe,{style:{color:o},children:Q(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(Xe,{style:{color:o},children:Q(n)}),t.jsx(Xe,{style:{color:o},children:r==="compare_mode_percent"?ce(n):se(n)})]}):null]});function yn({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,sectionName:l,sectionBalances:c,isActualVsForecastOn:d,compareMode:g,sectionColor:u,isScrolling:p,isOpen:h,isLeaf:x,onClick:f}){const w=I(),m=!x,b=m?"pointer":"default",k=l.length>0?l.substring(0,1).toUpperCase():"",[C,_]=z.useState(!1);return t.jsxs(Gu,{"data-testid":y("section-row",i),height:r,bgColor:n,children:[t.jsxs(Eu,{"data-testid":y("section-row-container",i),style:{cursor:b},onClick:()=>f?.(i),onMouseOver:()=>_(!0),onMouseLeave:()=>_(!1),children:[ge(e)===!0?t.jsxs(Ku,{isSticky:o,windowSize:w,bgColor:n,children:[t.jsx(ke,{color:O(u),showCollapsedIcon:!h,showIcon:C&&m,firstLetter:k}),t.jsx(Yu,{style:{color:u},children:l})," "]}):null,me(e)===!0?t.jsx(Ru,{children:c.map(($,B)=>t.jsx(Uu,{type:e,sectionName:l,balance:$,isActualVsForecastOn:d,compareMode:g,color:u},B))}):null]}),t.jsx(qu,{isScrolling:p,isLeaf:x,isOpen:h})]})}function qu({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(we,{isScrolling:e,kind:"section_row_separator"}):null}const Zu=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height-1}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ju=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Qu=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Xu=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,et=a(v)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,eg=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight-1}px; // Else bottom line doesnt show up
+  // because the height of the svg is much larger
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,tg=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  text-align: left;
+`,ng=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i,account:r,showTotal:l,onAccountBalanceClick:c})=>{const d=n!=null&&dr(n?.type),g=r!=null&&n!=null&&c!=null&&d!==!0,u=l===!0?Co(n):J(n),p=l===!0?Nt(n):Q(n),h=l===!0?_o(n):ce(n),x=l===!0?vo(n):se(n);return t.jsxs(Xu,{"data-testid":y("account-row-balance-element",e),children:[re(e)===!0||o?t.jsx(et,{"data-testid":y("account-row-balance-actual",e),isClickable:g,onClick:f=>{f.stopPropagation(),g===!0&&r!=null&&n!=null&&c?.(r,n)},children:u}):t.jsx(et,{"data-testid":y("account-row-balance-forecast",e),isClickable:!1,children:p}),o?t.jsxs(t.Fragment,{children:[t.jsx(et,{"data-testid":y("account-row-balance-forecast",e),isClickable:!1,children:p}),t.jsx(et,{"data-testid":y("account-row-balance-actual-vs-forecast",e),isClickable:!1,children:i==="compare_mode_percent"?h:x})]}):null]})};function og({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,classDepth:l,accountBalances:c,isActualVsForecastOn:d,compareMode:g,metadata:u,isScrolling:p,noMarginForAccount:h,isLeaf:x,isOpen:f,isLastNode:w,account:m,onAccountBalanceClick:b,onClick:k}){const C=I(),_=m!=null?m.id.length-1:0,$=m?.hasSiblings??!1,B=m!=null&&m.children.length!==0,A=u,{common:{strings:{empty:P}}}=M.getLocalizedStrings(),V=m?.account.accountDescription?m.account.accountDescription:P,D=m?.account.accountName?m.account.accountName:V;return t.jsxs(Zu,{"data-testid":y("sub-account-row",i),height:r,bgColor:n,children:[t.jsxs(Ju,{"data-testid":y("sub-account-row-container",i),onClick:()=>k?.(i),children:[t.jsx(eg,{isClickable:B,isSticky:o,windowSize:C,bgColor:n,containerHeight:r,children:t.jsx(tg,{title:D,children:t.jsx(Oo,{displayName:D,depth:_,classDepth:l,isLastNode:w,hasChildren:B,hasSiblings:$,isLeaf:x,collapsed:!f,subAccountAnscestorMetadata:A.subAccountAncestorMetadata,classAnscestorMetadata:A.classAncestorMetadata??[],noMarginForAccount:h})})}),me(e)===!0?t.jsx(Qu,{children:c.map((Y,X)=>t.jsx(ng,{type:e,isActualVsForecastOn:d,compareMode:g,balance:Y,account:m?.account,showTotal:!f,onAccountBalanceClick:b==null?void 0:(ee,Z)=>{b(i,ee,Z)}},X))}):null]}),t.jsx(ig,{isScrolling:p,isLeaf:x,isOpen:f,depth:_,isSticky:o,classDepth:l,noMarginForAccount:h})]})}function ig({isScrolling:e,depth:n,isOpen:o,isLeaf:i,isSticky:r,classDepth:l,noMarginForAccount:c}){return o&&i!==!0?null:t.jsx(we,{isScrolling:e,kind:"sub_account_balance_row_separator",subAccountProps:{nestingLevel:n,isSticky:r,classDepth:l,noMarginForAccount:c}})}const rg=[10,14,20,20,20],ag=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height-1}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,lg=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,cg=a.div`
+  width: ${e=>$o.emptyLeftContainer.valuePx(e.windowSize)};
+  height: ${s.sp1};
+`,sg=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,dg=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,tt=a(v)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+`,hg=a.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight-1}px;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+        `:null}
+`,ug=a(v)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${e=>rg[e.depth]}px;
+  color: ${e=>e.theme.colors.primary};
+  width: ${e=>j.titleWidth.value(e.windowSize)-80*e.depth}px;
+`,gg=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i})=>t.jsxs(dg,{"data-testid":y("sub-account-row-balance-element",e),children:[re(e)===!0||o?t.jsx(tt,{"data-testid":y("sub-account-row-balance-element-actual",e),isClickable:!1,children:Co(n)}):t.jsx(tt,{"data-testid":y("sub-account-row-balance-element-forecast",e),isClickable:!1,children:Nt(n)}),o?t.jsxs(t.Fragment,{children:[t.jsx(tt,{"data-testid":y("sub-account-row-balance-element-forecast",e),isClickable:!1,children:Nt(n)}),t.jsx(tt,{"data-testid":y("sub-account-row-balance-element-actual-vs-forecast",e),isClickable:!1,children:i==="compare_mode_percent"?_o(n):vo(n)})]}):null]});function pg({type:e,backgroundColor:n,isSticky:o,height:i,classDepth:r,accountName:l,accountBalances:c,account:d,noMarginForAccount:g,isActualVsForecastOn:u,compareMode:p,isScrolling:h,metadata:x}){const f=I(),w=M.getLocalizedStrings().reports.sections,m=d!=null?d.id.length-1:0,b=x;return t.jsxs(ag,{height:i,bgColor:n,children:[t.jsxs(lg,{children:[t.jsxs(hg,{isSticky:o,windowSize:f,bgColor:n,containerHeight:i,children:[r!=null?t.jsx(Bo,{ancestorMetadata:b.classAncestorMetadata??[],depth:r,name:l}):g===!1?t.jsx(cg,{windowSize:f}):null,t.jsx(Ao,{ancestorMetadata:b.subAccountAncestorMetadata,depth:m,name:l}),t.jsx(ug,{"data-testid":y("sub-account-row-name",e),isClickable:!1,title:l,depth:m,windowSize:f,children:w.totalPrefix+" "+l})]}),me(e)===!0?t.jsx(sg,{children:c.map((k,C)=>t.jsx(gg,{type:e,isActualVsForecastOn:u,compareMode:p,balance:k},C))}):null]}),t.jsx(xg,{isScrolling:h,nestingLevel:m,isSticky:o,classDepth:r,noMarginForAccount:g})]})}function xg({isScrolling:e,nestingLevel:n,isSticky:o,classDepth:i,noMarginForAccount:r}){return t.jsx(we,{isScrolling:e,kind:"total_row_separator",subAccountProps:{nestingLevel:n,isSticky:o,classDepth:i,noMarginForAccount:r}})}const fg=a.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,mg=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Fe=j.balanceWidthInPx+j.balanceLeftMarginInPx,Ii=a.div`
+  display: flex;
+  max-height: 54px;
+  min-height: 54px;
+  min-width: ${e=>e.isActualVsForecastOn?3*(Fe-2)-j.balanceLeftMarginInPx:j.balanceWidthInPx}px;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  margin-left: ${e=>e.isActualVsForecastOn?S[0]:j.balanceLeftMarginInPx}px;
+  color: ${e=>e.theme.colors.primary};
+`,Wi=a(v)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${j.balanceHeight};
+  max-width: ${j.balanceWidthInPx-2}px;
+  width: 138px;
+  text-align: center;
+`,wg=a.div`
+  height: 100%;
+  display: inline-block;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.grey5};
+  background-color: ${e=>e.bgColor?.hex()};
+  border: 1px solid ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?T`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${s.sp0};
+          left: ${s.sp0};
+          z-index: 20;
+        `:null}
+`,yg=a.div`
+  display: flex;
+  width: ${e=>e.isActualVsForecastOn?3*Fe:Fe}px;
+  flex-direction: row;
+  justify-content: flex-start;
+  color: ${e=>e.theme.colors.champion};
+`,Ot=a(v)`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  height: ${j.balanceHeight};
+  width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  margin-left: ${j.balanceLeftMargin};
+  margin-top: ${s.sp3};
+`,bg=a.div`
+  display: flex;
+  max-height: 54px;
+  min-height: 54px;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.champion};
+`,kg=a.div``,jg=a(v)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  max-height: 54px;
+  min-height: 54px;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  margin-left: ${j.balanceLeftMarginInPx}px;
+  color: ${e=>e.theme.colors.primary};
+  width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+`,Sg=a.div`
+  display: flex;
+  width: ${e=>e.isActualVsForecastOn?3*Fe:Fe}px;
+  flex-direction: column;
+  align-items: flex-end;
+`,Cg=a.div`
+  max-height: 54px;
+  min-height: 54px;
+`,Pi=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:i,bookCloseDate:r})=>{const l=M.getLocalizedStrings().reports,c=r==null||i==null||n.balanceType!=="default"&&n.balanceType!=="default_with_percent"?void 0:So(o,e,n,r,i),d=c!=null?c==="under_review"?l.bookCloseTagUnderReview:l.bookCloseTagInProgress:void 0,g=bi(c,o);return t.jsx(Cg,{children:r!=null&&i!=null&&c!=null&&d!=null&&g!=null?t.jsx(yi,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,tagName:d,infoContent:g,tagType:c}):t.jsx(Ii,{isActualVsForecastOn:!1,children:t.jsx(Wi,{children:Ve(e,n,o)})})})},_g=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,isActualVsForecastOn:i,compareMode:r,dataAvailable:l,bookCloseDate:c,onCompareModeChanged:d})=>{const g=M.getLocalizedStrings().reports.forecast,u=r==="compare_mode_amount"?`${M.getLocalizedStrings().compareMode.changePrefix} ${n.currencySymbol}`:M.getLocalizedStrings().compareMode.changePercent;return i===!0?t.jsxs(Sg,{isActualVsForecastOn:i,children:[t.jsx(Ii,{isActualVsForecastOn:i,children:t.jsx(Wi,{children:Ve(e,n,o)})}),t.jsxs(yg,{isActualVsForecastOn:i,children:[t.jsx(Ot,{children:g.actual}),t.jsx(Ot,{children:g.forecast}),t.jsx(Ot,{children:t.jsx(xn,{title:u,titleTextStyle:Ut.standardRegular,titleTextAlignment:"flex-end",selectedMode:r,onCompareModeChanged:p=>{p!=="off"?d?.(p):console.warn("Invalid compare mode option")}})})]})]}):t.jsx(Pi,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:l,bookCloseDate:c})},vg=({firstMonthOfFY:e,timeframeTicks:n,timeframe:o,compareMode:i,dataAvailable:r,bookCloseDate:l,onCompareModeChanged:c})=>{const d=le(),g=i==="compare_mode_amount"?`${M.getLocalizedStrings().compareMode.changePrefix} ${n[0].currencySymbol}`:M.getLocalizedStrings().compareMode.changePercent;return t.jsx(bg,{children:n.map((u,p)=>t.jsx(z.Fragment,{children:u.balanceType==="this_period_vs_last_period"||u.balanceType==="this_period_vs_last_period_percent"?t.jsx(jg,{children:t.jsx(xn,{title:g,titleTextStyle:Ut.standardRegular,titleTextAlignment:"flex-end",titleColor:d.colors.primary,selectedMode:i,menuPosition:"right",onCompareModeChanged:h=>{h!=="off"&&(h==="compare_mode_amount"||h==="compare_mode_percent"?c?.(h):console.warn("Invalid compare mode option"))}})}):t.jsx(kg,{children:t.jsx(Pi,{firstMonthOfFY:e,timeframeTick:u,timeframe:o,dataAvailable:r,bookCloseDate:l},p)})},p))})};function $g({type:e,backgroundColor:n,isSticky:o,height:i,isActualVsForecastOn:r,isCompareModeOn:l,firstMonthOfFY:c,timeframe:d,timeframeTicks:g,compareMode:u,dataAvailable:p,bookCloseDate:h,onCompareModeChanged:x}){const f=I();return t.jsxs(fg,{height:i,bgColor:n,children:[ge(e)===!0?t.jsx(wg,{isSticky:o,windowSize:f,bgColor:n,children:"  .   "}):null,t.jsx(mg,{children:l===!0?t.jsx(vg,{firstMonthOfFY:c,timeframe:d,timeframeTicks:g,compareMode:u,dataAvailable:p,bookCloseDate:h,onCompareModeChanged:x}):g.map((w,m)=>t.jsx(_g,{firstMonthOfFY:c,timeframeTick:w,timeframe:d,isActualVsForecastOn:r,compareMode:u,dataAvailable:p,bookCloseDate:h,onCompareModeChanged:x},m))})]})}const kt=(e,n,o,i,r,l,c,d,g,u,p)=>{if(o.element.kind!="ac_report"||o.element.data==null)return null;const h=o.element.data,x=ne((Te(o.config.reportId)===!0||bo(o.config.reportId)===!0?ni(0,o.config.filterAccountsWithNilBalances):at(o.element.sectionType,"no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances)).acBalanceSelector(h),o.config.displayOrder,o.element.numOfBalances);return t.jsx(Lu,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:u,accountBalances:x.balances,isScrolling:c,isLeaf:d,isLastNode:g,account:h,onAccountBalanceClick:p==null?void 0:(f,w,m)=>{p?.(f,w,m)}})},De=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="ac_subaccount"||o.element.data==null)return null;const x=o.element.data,f=Bi(wn("no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances).acBalanceSelector(x),o.config.displayOrder,o.element.numOfBalances),w=x.account.classesViewParentId?.parentClassId!=null?x.account.classesViewParentId?.parentClassId.length-1:void 0,m=o.config.reportId==="operating_expenses";return t.jsx(og,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",classDepth:w,compareMode:p,accountBalances:f.balances,isScrolling:c,isLeaf:d,isOpen:g,isLastNode:u,account:x,metadata:o.element.metadata,onClick:h,noMarginForAccount:m,onAccountBalanceClick:h==null?void 0:(b,k,C)=>{h?.(b,k,C)}})},jt=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="ac_group_report"||o.element.data==null)return null;const x=o.element.data,f=ne(at(o.element.sectionType,"no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances).acGroupBalanceSelector(x),o.config.displayOrder,o.element.numOfBalances);return t.jsx(su,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,leftChevron:d?"open":"collapsed",accountGroupName:x.accountGroupName,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,accountGroupBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,onClick:w=>{h?.(w)}})},bn=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="ac_group_subaccount"||o.element.data==null)return null;const x=o.element.data,f=ne(wn("no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances).acGroupBalanceSelector(x),o.config.displayOrder,o.element.numOfBalances);return t.jsx(yu,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,leftChevron:d?"open":"collapsed",accountGroupName:x.accountGroupName,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,accountGroupBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,onClick:w=>{h?.(w)}})},kn=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="section"||o.element.data==null)return null;const x=on(o.element.title),f=ne(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(yn,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:x,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,sectionBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,onClick:w=>{h?.(w)}})},St=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="section_with_ac_only"||o.element.data==null)return null;const x=on(o.element.title),f=ne(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(yn,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:x,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,sectionBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,onClick:w=>{h?.(w)}})},jn=(e,n,o,i,r,l,c,d,g,u,p,h)=>{if(o.element.kind!="calculated_section"||o.element.data==null)return null;const x=on(o.element.title),f=ne(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(yn,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:x,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,sectionBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:g,isLastNode:u,onClick:w=>{h?.(w)}})},Ge=(e,n,o,i,r,l,c,d,g)=>{if(n.element.kind!="ac_subentity_total")return null;const u=n.element.data,p=wn("no_filter",n.config.filterAccountsWithNilBalances,n.config.filterAccountGroupsWithNilBalances),h=u.account.classesViewParentId?.parentClassId!=null?u.account.classesViewParentId?.parentClassId.length-1:void 0,x=Bi(p.acBalanceSelector(u),n.config.displayOrder,n.element.numOfBalances),f=n.config.reportId==="operating_expenses"||n.config.reportId==="operating_expenses_by_classes";return t.jsx(pg,{type:e,backgroundColor:i,isSticky:r,height:o,accountName:u.account.accountName,account:u,isActualVsForecastOn:n.config.mode==="actual_vs_forecast",compareMode:g,accountBalances:x.balances,isScrolling:l,noMarginForAccount:f,isLeaf:c,isLastNode:d,metadata:n.element.metadata,classDepth:h})},Ee=(e,n,o,i,r,l,c,d)=>{if(o.element.kind!=="timeframe_headers"&&o.element.kind!=="timeframe_headers_with_forecast")return null;const g=Be(o.element.data,o.config.displayOrder),u=g.length>0?g[0].balanceTimeFrame:"month",p=g.map(h=>Le(h));return t.jsx($g,{treeNodeId:e,backgroundColor:r,isSticky:l,type:n,height:i,isActualVsForecastOn:o.element.kind==="timeframe_headers_with_forecast",isCompareModeOn:o.config.mode==="this_period_vs_period_before"&&p.length>1,firstMonthOfFY:o.config.firstMonthOfFY,timeframe:u,timeframeTicks:p,compareMode:c,dataAvailable:o.config.dataAvailable,bookCloseDate:o.config.bookCloseDate,onCompareModeChanged:d})},Fi=(e,n,o,i,r,l,c,d,g,u,p,h,x)=>{if(o.element.kind!="class"||o.element.data==null)return null;const f=o.element.data,w=ne(f.childrenBalancesTotal,o.config.displayOrder,o.element.numOfBalances),m=p>1;return t.jsx(Vu,{type:n,backgroundColor:r,isSticky:l,treeNodeId:e,height:i,className:o.element.title,classCode:o.element.data.class.accountingClassNumber,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",depth:f.id.length-1,compareMode:h,sectionBalances:w.balances,isScrolling:c,isOpen:d,isLeaf:g,hasChildren:f.children.length>0,isLastNode:u,isSubClass:m,showClassAccountNumber:o.config.showClassAccountNumber,onClick:b=>{x?.(b)},metadata:o.element.metadata})},ho=e=>{const{height:n,data:{reportElementData:o,id:i,treeKind:r,isLeaf:l,isLastNode:c,nestingLevel:d,isFirstNode:g},isOpen:u,style:p,setOpen:h,isScrolling:x}=e,f=e.treeNodePadding?.left,w=e.treeNodePadding?.right;return t.jsx("div",{style:{...p,width:"auto",minWidth:"100%",paddingLeft:f,paddingRight:w},children:t.jsx(zi,{id:i,backgroundColor:e.backgroundColor,treeKind:r,reportElementData:o,height:n,isSticky:e.isSticky,isScrolling:x??!1,isLeaf:l,isLastNode:c,isFirstNode:g,isOpen:u,nestingLevel:d,nodeClickHandler:e.onNodeClick==null&&l?void 0:(m,b,k)=>{const C=l?u:!u;!l&&k==null&&(h(!u),e.onNodeCollapseToggled?.(m,!u)),e.onNodeClick?.(m,C,b,k)},compareMode:e.compareMode,hoveredParentIdProps:e.hoveredParentIdProps,onCompareModeChanged:e.onCompareModeChanged,toggleCheckHandler:e.onToggleCheck},i)})},zi=e=>e.treeKind==="name_only"?t.jsx(Mg,{...e}):Xt(e.reportElementData.config.reportId)?t.jsx(Wg,{...e}):tn(e.reportElementData.config.reportId)===!0?t.jsx(Ig,{...e}):bo(e.reportElementData.config.reportId)===!0?t.jsx(Lg,{...e}):Jt(e.reportElementData.config.reportId)===!0?t.jsx(Bg,{...e}):Te(e.reportElementData.config.reportId)===!0?t.jsx(Ag,{...e}):Qt(e.reportElementData.config.reportId)===!0?t.jsx(Og,{...e}):sr(e.reportElementData.config.reportId)===!0?t.jsx(Ng,{...e}):nn(e.reportElementData.config.reportId)===!0?t.jsx(Pg,{...e}):en(e.reportElementData.config.reportId)===!0?t.jsx(Fg,{...e}):null,Lg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:g,isOpen:u,nestingLevel:p,compareMode:h,nodeClickHandler:x,onCompareModeChanged:f})=>{switch(o.element.kind){case"ac_report":return kt(e,n,o,i,r,l,c,d,g,h,x);case"ac_group_report":return jt(e,n,o,i,r,l,c,u,d,g,h,x);case"section":return kn(e,n,o,i,r,l,c,u,d,g,h,x);case"section_with_ac_only":return St(e,n,o,i,r,l,c,u,d,g,h,x);case"calculated_section":case"calculated_section_type1":return jn(e,n,o,i,r,l,c,u,d,g,h,x);case"title_string_only":default:return null;case"timeframe_headers":case"timeframe_headers_with_forecast":return Ee(e,n,o,i,r,l,h,f);case"class":return Fi(e,n,o,i,r,l,c,u,d,g,p,h,x);case"ac_subaccount":return De(e,n,o,i,r,l,c,d,u,g,h,x);case"ac_subentity_total":return Ge(n,o,i,r,l,c,d,g,h);case"headers_loading_in_progress":return((w,m,b)=>w.element.kind!=="headers_loading_in_progress"?null:t.jsx(ri,{height:m,backgroundColor:b,numOfBalances:w.element.numOfBalances}))(o,i,r);case"loading_in_progress":return((w,m,b)=>w.element.kind!=="loading_in_progress"?null:t.jsx(oi,{height:m,backgroundColor:b,title:w.element.title,numOfBalances:w.element.numOfBalances}))(o,i,r)}},Bg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:g,isOpen:u,compareMode:p,nodeClickHandler:h,onCompareModeChanged:x})=>{switch(o.element.kind){case"ac_report":return kt(e,n,o,i,r,l,c,d,g,p,h);case"ac_group_report":return jt(e,n,o,i,r,l,c,u,d,g,p,h);case"ac_subaccount":return De(e,n,o,i,r,l,c,d,u,g,p,h);case"ac_group_subaccount":return bn(e,n,o,i,r,l,c,u,d,g,p,h);case"section":return kn(e,n,o,i,r,l,c,u,d,g,p,h);case"section_with_ac_only":return St(e,n,o,i,r,l,c,u,d,g,p,h);case"calculated_section":case"calculated_section_type1":return jn(e,n,o,i,r,l,c,u,d,g,p,h);case"title_string_only":default:return null;case"ac_subentity_total":return Ge(n,o,i,r,l,c,d,g,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return Ee(e,n,o,i,r,l,p,x)}},Ag=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:g,isOpen:u,nestingLevel:p,compareMode:h,nodeClickHandler:x,onCompareModeChanged:f})=>{switch(o.element.kind){case"ac_report":return kt(e,n,o,i,r,l,c,d,g,h,x);case"ac_group_report":return jt(e,n,o,i,r,l,c,u,d,g,h,x);case"section":return ci(e,n,o,i,r,l,c,u,d,g,h,x);case"section_with_ac_only":return St(e,n,o,i,r,l,c,u,d,g,h,x);case"calculated_section":case"calculated_section_type1":return si(e,n,o,i,r,l,c,u,d,g,h,x);case"title_string_only":return sn(e,n,o,i,r,l,c,u,d,g,h,x);case"ac_subentity_total":return Ge(n,o,i,r,l,c,d,g,h);case"timeframe_headers":case"timeframe_headers_with_forecast":return Ee(e,n,o,i,r,l,h,f);case"class":return Fi(e,n,o,i,r,l,c,u,d,g,p,h,x);case"ac_subaccount":return De(e,n,o,i,r,l,c,d,u,g,h,x);case"total":return di(e,n,o,i,r,l,h,d);case"headers_loading_in_progress":return((w,m,b)=>w.element.kind!=="headers_loading_in_progress"?null:t.jsx(ri,{height:m,backgroundColor:b,numOfBalances:w.element.numOfBalances}))(o,i,r);case"loading_in_progress":return((w,m,b)=>w.element.kind!=="loading_in_progress"?null:t.jsx(oi,{height:m,backgroundColor:b,title:w.element.title,numOfBalances:w.element.numOfBalances}))(o,i,r);default:return null}},Og=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:g,isOpen:u,compareMode:p,nodeClickHandler:h,onCompareModeChanged:x})=>{switch(o.element.kind){case"ac_report":return((f,w,m,b,k,C,_,$,B,A,P)=>{if(m.element.kind!="ac_report"||m.element.data==null)return null;const V=m.element.data,D=ne((Te(m.config.reportId)===!0?ni(0,m.config.filterAccountsWithNilBalances):at(m.element.sectionType,"no_filter",m.config.filterAccountsWithNilBalances,m.config.filterAccountGroupsWithNilBalances)).acBalanceSelector(V),m.config.displayOrder,m.element.numOfBalances);return t.jsx(yc,{type:w,backgroundColor:k,isSticky:C,treeNodeId:f,height:b,accountBalances:D.balances,isCompareModeOn:m.config.mode==="this_period_vs_period_before",isForecastModeOn:m.config.mode==="actual_vs_forecast",isScrolling:_,isLeaf:$,isLastNode:B,compareMode:A,account:V,onAccountBalanceClick:P==null?void 0:(Y,X,ee)=>{P?.(Y,X,ee)}})})(e,n,o,i,r,l,c,d,g,p,h);case"ac_group_report":return((f,w,m,b,k,C,_,$,B,A,P,V)=>{if(m.element.kind!="ac_group_report"||m.element.data==null)return null;const D=m.element.data,Y=ne(at(m.element.sectionType,"no_filter",m.config.filterAccountsWithNilBalances,m.config.filterAccountGroupsWithNilBalances).acGroupBalanceSelector(D),m.config.displayOrder,m.element.numOfBalances);return t.jsx(sc,{type:w,backgroundColor:k,isSticky:C,treeNodeId:f,height:b,accountGroupName:D.accountGroupName,compareMode:P,accountGroupBalances:Y.balances,isScrolling:_,isOpen:$,isLeaf:B,isLastNode:A,onClick:X=>{V?.(X)}})})(e,n,o,i,r,l,c,u,d,g,p,h);case"ac_subaccount":return De(e,n,o,i,r,l,c,d,u,g,p,h);case"ac_group_subaccount":return bn(e,n,o,i,r,l,c,u,d,g,p,h);case"section":return ci(e,n,o,i,r,l,c,u,d,g,p,h);case"section_with_ac_only":return((f,w,m,b,k,C,_,$,B,A,P,V)=>{if(m.element.kind!="section_with_ac_only"||m.element.data==null)return null;const D=un(m.config.reportId,m.element.sectionType),Y=ne(m.element.data,m.config.displayOrder,m.element.numOfBalances);return t.jsx(hn,{type:w,backgroundColor:k,isSticky:C,treeNodeId:f,height:b,sectionName:m.element.title,sectionColor:D.color,sectionBalances:Y.balances,isScrolling:_,isOpen:$,isLeaf:B,isLastNode:A,compareMode:P,onClick:X=>{V?.(X)}})})(e,n,o,i,r,l,c,u,d,g,p,h);case"calculated_section":case"calculated_section_type1":return si(e,n,o,i,r,l,c,u,d,g,p,h);case"title_string_only":return sn(e,n,o,i,r,l,c,u,d,g,p,h);case"total":return di(e,n,o,i,r,l,p,d);case"ac_subentity_total":return Ge(n,o,i,r,l,c,d,g,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return Ee(e,n,o,i,r,l,p,x);default:return null}},Ng=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:g,isOpen:u,compareMode:p,nodeClickHandler:h,onCompareModeChanged:x})=>{switch(o.element.kind){case"ac_report":return kt(e,n,o,i,r,l,c,d,g,p,h);case"ac_group_report":return jt(e,n,o,i,r,l,c,u,d,g,p,h);case"section":return kn(e,n,o,i,r,l,c,u,d,g,p,h);case"section_with_ac_only":return St(e,n,o,i,r,l,c,u,d,g,p,h);case"calculated_section":return jn(e,n,o,i,r,l,c,u,d,g,p,h);case"calculated_section_type1":return((f,w,m,b,k,C,_)=>{if(w.element.kind!="calculated_section_type1"||w.element.data==null)return null;const $=ne(w.element.data,w.config.displayOrder,w.element.numOfBalances);return t.jsx(Sl,{backgroundColor:b,isSticky:k,treeNodeId:f,heading:w.element.title,totalBalances:$.balances,height:m,isScrolling:C,isLastNode:_})})(e,o,i,r,l,c,g);case"title_string_only":return sn(e,n,o,i,r,l,c,u,d,g,p,h);case"ac_subentity_total":return Ge(n,o,i,r,l,c,d,g,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return Ee(e,n,o,i,r,l,p,x);case"ac_subaccount":return De(e,n,o,i,r,l,c,d,u,g,p,h);case"ac_group_subaccount":return bn(e,n,o,i,r,l,c,u,d,g,p,h);default:return null}},Mg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:g,isOpen:u,toggleCheckHandler:p})=>o.element.kind==="checkbox_and_name_only"?((h,x,f,w,m,b,k,C,_,$,B)=>{if(f.element.kind!="checkbox_and_name_only")return null;const A=f.element.data,P=f.config.isClassToBeFilteredOut?.(A.classId)===!1;return t.jsx(Hd,{type:x,backgroundColor:m,isSticky:b,treeNodeId:h,classId:A.classId,isChecked:P,isDisabled:!1,height:w,isScrolling:k,nestedClass:A,isOpen:C,isLeaf:_,isLastNode:$,showClassAccountNumber:f.config.showClassAccountNumber,onToggleCheck:B})})(e,n,o,i,r,l,c,u,d,g,p):null,Ig=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:l,isScrolling:c,isLastNode:d,compareMode:g,onCompareModeChanged:u})=>{switch(o.element.kind){case"loading_in_progress":case"spacer_row":return((p,h,x,f)=>{if(p.element.kind!=="loading_in_progress")return null;const w=Be(p.element.data,p.config.displayOrder).map(m=>Le(m));return t.jsx(Zd,{backgroundColor:x,isSticky:f,height:h,isAccountColumnShown:p.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:p.config.opexByVendorConfig?.isClassColumnShown??!0,timeframeTicks:w})})(o,i,r,l);case"timeframe_headers":return((p,h,x,f,w,m)=>{if(p.element.kind!=="timeframe_headers")return null;const b=Be(p.element.data,p.config.displayOrder),k=b.length>0?b[0].balanceTimeFrame:"month",C=b.map(_=>Le(_));return t.jsx(Sh,{backgroundColor:w,isSticky:x,height:h,isAccountColumnShown:p.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:p.config.opexByVendorConfig?.isClassColumnShown??!0,isCompareModeOn:p.config.mode==="this_period_vs_period_before"&&C.length>1,firstMonthOfFY:p.config.firstMonthOfFY,timeframe:k,timeframeTicks:C,sortKey:p.config.opexByVendorConfig?.sortKey,sortOrder:p.config.opexByVendorConfig?.sortOrder,dataAvailable:p.config.dataAvailable,bookCloseDate:p.config.bookCloseDate,compareMode:f,onCompareModeChanged:m,onSortOrderChanged:p.config.opexByVendorConfig?.onSortOrderChanged})})(o,i,l,g,r,u);case"total":return((p,h,x,f,w,m,b)=>{const k=x.element.data,C=x.config.mode==="this_period_vs_period_before",_=C?x.element.numOfBalances+2:x.element.numOfBalances+1,$=Gn(k,x.config.displayOrder,_,C);return t.jsx(Wh,{type:h,backgroundColor:b,isSticky:w,treeNodeId:p,height:f,isScrolling:m,totalBalances:$.balances,title:x.element.title,isAccountColumnShown:x.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:x.config.opexByVendorConfig?.isClassColumnShown??!0})})(e,n,o,i,l,c,r);case"vendor_row":return((p,h,x,f,w,m,b)=>{if(h.element.kind!="vendor_row"||h.element.data==null)return null;const k=h.element.data,C=h.config.mode==="this_period_vs_period_before",_=Gn(k,h.config.displayOrder,h.element.numOfBalances,C);return t.jsx(Jh,{type:p,backgroundColor:f,isSticky:w,height:x,isScrolling:m,vendor:k.vendor,accountBase:k.account,classBase:k.classBase,isLastNode:b,balances:_.balances,isAccountColumnShown:h.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:h.config.opexByVendorConfig?.isClassColumnShown??!0,onVendorNameAndBalanceClick:($,B)=>{h.config.opexByVendorConfig?.onVendorNameAndBalanceClicked($,B)}})})(n,o,i,r,l,c,d);case"title_string_only":return((p,h,x,f)=>{if(p.element.kind!=="title_string_only")return null;const w=Be(p.element.data,p.config.displayOrder).map(m=>Le(m));return t.jsx(nh,{backgroundColor:x,isSticky:f,height:h,isAccountColumnShown:p.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:p.config.opexByVendorConfig?.isClassColumnShown??!0,timeframeTicks:w})})(o,i,r,l);default:return null}},Wg=({id:e,treeKind:n,reportElementData:o,height:i,isOpen:r,isSticky:l,isScrolling:c,isLastNode:d,backgroundColor:g,nodeClickHandler:u})=>{const{config:p}=o;switch(o.element.kind){case"spacer_row":default:return null;case"timeframe_headers":return((h,x,f,w,m,b,k)=>{if(h.element.kind!=="timeframe_headers")return null;const C=h.element.data;return t.jsx(Ma,{reportId:h.config.reportId==="accounts_payable_aging"?"accounts_payable_aging":"accounts_receivable_aging",agingPeriods:C,backgroundColor:f,isSticky:w,height:x,sortKey:m,sortOrder:b,onSortOrderChanged:k})})(o,i,g,l,p.agingReportConfig?.sortKey,p.agingReportConfig?.sortOrder,p.agingReportConfig?.onSortOrderChanged);case"total":return((h,x,f,w,m)=>{const b=x.element.data;return t.jsx(Ja,{type:h,backgroundColor:w,isSticky:m,height:f,totalBalances:b,isIndented:x.config.reportId==="accounts_receivable_aging",title:x.element.title})})(n,o,i,g,l);case"aging_report_row":return((h,x,f,w,m,b,k,C,_,$)=>{if(x.element.kind!=="aging_report_row")return null;if(x.config.reportId==="accounts_payable_aging"){const A=x.element.data;return t.jsx(Ca,{backgroundColor:C,isLastNode:b,isScrolling:k,isSticky:m,height:f,balances:A.apAgingBalances,vendor:A.vendor,total:A.total,onEntityNameClick:_})}const B=x.element.data;return t.jsx(_a,{treeNodeId:h,backgroundColor:C,isLastNode:b,isScrolling:k,isSticky:m,isOpen:w,height:f,metadata:x.element.metadata,balances:B.arAgingBalances,nestedCustomer:B,total:B.total,totalWithChildren:B.totalWithChildren,onEntityNameClick:_,onClick:$})})(e,o,i,r,l,d,c,g,p.agingReportConfig?.onEntityNameClick,u);case"ac_subentity_total":return((h,x,f,w,m)=>{if(h.element.kind!=="ac_subentity_total")return null;if(h.config.reportId==="accounts_receivable_aging"){const b=h.element.data;return t.jsx(Ga,{backgroundColor:m,isScrolling:w,isSticky:f,height:x,metadata:h.element.metadata,nestedCustomer:b,total:b.totalWithChildren,noMarginForEntity:!0})}return null})(o,i,l,c,g)}},Pg=({id:e,reportElementData:n,height:o,backgroundColor:i,isSticky:r,isScrolling:l,isLeaf:c,isLastNode:d,isFirstNode:g,isOpen:u,onFluxBalanceClick:p,nodeClickHandler:h,hoveredParentIdProps:x})=>{switch(n.element.kind){case"flux_vendor_account_class_row":return((f,w,m,b,k,C,_,$,B)=>{if(!pn(w,"flux_vendor_account_class_row"))return null;const A=w.element.data,P=wi(A),V=w.element.metadata.vendorId;return t.jsx(ys,{backgroundColor:m,isSticky:b,treeNodeId:f,balances:P,varianceAmount:A.varianceAmount,variancePercentage:A.variancePercentage,currency:A.currency,isScrolling:k,isLeaf:C,isLastNode:_,nodeMetadata:w.element.metadata,accountAndClass:A,onAccountAndClassBalanceClick:()=>B?.(V),isHoveredByParent:$?.hoveredParentId===V})})(e,n,i,r,l,c,d,x,p);case"flux_vendor_row":return Fd(e,n,i,r,l,u,c,d,g,x,h);case"section":return zd(e,n,o,i,r,l,u,c,d,h);case"timeframe_headers":return((f,w,m)=>{if(f.element.kind!=="timeframe_headers")return null;const b=Be(f.element.data,f.config.displayOrder),k=b.length>0?b[0].balanceTimeFrame:"month",C=b.map(_=>Le(_));return t.jsx(ed,{isSticky:m,height:w,firstMonthOfFY:f.config.firstMonthOfFY,timeframe:k,timeframeTicks:C,isBulkSelected:f.config.fluxAnalysisConfig?.reviewOpExIds.length===20,onSortOrderChanged:(_,$)=>{f.config.fluxAnalysisConfig?.setIsSortApplied?.(!0),f.config.fluxAnalysisConfig?.onSortOrderChanged(_,$)},sortOrder:f.config.fluxAnalysisConfig?.sortOrder,sortKey:f.config.fluxAnalysisConfig?.sortKey})})(n,o,r);case"total":return((f,w)=>{if(f.element.kind!=="total")return null;const m=f.element.data;return t.jsx(hd,{type:"name+balances_actual",title:f.element.title,totalBalances:m.balances,varianceAmount:m.varianceAmount,variancePercentage:m.variancePercentage,currency:m.currency,height:w})})(n,o);case"loading_in_progress":return(f=>f.element.kind!=="loading_in_progress"?null:t.jsx(ks,{}))(n);case"headers_loading_in_progress":return(f=>f.element.kind!=="headers_loading_in_progress"?null:t.jsx(zs,{}))(n);default:return null}},Fg=({reportElementData:e,height:n,isSticky:o,isLastNode:i})=>{switch(e.element.kind){case"timeframe_headers":return function(r,l){if(r.element.kind!=="timeframe_headers")return null;const c=M.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers,d=r.element.data,g=d.accountIDs.length===0;return t.jsx(Dr,{sectionTitle:c.section[d.sectionId].title,isLoading:g,isSticky:l,height:nt("timeframe_headers")})}(e,o);case"loading_in_progress":return t.jsx(_r,{height:nt("loading_in_progress")});case"total":return((r,l,c)=>{const d=r.element.data;return t.jsx(ra,{isSticky:c,height:l,sectionData:d})})(e,n,o);case"section":return t.jsx($r,{height:nt("section")});case"title_string_only":return((r,l)=>{const c=r.element.data,d=M.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers;return t.jsx(Rr,{height:l,title:d.section[c.sectionId].title})})(e,n);case"ac_group_report":return((r,l,c)=>{const d=r.element.data,g=r.config.accountReconciliationConfig?.selectedDrawerAccountId!=null&&d.accountReconEntity.account.accountId===r.config.accountReconciliationConfig?.selectedDrawerAccountId;return t.jsx(gr,{height:l,accountRecon:d,isLastRow:c,isSelectedRow:g,onReviewClicked:r.config.accountReconciliationConfig?.onReviewClicked,onConnectClicked:r.config.accountReconciliationConfig?.onConnectClicked,onReconnectClicked:r.config.accountReconciliationConfig?.onReconnectClicked,onOpenDrawerClicked:r.config.accountReconciliationConfig?.onOpenDrawerClicked,onStatementAddClicked:r.config.accountReconciliationConfig?.onStatementAddClicked})})(e,n,i);default:return null}};function uo(e,n,o,i){return{data:{defaultHeight:Sn(e.reportElementData.config.reportId,e.reportElementData.element.kind,e.isFirstNode),id:e.id,isLeaf:e.children.length===0,isFirstNode:e.isFirstNode??!1,isLastNode:e.isLastNode,isOpenByDefault:i??zg(e.reportElementData.config.reportId,e.reportElementData.element.kind,o,e.reportElementData.config.reportFormat),nestingLevel:o,treeKind:n,reportElementData:e.reportElementData},treeKind:n,nestingLevel:o,node:e}}function Sn(e,n,o){return Jt(e)===!0?function(i){switch(i){case"section":case"section_with_ac_only":case"calculated_section":case"calculated_section_type1":return S[8];case"ac_group_report":case"ac_group_subaccount":case"ac_subentity_total":case"ac_subaccount":case"ac_report":case"title_string_only":case"total":case"loading_in_progress":case"class":case"checkbox_and_name_only":return S[6];case"timeframe_headers":case"headers_loading_in_progress":return S[11];case"timeframe_headers_with_forecast":return 98;default:return 0}}(n):Qt(e)===!0||Te(e)===!0?function(i){switch(i){case"section":case"ac_group_report":case"ac_group_subaccount":case"calculated_section":case"calculated_section_type1":case"section_with_ac_only":case"title_string_only":case"total":return S[8];case"ac_subentity_total":case"ac_subaccount":case"ac_report":case"loading_in_progress":case"class":case"checkbox_and_name_only":return S[6];case"timeframe_headers":case"headers_loading_in_progress":return S[11];case"timeframe_headers_with_forecast":return 98;default:return 0}}(n):Xt(e)?function(i){switch(i){case"timeframe_headers":return S[10];case"aging_report_row":case"ac_subentity_total":return S[6];case"total":case"spacer_row":return S[8];default:return S[0]}}(n):en(e)?nt(n):tn(e)?function(i){switch(i){case"timeframe_headers":return S[11];case"vendor_row":case"loading_in_progress":return S[6];case"total":case"spacer_row":case"title_string_only":return S[8];default:return 0}}(n):nn(e)?xi(n,o):function(i){switch(i){case"section":case"section_with_ac_only":case"calculated_section":case"ac_group_report":case"ac_group_subaccount":return S[8];case"calculated_section_type1":case"ac_report":case"ac_subaccount":case"ac_subentity_total":case"total":return S[6];case"title_string_only":return 67;case"timeframe_headers":return S[11];default:return S[0]}}(n)}function zg(e,n,o,i){return Jt(e)?function(r,l,c=0){const d=["summary"];switch(r){case"section":case"section_with_ac_only":case"title_string_only":return!d.includes(l);case"calculated_section":case"calculated_section_type1":case"ac_group_report":case"ac_report":case"total":case"timeframe_headers":case"timeframe_headers_with_forecast":default:return!1;case"ac_group_subaccount":case"ac_subaccount":case"ac_subentity_total":return!(d.includes(l)||l==="detailed"&&c>0);case"class":return!(l==="detailed"&&c>0);case"checkbox_and_name_only":return!0}}(n,i,o):Qt(e)||Te(e)===!0?function(r,l){const c=["summary","detailed"];switch(r){case"section":case"section_with_ac_only":case"ac_group_report":case"ac_group_subaccount":case"ac_subentity_total":case"ac_subaccount":case"ac_report":case"title_string_only":return!c.includes(l);case"calculated_section":case"calculated_section_type1":case"total":case"timeframe_headers":case"timeframe_headers_with_forecast":default:return!1;case"class":case"checkbox_and_name_only":return!0}}(n,i):!!Xt(e)||!tn(e)&&(nn(e)?function(r){return["section","flux_vendor_account_class_row","flux_vendor_row"].includes(r)}(n):en(e)?ur():function(r,l){const c=["summary","detailed"];switch(r){case"section":case"section_with_ac_only":case"calculated_section":case"calculated_section_type1":case"ac_group_report":case"ac_group_subaccount":case"ac_report":case"ac_subaccount":case"ac_subentity_total":case"title_string_only":return!c.includes(l);default:return!1}}(n,i))}const Tg=a.div`
+  top: 0;
+  left: 0;
+  position: sticky !important;
+  position: -webkit-sticky !important;
+  min-height: ${e=>e.heightValue}px;
+  max-height: ${e=>e.heightValue}px;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+  box-sizing: border-box;
+`;function Vg({height:e,backgroundColor:n,headers:o,treeKind:i,isSticky:r,compareMode:l,onCompareModeChanged:c}){return o.length===0?null:(o.forEach(d=>{if(d.children.length>0)throw Error("Sticky headers can't have children")}),t.jsx(Tg,{heightValue:e,bgColor:n,"data-testid":y("sticky-header-report-tree"),children:o.map((d,g)=>t.jsx(zi,{id:d.id,treeKind:i,reportElementData:d.reportElementData,height:Sn(d.reportElementData.config.reportId,d.reportElementData.element.kind,d.isFirstNode),backgroundColor:n,isSticky:r,isScrolling:!1,isLeaf:!0,isLastNode:o.length-1===g,isFirstNode:!1,isOpen:!0,nestingLevel:1,nodeClickHandler:()=>{console.log("Node click handler is called")},compareMode:l,onCompareModeChanged:c},d.id))}))}const Ti=z.createContext(void 0);function Dg({height:e,kind:n,rootNodes:o,compareMode:i,isSticky:r,backgroundColor:l,treeNodePadding:c,treeClassName:d,treeStyle:g,treeRef:u,treeOuterElementRef:p,infiniteLoadingProps:h,variableNodeHeightTree:x,onNodeClick:f,onCompareModeChanged:w,scrollPosition:m,onScroll:b,nodeOpenStatus:k,onNodeCollapseToggled:C,onTreeInnerElementHeightChanged:_,onToggleCheck:$,hoveredParentIdProps:B}){const A=z.useRef(null),P=z.useRef(null),V=On(x?.prevFetchState),D=On(x?.prevRefreshFetchState),[Y,X]=z.useState(0),ee=p??P,Z=u??A,de=I(),[fe,Cn]=z.useState(void 0),[_n,vn]=z.useState(!1),[Re,$n]=z.useState(k),Ln=(F,U)=>{$n(Object.assign({},Re,{[F]:U})),C?.(F,U)},Bn=F=>{if(o.contentNodes.length>0)if(Object.keys(F).length>0){const U={};Object.keys(F).forEach(he=>{U[he]={open:F[he]}}),Z?.current?.recomputeTree(U)}else{const U=o.contentNodes[0].id;Z?.current?.recomputeTree({[U]:{open:!0}})}};z.useLayoutEffect(()=>{if((!Nn(m,fe)||fe==null)&&ee.current!=null){const F=m?.scrollLeft==null?de==="small"?0:ee.current.scrollWidth:m?.scrollLeft;if(m!=null){const U={scrollTop:m.scrollTop,scrollLeft:F};Cn(U),F!==m?.scrollLeft&&b?.(U)}ee.current.scroll({left:F,top:m?.scrollTop})}},[m]),z.useEffect(()=>{Nn(k,Re)||($n(k),Bn(k))},[k]),z.useEffect(()=>{const F=ee.current,U=Hi(()=>{if(F!=null&&(fe==null||F.scrollLeft!==fe.scrollLeft||F.scrollTop!==fe.scrollTop)){const he={scrollLeft:F.scrollLeft,scrollTop:F.scrollTop};Cn(he),b?.(he)}},50);return F?.addEventListener("scroll",U),()=>{F?.removeEventListener("scroll",U)}},[ee,fe,b]),z.useEffect(()=>{if(o.contentNodes.length>0){Bn(Re);const F=o.contentNodes[0].reportElementData.config.mode==="actual_vs_forecast";F!==_n&&vn(F)}},[_n,vn,o,Z,ee]),z.useEffect(()=>{(x!=null&&V==="In-Progress"&&x.fetchState==="Completed"&&x.isSortApplied||x!=null&&D==="In-Progress"&&x.refreshFetchState==="Completed")&&(x.reducedFetchState==="Completed"&&x.setIsSortApplied(!1),X(Y+1))},[Y,x?.fetchState,x?.isSortApplied,V,D,x]);const Ct=z.useRef(),[Vi,Di]=z.useState(void 0),An=z.useCallback(((F,U,he)=>function*(){for(let pe=0;pe<U.length;++pe)yield uo(U[pe],F,0,he[U[pe].id]??void 0);for(;;){const pe=yield;for(let He=0;He<pe.node.children.length;++He)yield uo(pe.node.children[He],F,pe.nestingLevel+1,he[pe.node.children[He].id]??void 0)}})(n,o.contentNodes,Re),[n,o]),Gi={rootNodes:o,treeNodePadding:c,backgroundColor:l,kind:n,isSticky:r,compareMode:i,onCompareModeChanged:w};return t.jsx(Ti.Provider,{value:Gi,"data-testid":y("report-tree"),children:h==null?t.jsx(Mn,{className:d,style:g,ref:Z,innerRef:Ct,outerRef:ee,innerElementType:Gt,treeWalker:An,onItemsRendered:()=>{const F=Ct.current;F!=null&&F.clientHeight>0&&F.clientHeight!=Vi&&(Di(F.clientHeight),_?.(F.clientHeight))},height:e,width:"100%",children:F=>t.jsx(ho,{...F,isSticky:r.isStickyName,backgroundColor:l,treeNodePadding:c,onNodeClick:f,onNodeCollapseToggled:Ln,compareMode:i,onCompareModeChanged:w,onToggleCheck:$})}):t.jsx(Ki,{isItemLoaded:h.isItemLoaded,itemCount:h.itemCount+1,loadMoreItems:h.loadMoreItems,children:({onItemsRendered:F,ref:U})=>t.jsx(Mn,{className:d,style:g,ref:U,innerRef:Ct,outerRef:ee,innerElementType:Gt,treeWalker:An,onItemsRendered:F,height:e,width:"100%",children:he=>t.jsx(ho,{...he,isSticky:r.isStickyName,backgroundColor:l,treeNodePadding:c,onNodeClick:f,onNodeCollapseToggled:Ln,compareMode:i,onCompareModeChanged:w,onToggleCheck:$,hoveredParentIdProps:B})},Y)})})}const Gt=z.forwardRef((e,n)=>{const{children:o,style:i,...r}=e,{rootNodes:l,treeNodePadding:c,backgroundColor:d,kind:g,isSticky:u,compareMode:p,onCompareModeChanged:h}=z.useContext(Ti),x=l.headerNodes.reduce((b,k)=>b+Sn(k.reportElementData.config.reportId,k.reportElementData.element.kind,k.isFirstNode),0),f=c?.left,w=c?.right,m=s.sp8;return t.jsxs("div",{ref:n,style:{...i,width:"auto",minWidth:"100%",paddingLeft:f,paddingRight:w,marginBottom:m},...r,children:[t.jsx(Vg,{height:x,backgroundColor:d,headers:l.headerNodes,treeKind:g,isSticky:u.isStickyHeader,compareMode:p,onCompareModeChanged:h}),o]})});Gt.displayName="stickyInnerElementType";const Gg=a.div`
+  display: flex;
+  flex: 1 0 auto;
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+  padding-left: ${e=>e.paddingLeft}px;
+  background-color: ${e=>e.bgColor?.hex()};
+
+  & .content-scroll {
+    overflow: auto;
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+    &::-webkit-scrollbar {
+      width: ${s.sp2};
+      height: ${s.sp2};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: transparent;
+    }
+
+    &:hover {
+      scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+      &::-webkit-scrollbar {
+        width: ${s.sp2};
+        height: ${s.sp2};
+        background-color: transparent;
+      }
+      &::-webkit-scrollbar-track {
+        box-shadow: inset 0 0 2px ${te.scrollbarBoxShadow};
+        -webkit-box-shadow: inset 0 0 2px ${te.scrollbarBoxShadow};
+        background-color: transparent;
+      }
+      &::-webkit-scrollbar-thumb {
+        background-color: ${e=>e.theme.colors.grey1};
+        border-radius: 2px;
+      }
+    }
+  }
+`;function Zg({rootNodes:e,type:n,compareMode:o,isSticky:i,backgroundColor:r,treeNodePadding:l,onAccountClick:c,infiniteLoadingProps:d,variableNodeHeightTree:g,hoveredParentIdProps:u,onCompareModeChanged:p,scrollPosition:h,onScroll:x,nodeOpenStatus:f,onNodeCollapseToggled:w,onReportTableHeightChanged:m,onToggleCheck:b}){return t.jsx(Ei,{children:({height:k,width:C})=>t.jsx(Gg,{"data-testid":y("report-tree-container"),height:k,width:C,paddingLeft:l?.left??0,bgColor:r,children:t.jsx(Dg,{"data-testid":y("report-tree"),treeClassName:"content-scroll",height:k,kind:n,rootNodes:e,compareMode:o,isSticky:i,backgroundColor:r,treeNodePadding:l!=null?{left:0,right:l?.right}:void 0,infiniteLoadingProps:d,variableNodeHeightTree:g,hoveredParentIdProps:u,onNodeClick:c==null?void 0:(_,$,B,A)=>{B!=null&&A!=null&&c(B,A)},onCompareModeChanged:p,scrollPosition:h,onScroll:x,nodeOpenStatus:f,onNodeCollapseToggled:w,onTreeInnerElementHeightChanged:m,onToggleCheck:b})})})}export{ne as D,Zg as I,J,Ug as R,Ve as V,Pe as a,at as l,zc as n,qg as r,wn as x};