@zeniai/web-components 3.16.56 → 3.16.57

package/dist/RevenueChart-NG9CIZND.cjs

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