@zeniai/web-components 3.16.93 → 3.16.94

package/dist/RevenueChart-oFRLwjHZ.cjs

@@ -0,0 +1,280 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),_=require("react"),C=require("@emotion/styled"),v=require("recharts"),e=require("./index-DbeDc75y.cjs"),a=require("./chartTypes-BeBQuLEe.cjs"),O=require("./toCOABalancesWithID-BQU0rcwz.cjs"),M=require("./toChartData-DCsJk0-J.cjs"),D={legendLabelMarginLeft:new e.ResponsiveSized(2,2),legendLabelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4])},ht=C.div`
+  display: flex;
+`,gt=C.div`
+  margin: ${e.Space.sp2} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${e.Colors.neutralGrey3Dark};
+`,Ct=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 220px;
+  border-radius: ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,ft=C(e.StandardRegular)`
+  color: ${t=>t.color??e.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,yt=C(e.StandardRegular)`
+  background-color: ${t=>t.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${e.Space.sp2};
+`,jt=C(e.StandardRegular)`
+  text-align: left;
+`,St=C(e.StandardRegular)`
+  text-align: right;
+`,Et=({active:t,payload:r})=>{const s=[];return r?.forEach(l=>{const n=l.name;if(t===!0){const c=l.payload,p=l.color,m=n!=null&&c.record[n]!=null?c.record[n].amount:void 0;s.push({barName:e.appLocale.getLocalizedStrings().chartCard.cashInCashOut[a.getIDFromChartValueKey(n)],value:m,color:p})}}),s},P=t=>t.map((r,s)=>o.jsxRuntimeExports.jsxs(ft,{color:r.color,children:[o.jsxRuntimeExports.jsxs(jt,{children:[o.jsxRuntimeExports.jsx(yt,{color:r.color}),`${r.barName}:`]}),o.jsxRuntimeExports.jsx(St,{children:`${a.currencyFormatter(r.value)}`})]},r.barName+s)),$t=t=>{const r=Et({...t});return r.length===0?null:o.jsxRuntimeExports.jsx(ht,{children:o.jsxRuntimeExports.jsxs(Ct,{children:[P(r.slice(0,r.length-1)),r.length?o.jsxRuntimeExports.jsx(gt,{}):null,P(r.slice(-1))]})})},Rt=_.memo($t),Kt=(t,r,s,l,n)=>{let c=[],p=[],m=[];s!=null&&s.balances.length>0&&(c=O.sectionToCOABalancesWithID("cash_in","actual",s)),l!=null&&l.balances.length>0&&(p=O.sectionToCOABalancesWithID("cash_out","actual",l)),n!=null&&n.balances.length>0&&(m=O.calculatedSectionToCOABalancesWithKey("net_cash_flow","actual",n));const u=a.getChartValueKey("cash_in","actual"),i=a.getChartValueKey("cash_out","actual"),g=a.getChartValueKey("net_cash_flow","actual"),h=c.length>0?u:p.length>0?i:void 0,d={};return d[u]=c,d[i]=p,d[g]=m,h!=null?M.toChartData(t,r,h,d):void 0},X=[a.getChartValueKey("cash_in","actual"),a.getChartValueKey("cash_out","actual"),a.getChartValueKey("net_cash_flow","actual")],vt=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${t=>D.legendLabelMarginRight.valuePx(t.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${e.Space.sp0} !important;
+    }
+  }
+`,Tt=C(e.ExtraSmallRegularSp)`
+  margin-left: ${t=>D.legendLabelMarginLeft.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.primary};
+`;function bt({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,onCOABalancesRangeChanged:m}){const u=o.useTheme(),i=_.useRef(!1);_.useEffect(()=>{i.current=!0},[]);const g=[u.colors.graphColor33,u.colors.graphColor36,u.colors.graphColor35],h=(K,R=u.colors.graphColor08)=>K<g.length?g[K]:R,d=Kt(t.firstMonthOfFY,X,t.cashIn,t.cashOut,t.netCashFlow),f=()=>{const K=[];return X.forEach((R,y)=>{const T=p===!0&&!i.current;K.push(o.jsxRuntimeExports.jsx(v.Bar,{name:R,animationDuration:T?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:$=>{const E=$.record;return(E[R]!=null&&E[R].amount!=null?E[R].amount:void 0)?.amount??0},fill:h(y)},R))}),K};return d==null?null:o.jsxRuntimeExports.jsx(kt,{chartData:d,timeframe:r,showBarHoverBackground:c,barElements:f(),customToolTipContent:({active:K,payload:R})=>o.jsxRuntimeExports.jsx(Rt,{active:K,payload:R}),width:l,height:n,onCOABalancesRangeChanged:m,highlightedRange:s,isDetailPage:p===!0})}const kt=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=e.useWindowSizeContext(),h=o.useTheme(),d=t.timeseries,f=a.getCurrencySymbol(t),K=d.map($=>$.label),R=m!==!1,y=$=>{if(!u||$?.activePayload==null||$?.activePayload.length===0)return;const E=$.activePayload[0];if(E?.payload?.timeLabel?.label==null)return;const S=$.activeTooltipIndex,B=E.payload.timeLabel.label;if(n==null)return;const x=a.getXAxisSelectionRange(B,K,n.numberOfPeriods),j=x[1]===void 0?K.length-1:K.indexOf(x[1]),b={...n,thisPeriod:{startDate:d[j].startDate,endDate:d[j].endDate}};i?.(d[S],r,b)},T=u?(c-60)/a.maxXAxisItems.cash_in_cash_out*(a.maxXAxisItems.cash_in_cash_out-t.recordByTimeseries.length):20;return o.jsxRuntimeExports.jsx(vt,{"data-testid":e.generateDataTestId("dashboard-cash-in-cash-out-timeframe",r),width:c,height:p,windowSize:g,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:$,width:E})=>o.jsxRuntimeExports.jsxs(v.BarChart,{data:t.recordByTimeseries,barCategoryGap:u?void 0:"12%",maxBarSize:u?e.sp[10]:22,barGap:u?void 0:2,margin:{top:5,right:T,left:0,bottom:e.sp[4]},height:$,width:E,style:{display:"flex",flex:"1 1 auto"},onClick:y,children:[o.jsxRuntimeExports.jsx(v.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),o.jsxRuntimeExports.jsx(v.XAxis,{dataKey:S=>S.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...e.textStyles.extraSmallRegular.cssObject}}),o.jsxRuntimeExports.jsx(v.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...e.textStyles.extraSmallRegular.cssObject},tickFormatter:S=>e.amountValueToString("0,0.[00]a",S,f)}),o.jsxRuntimeExports.jsx(v.Tooltip,{wrapperStyle:{zIndex:2},cursor:R?{stroke:h.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:h.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s,u?o.jsxRuntimeExports.jsx(v.Legend,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:e.Space.sp0},formatter:S=>o.jsxRuntimeExports.jsx(Tt,{windowSize:g,children:e.appLocale.getLocalizedStrings().chartCard.cashInCashOut[a.getIDFromChartValueKey(S)]})}):null]})})})},Bt=C.div`
+  display: flex;
+`,Ot=C.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,It=C(e.StandardRegular)`
+  color: ${t=>t.color??e.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,_t=({active:t,payload:r})=>{const s=[];return r?.forEach(l=>{const n=l.name;if(t===!0){const c=l.payload,p=l.color,m=n!=null&&c.record[n]!=null?c.record[n].amount:void 0;s.push({barName:e.appLocale.getLocalizedStrings().reportTitleById.cash_position,value:m,color:p})}}),s},wt=t=>{const r=_t(t);return r.length===0?null:o.jsxRuntimeExports.jsx(Bt,{children:o.jsxRuntimeExports.jsx(Ot,{children:r.map((s,l)=>o.jsxRuntimeExports.jsx(It,{color:s.color,children:`${s.barName}: ${a.currencyFormatter(s.value)}`},s.barName+l))})})},Ft=_.memo(wt),At=(t,r,s)=>{let l=[];s!=null&&s.balances.length>0&&(l=O.balancesSliceToCOABalancesWithKey("cash_position","actual",s));const n=a.getChartValueKey("cash_position","actual"),c={};return c[n]=l,l.length>0?M.toChartData(t,r,n,c):void 0},Dt=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+`,H=[a.getChartValueKey("cash_position","actual")];function Lt({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,onCOABalancesRangeChanged:m}){const u=o.useTheme(),i=_.useRef(!1);_.useEffect(()=>{i.current=!0},[]);const g=At(t.firstMonthOfFY,H,t.cashPosition),h=()=>{const d=[];return H.forEach(f=>{const K=p===!0&&!i.current;d.push(o.jsxRuntimeExports.jsx(v.Bar,{name:f,animationDuration:K?500:void 0,style:{cursor:"pointer"},dataKey:R=>{const y=R.record;return(y[f]!=null&&y[f].amount!=null?y[f].amount:void 0)?.amount??0},fill:u.colors.graphColor17},f))}),d};return g==null?null:o.jsxRuntimeExports.jsx(zt,{chartData:g,timeframe:r,showBarHoverBackground:c,barElements:h(),customToolTipContent:({active:d,payload:f})=>o.jsxRuntimeExports.jsx(Ft,{active:d,payload:f}),width:l,height:n,onCOABalancesRangeChanged:m,highlightedRange:s,isDetailPage:p===!0})}const zt=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=o.useTheme(),h=t.timeseries,d=a.getCurrencySymbol(t),f=h.map(T=>T.label),K=m!==!1,R=T=>{if(!u||T?.activePayload==null||T?.activePayload.length===0)return;const $=T.activePayload[0];if($?.payload?.timeLabel?.label==null)return;const E=T.activeTooltipIndex,S=$.payload.timeLabel.label;if(n==null)return;const B=a.getXAxisSelectionRange(S,f,n.numberOfPeriods),x=B[1]===void 0?f.length-1:f.indexOf(B[1]),j={...n,thisPeriod:{startDate:h[x].startDate,endDate:h[x].endDate}};i?.(h[E],r,j)},y=u?(c-60)/a.maxXAxisItems.cash_position*(a.maxXAxisItems.cash_position-t.recordByTimeseries.length):20;return o.jsxRuntimeExports.jsx(Dt,{width:c,height:p,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:T,width:$})=>o.jsxRuntimeExports.jsxs(v.BarChart,{width:$,height:T,data:t.recordByTimeseries,barCategoryGap:"25%",maxBarSize:u?e.sp[10]:30,margin:{top:5,right:y,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:R,children:[o.jsxRuntimeExports.jsx(v.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:g.colors.grey3}),o.jsxRuntimeExports.jsx(v.XAxis,{dataKey:E=>E.timeLabel.label,type:"category",axisLine:{stroke:g.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:g.colors.hero,...e.textStyles.extraSmallRegular.cssObject}}),o.jsxRuntimeExports.jsx(v.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:g.colors.hero,...e.textStyles.extraSmallRegular.cssObject},tickFormatter:E=>e.amountValueToString("0,0.[00]a",E,d)}),o.jsxRuntimeExports.jsx(v.Tooltip,{wrapperStyle:{zIndex:2},cursor:K?{stroke:g.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:g.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})},Mt=C.div`
+  display: flex;
+`,Nt=C.div`
+  display: flex;
+  flex-direction: column;
+`,Vt=C.div`
+  display: flex;
+  background-color: ${t=>t.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0} ${e.Space.sp0};
+  color: ${t=>t.theme.colors.grey1};
+  padding: ${e.Space.sp3};
+`,N=C.div`
+  flex: 1;
+  text-align: right;
+`,Gt=C.div`
+  width: 132px;
+`,lt=C.div`
+  margin: ${e.Space.sp2} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${e.Colors.neutralGrey3Dark};
+`,Pt=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 200px;
+  border-radius: ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Xt=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,it=C(e.StandardRegular)`
+  color: ${t=>t.color??e.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  ${t=>t.showPercent?"flex-start":"center"};
+`,ut=C(e.StandardRegular)`
+  background-color: ${t=>t.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${e.Space.sp2};
+`,Ht=C(e.StandardRegular)`
+  text-align: left;
+`,Yt=C(e.StandardRegular)`
+  text-align: left;
+  width: 120px;
+`,qt=C.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,Y=C(e.StandardRegularSp)`
+  text-align: right;
+`,F=C(e.StandardRegularSp)`
+  text-align: right;
+  flex: 1;
+  color: ${t=>t.isChange!=null&&t.isChange===!0?e.Colors.important:null};
+`,q=C(e.StandardRegularSp)`
+  display: flex;
+  flex-direction: column;
+`,W=C(F)``,Wt=(t,r)=>{const s=a.getChartValueKey(a.getIDFromChartValueKey(t),"forecast");if(r.record[s]==null)return;const l=r.record[t].amount,n=r.record[s].amount,c=Math.floor((l.amount-n.amount)*100/100),p={...l,amount:c},m=n.amount!==0?Math.floor((l.amount-n.amount)/n.amount*100)/100:void 0;return{value:n,change:p,percent:m,forecastPercent:r.record[s].percentValue}},Jt=({active:t,payload:r,mode:s})=>{const l=[],n={barName:e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:e.Colors.neutralGrey2Dark,forecast:void 0};let c={amount:0,currencyCode:"",currencySymbol:""},p={amount:0,currencyCode:"",currencySymbol:""};const m=a.getChartValueKey("income","actual"),u=a.getChartValueKey("cogs","actual"),i=a.getChartValueKey("expenses","actual"),g=a.getChartValueKey("net_burn_or_income","actual");return r?.forEach(h=>{const d=h.name;if(t===!0){const f=h.payload,K=h.color,R=d!=null&&f.record[d]!=null?f.record[d].amount:void 0;let y;if(d.includes("forecast")!==!0)switch(s==="forecast_mode"&&(y=f.record[d]!=null?Wt(d,f):void 0),d){case u:case i:R!=null&&(c.currencyCode===""?c={...R}:c.amount=c.amount+R.amount),y!=null&&(p.currencyCode===""?p={...y.value}:p.amount=p.amount+y.value.amount),l.push({barName:e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[a.getIDFromChartValueKey(d)],actual:R,forecast:y,color:K});break;case g:{const T=R!=null&&R.amount>=0?e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;l.push({barName:T,actual:R,color:K,percent:f.record[d]?.percentValue,forecast:y});break}case m:default:l.push({barName:e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[a.getIDFromChartValueKey(d)],actual:R,color:K,forecast:y})}}}),n.actual=c,n.forecast=p!=null&&c!=null?{value:p,change:{...c,amount:Math.floor((c.amount-p.amount)*100/100)},percent:p.amount!==0?Math.floor((c.amount-p.amount)/p.amount*100)/100:0}:void 0,t===!0&&l.splice(l.length-1,0,n),l},J=t=>t.map((r,s)=>o.jsxRuntimeExports.jsxs(it,{color:r.color,showPercent:r.percent!=null,children:[o.jsxRuntimeExports.jsxs(Ht,{children:[o.jsxRuntimeExports.jsx(ut,{color:r.barName===e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),o.jsxRuntimeExports.jsxs(qt,{children:[o.jsxRuntimeExports.jsx(Y,{children:`${a.currencyFormatter(r.actual)}`}),r.percent!=null?o.jsxRuntimeExports.jsx(Y,{children:e.percentValueToString("0,0.0%",r.percent)}):null]})]},r.barName+s)),U=t=>t.map((r,s)=>o.jsxRuntimeExports.jsxs(it,{color:r.color,showPercent:r.percent!=null,children:[o.jsxRuntimeExports.jsxs(Yt,{children:[o.jsxRuntimeExports.jsx(ut,{color:r.barName===e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),o.jsxRuntimeExports.jsx(F,{children:o.jsxRuntimeExports.jsxs(q,{children:[r.actual!=null?`${a.currencyFormatter(r.actual)}`:"-",o.jsxRuntimeExports.jsx(W,{children:r.percent!=null?e.percentValueToString("0,0.0%",r.percent):null})]})}),o.jsxRuntimeExports.jsx(F,{children:o.jsxRuntimeExports.jsxs(q,{children:[r.forecast!=null?`${a.currencyFormatter(r.forecast.value)}`:"-",o.jsxRuntimeExports.jsx(W,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?e.percentValueToString("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?o.jsxRuntimeExports.jsx(F,{isChange:!0,children:`${a.currencyFormatter(r.forecast.change)}`}):o.jsxRuntimeExports.jsx(F,{children:"-"}),r.forecast!=null?o.jsxRuntimeExports.jsx(F,{isChange:!0,children:e.percentValueToString("0,0.0%",r.forecast.percent)}):o.jsxRuntimeExports.jsx(F,{children:"-"})]},r.barName+s)),Ut=t=>{if(t.length>0){for(const r of t)if(r.actual!=null)return r.actual.currencySymbol}return""},Qt=({barLabelsWithValues:t})=>o.jsxRuntimeExports.jsxs(Nt,{children:[o.jsxRuntimeExports.jsxs(Vt,{children:[o.jsxRuntimeExports.jsx(Gt,{}),o.jsxRuntimeExports.jsx(N,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.actual}),o.jsxRuntimeExports.jsx(N,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.forecast}),o.jsxRuntimeExports.jsxs(N,{children:[e.appLocale.getLocalizedStrings().chartCard.tooltip.change," ",Ut(t)]}),o.jsxRuntimeExports.jsx(N,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.change_percent})]}),o.jsxRuntimeExports.jsxs(Xt,{children:[U(t.slice(0,t.length-2)),t.length?o.jsxRuntimeExports.jsx(lt,{}):null,U(t.slice(-2))]})]}),Zt=({barLabelsWithValues:t})=>o.jsxRuntimeExports.jsx(Mt,{children:o.jsxRuntimeExports.jsxs(Pt,{children:[J(t.slice(0,t.length-2)),t.length?o.jsxRuntimeExports.jsx(lt,{}):null,J(t.slice(-2))]})}),te=t=>{const r=Jt({...t});return r.length===0?null:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:t.mode==="forecast_mode"?o.jsxRuntimeExports.jsx(Qt,{barLabelsWithValues:r}):o.jsxRuntimeExports.jsx(Zt,{barLabelsWithValues:r})})},ee=_.memo(te),Q=(t,r,s,l,n,c,p)=>{let m=[],u=[],i=[],g=[];l!=null&&l.balances.length>0&&(m=O.sectionToCOABalancesWithID("income","actual",l)),n!=null&&n.balances.length>0&&(u=O.sectionToCOABalancesWithID("cogs","actual",n)),c!=null&&c.balances.length>0&&(i=O.balancesSliceToCOABalancesWithKey("expenses","actual",c)),p!=null&&p.balances.length>0&&(g=O.calculatedSectionToCOABalancesWithKey("net_burn_or_income","actual",p));const h=a.getChartValueKey("income","actual"),d=a.getChartValueKey("cogs","actual"),f=a.getChartValueKey("expenses","actual"),K=a.getChartValueKey("net_burn_or_income","actual"),R=m.length>0?h:u.length>0?d:i.length>0?f:void 0,y={};return y[h]=m,y[d]=u,y[f]=i,y[K]=g,s==="forecast_mode"&&Object.assign(y,oe(l,n,c,p)),R!=null?M.toChartData(t,r,R,y):void 0},oe=(t,r,s,l)=>{let n=[],c=[],p=[],m=[];t!=null&&t.balances.length>0&&(n=O.sectionToCOABalancesWithID("income","forecast",t)),r!=null&&r.balances.length>0&&(c=O.sectionToCOABalancesWithID("cogs","forecast",r)),s!=null&&s.balances.length>0&&(p=O.balancesSliceToCOABalancesWithKey("expenses","forecast",s)),l!=null&&l.balances.length>0&&(m=O.calculatedSectionToCOABalancesWithKey("net_burn_or_income","forecast",l));const u=a.getChartValueKey("income","forecast"),i=a.getChartValueKey("cogs","forecast"),g=a.getChartValueKey("expenses","forecast"),h=a.getChartValueKey("net_burn_or_income","forecast"),d={};return d[u]=n,d[i]=c,d[g]=p,d[h]=m,d},re=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("expenses","actual"),a.getChartValueKey("net_burn_or_income","actual")],ne=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("expenses","actual"),a.getChartValueKey("net_burn_or_income","actual"),a.getChartValueKey("income","forecast"),a.getChartValueKey("cogs","forecast"),a.getChartValueKey("expenses","forecast"),a.getChartValueKey("net_burn_or_income","forecast")],se=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${t=>D.legendLabelMarginRight.valuePx(t.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${e.Space.sp0} !important;
+    }
+  }
+`,ae=C(e.ExtraSmallRegularSp)`
+  margin-left: ${t=>D.legendLabelMarginLeft.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.primary};
+`;function ce({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,mode:m,onCOABalancesRangeChanged:u}){const i=o.useTheme(),g=_.useRef(!1);_.useEffect(()=>{g.current=!0},[]);const h=[i.colors.graphColor36,i.colors.graphColor06,i.colors.graphColor31,i.colors.graphColor12],d=[i.colors.graphColor04,i.colors.graphColor10,i.colors.graphColor32,i.colors.graphColor13,i.colors.graphColor04Dark,i.colors.graphColor10Dark,i.colors.graphColor32Dark,i.colors.graphColor13Dark],f=m==="forecast_mode"?d:h,K=m==="forecast_mode"?ne:re,R=(x,j=i.colors.graphColor04)=>x<f.length?f[x]:j,y=(t.reportId==="net_burn_or_income",Q(t.firstMonthOfFY,K,m,t.sections.income,t.sections.cogs,t.sections.expenses,t.calculatedSections.netBurnOrIncome)),T=x=>{const{cx:j,cy:b,fill:k,stroke:I,value:w}=x;return w==null?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):o.jsxRuntimeExports.jsx("circle",{cx:j,cy:b,r:4,stroke:k,strokeWidth:2,fill:I})},$=x=>{const{cx:j,cy:b,fill:k,stroke:I,value:w}=x;return w==null?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):o.jsxRuntimeExports.jsx("circle",{cx:j,cy:b,r:5,stroke:I,strokeWidth:2,fill:k})},E=(x,j)=>o.jsxRuntimeExports.jsx(v.Line,{name:x,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:b=>{const k=b.record;return(k[x]!=null&&k[x].amount!=null?k[x].amount:void 0)?.amount},dot:o.jsxRuntimeExports.jsx(T,{}),strokeWidth:1.5,stroke:R(j),strokeDasharray:"3 3",activeDot:o.jsxRuntimeExports.jsx($,{})},x),S=(x,j,b)=>o.jsxRuntimeExports.jsx(v.Bar,{name:x,animationDuration:b?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:k=>{const I=k.record;return(I[x]!=null&&I[x].amount!=null?I[x].amount:void 0)?.amount??0},fill:R(j)},x),B=()=>{const x=[];return K.forEach((j,b)=>{const k=p===!0&&!g.current;j.endsWith("_forecast")?x.push(E(j,b)):x.push(S(j,b,k))}),x};return y==null?null:o.jsxRuntimeExports.jsx(le,{chartData:y,timeframe:r,showBarHoverBackground:c,barElements:B(),customToolTipContent:({active:x,payload:j})=>o.jsxRuntimeExports.jsx(ee,{active:x,payload:j,mode:m}),width:l,height:n,onCOABalancesRangeChanged:u,highlightedRange:s,isDetailPage:p===!0})}const le=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=e.useWindowSizeContext(),h=o.useTheme(),d=a.getCurrencySymbol(t),f=t.timeseries,K=f.map($=>$.label),R=m!==!1,y=$=>{if(!u||$?.activePayload==null||$?.activePayload.length===0)return;const E=$.activePayload[0];if(E?.payload?.timeLabel?.label==null)return;const S=$.activeTooltipIndex,B=E.payload.timeLabel.label;if(n==null)return;const x=a.getXAxisSelectionRange(B,K,n.numberOfPeriods),j=x[1]===void 0?K.length-1:K.indexOf(x[1]),b={...n,thisPeriod:{startDate:f[j].startDate,endDate:f[j].endDate}};i?.(f[S],r,b)},T=u?(c-60)/a.maxXAxisItems.net_burn_or_income*(a.maxXAxisItems.net_burn_or_income-t.recordByTimeseries.length):20;return o.jsxRuntimeExports.jsx(se,{width:c,height:p,windowSize:g,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:$,width:E})=>o.jsxRuntimeExports.jsxs(v.ComposedChart,{data:t.recordByTimeseries,barCategoryGap:u?void 0:"12%",maxBarSize:u?e.sp[10]:22,barGap:u?void 0:2,margin:{top:5,right:T,left:0,bottom:e.sp[4]},height:$,width:E,style:{display:"flex",flex:"1 1 auto"},onClick:y,children:[o.jsxRuntimeExports.jsx(v.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),o.jsxRuntimeExports.jsx(v.XAxis,{dataKey:S=>S.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...e.textStyles.extraSmallRegular.cssObject}}),o.jsxRuntimeExports.jsx(v.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...e.textStyles.extraSmallRegular.cssObject},tickFormatter:S=>e.amountValueToString("0,0.[00]a",S,d)}),o.jsxRuntimeExports.jsx(v.Tooltip,{wrapperStyle:{zIndex:2},cursor:R?{stroke:h.colors.background,strokeWidth:(E-60)/a.maxXAxisItems.net_burn_or_income,fill:h.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s,u?o.jsxRuntimeExports.jsx(v.Legend,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:e.Space.sp0},iconSize:e.sp[3],formatter:S=>o.jsxRuntimeExports.jsx(ae,{windowSize:g,children:S.endsWith("_forecast")===!0?e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[S]:e.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[a.getIDFromChartValueKey(S)]})}):null]})})})},ie=C.div`
+  display: flex;
+`,ue=C.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Z=C(e.StandardRegular)`
+  color: ${t=>t.color??e.Colors.neutralGrey2Light};
+  text-align: left;
+`,V=C.div`
+  flex: 1;
+  text-align: right;
+`,pe=C.div`
+  width: 162px;
+`,pt=C.div`
+  margin: ${e.Space.sp2} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${e.Colors.neutralGrey3Dark};
+`,xe=C(e.StandardRegular)`
+  color: ${t=>t.color??e.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+`,me=C.div`
+  display: flex;
+  flex-direction: column;
+`,de=C.div`
+  display: flex;
+  background-color: ${t=>t.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0} ${e.Space.sp0};
+  color: ${t=>t.theme.colors.grey1};
+  padding: ${e.Space.sp3};
+`,he=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,ge=C(e.StandardRegular)`
+  text-align: left;
+  width: 162px;
+`,L=C(e.StandardRegularSp)`
+  text-align: right;
+  flex: 1;
+`,Ce=({active:t,payload:r,barName:s})=>{const l=[];if(r!=null&&t===!0){const n=r.filter(u=>u.name==s)[0],c=n.payload,p=n.color,m=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;if(!s?.endsWith("_forecast")){let u;if(s.includes("forecast")!==!0){u=c.record[s]!=null?fe(s,c):void 0;const i={amount:0,currencyCode:"",currencySymbol:""},g={amount:0,currencyCode:"",currencySymbol:""};let h;for(h in c.record){const y=c.record[h].amount;h.endsWith("_actual")?(i.amount+=c.record[h].amount?.amount??0,i.currencyCode=y!=null?y.currencyCode:i.currencyCode,i.currencySymbol=y!=null?y.currencySymbol:i.currencySymbol):h.endsWith("_forecast")&&(g.amount+=c.record[h].amount?.amount??0,g.currencyCode=y!=null?y.currencyCode:g.currencyCode,g.currencySymbol=y!=null?y.currencySymbol:g.currencySymbol)}const d=Math.floor((i?.amount-g?.amount)*100/100),f={...i,amount:d},K=g.amount!==0?Math.floor((i.amount-g.amount)/g.amount*100)/100:0,R={value:g,change:f,percent:K};l.push({barName:a.getIDFromChartValueKey(s),actual:m,forecast:u,color:p}),l.push({barName:e.appLocale.getLocalizedStrings().chartCard.total,actual:i,forecast:R,color:e.Colors.neutralGrey1Light})}}}return l},fe=(t,r)=>{const s=a.getChartValueKey(a.getIDFromChartValueKey(t),"forecast");if(r.record[s]==null)return;const l=r.record[t].amount,n=r.record[s].amount,c={...l,amount:n!=null?Math.floor((l.amount-n.amount)*100/100):l.amount},p=n!=null&&n.amount!==0?Math.floor((l.amount-n.amount)/n.amount*100)/100:void 0;return{value:n,change:c,percent:p}},tt=t=>o.jsxRuntimeExports.jsxs(xe,{color:t.color,children:[o.jsxRuntimeExports.jsx(ge,{children:`${t.barName}:`}),o.jsxRuntimeExports.jsx(L,{children:t.actual!=null?`${a.currencyFormatter(t.actual)}`:"-"}),o.jsxRuntimeExports.jsx(L,{children:t.forecast!=null?`${a.currencyFormatter(t.forecast.value)}`:"-"}),t.forecast!=null?o.jsxRuntimeExports.jsx(L,{isChange:!0,children:`${a.currencyFormatter(t.forecast.change)}`}):o.jsxRuntimeExports.jsx(L,{children:"-"}),t.forecast!=null?o.jsxRuntimeExports.jsx(L,{isChange:!0,children:e.percentValueToString("0,0.0%",t.forecast.percent)}):o.jsxRuntimeExports.jsx(L,{children:"-"})]}),ye=t=>{if(t.length>0){for(const r of t)if(r.actual!=null)return r.actual.currencySymbol}return""},je=({barLabelsWithValues:t})=>o.jsxRuntimeExports.jsx(ie,{children:o.jsxRuntimeExports.jsxs(ue,{children:[o.jsxRuntimeExports.jsx(Z,{color:t[0].color,children:`${t[0].barName}: ${a.currencyFormatter(t[0].actual)}`}),o.jsxRuntimeExports.jsx(pt,{}),o.jsxRuntimeExports.jsx(Z,{children:`${e.appLocale.getLocalizedStrings().chartCard.total}: ${a.currencyFormatter(t[1].actual)}`})]})}),Se=({barLabelsWithValues:t})=>o.jsxRuntimeExports.jsxs(me,{children:[o.jsxRuntimeExports.jsxs(de,{children:[o.jsxRuntimeExports.jsx(pe,{}),o.jsxRuntimeExports.jsx(V,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.actual}),o.jsxRuntimeExports.jsx(V,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.forecast}),o.jsxRuntimeExports.jsxs(V,{children:[e.appLocale.getLocalizedStrings().chartCard.tooltip.change," ",ye(t)]}),o.jsxRuntimeExports.jsx(V,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.change_percent})]}),o.jsxRuntimeExports.jsxs(he,{children:[tt(t[0]),o.jsxRuntimeExports.jsx(pt,{}),tt(t[1])]})]}),Ee=t=>{const r=Ce({...t});return r.length===0?null:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:t.mode==="forecast_mode"?o.jsxRuntimeExports.jsx(Se,{barLabelsWithValues:r}):o.jsxRuntimeExports.jsx(je,{barLabelsWithValues:r})})},$e=_.memo(Ee),Re=(t,r)=>{const s=[],l={};let n;return r!=null&&r.classes.length!=0&&r.classes.forEach(c=>{const p=O.balancesSliceToCOABalancesWithKey(c.class.className,"actual",c.childrenBalancesTotal),m=a.getChartValueKey(c.class.className,"actual");l[m]=p,s.push(m),n==null&&p.length>0&&(n=a.getChartValueKey(c.class.className,"actual"))}),n!=null?M.toChartData(t,s,n,l):void 0},et=[e.Colors.graphColor34,e.Colors.graphColor05,e.Colors.graphColor08,e.Colors.graphColor11,e.Colors.graphColor13,e.Colors.graphColor19,e.Colors.graphColor29,e.Colors.graphColor28,e.Colors.graphColor20,e.Colors.graphColor21,e.Colors.graphColor22,e.Colors.graphColor14,e.Colors.graphColor35,e.Colors.graphColor31,e.Colors.graphColor33,e.Colors.graphColor32,e.Colors.graphColor36,e.Colors.graphColor02,e.Colors.graphColor06,e.Colors.graphColor04,e.Colors.graphColor10,e.Colors.graphColor12,e.Colors.graphColor15,e.Colors.graphColor18,e.Colors.graphColor17,e.Colors.graphColor07,e.Colors.graphColor34Dark,e.Colors.graphColor05Dark,e.Colors.graphColor08Dark,e.Colors.graphColor11Dark,e.Colors.graphColor13Dark,e.Colors.graphColor19Dark,e.Colors.graphColor29Dark,e.Colors.graphColor28Dark,e.Colors.graphColor20Dark,e.Colors.graphColor21Dark,e.Colors.graphColor22Dark,e.Colors.graphColor14Dark,e.Colors.graphColor35Dark,e.Colors.graphColor31Dark,e.Colors.graphColor33Dark,e.Colors.graphColor32Dark,e.Colors.graphColor36Dark,e.Colors.graphColor02Dark,e.Colors.graphColor06Dark,e.Colors.graphColor04Dark,e.Colors.graphColor10Dark,e.Colors.graphColor12Dark,e.Colors.graphColor15Dark,e.Colors.graphColor18Dark,e.Colors.graphColor17Dark,e.Colors.graphColor07Dark];class A{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=e.Colors.graphColor34,this._barColors=et.slice(),this._barColorsKeyWise=new Map}static#t=new A;getBarColor(r){const s=A.instance();return s._barColorsKeyWise.has(r)||(s._barColors.length===0&&(s._barColors=et.slice()),s._barColorsKeyWise.set(r,s._barColors.shift()??s._defaultColor)),s._barColorsKeyWise.get(r)}shouldUpdate(r){const s=A.instance(),l=Array.from(s._barColorsKeyWise.keys()).sort();return!o.isEqual(l,r)}static init(){return this.#t=new A,this.#t}static instance(){return this.#t}}const Ke=A.instance(),ve=(t,r,s)=>{const l=[],n={};let c,p=!1;if(s!=null&&s.accountGroups.length!=0?s.accountGroups.forEach(m=>{const u=O.balancesSliceToCOABalancesWithKey(m.accountGroupName,"actual",m),i=a.getChartValueKey(m.accountGroupName,"actual");n[i]=u,l.push(i),c==null&&u.length>0&&(c=a.getChartValueKey(m.accountGroupName,"actual"))}):s!=null&&s.accounts.length!=0&&(p=!0,s.accounts.forEach(m=>{const u=O.balancesSliceToCOABalancesWithKey(m.account.accountName,"actual",m.account.balancesInTimeframe),i=a.getChartValueKey(m.account.accountName,"actual");n[i]=u,l.push(i),c==null&&u.length>0&&(c=a.getChartValueKey(m.account.accountName,"actual"))})),s!=null&&s.accountGroups.length===0&&s.accounts.length===0){const m=e.appLocale.getLocalizedStrings().chartCard.total,u=O.balancesSliceToCOABalancesWithKey(m,"actual",s);if(u.length!==0){const i=a.getChartValueKey(m,"actual");n[i]=u,c=i,l.push(i)}}return r==="forecast_mode"&&Object.assign(n,Te(l,s)),c!=null?M.toChartData(t,l,c,n,p):void 0},Te=(t,r)=>{const s={};let l;if(r!=null&&r.accountGroups.length!=0?r.accountGroups.forEach(n=>{const c=O.balancesSliceToCOABalancesWithKey(n.accountGroupName,"forecast",n),p=a.getChartValueKey(n.accountGroupName,"forecast");s[p]=c,t.push(p),l==null&&c.length>0&&(l=a.getChartValueKey(n.accountGroupName,"forecast"))}):r!=null&&r.accounts.length!=0&&r.accounts.forEach(n=>{const c=O.balancesSliceToCOABalancesWithKey(n.account.accountName,"forecast",n.account.balancesInTimeframe),p=a.getChartValueKey(n.account.accountName,"forecast");s[p]=c,t.push(p),l==null&&c.length>0&&(l=a.getChartValueKey(n.account.accountName,"forecast"))}),r!=null&&r.accountGroups.length===0&&r.accounts.length===0){const n=e.appLocale.getLocalizedStrings().chartCard.total,c=O.balancesSliceToCOABalancesWithKey(n,"forecast",r);if(c.length!==0){const p=a.getChartValueKey(n,"forecast");s[p]=c,l=p,t.push(p)}}return s},be=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+`,ke=t=>{const{cx:r,cy:s,fill:l,stroke:n,value:c}=t;return c==null?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):o.jsxRuntimeExports.jsx("circle",{cx:r,cy:s,r:4,stroke:l,strokeWidth:2,fill:n})},Be=t=>{const{cx:r,cy:s,fill:l,stroke:n,value:c}=t;return c==null?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):o.jsxRuntimeExports.jsx("circle",{cx:r,cy:s,r:5,stroke:n,strokeWidth:2,fill:l})};function Oe({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,mode:m,onCOABalancesRangeChanged:u}){const i=_.useRef(!1),[g,h]=_.useState(Ke),[d,f]=_.useState(void 0),K=o.useTheme(),R=_.useRef([]);_.useEffect(()=>{i.current=!0},[]),_.useEffect(()=>{g.shouldUpdate(R.current)===!0&&h(A.init())},[]),_.useEffect(()=>{let E=[];if(t.reportId==="operating_expenses"){const S=t.sections.expenses;S.accountGroups.length===0&&S.accounts.length===0?E.push(e.appLocale.getLocalizedStrings().chartCard.total):S.accountGroups.length!=0?E=S.accountGroups.map(B=>B.accountGroupName).sort():E=S.accounts.map(B=>B.account).map(B=>B.accountName).sort()}else E=t.sections.expenses.classes.map(S=>S.class.className).sort();R.current=E},[t,g]);const y=_.useMemo(()=>t.reportId==="operating_expenses"?ve(t.firstMonthOfFY,m,t.sections.expenses):Re(t.firstMonthOfFY,t.sections.expenses),[t,m]),T=_.useCallback(()=>{const E=x=>o.jsxRuntimeExports.jsx(v.Line,{name:x,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:o.jsxRuntimeExports.jsx(ke,{}),activeDot:o.jsxRuntimeExports.jsx(Be,{}),dataKey:j=>{const b=j.record;let k,I;for(I in b)if(I.endsWith("_forecast")){const w=b[I].amount;w!=null&&(k==null?k={...w}:k.amount+=w.amount)}return k?.amount},stroke:K.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},x),S=(x,j)=>o.jsxRuntimeExports.jsx(v.Bar,{name:x,animationDuration:j?500:void 0,style:{cursor:"pointer"},dataKey:b=>{const k=b.record;return(k[x]!=null&&k[x].amount!=null?k[x].amount:void 0)?.amount??0},stackId:"a",fill:g.getBarColor(a.getIDFromChartValueKey(x)),onMouseEnter:()=>{d!==x&&f(x)},onMouseLeave:()=>{d!=null&&f(void 0)}},x),B=[];return y?.orderedKeys.forEach(x=>{const j=!i.current;x.endsWith("_forecast")?B.push(E(x)):B.push(S(x,j))}),B},[y]),$=({active:E,payload:S})=>S?.find(x=>x.name===d)!=null&&d!=null&&E===!0?o.jsxRuntimeExports.jsx($e,{active:E,payload:S,mode:m,barName:d}):null;return y==null?null:o.jsxRuntimeExports.jsx(Ie,{chartData:y,timeframe:r,showBarHoverBackground:c,barElements:T(),customToolTipContent:o.jsxRuntimeExports.jsx($,{}),width:l,height:n,onCOABalancesRangeChanged:u,highlightedRange:s,isDetailPage:p===!0})}const Ie=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=o.useTheme(),h=a.getCurrencySymbol(t),d=t.timeseries,f=d.map(T=>T.label),K=m!==!1,R=T=>{if(!u||T?.activePayload==null||T?.activePayload.length===0)return;const $=T.activePayload[0];if($?.payload?.timeLabel?.label==null)return;const E=T.activeTooltipIndex,S=$.payload.timeLabel.label;if(n==null)return;const B=a.getXAxisSelectionRange(S,f,n.numberOfPeriods),x=B[1]===void 0?f.length-1:f.indexOf(B[1]),j={...n,thisPeriod:{startDate:d[x].startDate,endDate:d[x].endDate}};i?.(d[E],r,j)},y=u?(c-60)/a.maxXAxisItems.operating_expenses*(a.maxXAxisItems.operating_expenses-t.recordByTimeseries.length):20;return o.jsxRuntimeExports.jsx(be,{width:c,height:p,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:T,width:$})=>o.jsxRuntimeExports.jsxs(v.ComposedChart,{width:$,height:T,stackOffset:"sign",data:t.recordByTimeseries,barCategoryGap:"25%",maxBarSize:u?e.sp[10]:30,margin:{top:5,right:y,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:R,children:[o.jsxRuntimeExports.jsx(v.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:g.colors.grey3}),o.jsxRuntimeExports.jsx(v.XAxis,{dataKey:E=>E.timeLabel.label,type:"category",axisLine:{stroke:g.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:g.colors.hero,...e.textStyles.extraSmallRegular.cssObject}}),o.jsxRuntimeExports.jsx(v.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:g.colors.hero,...e.textStyles.extraSmallRegular.cssObject},tickFormatter:E=>e.amountValueToString("0,0.[00]a",E,h)}),o.jsxRuntimeExports.jsx(v.Tooltip,{wrapperStyle:{zIndex:2},cursor:K?{stroke:g.colors.background,strokeWidth:($-60)/a.maxXAxisItems.operating_expenses,fill:g.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})},_e=C.div`
+  display: flex;
+`,we=C.div`
+  display: flex;
+  flex-direction: column;
+`,Fe=C.div`
+  display: flex;
+  background-color: ${t=>t.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0} ${e.Space.sp0};
+  color: ${t=>t.theme.colors.grey1};
+  padding: ${e.Space.sp3};
+`,G=C.div`
+  flex: 1;
+  text-align: right;
+`,Ae=C.div`
+  width: 132px;
+`,De=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Le=C(e.StandardRegular)`
+  text-align: left;
+  width: 120px;
+`,xt=C.div`
+  margin: ${e.Space.sp2} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${e.Colors.neutralGrey3Dark};
+`,ze=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 210px;
+  border-radius: ${e.Space.sp1};
+  flex-direction: column;
+  padding: ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,mt=C(e.StandardRegular)`
+  color: ${t=>t.color??e.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  ${t=>t.showPercent?"flex-start":"center"};
+`,dt=C(e.StandardRegular)`
+  background-color: ${t=>t.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${e.Space.sp2};
+`,Me=C(e.StandardRegular)`
+  text-align: left;
+`,Ne=C.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,ot=C(e.StandardRegularSp)`
+  text-align: right;
+`,z=C(e.StandardRegularSp)`
+  text-align: right;
+  flex: 1;
+  color: ${t=>t.isChange!=null&&t.isChange===!0?e.Colors.important:null};
+`,rt=C(e.StandardRegularSp)`
+  display: flex;
+  flex-direction: column;
+`,nt=C(e.StandardRegularSp)``,Ve=(t,r)=>{const s=a.getChartValueKey(a.getIDFromChartValueKey(t),"forecast");if(r.record[s]==null)return;const l=r.record[t].amount,n=r.record[s].amount,c={...l,amount:Math.floor((l.amount-n.amount)*100/100)},p=n.amount!==0?Math.floor((l.amount-n.amount)/n.amount*100)/100:void 0;return{value:n,change:c,percent:p,forecastPercent:r.record[s].percentValue}},Ge=({active:t,payload:r,mode:s})=>{const l=[];let n={amount:0,currencyCode:""},c={amount:0,currencyCode:""};const p=a.getChartValueKey("gross_margin","actual");return r?.forEach(m=>{const u=m.name;if(t===!0){const i=m.payload,g=m.color,h=u!=null&&i.record[u]!=null?i.record[u].amount:void 0;let d;if(u.includes("forecast")!==!0)switch(s==="forecast_mode"&&(d=i.record[u]!=null?Ve(u,i):void 0),u){case p:h!=null&&(n.currencyCode===""?n={...h}:n.amount=n.amount+h.amount),d!=null&&(c.currencyCode===""?c={...d.value}:c.amount=c.amount+d.value.amount),l.push({barName:e.appLocale.getLocalizedStrings().chartCard.revenue[a.getIDFromChartValueKey(u)],actual:h,forecast:d,percent:i.record[u]!=null?i.record[u].percentValue??0:0,color:g});break;default:l.push({barName:e.appLocale.getLocalizedStrings().chartCard.revenue[a.getIDFromChartValueKey(u)],actual:h,color:g,forecast:d});break}}}),l},st=t=>t.map((r,s)=>o.jsxRuntimeExports.jsxs(mt,{color:r.color,showPercent:r.percent!=null,children:[o.jsxRuntimeExports.jsxs(Me,{children:[o.jsxRuntimeExports.jsx(dt,{color:r.color}),`${r.barName}:`]}),o.jsxRuntimeExports.jsxs(Ne,{children:[o.jsxRuntimeExports.jsx(ot,{children:`${a.currencyFormatter(r.actual)}`}),r.percent!=null?o.jsxRuntimeExports.jsx(ot,{children:e.percentValueToString("0,0.0%",r.percent)}):null]})]},r.barName+s)),at=t=>t.map((r,s)=>o.jsxRuntimeExports.jsxs(mt,{color:r.color,showPercent:r.percent!=null,children:[o.jsxRuntimeExports.jsxs(Le,{children:[o.jsxRuntimeExports.jsx(dt,{color:r.color}),`${r.barName}:`]}),o.jsxRuntimeExports.jsx(z,{children:o.jsxRuntimeExports.jsxs(rt,{children:[r.actual!=null?`${a.currencyFormatter(r.actual)}`:"-",o.jsxRuntimeExports.jsx(nt,{children:r.percent!=null?e.percentValueToString("0,0.0%",r.percent):null})]})}),o.jsxRuntimeExports.jsx(z,{children:o.jsxRuntimeExports.jsxs(rt,{children:[r.forecast!=null?`${a.currencyFormatter(r.forecast.value)}`:"-",o.jsxRuntimeExports.jsx(nt,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?e.percentValueToString("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?o.jsxRuntimeExports.jsx(z,{isChange:!0,children:`${a.currencyFormatter(r.forecast.change)}`}):o.jsxRuntimeExports.jsx(z,{children:"-"}),r.forecast!=null?o.jsxRuntimeExports.jsx(z,{isChange:!0,children:e.percentValueToString("0,0.0%",r.forecast.percent)}):o.jsxRuntimeExports.jsx(z,{children:"-"})]},r.barName+s)),Pe=t=>{if(t.length>0){for(const r of t)if(r.actual!=null)return r.actual.currencySymbol}return""},Xe=({barLabelsWithValues:t})=>o.jsxRuntimeExports.jsxs(we,{children:[o.jsxRuntimeExports.jsxs(Fe,{children:[o.jsxRuntimeExports.jsx(Ae,{}),o.jsxRuntimeExports.jsx(G,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.actual}),o.jsxRuntimeExports.jsx(G,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.forecast}),o.jsxRuntimeExports.jsxs(G,{children:[e.appLocale.getLocalizedStrings().chartCard.tooltip.change," ",Pe(t)]}),o.jsxRuntimeExports.jsx(G,{children:e.appLocale.getLocalizedStrings().chartCard.tooltip.change_percent})]}),o.jsxRuntimeExports.jsxs(De,{children:[at(t.slice(0,t.length-1)),t.length?o.jsxRuntimeExports.jsx(xt,{}):null,at(t.slice(-1))]})]}),He=({barLabelsWithValues:t})=>o.jsxRuntimeExports.jsx(_e,{children:o.jsxRuntimeExports.jsxs(ze,{children:[st(t.slice(0,t.length-1)),t.length?o.jsxRuntimeExports.jsx(xt,{}):null,st(t.slice(-1))]})}),Ye=t=>{const r=Ge({...t});return r.length===0?null:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:t.mode==="forecast_mode"?o.jsxRuntimeExports.jsx(Xe,{barLabelsWithValues:r}):o.jsxRuntimeExports.jsx(He,{barLabelsWithValues:r})})},qe=_.memo(Ye),ct=(t,r,s,l,n,c)=>{let p=[],m=[],u=[];l!=null&&l.balances.length>0&&(p=O.sectionToCOABalancesWithID("income","actual",l)),n!=null&&n.balances.length>0&&(m=O.sectionToCOABalancesWithID("cogs","actual",n)),c!=null&&c.balances.length>0&&(u=O.calculatedSectionToCOABalancesWithKey("gross_margin","actual",c));const i=a.getChartValueKey("income","actual"),g=a.getChartValueKey("cogs","actual"),h=a.getChartValueKey("gross_margin","actual"),d=p.length>0?i:m.length>0?g:h,f={};return f[i]=p,f[g]=m,f[h]=u,s==="forecast_mode"&&Object.assign(f,We(l,n,c)),d!=null?M.toChartData(t,r,d,f):void 0},We=(t,r,s)=>{let l=[],n=[],c=[];t!=null&&t.balances.length>0&&(l=O.sectionToCOABalancesWithID("income","forecast",t)),r!=null&&r.balances.length>0&&(n=O.sectionToCOABalancesWithID("cogs","forecast",r)),s!=null&&s.balances.length>0&&(c=O.calculatedSectionToCOABalancesWithKey("gross_margin","forecast",s));const p=a.getChartValueKey("income","forecast"),m=a.getChartValueKey("cogs","forecast"),u=a.getChartValueKey("gross_margin","forecast"),i={};return i[p]=l,i[m]=n,i[u]=c,i},Je=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("gross_margin","actual")],Ue=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("gross_margin","actual"),a.getChartValueKey("income","forecast"),a.getChartValueKey("cogs","forecast"),a.getChartValueKey("gross_margin","forecast")],Qe=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${t=>D.legendLabelMarginRight.valuePx(t.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${e.Space.sp0} !important;
+    }
+  }
+`,Ze=C(e.ExtraSmallRegularSp)`
+  margin-left: ${t=>D.legendLabelMarginLeft.valuePx(t.windowSize)};
+  margin-right: ${t=>D.legendLabelMarginRight.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.primary};
+`;function to({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,mode:m,onCOABalancesRangeChanged:u}){const i=o.useTheme(),g=_.useRef(!1);_.useEffect(()=>{g.current=!0},[]);const h=[i.colors.graphColor26,i.colors.graphColor17,i.colors.graphColor12],d=[i.colors.graphColor28,i.colors.graphColor17,i.colors.graphColor10,i.colors.graphColor28Dark,i.colors.graphColor17Dark,i.colors.graphColor10Dark],f=m==="forecast_mode"?d:h,K=m==="forecast_mode"?Ue:Je,R=(x,j=i.colors.graphColor28)=>x<f.length?f[x]:j,y=t.reportId==="revenue"?ct(t.firstMonthOfFY,K,m,t.sections?.income,t.sections?.cogs,t.calculatedSections?.grossMargin):ct(t.firstMonthOfFY,K,m,t.sections.income,t.sections.cogs,t.calculatedSections.grossMargin),T=x=>{const{cx:j,cy:b,fill:k,stroke:I,value:w}=x;return w==null?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):o.jsxRuntimeExports.jsx("circle",{cx:j,cy:b,r:4,stroke:k,strokeWidth:2,fill:I})},$=x=>{const{cx:j,cy:b,fill:k,stroke:I,value:w}=x;return w==null?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):o.jsxRuntimeExports.jsx("circle",{cx:j,cy:b,r:5,stroke:I,strokeWidth:2,fill:k})},E=(x,j)=>o.jsxRuntimeExports.jsx(v.Line,{name:x,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:o.jsxRuntimeExports.jsx(T,{}),activeDot:o.jsxRuntimeExports.jsx($,{}),dataKey:b=>{const k=b.record;return(k[x]!=null&&k[x].amount!=null?k[x].amount:void 0)?.amount},stroke:R(j),strokeDasharray:"3 3",strokeWidth:1.5},x),S=(x,j,b)=>o.jsxRuntimeExports.jsx(v.Bar,{name:x,animationDuration:b?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:k=>{const I=k.record;return(I[x]!=null&&I[x].amount!=null?I[x].amount:void 0)?.amount??0},fill:R(j)},x),B=()=>{const x=[];return K.forEach((j,b)=>{const k=p===!0&&!g.current;j.endsWith("_forecast")?x.push(E(j,b)):x.push(S(j,b,k))}),x};return y==null?null:o.jsxRuntimeExports.jsx(eo,{chartData:y,timeframe:r,showBarHoverBackground:c,barElements:B(),customToolTipContent:({active:x,payload:j})=>o.jsxRuntimeExports.jsx(qe,{active:x,payload:j,mode:m}),width:l,height:n,onCOABalancesRangeChanged:u,highlightedRange:s,isDetailPage:p===!0})}const eo=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=e.useWindowSizeContext(),h=o.useTheme(),d=a.getCurrencySymbol(t),f=t.timeseries,K=f.map($=>$.label),R=m!==!1,y=$=>{if(!u||$?.activePayload==null||$?.activePayload.length===0)return;const E=$.activePayload[0];if(E?.payload?.timeLabel?.label==null)return;const S=$.activeTooltipIndex,B=E.payload.timeLabel.label;if(n==null)return;const x=a.getXAxisSelectionRange(B,K,n.numberOfPeriods),j=x[1]===void 0?K.length-1:K.indexOf(x[1]),b={...n,thisPeriod:{startDate:f[j].startDate,endDate:f[j].endDate}};i?.(f[S],r,b)},T=u?(c-60)/a.maxXAxisItems.revenue*(a.maxXAxisItems.revenue-t.recordByTimeseries.length):20;return o.jsxRuntimeExports.jsx(Qe,{width:c,height:p,windowSize:g,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:$,width:E})=>o.jsxRuntimeExports.jsxs(v.ComposedChart,{data:t.recordByTimeseries,barCategoryGap:u?void 0:"12%",maxBarSize:u?e.sp[10]:22,barGap:u?void 0:2,margin:{top:5,right:T,left:0,bottom:e.sp[4]},height:$,width:E,style:{display:"flex",flex:"1 1 auto"},onClick:y,children:[o.jsxRuntimeExports.jsx(v.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),o.jsxRuntimeExports.jsx(v.XAxis,{dataKey:S=>S.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...e.textStyles.extraSmallRegular.cssObject}}),o.jsxRuntimeExports.jsx(v.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...e.textStyles.extraSmallRegular.cssObject},tickFormatter:S=>e.amountValueToString("0,0.[00]a",S,d)}),o.jsxRuntimeExports.jsx(v.Tooltip,{wrapperStyle:{zIndex:2},cursor:R?{stroke:h.colors.background,strokeWidth:(E-60)/a.maxXAxisItems.revenue,fill:h.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s,u?o.jsxRuntimeExports.jsx(v.Legend,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:e.Space.sp0},iconSize:e.sp[3],formatter:S=>o.jsxRuntimeExports.jsx(Ze,{windowSize:g,children:S.endsWith("_forecast")===!0?e.appLocale.getLocalizedStrings().chartCard.revenue[S]:e.appLocale.getLocalizedStrings().chartCard.revenue[a.getIDFromChartValueKey(S)]})}):null]})})})};exports.CashInCashOutChart=bt;exports.CashPositionChart=Lt;exports.NetBurnOrIncomeChart=ce;exports.OpExChart=Oe;exports.RevenueChart=to;