@zeniai/web-cockpit-ui 1.14.1-pune → 1.14.2-dev

package/dist/assets/{RevenueChart-DeDVVUge-DswYpzgj.js → RevenueChart-DhCkb0c6-CpmVmIv5.js}

@@ -1,4 +1,4 @@
-import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au as ee,v as M,at as ae,aa as re,b7 as oe,b8 as ge,o as m,b9 as te,g,H as Fe,ba as pe,bb as me,C as xe,bc as fe,q as R,bd as F,ao as V}from"./index-D3N9MvRr.js";import{b as P,f as le,n as x}from"./vendor-CnQcJ2Lu.js";import{p as b,d as ne,y as W,b as N,g as ce,u as T}from"./chartTypes-Dj-_K0Gi-EQP1Ce02.js";import{i as K,h as se,c as I}from"./toCOABalancesWithID-D1BwrImS-CU7gHn7p.js";import{V as Z}from"./toChartData-DVTo0PPD-Xv5HtUSQ.js";const q={legendLabelMarginLeft:new xe(2,2),legendLabelMarginRight:new xe(E[3],E[4])},Ve=x.div`
+import{u as A,j as a,M as S,X as de,Y as Ae,ai as Q,b5 as Te,m as E,b6 as J,au as ee,p as M,at as ae,aa as re,b7 as oe,b8 as ge,o as m,b9 as te,g,H as Fe,ba as pe,bb as me,C as xe,bc as fe,s as R,bd as F,ao as V}from"./index-CWmqNC4C.js";import{b as P,f as le,n as x}from"./vendor-CnQcJ2Lu.js";import{p as b,d as ne,y as W,b as N,g as ce,u as T}from"./chartTypes-mKuCmPTG-BM7hqR_d.js";import{i as K,h as se,c as I}from"./toCOABalancesWithID-CEvuOTjK-TT4jMA7r.js";import{V as Z}from"./toChartData-D2kGY49E-CsLrqkFw.js";const X={legendLabelMarginLeft:new xe(2,2),legendLabelMarginRight:new xe(E[3],E[4])},Ve=x.div`
   display: flex;
 `,He=x.div`
   margin: ${m.sp2} ${m.sp0} ${m.sp2} ${m.sp0};
@@ -13,13 +13,13 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
   flex-direction: column;
   padding: ${m.sp3};
   background-color: ${e=>e.theme.colors.black};
-`,qe=x(R)`
+`,Xe=x(R)`
   color: ${e=>e.color??g.neutralGrey2Light};
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,Xe=x(R)`
+`,qe=x(R)`
   background-color: ${e=>e.color};
   height: 12px;
   width: 12px;
@@ -29,20 +29,20 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
   text-align: left;
 `,Ze=x(R)`
   text-align: right;
-`,Qe=({active:e,payload:r})=>{const t=[];return r?.forEach(n=>{const o=n.name;if(e===!0){const l=n.payload,i=n.color,h=o!=null&&l.record[o]!=null?l.record[o].amount:void 0;t.push({barName:D.getLocalizedStrings().chartCard.cashInCashOut[N(o)],value:h,color:i})}}),t},be=e=>e.map((r,t)=>a.jsxs(qe,{color:r.color,children:[a.jsxs(Ue,{children:[a.jsx(Xe,{color:r.color}),`${r.barName}:`]}),a.jsx(Ze,{children:`${T(r.value)}`})]},r.barName+t)),Je=e=>{const r=Qe({...e});return r.length===0?null:a.jsx(Ve,{children:a.jsxs(Ye,{children:[be(r.slice(0,r.length-1)),r.length?a.jsx(He,{}):null,be(r.slice(-1))]})})},ea=le.memo(Je),aa=(e,r,t,n,o)=>{let l=[],i=[],h=[];t!=null&&t.balances.length>0&&(l=K("cash_in","actual",t)),n!=null&&n.balances.length>0&&(i=K("cash_out","actual",n)),o!=null&&o.balances.length>0&&(h=se("net_cash_flow","actual",o));const s=b("cash_in","actual"),c=b("cash_out","actual"),f=b("net_cash_flow","actual"),p=l.length>0?s:i.length>0?c:void 0,d={};return d[s]=l,d[c]=i,d[f]=h,p!=null?Z(e,r,p,d):void 0},ye=[b("cash_in","actual"),b("cash_out","actual"),b("net_cash_flow","actual")],ra=x.div`
+`,Qe=({active:e,payload:r})=>{const t=[];return r?.forEach(n=>{const o=n.name;if(e===!0){const l=n.payload,i=n.color,h=o!=null&&l.record[o]!=null?l.record[o].amount:void 0;t.push({barName:S.getLocalizedStrings().chartCard.cashInCashOut[N(o)],value:h,color:i})}}),t},be=e=>e.map((r,t)=>a.jsxs(Xe,{color:r.color,children:[a.jsxs(Ue,{children:[a.jsx(qe,{color:r.color}),`${r.barName}:`]}),a.jsx(Ze,{children:`${T(r.value)}`})]},r.barName+t)),Je=e=>{const r=Qe({...e});return r.length===0?null:a.jsx(Ve,{children:a.jsxs(Ye,{children:[be(r.slice(0,r.length-1)),r.length?a.jsx(He,{}):null,be(r.slice(-1))]})})},ea=le.memo(Je),aa=(e,r,t,n,o)=>{let l=[],i=[],h=[];t!=null&&t.balances.length>0&&(l=K("cash_in","actual",t)),n!=null&&n.balances.length>0&&(i=K("cash_out","actual",n)),o!=null&&o.balances.length>0&&(h=se("net_cash_flow","actual",o));const s=b("cash_in","actual"),c=b("cash_out","actual"),f=b("net_cash_flow","actual"),p=l.length>0?s:i.length>0?c:void 0,d={};return d[s]=l,d[c]=i,d[f]=h,p!=null?Z(e,r,p,d):void 0},ye=[b("cash_in","actual"),b("cash_out","actual"),b("net_cash_flow","actual")],ra=x.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 
   .recharts-legend-item {
-    margin-right: ${e=>q.legendLabelMarginRight.valuePx(e.windowSize)} !important;
+    margin-right: ${e=>X.legendLabelMarginRight.valuePx(e.windowSize)} !important;
     :last-of-type {
       margin-right: ${m.sp0} !important;
     }
   }
 `,oa=x(fe)`
-  margin-left: ${e=>q.legendLabelMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>X.legendLabelMarginLeft.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
-`;function Pr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const s=A(),c=P.useRef(!1);P.useEffect(()=>{c.current=!0},[]);const f=[s.colors.graphColor33,s.colors.graphColor36,s.colors.graphColor35],p=(_,k=s.colors.graphColor08)=>_<f.length?f[_]:k,d=aa(e.firstMonthOfFY,ye,e.cashIn,e.cashOut,e.netCashFlow),y=()=>{const _=[];return ye.forEach((k,C)=>{const L=i===!0&&!c.current;_.push(a.jsx(te,{name:k,animationDuration:L?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:$=>{const v=$.record;return(v[k]!=null&&v[k].amount!=null?v[k].amount:void 0)?.amount??0},fill:p(C)},k))}),_};return d==null?null:a.jsx(ta,{chartData:d,timeframe:r,showBarHoverBackground:l,barElements:y(),customToolTipContent:({active:_,payload:k})=>a.jsx(ea,{active:_,payload:k}),width:n,height:o,onCOABalancesRangeChanged:h,highlightedRange:t,isDetailPage:i===!0})}const ta=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=de(),p=A(),d=e.timeseries,y=ne(e),_=d.map($=>$.label),k=h!==!1,C=$=>{if(!s||$?.activePayload==null||$.activePayload.length===0)return;const v=$.activeTooltipIndex,j=$.activePayload[0].payload.timeLabel.label;if(o==null)return;const S=ce(j,_,o.numberOfPeriods),u=S[1]===void 0?_.length-1:_.indexOf(S[1]),w={...o,thisPeriod:{startDate:d[u].startDate,endDate:d[u].endDate}};c?.(d[v],r,w)},L=s?(l-60)/W.cash_in_cash_out*(W.cash_in_cash_out-e.recordByTimeseries.length):20;return a.jsx(ra,{"data-testid":Ae("dashboard-cash-in-cash-out-timeframe",r),width:l,height:i,windowSize:f,children:a.jsx(Q,{children:({height:$,width:v})=>a.jsxs(Te,{data:e.recordByTimeseries,barCategoryGap:s?void 0:"12%",maxBarSize:s?E[10]:22,barGap:s?void 0:2,margin:{top:5,right:L,left:0,bottom:E[4]},height:$,width:v,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(ee,{dataKey:j=>j.timeLabel.label,type:"category",axisLine:{stroke:p.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:j=>re("0,0.[00]a",j,y)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:k?{stroke:p.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:p.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t,s?a.jsx(ge,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},formatter:j=>a.jsx(oa,{windowSize:f,children:D.getLocalizedStrings().chartCard.cashInCashOut[N(j)]})}):null]})})})},la=x.div`
+`;function Pr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const s=A(),c=P.useRef(!1);P.useEffect(()=>{c.current=!0},[]);const f=[s.colors.graphColor33,s.colors.graphColor36,s.colors.graphColor35],p=(_,w=s.colors.graphColor08)=>_<f.length?f[_]:w,d=aa(e.firstMonthOfFY,ye,e.cashIn,e.cashOut,e.netCashFlow),y=()=>{const _=[];return ye.forEach((w,C)=>{const L=i===!0&&!c.current;_.push(a.jsx(te,{name:w,animationDuration:L?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:$=>{const k=$.record;return(k[w]!=null&&k[w].amount!=null?k[w].amount:void 0)?.amount??0},fill:p(C)},w))}),_};return d==null?null:a.jsx(ta,{chartData:d,timeframe:r,showBarHoverBackground:l,barElements:y(),customToolTipContent:({active:_,payload:w})=>a.jsx(ea,{active:_,payload:w}),width:n,height:o,onCOABalancesRangeChanged:h,highlightedRange:t,isDetailPage:i===!0})}const ta=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=de(),p=A(),d=e.timeseries,y=ne(e),_=d.map($=>$.label),w=h!==!1,C=$=>{if(!s||$?.activePayload==null||$?.activePayload.length===0)return;const k=$.activePayload[0];if(k?.payload?.timeLabel?.label==null)return;const v=$.activeTooltipIndex,O=k.payload.timeLabel.label;if(o==null)return;const u=ce(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),D={...o,thisPeriod:{startDate:d[j].startDate,endDate:d[j].endDate}};c?.(d[v],r,D)},L=s?(l-60)/W.cash_in_cash_out*(W.cash_in_cash_out-e.recordByTimeseries.length):20;return a.jsx(ra,{"data-testid":Ae("dashboard-cash-in-cash-out-timeframe",r),width:l,height:i,windowSize:f,children:a.jsx(Q,{children:({height:$,width:k})=>a.jsxs(Te,{data:e.recordByTimeseries,barCategoryGap:s?void 0:"12%",maxBarSize:s?E[10]:22,barGap:s?void 0:2,margin:{top:5,right:L,left:0,bottom:E[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(ee,{dataKey:v=>v.timeLabel.label,type:"category",axisLine:{stroke:p.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>re("0,0.[00]a",v,y)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:w?{stroke:p.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:p.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t,s?a.jsx(ge,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},formatter:v=>a.jsx(oa,{windowSize:f,children:S.getLocalizedStrings().chartCard.cashInCashOut[N(v)]})}):null]})})})},la=x.div`
   display: flex;
 `,na=x.div`
   flex: display;
@@ -57,10 +57,10 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,sa=({active:e,payload:r})=>{const t=[];return r?.forEach(n=>{const o=n.name;if(e===!0){const l=n.payload,i=n.color,h=o!=null&&l.record[o]!=null?l.record[o].amount:void 0;t.push({barName:D.getLocalizedStrings().reportTitleById.cash_position,value:h,color:i})}}),t},ia=e=>{const r=sa(e);return r.length===0?null:a.jsx(la,{children:a.jsx(na,{children:r.map((t,n)=>a.jsx(ca,{color:t.color,children:`${t.barName}: ${T(t.value)}`},t.barName+n))})})},ua=le.memo(ia),ha=(e,r,t)=>{let n=[];t!=null&&t.balances.length>0&&(n=I("cash_position","actual",t));const o=b("cash_position","actual"),l={};return l[o]=n,n.length>0?Z(e,r,o,l):void 0},da=x.div`
+`,sa=({active:e,payload:r})=>{const t=[];return r?.forEach(n=>{const o=n.name;if(e===!0){const l=n.payload,i=n.color,h=o!=null&&l.record[o]!=null?l.record[o].amount:void 0;t.push({barName:S.getLocalizedStrings().reportTitleById.cash_position,value:h,color:i})}}),t},ia=e=>{const r=sa(e);return r.length===0?null:a.jsx(la,{children:a.jsx(na,{children:r.map((t,n)=>a.jsx(ca,{color:t.color,children:`${t.barName}: ${T(t.value)}`},t.barName+n))})})},ua=le.memo(ia),ha=(e,r,t)=>{let n=[];t!=null&&t.balances.length>0&&(n=I("cash_position","actual",t));const o=b("cash_position","actual"),l={};return l[o]=n,n.length>0?Z(e,r,o,l):void 0},da=x.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,Ce=[b("cash_position","actual")];function Rr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const s=A(),c=P.useRef(!1);P.useEffect(()=>{c.current=!0},[]);const f=ha(e.firstMonthOfFY,Ce,e.cashPosition),p=()=>{const d=[];return Ce.forEach(y=>{const _=i===!0&&!c.current;d.push(a.jsx(te,{name:y,animationDuration:_?500:void 0,style:{cursor:"pointer"},dataKey:k=>{const C=k.record;return(C[y]!=null&&C[y].amount!=null?C[y].amount:void 0)?.amount??0},fill:s.colors.graphColor17},y))}),d};return f==null?null:a.jsx(ga,{chartData:f,timeframe:r,showBarHoverBackground:l,barElements:p(),customToolTipContent:({active:d,payload:y})=>a.jsx(ua,{active:d,payload:y}),width:n,height:o,onCOABalancesRangeChanged:h,highlightedRange:t,isDetailPage:i===!0})}const ga=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=A(),p=e.timeseries,d=ne(e),y=p.map(L=>L.label),_=h!==!1,k=L=>{if(!s||L?.activePayload==null||L.activePayload.length===0)return;const $=L.activeTooltipIndex,v=L.activePayload[0].payload.timeLabel.label;if(o==null)return;const j=ce(v,y,o.numberOfPeriods),S=j[1]===void 0?y.length-1:y.indexOf(j[1]),u={...o,thisPeriod:{startDate:p[S].startDate,endDate:p[S].endDate}};c?.(p[$],r,u)},C=s?(l-60)/W.cash_position*(W.cash_position-e.recordByTimeseries.length):20;return a.jsx(da,{width:l,height:i,children:a.jsx(Q,{children:({height:L,width:$})=>a.jsxs(Te,{width:$,height:L,data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:k,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(ee,{dataKey:v=>v.timeLabel.label,type:"category",axisLine:{stroke:f.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>re("0,0.[00]a",v,d)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:_?{stroke:f.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:f.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t]})})})},pa=x.div`
+`,Ce=[b("cash_position","actual")];function Rr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const s=A(),c=P.useRef(!1);P.useEffect(()=>{c.current=!0},[]);const f=ha(e.firstMonthOfFY,Ce,e.cashPosition),p=()=>{const d=[];return Ce.forEach(y=>{const _=i===!0&&!c.current;d.push(a.jsx(te,{name:y,animationDuration:_?500:void 0,style:{cursor:"pointer"},dataKey:w=>{const C=w.record;return(C[y]!=null&&C[y].amount!=null?C[y].amount:void 0)?.amount??0},fill:s.colors.graphColor17},y))}),d};return f==null?null:a.jsx(ga,{chartData:f,timeframe:r,showBarHoverBackground:l,barElements:p(),customToolTipContent:({active:d,payload:y})=>a.jsx(ua,{active:d,payload:y}),width:n,height:o,onCOABalancesRangeChanged:h,highlightedRange:t,isDetailPage:i===!0})}const ga=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=A(),p=e.timeseries,d=ne(e),y=p.map(L=>L.label),_=h!==!1,w=L=>{if(!s||L?.activePayload==null||L?.activePayload.length===0)return;const $=L.activePayload[0];if($?.payload?.timeLabel?.label==null)return;const k=L.activeTooltipIndex,v=$.payload.timeLabel.label;if(o==null)return;const O=ce(v,y,o.numberOfPeriods),u=O[1]===void 0?y.length-1:y.indexOf(O[1]),j={...o,thisPeriod:{startDate:p[u].startDate,endDate:p[u].endDate}};c?.(p[k],r,j)},C=s?(l-60)/W.cash_position*(W.cash_position-e.recordByTimeseries.length):20;return a.jsx(da,{width:l,height:i,children:a.jsx(Q,{children:({height:L,width:$})=>a.jsxs(Te,{width:$,height:L,data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:w,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(ee,{dataKey:k=>k.timeLabel.label,type:"category",axisLine:{stroke:f.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:k=>re("0,0.[00]a",k,d)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:_?{stroke:f.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:f.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t]})})})},pa=x.div`
   display: flex;
 `,ma=x.div`
   display: flex;
@@ -115,7 +115,7 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
 `,ja=x(R)`
   text-align: left;
   width: 120px;
-`,ka=x.div`
+`,va=x.div`
   display: flex;
   flex-direction: column;
   text-align: right;
@@ -125,23 +125,23 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
   text-align: right;
   flex: 1;
   color: ${e=>e.isChange!=null&&e.isChange===!0?g.important:null};
-`,ke=x(V)`
+`,ve=x(V)`
   display: flex;
   flex-direction: column;
-`,ve=x(H)``,va=(e,r)=>{const t=b(N(e),"forecast");if(r.record[t]==null)return;const n=r.record[e].amount,o=r.record[t].amount,l=Math.floor((n.amount-o.amount)*100/100),i={...n,amount:l},h=o.amount!==0?Math.floor((n.amount-o.amount)/o.amount*100)/100:void 0;return{value:o,change:i,percent:h,forecastPercent:r.record[t].percentValue}},$a=({active:e,payload:r,mode:t})=>{const n=[],o={barName:D.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:g.neutralGrey2Dark,forecast:void 0};let l={amount:0,currencyCode:"",currencySymbol:""},i={amount:0,currencyCode:"",currencySymbol:""};const h=b("income","actual"),s=b("cogs","actual"),c=b("expenses","actual"),f=b("net_burn_or_income","actual");return r?.forEach(p=>{const d=p.name;if(e===!0){const y=p.payload,_=p.color,k=d!=null&&y.record[d]!=null?y.record[d].amount:void 0;let C;if(d.includes("forecast")!==!0)switch(t==="forecast_mode"&&(C=y.record[d]!=null?va(d,y):void 0),d){case s:case c:k!=null&&(l.currencyCode===""?l={...k}:l.amount=l.amount+k.amount),C!=null&&(i.currencyCode===""?i={...C.value}:i.amount=i.amount+C.value.amount),n.push({barName:D.getLocalizedStrings().chartCard.netBurnOrIncome[N(d)],actual:k,forecast:C,color:_});break;case f:{const L=k!=null&&k.amount>=0?D.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:D.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;n.push({barName:L,actual:k,color:_,percent:y.record[d]?.percentValue,forecast:C});break}case h:default:n.push({barName:D.getLocalizedStrings().chartCard.netBurnOrIncome[N(d)],actual:k,color:_,forecast:C})}}}),o.actual=l,o.forecast=i!=null&&l!=null?{value:i,change:{...l,amount:Math.floor((l.amount-i.amount)*100/100)},percent:i.amount!==0?Math.floor((l.amount-i.amount)/i.amount*100)/100:0}:void 0,e===!0&&n.splice(n.length-1,0,o),n},$e=e=>e.map((r,t)=>a.jsxs(Ne,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(Ca,{children:[a.jsx(Ee,{color:r.barName===D.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),a.jsxs(ka,{children:[a.jsx(je,{children:`${T(r.actual)}`}),r.percent!=null?a.jsx(je,{children:F("0,0.0%",r.percent)}):null]})]},r.barName+t)),we=e=>e.map((r,t)=>a.jsxs(Ne,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(ja,{children:[a.jsx(Ee,{color:r.barName===D.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),a.jsx(H,{children:a.jsxs(ke,{children:[r.actual!=null?`${T(r.actual)}`:"-",a.jsx(ve,{children:r.percent!=null?F("0,0.0%",r.percent):null})]})}),a.jsx(H,{children:a.jsxs(ke,{children:[r.forecast!=null?`${T(r.forecast.value)}`:"-",a.jsx(ve,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?F("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(H,{isChange:!0,children:`${T(r.forecast.change)}`}):a.jsx(H,{children:"-"}),r.forecast!=null?a.jsx(H,{isChange:!0,children:F("0,0.0%",r.forecast.percent)}):a.jsx(H,{children:"-"})]},r.barName+t)),wa=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},_a=({barLabelsWithValues:e})=>a.jsxs(ma,{children:[a.jsxs(fa,{children:[a.jsx(xa,{}),a.jsx(ie,{children:D.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(ie,{children:D.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(ie,{children:[D.getLocalizedStrings().chartCard.tooltip.change," ",wa(e)]}),a.jsx(ie,{children:D.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(ya,{children:[we(e.slice(0,e.length-2)),e.length?a.jsx(We,{}):null,we(e.slice(-2))]})]}),La=({barLabelsWithValues:e})=>a.jsx(pa,{children:a.jsxs(ba,{children:[$e(e.slice(0,e.length-2)),e.length?a.jsx(We,{}):null,$e(e.slice(-2))]})}),Da=e=>{const r=$a({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(_a,{barLabelsWithValues:r}):a.jsx(La,{barLabelsWithValues:r})})},Ba=le.memo(Da),Sa=(e,r,t,n,o,l,i)=>{let h=[],s=[],c=[],f=[];n!=null&&n.balances.length>0&&(h=K("income","actual",n)),o!=null&&o.balances.length>0&&(s=K("cogs","actual",o)),l!=null&&l.balances.length>0&&(c=I("expenses","actual",l)),i!=null&&i.balances.length>0&&(f=se("net_burn_or_income","actual",i));const p=b("income","actual"),d=b("cogs","actual"),y=b("expenses","actual"),_=b("net_burn_or_income","actual"),k=h.length>0?p:s.length>0?d:c.length>0?y:void 0,C={};return C[p]=h,C[d]=s,C[y]=c,C[_]=f,t==="forecast_mode"&&Object.assign(C,Oa(n,o,l,i)),k!=null?Z(e,r,k,C):void 0},Oa=(e,r,t,n)=>{let o=[],l=[],i=[],h=[];e!=null&&e.balances.length>0&&(o=K("income","forecast",e)),r!=null&&r.balances.length>0&&(l=K("cogs","forecast",r)),t!=null&&t.balances.length>0&&(i=I("expenses","forecast",t)),n!=null&&n.balances.length>0&&(h=se("net_burn_or_income","forecast",n));const s=b("income","forecast"),c=b("cogs","forecast"),f=b("expenses","forecast"),p=b("net_burn_or_income","forecast"),d={};return d[s]=o,d[c]=l,d[f]=i,d[p]=h,d},za=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual")],Pa=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual"),b("income","forecast"),b("cogs","forecast"),b("expenses","forecast"),b("net_burn_or_income","forecast")],Ra=x.div`
+`,ke=x(H)``,ka=(e,r)=>{const t=b(N(e),"forecast");if(r.record[t]==null)return;const n=r.record[e].amount,o=r.record[t].amount,l=Math.floor((n.amount-o.amount)*100/100),i={...n,amount:l},h=o.amount!==0?Math.floor((n.amount-o.amount)/o.amount*100)/100:void 0;return{value:o,change:i,percent:h,forecastPercent:r.record[t].percentValue}},$a=({active:e,payload:r,mode:t})=>{const n=[],o={barName:S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:g.neutralGrey2Dark,forecast:void 0};let l={amount:0,currencyCode:"",currencySymbol:""},i={amount:0,currencyCode:"",currencySymbol:""};const h=b("income","actual"),s=b("cogs","actual"),c=b("expenses","actual"),f=b("net_burn_or_income","actual");return r?.forEach(p=>{const d=p.name;if(e===!0){const y=p.payload,_=p.color,w=d!=null&&y.record[d]!=null?y.record[d].amount:void 0;let C;if(d.includes("forecast")!==!0)switch(t==="forecast_mode"&&(C=y.record[d]!=null?ka(d,y):void 0),d){case s:case c:w!=null&&(l.currencyCode===""?l={...w}:l.amount=l.amount+w.amount),C!=null&&(i.currencyCode===""?i={...C.value}:i.amount=i.amount+C.value.amount),n.push({barName:S.getLocalizedStrings().chartCard.netBurnOrIncome[N(d)],actual:w,forecast:C,color:_});break;case f:{const L=w!=null&&w.amount>=0?S.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:S.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;n.push({barName:L,actual:w,color:_,percent:y.record[d]?.percentValue,forecast:C});break}case h:default:n.push({barName:S.getLocalizedStrings().chartCard.netBurnOrIncome[N(d)],actual:w,color:_,forecast:C})}}}),o.actual=l,o.forecast=i!=null&&l!=null?{value:i,change:{...l,amount:Math.floor((l.amount-i.amount)*100/100)},percent:i.amount!==0?Math.floor((l.amount-i.amount)/i.amount*100)/100:0}:void 0,e===!0&&n.splice(n.length-1,0,o),n},$e=e=>e.map((r,t)=>a.jsxs(Ne,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(Ca,{children:[a.jsx(Ee,{color:r.barName===S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),a.jsxs(va,{children:[a.jsx(je,{children:`${T(r.actual)}`}),r.percent!=null?a.jsx(je,{children:F("0,0.0%",r.percent)}):null]})]},r.barName+t)),we=e=>e.map((r,t)=>a.jsxs(Ne,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(ja,{children:[a.jsx(Ee,{color:r.barName===S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),a.jsx(H,{children:a.jsxs(ve,{children:[r.actual!=null?`${T(r.actual)}`:"-",a.jsx(ke,{children:r.percent!=null?F("0,0.0%",r.percent):null})]})}),a.jsx(H,{children:a.jsxs(ve,{children:[r.forecast!=null?`${T(r.forecast.value)}`:"-",a.jsx(ke,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?F("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(H,{isChange:!0,children:`${T(r.forecast.change)}`}):a.jsx(H,{children:"-"}),r.forecast!=null?a.jsx(H,{isChange:!0,children:F("0,0.0%",r.forecast.percent)}):a.jsx(H,{children:"-"})]},r.barName+t)),wa=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},_a=({barLabelsWithValues:e})=>a.jsxs(ma,{children:[a.jsxs(fa,{children:[a.jsx(xa,{}),a.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(ie,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",wa(e)]}),a.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(ya,{children:[we(e.slice(0,e.length-2)),e.length?a.jsx(We,{}):null,we(e.slice(-2))]})]}),La=({barLabelsWithValues:e})=>a.jsx(pa,{children:a.jsxs(ba,{children:[$e(e.slice(0,e.length-2)),e.length?a.jsx(We,{}):null,$e(e.slice(-2))]})}),Sa=e=>{const r=$a({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(_a,{barLabelsWithValues:r}):a.jsx(La,{barLabelsWithValues:r})})},Da=le.memo(Sa),Ba=(e,r,t,n,o,l,i)=>{let h=[],s=[],c=[],f=[];n!=null&&n.balances.length>0&&(h=K("income","actual",n)),o!=null&&o.balances.length>0&&(s=K("cogs","actual",o)),l!=null&&l.balances.length>0&&(c=I("expenses","actual",l)),i!=null&&i.balances.length>0&&(f=se("net_burn_or_income","actual",i));const p=b("income","actual"),d=b("cogs","actual"),y=b("expenses","actual"),_=b("net_burn_or_income","actual"),w=h.length>0?p:s.length>0?d:c.length>0?y:void 0,C={};return C[p]=h,C[d]=s,C[y]=c,C[_]=f,t==="forecast_mode"&&Object.assign(C,Oa(n,o,l,i)),w!=null?Z(e,r,w,C):void 0},Oa=(e,r,t,n)=>{let o=[],l=[],i=[],h=[];e!=null&&e.balances.length>0&&(o=K("income","forecast",e)),r!=null&&r.balances.length>0&&(l=K("cogs","forecast",r)),t!=null&&t.balances.length>0&&(i=I("expenses","forecast",t)),n!=null&&n.balances.length>0&&(h=se("net_burn_or_income","forecast",n));const s=b("income","forecast"),c=b("cogs","forecast"),f=b("expenses","forecast"),p=b("net_burn_or_income","forecast"),d={};return d[s]=o,d[c]=l,d[f]=i,d[p]=h,d},za=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual")],Pa=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual"),b("income","forecast"),b("cogs","forecast"),b("expenses","forecast"),b("net_burn_or_income","forecast")],Ra=x.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 
   .recharts-legend-item {
-    margin-right: ${e=>q.legendLabelMarginRight.valuePx(e.windowSize)} !important;
+    margin-right: ${e=>X.legendLabelMarginRight.valuePx(e.windowSize)} !important;
     :last-of-type {
       margin-right: ${m.sp0} !important;
     }
   }
 `,Ta=x(fe)`
-  margin-left: ${e=>q.legendLabelMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>X.legendLabelMarginLeft.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
-`;function Tr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:s}){const c=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[c.colors.graphColor36,c.colors.graphColor06,c.colors.graphColor31,c.colors.graphColor12],d=[c.colors.graphColor04,c.colors.graphColor10,c.colors.graphColor32,c.colors.graphColor13,c.colors.graphColor04Dark,c.colors.graphColor10Dark,c.colors.graphColor32Dark,c.colors.graphColor13Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?Pa:za,k=(u,w=c.colors.graphColor04)=>u<y.length?y[u]:w,C=(e.reportId,Sa(e.firstMonthOfFY,_,h,e.sections.income,e.sections.cogs,e.sections.expenses,e.calculatedSections.netBurnOrIncome)),L=u=>{const{cx:w,cy:O,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:w,cy:O,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:w,cy:O,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:w,cy:O,r:5,stroke:z,strokeWidth:2,fill:B})},v=(u,w)=>a.jsx(pe,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:O=>{const B=O.record;return(B[u]!=null&&B[u].amount!=null?B[u].amount:void 0)?.amount},dot:a.jsx(L,{}),strokeWidth:1.5,stroke:k(w),strokeDasharray:"3 3",activeDot:a.jsx($,{})},u),j=(u,w,O)=>a.jsx(te,{name:u,animationDuration:O?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:B=>{const z=B.record;return(z[u]!=null&&z[u].amount!=null?z[u].amount:void 0)?.amount??0},fill:k(w)},u),S=()=>{const u=[];return _.forEach((w,O)=>{const B=i===!0&&!f.current;w.endsWith("_forecast")?u.push(v(w,O)):u.push(j(w,O,B))}),u};return C==null?null:a.jsx(Wa,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:S(),customToolTipContent:({active:u,payload:w})=>a.jsx(Ba,{active:u,payload:w,mode:h}),width:n,height:o,onCOABalancesRangeChanged:s,highlightedRange:t,isDetailPage:i===!0})}const Wa=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=de(),p=A(),d=ne(e),y=e.timeseries,_=y.map($=>$.label),k=h!==!1,C=$=>{if(!s||$?.activePayload==null||$.activePayload.length===0)return;const v=$.activeTooltipIndex,j=$.activePayload[0].payload.timeLabel.label;if(o==null)return;const S=ce(j,_,o.numberOfPeriods),u=S[1]===void 0?_.length-1:_.indexOf(S[1]),w={...o,thisPeriod:{startDate:y[u].startDate,endDate:y[u].endDate}};c?.(y[v],r,w)},L=s?(l-60)/W.net_burn_or_income*(W.net_burn_or_income-e.recordByTimeseries.length):20;return a.jsx(Ra,{width:l,height:i,windowSize:f,children:a.jsx(Q,{children:({height:$,width:v})=>a.jsxs(me,{data:e.recordByTimeseries,barCategoryGap:s?void 0:"12%",maxBarSize:s?E[10]:22,barGap:s?void 0:2,margin:{top:5,right:L,left:0,bottom:E[4]},height:$,width:v,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(ee,{dataKey:j=>j.timeLabel.label,type:"category",axisLine:{stroke:p.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:j=>re("0,0.[00]a",j,d)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:k?{stroke:p.colors.background,strokeWidth:(v-60)/W.net_burn_or_income,fill:p.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t,s?a.jsx(ge,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:E[3],formatter:j=>a.jsx(Ta,{windowSize:f,children:j.endsWith("_forecast")===!0?D.getLocalizedStrings().chartCard.netBurnOrIncome[j]:D.getLocalizedStrings().chartCard.netBurnOrIncome[N(j)]})}):null]})})})},Na=x.div`
+`;function Tr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:s}){const c=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[c.colors.graphColor36,c.colors.graphColor06,c.colors.graphColor31,c.colors.graphColor12],d=[c.colors.graphColor04,c.colors.graphColor10,c.colors.graphColor32,c.colors.graphColor13,c.colors.graphColor04Dark,c.colors.graphColor10Dark,c.colors.graphColor32Dark,c.colors.graphColor13Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?Pa:za,w=(u,j=c.colors.graphColor04)=>u<y.length?y[u]:j,C=(e.reportId,Ba(e.firstMonthOfFY,_,h,e.sections.income,e.sections.cogs,e.sections.expenses,e.calculatedSections.netBurnOrIncome)),L=u=>{const{cx:j,cy:D,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:D,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:j,cy:D,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:D,r:5,stroke:z,strokeWidth:2,fill:B})},k=(u,j)=>a.jsx(pe,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:D=>{const B=D.record;return(B[u]!=null&&B[u].amount!=null?B[u].amount:void 0)?.amount},dot:a.jsx(L,{}),strokeWidth:1.5,stroke:w(j),strokeDasharray:"3 3",activeDot:a.jsx($,{})},u),v=(u,j,D)=>a.jsx(te,{name:u,animationDuration:D?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:B=>{const z=B.record;return(z[u]!=null&&z[u].amount!=null?z[u].amount:void 0)?.amount??0},fill:w(j)},u),O=()=>{const u=[];return _.forEach((j,D)=>{const B=i===!0&&!f.current;j.endsWith("_forecast")?u.push(k(j,D)):u.push(v(j,D,B))}),u};return C==null?null:a.jsx(Wa,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:O(),customToolTipContent:({active:u,payload:j})=>a.jsx(Da,{active:u,payload:j,mode:h}),width:n,height:o,onCOABalancesRangeChanged:s,highlightedRange:t,isDetailPage:i===!0})}const Wa=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=de(),p=A(),d=ne(e),y=e.timeseries,_=y.map($=>$.label),w=h!==!1,C=$=>{if(!s||$?.activePayload==null||$?.activePayload.length===0)return;const k=$.activePayload[0];if(k?.payload?.timeLabel?.label==null)return;const v=$.activeTooltipIndex,O=k.payload.timeLabel.label;if(o==null)return;const u=ce(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),D={...o,thisPeriod:{startDate:y[j].startDate,endDate:y[j].endDate}};c?.(y[v],r,D)},L=s?(l-60)/W.net_burn_or_income*(W.net_burn_or_income-e.recordByTimeseries.length):20;return a.jsx(Ra,{width:l,height:i,windowSize:f,children:a.jsx(Q,{children:({height:$,width:k})=>a.jsxs(me,{data:e.recordByTimeseries,barCategoryGap:s?void 0:"12%",maxBarSize:s?E[10]:22,barGap:s?void 0:2,margin:{top:5,right:L,left:0,bottom:E[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(ee,{dataKey:v=>v.timeLabel.label,type:"category",axisLine:{stroke:p.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>re("0,0.[00]a",v,d)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:w?{stroke:p.colors.background,strokeWidth:(k-60)/W.net_burn_or_income,fill:p.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t,s?a.jsx(ge,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:E[3],formatter:v=>a.jsx(Ta,{windowSize:f,children:v.endsWith("_forecast")===!0?S.getLocalizedStrings().chartCard.netBurnOrIncome[v]:S.getLocalizedStrings().chartCard.netBurnOrIncome[N(v)]})}):null]})})})},Na=x.div`
   display: flex;
 `,Ea=x.div`
   flex: display;
@@ -189,13 +189,13 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
 `,Fa=x(R)`
   text-align: left;
   width: 162px;
-`,X=x(V)`
+`,q=x(V)`
   text-align: right;
   flex: 1;
-`,Va=({active:e,payload:r,barName:t})=>{const n=[];if(r!=null&&e===!0){const o=r.filter(s=>s.name==t)[0],l=o.payload,i=o.color,h=t!=null&&l.record[t]!=null?l.record[t].amount:void 0;if(!t?.endsWith("_forecast")){let s;if(t.includes("forecast")!==!0){s=l.record[t]!=null?Ha(t,l):void 0;const c={amount:0,currencyCode:"",currencySymbol:""},f={amount:0,currencyCode:"",currencySymbol:""};let p;for(p in l.record){const C=l.record[p].amount;p.endsWith("_actual")?(c.amount+=l.record[p].amount?.amount??0,c.currencyCode=C!=null?C.currencyCode:c.currencyCode,c.currencySymbol=C!=null?C.currencySymbol:c.currencySymbol):p.endsWith("_forecast")&&(f.amount+=l.record[p].amount?.amount??0,f.currencyCode=C!=null?C.currencyCode:f.currencyCode,f.currencySymbol=C!=null?C.currencySymbol:f.currencySymbol)}const d=Math.floor((c?.amount-f?.amount)*100/100),y={...c,amount:d},_=f.amount!==0?Math.floor((c.amount-f.amount)/f.amount*100)/100:0,k={value:f,change:y,percent:_};n.push({barName:N(t),actual:h,forecast:s,color:i}),n.push({barName:D.getLocalizedStrings().chartCard.total,actual:c,forecast:k,color:g.neutralGrey1Light})}}}return n},Ha=(e,r)=>{const t=b(N(e),"forecast");if(r.record[t]==null)return;const n=r.record[e].amount,o=r.record[t].amount,l={...n,amount:o!=null?Math.floor((n.amount-o.amount)*100/100):n.amount},i=o!=null&&o.amount!==0?Math.floor((n.amount-o.amount)/o.amount*100)/100:void 0;return{value:o,change:l,percent:i}},Le=e=>a.jsxs(Ia,{color:e.color,children:[a.jsx(Fa,{children:`${e.barName}:`}),a.jsx(X,{children:e.actual!=null?`${T(e.actual)}`:"-"}),a.jsx(X,{children:e.forecast!=null?`${T(e.forecast.value)}`:"-"}),e.forecast!=null?a.jsx(X,{isChange:!0,children:`${T(e.forecast.change)}`}):a.jsx(X,{children:"-"}),e.forecast!=null?a.jsx(X,{isChange:!0,children:F("0,0.0%",e.forecast.percent)}):a.jsx(X,{children:"-"})]}),Ya=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},qa=({barLabelsWithValues:e})=>a.jsx(Na,{children:a.jsxs(Ea,{children:[a.jsx(_e,{color:e[0].color,children:`${e[0].barName}: ${T(e[0].actual)}`}),a.jsx(Ge,{}),a.jsx(_e,{children:`${D.getLocalizedStrings().chartCard.total}: ${T(e[1].actual)}`})]})}),Xa=({barLabelsWithValues:e})=>a.jsxs(Ma,{children:[a.jsxs(Ka,{children:[a.jsx(Ga,{}),a.jsx(ue,{children:D.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(ue,{children:D.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(ue,{children:[D.getLocalizedStrings().chartCard.tooltip.change," ",Ya(e)]}),a.jsx(ue,{children:D.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(Aa,{children:[Le(e[0]),a.jsx(Ge,{}),Le(e[1])]})]}),Ua=e=>{const r=Va({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(Xa,{barLabelsWithValues:r}):a.jsx(qa,{barLabelsWithValues:r})})},Za=le.memo(Ua),Qa=(e,r)=>{const t=[],n={};let o;return r!=null&&r.classes.length!=0&&r.classes.forEach(l=>{const i=I(l.class.className,"actual",l.childrenBalancesTotal),h=b(l.class.className,"actual");n[h]=i,t.push(h),o==null&&i.length>0&&(o=b(l.class.className,"actual"))}),o!=null?Z(e,t,o,n):void 0},De=[g.graphColor34,g.graphColor05,g.graphColor08,g.graphColor11,g.graphColor13,g.graphColor19,g.graphColor29,g.graphColor28,g.graphColor20,g.graphColor21,g.graphColor22,g.graphColor14,g.graphColor35,g.graphColor31,g.graphColor33,g.graphColor32,g.graphColor36,g.graphColor02,g.graphColor06,g.graphColor04,g.graphColor10,g.graphColor12,g.graphColor15,g.graphColor18,g.graphColor17,g.graphColor07,g.graphColor34Dark,g.graphColor05Dark,g.graphColor08Dark,g.graphColor11Dark,g.graphColor13Dark,g.graphColor19Dark,g.graphColor29Dark,g.graphColor28Dark,g.graphColor20Dark,g.graphColor21Dark,g.graphColor22Dark,g.graphColor14Dark,g.graphColor35Dark,g.graphColor31Dark,g.graphColor33Dark,g.graphColor32Dark,g.graphColor36Dark,g.graphColor02Dark,g.graphColor06Dark,g.graphColor04Dark,g.graphColor10Dark,g.graphColor12Dark,g.graphColor15Dark,g.graphColor18Dark,g.graphColor17Dark,g.graphColor07Dark];class Y{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=g.graphColor34,this._barColors=De.slice(),this._barColorsKeyWise=new Map}static#e=new Y;getBarColor(r){const t=Y.instance();return t._barColorsKeyWise.has(r)||(t._barColors.length===0&&(t._barColors=De.slice()),t._barColorsKeyWise.set(r,t._barColors.shift()??t._defaultColor)),t._barColorsKeyWise.get(r)}shouldUpdate(r){const t=Y.instance(),n=Array.from(t._barColorsKeyWise.keys()).sort();return!Fe(n,r)}static init(){return this.#e=new Y,this.#e}static instance(){return this.#e}}const Ja=Y.instance(),er=(e,r,t)=>{const n=[],o={};let l,i=!1;if(t!=null&&t.accountGroups.length!=0?t.accountGroups.forEach(h=>{const s=I(h.accountGroupName,"actual",h),c=b(h.accountGroupName,"actual");o[c]=s,n.push(c),l==null&&s.length>0&&(l=b(h.accountGroupName,"actual"))}):t!=null&&t.accounts.length!=0&&(i=!0,t.accounts.forEach(h=>{const s=I(h.account.accountName,"actual",h.account.balancesInTimeframe),c=b(h.account.accountName,"actual");o[c]=s,n.push(c),l==null&&s.length>0&&(l=b(h.account.accountName,"actual"))})),t!=null&&t.accountGroups.length===0&&t.accounts.length===0){const h=D.getLocalizedStrings().chartCard.total,s=I(h,"actual",t);if(s.length!==0){const c=b(h,"actual");o[c]=s,l=c,n.push(c)}}return r==="forecast_mode"&&Object.assign(o,ar(n,t)),l!=null?Z(e,n,l,o,i):void 0},ar=(e,r)=>{const t={};let n;if(r!=null&&r.accountGroups.length!=0?r.accountGroups.forEach(o=>{const l=I(o.accountGroupName,"forecast",o),i=b(o.accountGroupName,"forecast");t[i]=l,e.push(i),n==null&&l.length>0&&(n=b(o.accountGroupName,"forecast"))}):r!=null&&r.accounts.length!=0&&r.accounts.forEach(o=>{const l=I(o.account.accountName,"forecast",o.account.balancesInTimeframe),i=b(o.account.accountName,"forecast");t[i]=l,e.push(i),n==null&&l.length>0&&(n=b(o.account.accountName,"forecast"))}),r!=null&&r.accountGroups.length===0&&r.accounts.length===0){const o=D.getLocalizedStrings().chartCard.total,l=I(o,"forecast",r);if(l.length!==0){const i=b(o,"forecast");t[i]=l,n=i,e.push(i)}}return t},rr=x.div`
+`,Va=({active:e,payload:r,barName:t})=>{const n=[];if(r!=null&&e===!0){const o=r.filter(s=>s.name==t)[0],l=o.payload,i=o.color,h=t!=null&&l.record[t]!=null?l.record[t].amount:void 0;if(!t?.endsWith("_forecast")){let s;if(t.includes("forecast")!==!0){s=l.record[t]!=null?Ha(t,l):void 0;const c={amount:0,currencyCode:"",currencySymbol:""},f={amount:0,currencyCode:"",currencySymbol:""};let p;for(p in l.record){const C=l.record[p].amount;p.endsWith("_actual")?(c.amount+=l.record[p].amount?.amount??0,c.currencyCode=C!=null?C.currencyCode:c.currencyCode,c.currencySymbol=C!=null?C.currencySymbol:c.currencySymbol):p.endsWith("_forecast")&&(f.amount+=l.record[p].amount?.amount??0,f.currencyCode=C!=null?C.currencyCode:f.currencyCode,f.currencySymbol=C!=null?C.currencySymbol:f.currencySymbol)}const d=Math.floor((c?.amount-f?.amount)*100/100),y={...c,amount:d},_=f.amount!==0?Math.floor((c.amount-f.amount)/f.amount*100)/100:0,w={value:f,change:y,percent:_};n.push({barName:N(t),actual:h,forecast:s,color:i}),n.push({barName:S.getLocalizedStrings().chartCard.total,actual:c,forecast:w,color:g.neutralGrey1Light})}}}return n},Ha=(e,r)=>{const t=b(N(e),"forecast");if(r.record[t]==null)return;const n=r.record[e].amount,o=r.record[t].amount,l={...n,amount:o!=null?Math.floor((n.amount-o.amount)*100/100):n.amount},i=o!=null&&o.amount!==0?Math.floor((n.amount-o.amount)/o.amount*100)/100:void 0;return{value:o,change:l,percent:i}},Le=e=>a.jsxs(Ia,{color:e.color,children:[a.jsx(Fa,{children:`${e.barName}:`}),a.jsx(q,{children:e.actual!=null?`${T(e.actual)}`:"-"}),a.jsx(q,{children:e.forecast!=null?`${T(e.forecast.value)}`:"-"}),e.forecast!=null?a.jsx(q,{isChange:!0,children:`${T(e.forecast.change)}`}):a.jsx(q,{children:"-"}),e.forecast!=null?a.jsx(q,{isChange:!0,children:F("0,0.0%",e.forecast.percent)}):a.jsx(q,{children:"-"})]}),Ya=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},Xa=({barLabelsWithValues:e})=>a.jsx(Na,{children:a.jsxs(Ea,{children:[a.jsx(_e,{color:e[0].color,children:`${e[0].barName}: ${T(e[0].actual)}`}),a.jsx(Ge,{}),a.jsx(_e,{children:`${S.getLocalizedStrings().chartCard.total}: ${T(e[1].actual)}`})]})}),qa=({barLabelsWithValues:e})=>a.jsxs(Ma,{children:[a.jsxs(Ka,{children:[a.jsx(Ga,{}),a.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(ue,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",Ya(e)]}),a.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(Aa,{children:[Le(e[0]),a.jsx(Ge,{}),Le(e[1])]})]}),Ua=e=>{const r=Va({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(qa,{barLabelsWithValues:r}):a.jsx(Xa,{barLabelsWithValues:r})})},Za=le.memo(Ua),Qa=(e,r)=>{const t=[],n={};let o;return r!=null&&r.classes.length!=0&&r.classes.forEach(l=>{const i=I(l.class.className,"actual",l.childrenBalancesTotal),h=b(l.class.className,"actual");n[h]=i,t.push(h),o==null&&i.length>0&&(o=b(l.class.className,"actual"))}),o!=null?Z(e,t,o,n):void 0},Se=[g.graphColor34,g.graphColor05,g.graphColor08,g.graphColor11,g.graphColor13,g.graphColor19,g.graphColor29,g.graphColor28,g.graphColor20,g.graphColor21,g.graphColor22,g.graphColor14,g.graphColor35,g.graphColor31,g.graphColor33,g.graphColor32,g.graphColor36,g.graphColor02,g.graphColor06,g.graphColor04,g.graphColor10,g.graphColor12,g.graphColor15,g.graphColor18,g.graphColor17,g.graphColor07,g.graphColor34Dark,g.graphColor05Dark,g.graphColor08Dark,g.graphColor11Dark,g.graphColor13Dark,g.graphColor19Dark,g.graphColor29Dark,g.graphColor28Dark,g.graphColor20Dark,g.graphColor21Dark,g.graphColor22Dark,g.graphColor14Dark,g.graphColor35Dark,g.graphColor31Dark,g.graphColor33Dark,g.graphColor32Dark,g.graphColor36Dark,g.graphColor02Dark,g.graphColor06Dark,g.graphColor04Dark,g.graphColor10Dark,g.graphColor12Dark,g.graphColor15Dark,g.graphColor18Dark,g.graphColor17Dark,g.graphColor07Dark];class Y{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=g.graphColor34,this._barColors=Se.slice(),this._barColorsKeyWise=new Map}static#e=new Y;getBarColor(r){const t=Y.instance();return t._barColorsKeyWise.has(r)||(t._barColors.length===0&&(t._barColors=Se.slice()),t._barColorsKeyWise.set(r,t._barColors.shift()??t._defaultColor)),t._barColorsKeyWise.get(r)}shouldUpdate(r){const t=Y.instance(),n=Array.from(t._barColorsKeyWise.keys()).sort();return!Fe(n,r)}static init(){return this.#e=new Y,this.#e}static instance(){return this.#e}}const Ja=Y.instance(),er=(e,r,t)=>{const n=[],o={};let l,i=!1;if(t!=null&&t.accountGroups.length!=0?t.accountGroups.forEach(h=>{const s=I(h.accountGroupName,"actual",h),c=b(h.accountGroupName,"actual");o[c]=s,n.push(c),l==null&&s.length>0&&(l=b(h.accountGroupName,"actual"))}):t!=null&&t.accounts.length!=0&&(i=!0,t.accounts.forEach(h=>{const s=I(h.account.accountName,"actual",h.account.balancesInTimeframe),c=b(h.account.accountName,"actual");o[c]=s,n.push(c),l==null&&s.length>0&&(l=b(h.account.accountName,"actual"))})),t!=null&&t.accountGroups.length===0&&t.accounts.length===0){const h=S.getLocalizedStrings().chartCard.total,s=I(h,"actual",t);if(s.length!==0){const c=b(h,"actual");o[c]=s,l=c,n.push(c)}}return r==="forecast_mode"&&Object.assign(o,ar(n,t)),l!=null?Z(e,n,l,o,i):void 0},ar=(e,r)=>{const t={};let n;if(r!=null&&r.accountGroups.length!=0?r.accountGroups.forEach(o=>{const l=I(o.accountGroupName,"forecast",o),i=b(o.accountGroupName,"forecast");t[i]=l,e.push(i),n==null&&l.length>0&&(n=b(o.accountGroupName,"forecast"))}):r!=null&&r.accounts.length!=0&&r.accounts.forEach(o=>{const l=I(o.account.accountName,"forecast",o.account.balancesInTimeframe),i=b(o.account.accountName,"forecast");t[i]=l,e.push(i),n==null&&l.length>0&&(n=b(o.account.accountName,"forecast"))}),r!=null&&r.accountGroups.length===0&&r.accounts.length===0){const o=S.getLocalizedStrings().chartCard.total,l=I(o,"forecast",r);if(l.length!==0){const i=b(o,"forecast");t[i]=l,n=i,e.push(i)}}return t},rr=x.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,or=e=>{const{cx:r,cy:t,fill:n,stroke:o,value:l}=e;return l==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:r,cy:t,r:4,stroke:n,strokeWidth:2,fill:o})},tr=e=>{const{cx:r,cy:t,fill:n,stroke:o,value:l}=e;return l==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:r,cy:t,r:5,stroke:o,strokeWidth:2,fill:n})};function Wr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:s}){const c=P.useRef(!1),[f,p]=P.useState(Ja),[d,y]=P.useState(void 0),_=A(),k=P.useRef([]);P.useEffect(()=>{c.current=!0},[]),P.useEffect(()=>{f.shouldUpdate(k.current)===!0&&p(Y.init())},[]),P.useEffect(()=>{let v=[];if(e.reportId==="operating_expenses"){const j=e.sections.expenses;j.accountGroups.length===0&&j.accounts.length===0?v.push(D.getLocalizedStrings().chartCard.total):j.accountGroups.length!=0?v=j.accountGroups.map(S=>S.accountGroupName).sort():v=j.accounts.map(S=>S.account).map(S=>S.accountName).sort()}else v=e.sections.expenses.classes.map(j=>j.class.className).sort();k.current=v},[e,f]);const C=P.useMemo(()=>e.reportId==="operating_expenses"?er(e.firstMonthOfFY,h,e.sections.expenses):Qa(e.firstMonthOfFY,e.sections.expenses),[e,h]),L=P.useCallback(()=>{const v=u=>a.jsx(pe,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(or,{}),activeDot:a.jsx(tr,{}),dataKey:w=>{const O=w.record;let B,z;for(z in O)if(z.endsWith("_forecast")){const G=O[z].amount;G!=null&&(B==null?B={...G}:B.amount+=G.amount)}return B?.amount},stroke:_.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},u),j=(u,w)=>a.jsx(te,{name:u,animationDuration:w?500:void 0,style:{cursor:"pointer"},dataKey:O=>{const B=O.record;return(B[u]!=null&&B[u].amount!=null?B[u].amount:void 0)?.amount??0},stackId:"a",fill:f.getBarColor(N(u)),onMouseEnter:()=>{d!==u&&y(u)},onMouseLeave:()=>{d!=null&&y(void 0)}},u),S=[];return C?.orderedKeys.forEach(u=>{const w=!c.current;u.endsWith("_forecast")?S.push(v(u)):S.push(j(u,w))}),S},[C]),$=({active:v,payload:j})=>j?.find(S=>S.name===d)!=null&&d!=null&&v===!0?a.jsx(Za,{active:v,payload:j,mode:h,barName:d}):null;return C==null?null:a.jsx(lr,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:L(),customToolTipContent:a.jsx($,{}),width:n,height:o,onCOABalancesRangeChanged:s,highlightedRange:t,isDetailPage:i===!0})}const lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=A(),p=ne(e),d=e.timeseries,y=d.map(L=>L.label),_=h!==!1,k=L=>{if(!s||L?.activePayload==null||L.activePayload.length===0)return;const $=L.activeTooltipIndex,v=L.activePayload[0].payload.timeLabel.label;if(o==null)return;const j=ce(v,y,o.numberOfPeriods),S=j[1]===void 0?y.length-1:y.indexOf(j[1]),u={...o,thisPeriod:{startDate:d[S].startDate,endDate:d[S].endDate}};c?.(d[$],r,u)},C=s?(l-60)/W.operating_expenses*(W.operating_expenses-e.recordByTimeseries.length):20;return a.jsx(rr,{width:l,height:i,children:a.jsx(Q,{children:({height:L,width:$})=>a.jsxs(me,{width:$,height:L,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:k,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(ee,{dataKey:v=>v.timeLabel.label,type:"category",axisLine:{stroke:f.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>re("0,0.[00]a",v,p)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:_?{stroke:f.colors.background,strokeWidth:($-60)/W.operating_expenses,fill:f.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t]})})})},nr=x.div`
+`,or=e=>{const{cx:r,cy:t,fill:n,stroke:o,value:l}=e;return l==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:r,cy:t,r:4,stroke:n,strokeWidth:2,fill:o})},tr=e=>{const{cx:r,cy:t,fill:n,stroke:o,value:l}=e;return l==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:r,cy:t,r:5,stroke:o,strokeWidth:2,fill:n})};function Wr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:s}){const c=P.useRef(!1),[f,p]=P.useState(Ja),[d,y]=P.useState(void 0),_=A(),w=P.useRef([]);P.useEffect(()=>{c.current=!0},[]),P.useEffect(()=>{f.shouldUpdate(w.current)===!0&&p(Y.init())},[]),P.useEffect(()=>{let k=[];if(e.reportId==="operating_expenses"){const v=e.sections.expenses;v.accountGroups.length===0&&v.accounts.length===0?k.push(S.getLocalizedStrings().chartCard.total):v.accountGroups.length!=0?k=v.accountGroups.map(O=>O.accountGroupName).sort():k=v.accounts.map(O=>O.account).map(O=>O.accountName).sort()}else k=e.sections.expenses.classes.map(v=>v.class.className).sort();w.current=k},[e,f]);const C=P.useMemo(()=>e.reportId==="operating_expenses"?er(e.firstMonthOfFY,h,e.sections.expenses):Qa(e.firstMonthOfFY,e.sections.expenses),[e,h]),L=P.useCallback(()=>{const k=u=>a.jsx(pe,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(or,{}),activeDot:a.jsx(tr,{}),dataKey:j=>{const D=j.record;let B,z;for(z in D)if(z.endsWith("_forecast")){const G=D[z].amount;G!=null&&(B==null?B={...G}:B.amount+=G.amount)}return B?.amount},stroke:_.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},u),v=(u,j)=>a.jsx(te,{name:u,animationDuration:j?500:void 0,style:{cursor:"pointer"},dataKey:D=>{const B=D.record;return(B[u]!=null&&B[u].amount!=null?B[u].amount:void 0)?.amount??0},stackId:"a",fill:f.getBarColor(N(u)),onMouseEnter:()=>{d!==u&&y(u)},onMouseLeave:()=>{d!=null&&y(void 0)}},u),O=[];return C?.orderedKeys.forEach(u=>{const j=!c.current;u.endsWith("_forecast")?O.push(k(u)):O.push(v(u,j))}),O},[C]),$=({active:k,payload:v})=>v?.find(O=>O.name===d)!=null&&d!=null&&k===!0?a.jsx(Za,{active:k,payload:v,mode:h,barName:d}):null;return C==null?null:a.jsx(lr,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:L(),customToolTipContent:a.jsx($,{}),width:n,height:o,onCOABalancesRangeChanged:s,highlightedRange:t,isDetailPage:i===!0})}const lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=A(),p=ne(e),d=e.timeseries,y=d.map(L=>L.label),_=h!==!1,w=L=>{if(!s||L?.activePayload==null||L?.activePayload.length===0)return;const $=L.activePayload[0];if($?.payload?.timeLabel?.label==null)return;const k=L.activeTooltipIndex,v=$.payload.timeLabel.label;if(o==null)return;const O=ce(v,y,o.numberOfPeriods),u=O[1]===void 0?y.length-1:y.indexOf(O[1]),j={...o,thisPeriod:{startDate:d[u].startDate,endDate:d[u].endDate}};c?.(d[k],r,j)},C=s?(l-60)/W.operating_expenses*(W.operating_expenses-e.recordByTimeseries.length):20;return a.jsx(rr,{width:l,height:i,children:a.jsx(Q,{children:({height:L,width:$})=>a.jsxs(me,{width:$,height:L,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:w,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(ee,{dataKey:k=>k.timeLabel.label,type:"category",axisLine:{stroke:f.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:k=>re("0,0.[00]a",k,p)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:_?{stroke:f.colors.background,strokeWidth:($-60)/W.operating_expenses,fill:f.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t]})})})},nr=x.div`
   display: flex;
 `,cr=x.div`
   display: flex;
@@ -254,27 +254,27 @@ import{u as A,j as a,M as D,X as de,Y as Ae,ai as Q,b5 as Te,p as E,b6 as J,au a
   display: flex;
   flex-direction: column;
   text-align: right;
-`,Be=x(V)`
+`,De=x(V)`
   text-align: right;
 `,U=x(V)`
   text-align: right;
   flex: 1;
   color: ${e=>e.isChange!=null&&e.isChange===!0?g.important:null};
-`,Se=x(V)`
+`,Be=x(V)`
   display: flex;
   flex-direction: column;
-`,Oe=x(V)``,mr=(e,r)=>{const t=b(N(e),"forecast");if(r.record[t]==null)return;const n=r.record[e].amount,o=r.record[t].amount,l={...n,amount:Math.floor((n.amount-o.amount)*100/100)},i=o.amount!==0?Math.floor((n.amount-o.amount)/o.amount*100)/100:void 0;return{value:o,change:l,percent:i,forecastPercent:r.record[t].percentValue}},fr=({active:e,payload:r,mode:t})=>{const n=[];let o={amount:0,currencyCode:""},l={amount:0,currencyCode:""};const i=b("gross_margin","actual");return r?.forEach(h=>{const s=h.name;if(e===!0){const c=h.payload,f=h.color,p=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;let d;if(s.includes("forecast")!==!0)switch(t==="forecast_mode"&&(d=c.record[s]!=null?mr(s,c):void 0),s){case i:p!=null&&(o.currencyCode===""?o={...p}:o.amount=o.amount+p.amount),d!=null&&(l.currencyCode===""?l={...d.value}:l.amount=l.amount+d.value.amount),n.push({barName:D.getLocalizedStrings().chartCard.revenue[N(s)],actual:p,forecast:d,percent:c.record[s]!=null?c.record[s].percentValue??0:0,color:f});break;default:n.push({barName:D.getLocalizedStrings().chartCard.revenue[N(s)],actual:p,color:f,forecast:d});break}}}),n},ze=e=>e.map((r,t)=>a.jsxs(Me,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(gr,{children:[a.jsx(Ke,{color:r.color}),`${r.barName}:`]}),a.jsxs(pr,{children:[a.jsx(Be,{children:`${T(r.actual)}`}),r.percent!=null?a.jsx(Be,{children:F("0,0.0%",r.percent)}):null]})]},r.barName+t)),Pe=e=>e.map((r,t)=>a.jsxs(Me,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(hr,{children:[a.jsx(Ke,{color:r.color}),`${r.barName}:`]}),a.jsx(U,{children:a.jsxs(Se,{children:[r.actual!=null?`${T(r.actual)}`:"-",a.jsx(Oe,{children:r.percent!=null?F("0,0.0%",r.percent):null})]})}),a.jsx(U,{children:a.jsxs(Se,{children:[r.forecast!=null?`${T(r.forecast.value)}`:"-",a.jsx(Oe,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?F("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(U,{isChange:!0,children:`${T(r.forecast.change)}`}):a.jsx(U,{children:"-"}),r.forecast!=null?a.jsx(U,{isChange:!0,children:F("0,0.0%",r.forecast.percent)}):a.jsx(U,{children:"-"})]},r.barName+t)),xr=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},br=({barLabelsWithValues:e})=>a.jsxs(cr,{children:[a.jsxs(sr,{children:[a.jsx(ir,{}),a.jsx(he,{children:D.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(he,{children:D.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(he,{children:[D.getLocalizedStrings().chartCard.tooltip.change," ",xr(e)]}),a.jsx(he,{children:D.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(ur,{children:[Pe(e.slice(0,e.length-1)),e.length?a.jsx(Ie,{}):null,Pe(e.slice(-1))]})]}),yr=({barLabelsWithValues:e})=>a.jsx(nr,{children:a.jsxs(dr,{children:[ze(e.slice(0,e.length-1)),e.length?a.jsx(Ie,{}):null,ze(e.slice(-1))]})}),Cr=e=>{const r=fr({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(br,{barLabelsWithValues:r}):a.jsx(yr,{barLabelsWithValues:r})})},jr=le.memo(Cr),Re=(e,r,t,n,o,l)=>{let i=[],h=[],s=[];n!=null&&n.balances.length>0&&(i=K("income","actual",n)),o!=null&&o.balances.length>0&&(h=K("cogs","actual",o)),l!=null&&l.balances.length>0&&(s=se("gross_margin","actual",l));const c=b("income","actual"),f=b("cogs","actual"),p=b("gross_margin","actual"),d=i.length>0?c:h.length>0?f:p,y={};return y[c]=i,y[f]=h,y[p]=s,t==="forecast_mode"&&Object.assign(y,kr(n,o,l)),d!=null?Z(e,r,d,y):void 0},kr=(e,r,t)=>{let n=[],o=[],l=[];e!=null&&e.balances.length>0&&(n=K("income","forecast",e)),r!=null&&r.balances.length>0&&(o=K("cogs","forecast",r)),t!=null&&t.balances.length>0&&(l=se("gross_margin","forecast",t));const i=b("income","forecast"),h=b("cogs","forecast"),s=b("gross_margin","forecast"),c={};return c[i]=n,c[h]=o,c[s]=l,c},vr=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual")],$r=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual"),b("income","forecast"),b("cogs","forecast"),b("gross_margin","forecast")],wr=x.div`
+`,Oe=x(V)``,mr=(e,r)=>{const t=b(N(e),"forecast");if(r.record[t]==null)return;const n=r.record[e].amount,o=r.record[t].amount,l={...n,amount:Math.floor((n.amount-o.amount)*100/100)},i=o.amount!==0?Math.floor((n.amount-o.amount)/o.amount*100)/100:void 0;return{value:o,change:l,percent:i,forecastPercent:r.record[t].percentValue}},fr=({active:e,payload:r,mode:t})=>{const n=[];let o={amount:0,currencyCode:""},l={amount:0,currencyCode:""};const i=b("gross_margin","actual");return r?.forEach(h=>{const s=h.name;if(e===!0){const c=h.payload,f=h.color,p=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;let d;if(s.includes("forecast")!==!0)switch(t==="forecast_mode"&&(d=c.record[s]!=null?mr(s,c):void 0),s){case i:p!=null&&(o.currencyCode===""?o={...p}:o.amount=o.amount+p.amount),d!=null&&(l.currencyCode===""?l={...d.value}:l.amount=l.amount+d.value.amount),n.push({barName:S.getLocalizedStrings().chartCard.revenue[N(s)],actual:p,forecast:d,percent:c.record[s]!=null?c.record[s].percentValue??0:0,color:f});break;default:n.push({barName:S.getLocalizedStrings().chartCard.revenue[N(s)],actual:p,color:f,forecast:d});break}}}),n},ze=e=>e.map((r,t)=>a.jsxs(Me,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(gr,{children:[a.jsx(Ke,{color:r.color}),`${r.barName}:`]}),a.jsxs(pr,{children:[a.jsx(De,{children:`${T(r.actual)}`}),r.percent!=null?a.jsx(De,{children:F("0,0.0%",r.percent)}):null]})]},r.barName+t)),Pe=e=>e.map((r,t)=>a.jsxs(Me,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(hr,{children:[a.jsx(Ke,{color:r.color}),`${r.barName}:`]}),a.jsx(U,{children:a.jsxs(Be,{children:[r.actual!=null?`${T(r.actual)}`:"-",a.jsx(Oe,{children:r.percent!=null?F("0,0.0%",r.percent):null})]})}),a.jsx(U,{children:a.jsxs(Be,{children:[r.forecast!=null?`${T(r.forecast.value)}`:"-",a.jsx(Oe,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?F("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(U,{isChange:!0,children:`${T(r.forecast.change)}`}):a.jsx(U,{children:"-"}),r.forecast!=null?a.jsx(U,{isChange:!0,children:F("0,0.0%",r.forecast.percent)}):a.jsx(U,{children:"-"})]},r.barName+t)),xr=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},br=({barLabelsWithValues:e})=>a.jsxs(cr,{children:[a.jsxs(sr,{children:[a.jsx(ir,{}),a.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(he,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",xr(e)]}),a.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(ur,{children:[Pe(e.slice(0,e.length-1)),e.length?a.jsx(Ie,{}):null,Pe(e.slice(-1))]})]}),yr=({barLabelsWithValues:e})=>a.jsx(nr,{children:a.jsxs(dr,{children:[ze(e.slice(0,e.length-1)),e.length?a.jsx(Ie,{}):null,ze(e.slice(-1))]})}),Cr=e=>{const r=fr({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(br,{barLabelsWithValues:r}):a.jsx(yr,{barLabelsWithValues:r})})},jr=le.memo(Cr),Re=(e,r,t,n,o,l)=>{let i=[],h=[],s=[];n!=null&&n.balances.length>0&&(i=K("income","actual",n)),o!=null&&o.balances.length>0&&(h=K("cogs","actual",o)),l!=null&&l.balances.length>0&&(s=se("gross_margin","actual",l));const c=b("income","actual"),f=b("cogs","actual"),p=b("gross_margin","actual"),d=i.length>0?c:h.length>0?f:p,y={};return y[c]=i,y[f]=h,y[p]=s,t==="forecast_mode"&&Object.assign(y,vr(n,o,l)),d!=null?Z(e,r,d,y):void 0},vr=(e,r,t)=>{let n=[],o=[],l=[];e!=null&&e.balances.length>0&&(n=K("income","forecast",e)),r!=null&&r.balances.length>0&&(o=K("cogs","forecast",r)),t!=null&&t.balances.length>0&&(l=se("gross_margin","forecast",t));const i=b("income","forecast"),h=b("cogs","forecast"),s=b("gross_margin","forecast"),c={};return c[i]=n,c[h]=o,c[s]=l,c},kr=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual")],$r=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual"),b("income","forecast"),b("cogs","forecast"),b("gross_margin","forecast")],wr=x.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 
   .recharts-legend-item {
-    margin-right: ${e=>q.legendLabelMarginRight.valuePx(e.windowSize)} !important;
+    margin-right: ${e=>X.legendLabelMarginRight.valuePx(e.windowSize)} !important;
     :last-of-type {
       margin-right: ${m.sp0} !important;
     }
   }
 `,_r=x(fe)`
-  margin-left: ${e=>q.legendLabelMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>q.legendLabelMarginRight.valuePx(e.windowSize)};
+  margin-left: ${e=>X.legendLabelMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>X.legendLabelMarginRight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
-`;function Nr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:s}){const c=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[c.colors.graphColor26,c.colors.graphColor17,c.colors.graphColor12],d=[c.colors.graphColor28,c.colors.graphColor17,c.colors.graphColor10,c.colors.graphColor28Dark,c.colors.graphColor17Dark,c.colors.graphColor10Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?$r:vr,k=(u,w=c.colors.graphColor28)=>u<y.length?y[u]:w,C=e.reportId==="revenue"?Re(e.firstMonthOfFY,_,h,e.sections?.income,e.sections?.cogs,e.calculatedSections?.grossMargin):Re(e.firstMonthOfFY,_,h,e.sections.income,e.sections.cogs,e.calculatedSections.grossMargin),L=u=>{const{cx:w,cy:O,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:w,cy:O,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:w,cy:O,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:w,cy:O,r:5,stroke:z,strokeWidth:2,fill:B})},v=(u,w)=>a.jsx(pe,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(L,{}),activeDot:a.jsx($,{}),dataKey:O=>{const B=O.record;return(B[u]!=null&&B[u].amount!=null?B[u].amount:void 0)?.amount},stroke:k(w),strokeDasharray:"3 3",strokeWidth:1.5},u),j=(u,w,O)=>a.jsx(te,{name:u,animationDuration:O?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:B=>{const z=B.record;return(z[u]!=null&&z[u].amount!=null?z[u].amount:void 0)?.amount??0},fill:k(w)},u),S=()=>{const u=[];return _.forEach((w,O)=>{const B=i===!0&&!f.current;w.endsWith("_forecast")?u.push(v(w,O)):u.push(j(w,O,B))}),u};return C==null?null:a.jsx(Lr,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:S(),customToolTipContent:({active:u,payload:w})=>a.jsx(jr,{active:u,payload:w,mode:h}),width:n,height:o,onCOABalancesRangeChanged:s,highlightedRange:t,isDetailPage:i===!0})}const Lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=de(),p=A(),d=ne(e),y=e.timeseries,_=y.map($=>$.label),k=h!==!1,C=$=>{if(!s||$?.activePayload==null||$.activePayload.length===0)return;const v=$.activeTooltipIndex,j=$.activePayload[0].payload.timeLabel.label;if(o==null)return;const S=ce(j,_,o.numberOfPeriods),u=S[1]===void 0?_.length-1:_.indexOf(S[1]),w={...o,thisPeriod:{startDate:y[u].startDate,endDate:y[u].endDate}};c?.(y[v],r,w)},L=s?(l-60)/W.revenue*(W.revenue-e.recordByTimeseries.length):20;return a.jsx(wr,{width:l,height:i,windowSize:f,children:a.jsx(Q,{children:({height:$,width:v})=>a.jsxs(me,{data:e.recordByTimeseries,barCategoryGap:s?void 0:"12%",maxBarSize:s?E[10]:22,barGap:s?void 0:2,margin:{top:5,right:L,left:0,bottom:E[4]},height:$,width:v,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(ee,{dataKey:j=>j.timeLabel.label,type:"category",axisLine:{stroke:p.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:j=>re("0,0.[00]a",j,d)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:k?{stroke:p.colors.background,strokeWidth:(v-60)/W.revenue,fill:p.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t,s?a.jsx(ge,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:E[3],formatter:j=>a.jsx(_r,{windowSize:f,children:j.endsWith("_forecast")===!0?D.getLocalizedStrings().chartCard.revenue[j]:D.getLocalizedStrings().chartCard.revenue[N(j)]})}):null]})})})};export{Rr as G,Wr as H,Pr as N,Tr as P,Nr as Y};
+`;function Nr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:s}){const c=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[c.colors.graphColor26,c.colors.graphColor17,c.colors.graphColor12],d=[c.colors.graphColor28,c.colors.graphColor17,c.colors.graphColor10,c.colors.graphColor28Dark,c.colors.graphColor17Dark,c.colors.graphColor10Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?$r:kr,w=(u,j=c.colors.graphColor28)=>u<y.length?y[u]:j,C=e.reportId==="revenue"?Re(e.firstMonthOfFY,_,h,e.sections?.income,e.sections?.cogs,e.calculatedSections?.grossMargin):Re(e.firstMonthOfFY,_,h,e.sections.income,e.sections.cogs,e.calculatedSections.grossMargin),L=u=>{const{cx:j,cy:D,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:D,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:j,cy:D,fill:B,stroke:z,value:G}=u;return G==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:D,r:5,stroke:z,strokeWidth:2,fill:B})},k=(u,j)=>a.jsx(pe,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(L,{}),activeDot:a.jsx($,{}),dataKey:D=>{const B=D.record;return(B[u]!=null&&B[u].amount!=null?B[u].amount:void 0)?.amount},stroke:w(j),strokeDasharray:"3 3",strokeWidth:1.5},u),v=(u,j,D)=>a.jsx(te,{name:u,animationDuration:D?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:B=>{const z=B.record;return(z[u]!=null&&z[u].amount!=null?z[u].amount:void 0)?.amount??0},fill:w(j)},u),O=()=>{const u=[];return _.forEach((j,D)=>{const B=i===!0&&!f.current;j.endsWith("_forecast")?u.push(k(j,D)):u.push(v(j,D,B))}),u};return C==null?null:a.jsx(Lr,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:O(),customToolTipContent:({active:u,payload:j})=>a.jsx(jr,{active:u,payload:j,mode:h}),width:n,height:o,onCOABalancesRangeChanged:s,highlightedRange:t,isDetailPage:i===!0})}const Lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const f=de(),p=A(),d=ne(e),y=e.timeseries,_=y.map($=>$.label),w=h!==!1,C=$=>{if(!s||$?.activePayload==null||$?.activePayload.length===0)return;const k=$.activePayload[0];if(k?.payload?.timeLabel?.label==null)return;const v=$.activeTooltipIndex,O=k.payload.timeLabel.label;if(o==null)return;const u=ce(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),D={...o,thisPeriod:{startDate:y[j].startDate,endDate:y[j].endDate}};c?.(y[v],r,D)},L=s?(l-60)/W.revenue*(W.revenue-e.recordByTimeseries.length):20;return a.jsx(wr,{width:l,height:i,windowSize:f,children:a.jsx(Q,{children:({height:$,width:k})=>a.jsxs(me,{data:e.recordByTimeseries,barCategoryGap:s?void 0:"12%",maxBarSize:s?E[10]:22,barGap:s?void 0:2,margin:{top:5,right:L,left:0,bottom:E[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(J,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(ee,{dataKey:v=>v.timeLabel.label,type:"category",axisLine:{stroke:p.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject}}),a.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>re("0,0.[00]a",v,d)}),a.jsx(oe,{wrapperStyle:{zIndex:2},cursor:w?{stroke:p.colors.background,strokeWidth:(k-60)/W.revenue,fill:p.colors.background}:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),t,s?a.jsx(ge,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:E[3],formatter:v=>a.jsx(_r,{windowSize:f,children:v.endsWith("_forecast")===!0?S.getLocalizedStrings().chartCard.revenue[v]:S.getLocalizedStrings().chartCard.revenue[N(v)]})}):null]})})})};export{Rr as G,Wr as H,Pr as N,Tr as P,Nr as Y};

package/dist/assets/{ReviewDetailsPage-DZqPpiln-BD-TTPjy.js → ReviewDetailsPage-DWtgiOYE-C2elGQRI.js}

@@ -1,4 +1,4 @@
-import{X as vt,t as Tt,C as y,cA as jt,M as St,cB as Ct,cC as Dt,j as t,cD as It,cE as le,cF as At,l as d,cG as Pt,cH as kt,Y as j,cI as Mt,_ as k,cJ as Bt,cK as Nt,cL as ke,cM as Me,cN as Be,v as q,cO as O,cP as z,cQ as _,g as S,cR as Ft,cS as Rt,cT as Et,cU as Lt,bs as Ne,o as n,a3 as Ot,p as c,b as zt,bo as _t,Q as Wt,h as Ut,cV as Ht,bF as Yt,q as se,f as de,cW as Zt,cX as Vt,aA as qt,k as Gt,an as Kt,Z as Xe,b4 as Xt,w as Qe,aN as Qt,cY as Jt}from"./index-D3N9MvRr.js";import{b as U,n as i}from"./vendor-CnQcJ2Lu.js";import{t as en,o as tn}from"./LowBalancePopup-CdftTvLb-DHrY0Q9F.js";import{S as W}from"./LabeledText-CyXj8QWV-Bl6WT0AA.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Je=["small","medium-compact","medium-regular"],p={largeLabelWidth:new y(150,215,215),infoMinWidth:new y(0,0,0,142,142),infoMarginRight:new y(0,0,0,c[2],c[2]),footerButtonWidth:new y(120,165),iconContainerMarginTop:new y(6,c[1]),navBarContainerPaddingTop:new y(10,c[3]),sectionTitleMarginLeft:new y(c[3],c[0]),reviewContainerMarginLeft:new y(c[3],c[6]),reviewContainerMarginRight:new y(c[3],c[8]),footerRightIconMarginRight:new y(c[0],c[0],c[7]),infoLabelPaddingRight:new y(c[0],c[3]),infoLabelMarginTop:new y(c[1],c[0])},nn={sectionTitle:new Wt("h6Medium","h5Medium")},{dateFormat:Fe,common:{currency:T,labels:Re,edit:an,strings:{empty:h}},spendManagement:{billPay:ln}}=St.getLocalizedStrings(),{billDetails:a,paymentDetails:Ee}=ln,Le=({attachment:e})=>{const[w,x]=U.useState(!1),M=()=>{x(!1)},C=e.fileId?.length===0;return t.jsxs(Bn,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?x(!0):null,children:[w&&e?.fileDownloadUrl!=null?t.jsx(Zt,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:x}):null,t.jsx(Nn,{children:t.jsx(Vt,{contentType:e.contentType})})]})},ti=({billDetails:e,billpayApprovalView:w,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:et,style:tt,analytics:$,isRecurringBillsFeatureEnabled:nt,isApprovalRequiredForMarkAsPaid:it,isDetectInsufficientFundsEnabled:at,billId:f,onClickEdit:ce,discardBillDetailsFromLocalStore:me,saveBillDetails:pe,discardOutsideZeniPaymentData:lt,updateBillDetailSaveBillCode:ue,redirectToBillsScreen:ye,onAttachmentClick:Q,retryPayment:ot})=>{const s=vt(),m=Tt(),B={application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:f},N=x&&f!=null,F=`dashboard_${m.currentTenant?.companyId}`,R=p.largeLabelWidth.value(s),E=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=jt(C,et,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),D=Fe.visual.MMMDCommaYYYYformat,he={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},u={amount:o?.method.includes("international")===!0?Ct(he,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},L={amount:o?.method.includes("international")===!0?Dt(he,o):o?.fee.amount??0,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},[rt,ge]=U.useState(!1),[st,xe]=U.useState(!1),fe=()=>ge(!1),dt=()=>{$.trackBillPayMagicLinkPreviewEmail("review_bill"),ge(!0)},ct=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Pn,{size:s,children:t.jsx(An,{})})]}):It(e.paymentDetailsSection?.paymentTo);U.useEffect(()=>{(E?.fetchState==="Completed"||J?.fetchState==="Completed")&&(me(),ue(),ye())},[E,J,ye,me,ue]);const v=e.billPayInfo?.stage,A=e.billPayInfo?.billStatus,H=e.billPayInfo?.billPaymentStatus,mt=e.billPayInfo?.billPaymentRefundStatus,te=v?.code==="paid"?v:A?.code=="approved"&&H?.code?H:A,pt=e.billPayInfo?.isRefundInitiated===!0?mt:A?.code=="approved"&&H?.code?H:A,ne=()=>{ce()},be=()=>{ce()},Y=e.paymentDetailsSection?.paymentDate,ie=le(o?.method??""),we=ie.replace("Same Day",""),ut=e.isCollectToAccountInfoFromVendorContact?t.jsx(At,{paymentTypeLabel:we,onClick:dt}):a.addedByZeni,Z=w.allApprovalRules.length>0,yt=d.toAmount(o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?u.amount-L.amount:u.amount,o?.fee.currencyCode??d.defaultVendorCurrency.currencyCode,o?.fee.currencySymbol??d.defaultVendorCurrency.currencySymbol),g=d.isPaymentMethodOutsideZeni(e.paymentDetailsSection?.paymentType?.method),ht=l=>{$.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",v?.code??"draft",te?.code??""),pe(!0,l)},$e=()=>{xe(!0),$.trackBillPayMarkAsPaid(v?.code??"draft",te?.code??"")},gt=()=>{lt(),xe(!1)},P=g&&(v?.code!=null?v.code==="draft"||A?.code==="approved":!0),b=P&&!it,ve=Oe(b,Z,e.isBillMarkedForRetry),xt=()=>g?b?void 0:a.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===T.currencyCode?Rt(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ae=at&&e.paymentDetailsSection!=null?Pt(u,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,ft=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,I=e.recurringConfig,wt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&$.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const $t=g?a.paymentOutsideZeni.offline:le(o.method);if($.trackBillPaySendForApproval($t,l.format(Fe.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:d.zeniDate(I?.startDate?.toString()??"").format(D),endDate:d.zeniDate(I?.endDate?.toString()??"").format(D),frequency:I?.frequency??"monthly",totalAmount:wt.amount,totalPaymentCycles:I?.totalPaymentCycles??0,isApprovalRequired:I?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?I?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?I?.updateRecurringBills==="all":void 0}),ae!=null){const Se=v?.code??"draft",Ce=A?.code??"",De=e.isRecurring?["Recurring"]:["One-Time"],Ie=e.invoiceNumber??"",Ae=Jt(m.loggedInUser),Pe=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";ve===a.scheduleBill?$.trackLowBalanceAccountSchedule(Se,Ce,De,Ie,Ae,Pe):ve===a.sendForApproval&&$.trackLowBalanceAccountSentForApproval(Se,Ce,De,Ie,Ae,Pe)}}},Te=()=>{je===!0&&V(!1),e.isBillMarkedForRetry===!0?(ot(),$.trackRetryConfirmClick(te?.code??"",v?.code??"",pt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&(ft(),pe(!1,{}))},bt=d.checkIfCreatorIsApprover(u.amount,w.allApprovalRules,m.loggedInUser),[je,V]=U.useState(!1);return t.jsxs(hn,{children:[st?t.jsx(en,{onCancel:gt,onProceedForMarkAsPaid:ht,saveDetailsFetchState:E?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,je?t.jsx(tn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{V(!1),ne()},onClickAway:()=>{V(!1)}}):null,t.jsx(kt,{anchor:"right",open:rt,onClose:fe,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Mt,{companyName:Bt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Y?.format(D)??"",paymentType:we,amount:k("0,0[.]00",u),isInvoiceAttached:!!e.file,onClose:fe})}),t.jsxs(gn,{windowSize:s,style:tt,children:[s==="small"?t.jsxs(In,{windowSize:s,children:[t.jsx(Ze,{onClick:be,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(We,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Dn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(Ze,{onClick:be})}),s!=="small"?t.jsx(fn,{children:t.jsx(We,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(bn,{children:[t.jsxs(wn,{children:[t.jsx(zn,{}),t.jsxs($n,{children:[t.jsx(Tn,{children:a.duplicateBillPayWarning}),t.jsxs(vn,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>Q(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(En,{children:[t.jsx(On,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Nt(l);return l!=null?t.jsx(Ln,{children:Je.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(jn,{children:[t.jsxs(Sn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(qe,{})}),t.jsx(K,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?a.invoiceNo:null,l.documentId]})})]}),t.jsx(Ge,{windowSize:s,children:k("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Fn,{"data-testid":j("review-detail-mobile-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsxs(K,{children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ke,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(qe,{})}),t.jsxs(Rn,{"data-testid":j("review-detail-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsx(K,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?a.invoiceNo:null," ",l.documentId]})}),t.jsxs(K,{style:{width:"25%"},children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ge,{style:{width:"25%"},windowSize:s,children:k("0,0[.]00",l.amount)})]}),t.jsx(Ke,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Cn,{children:[t.jsx(He,{children:a.pay}),t.jsx(Ye,{children:t.jsx(Be,{amount:yt,integerStyles:q.largeMedium.cssObject,decimalStyles:q.smallMedium.cssObject})}),t.jsx(He,{children:a.to}),t.jsx(Ye,{children:e.vendor?.name})]}),t.jsxs(xn,{children:[g?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:F,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:R},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Ft(e.paymentDetailsSection.withdrawFrom,s):h,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(s),marginTop:p.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:ae})}),t.jsx(G,{})]}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:F,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:R},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:xt()})}),t.jsx(G,{}),!g&&Y!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:F,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:R},style:{width:"auto"},value:Y.format(D),additionalInfoLabel:`${a.estimatedArrival}${d.zeniDate(d.getNextNthWorkingDay(Y.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(D)} - (${ie.length>0?`${ie} `:""}${a.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(G,{})]}):null,g?null:t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:F,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:R},style:{width:"auto"},value:ct??"",additionalInfoLabel:ut})}),g||nt?t.jsxs(t.Fragment,{children:[t.jsx(G,{}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:F,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:R},style:{width:"auto"},value:Lt(e.isRecurring,g,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Et(s,e.isRecurring,g,e.recurringConfig)})})]}):null]}),!g&&o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(mn,{children:t.jsxs(pn,{windowSize:s,children:[t.jsxs(un,{children:[t.jsx(sn,{children:a.total}),t.jsx(Ne,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(cn,{children:[t.jsxs(_e,{children:[t.jsx(re,{children:o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&ee!==T.currencyCode?Ee.conversionAmountColon:Re.invoiceAmount}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount-L.amount,currencySymbol:L.currencySymbol})})]}),t.jsxs(_e,{children:[t.jsx(re,{children:Ee.transactionFee}),t.jsx(oe,{children:k("0,0[.]00",{amount:L.amount,currencySymbol:L.currencySymbol})})]}),t.jsx(dn,{}),t.jsxs(rn,{children:[t.jsx(re,{children:Re.total}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(on,{})})]}),t.jsx(yn,{children:t.jsx(Be,{amount:d.toAmount(u.amount,u.currencyCode,u.currencySymbol),integerStyles:q.h6Medium.cssObject,decimalStyles:q.standardMedium.cssObject})})]})}):null]}),t.jsx(Ot,{cancelBtn:{label:P&&!b?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:P&&!b?$e:ne,style:{width:ze(!1,P,b,Z,s)}},primaryBtn:{label:Oe(b,Z,e.isBillMarkedForRetry),isLoading:E?.fetchState==="In-Progress"||J?.fetchState==="In-Progress",onClick:b?$e:()=>{bt&&ae!=null?V(!0):Te()},style:{width:ze(!0,P,b,Z,s)}},rightSideComponent:P&&!b&&E.fetchState!=="In-Progress"?t.jsx(_n,{windowSize:s,children:t.jsx(Ne,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:an,placement:"top",children:t.jsx(Un,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Wn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?t.jsxs(kn,{children:[a.internationalText1,t.jsx(Mn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Oe=(e,w,x)=>e?a.paymentOutsideZeni.markAsPaid:x===!0?a.retryPayment:w?a.sendForApproval:a.scheduleBill,ze=(e,w,x,M,C)=>x?128:w&&!e&&C==="small"?"auto":M?165:p.footerButtonWidth.value(C),on=i(Xt)`
+import{X as vt,w as Tt,C as y,cB as jt,M as St,cC as Ct,cD as Dt,j as t,cE as It,cF as le,cG as At,l as d,cH as Pt,cI as kt,Y as j,cJ as Mt,_ as k,cK as Bt,cL as Nt,cM as ke,cN as Me,cO as Be,p as G,cP as O,cQ as z,cR as _,g as S,cS as Rt,cT as Ft,cU as Et,cV as Lt,bs as Ne,o as n,a3 as Ot,m as c,r as zt,bo as _t,Q as Wt,h as Ut,cW as Ht,bH as Zt,s as se,e as de,cX as Yt,cY as Vt,aA as Gt,k as Kt,an as qt,Z as Xe,b4 as Xt,v as Qe,aN as Qt,cZ as Jt}from"./index-CWmqNC4C.js";import{b as U,n as i}from"./vendor-CnQcJ2Lu.js";import{t as en,o as tn}from"./LowBalancePopup-COu8cuzS-D_SGW7IW.js";import{S as W}from"./LabeledText-CMrFKM7D-U8mavECd.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Je=["small","medium-compact","medium-regular"],p={largeLabelWidth:new y(150,215,215),infoMinWidth:new y(0,0,0,142,142),infoMarginRight:new y(0,0,0,c[2],c[2]),footerButtonWidth:new y(120,165),iconContainerMarginTop:new y(6,c[1]),navBarContainerPaddingTop:new y(10,c[3]),sectionTitleMarginLeft:new y(c[3],c[0]),reviewContainerMarginLeft:new y(c[3],c[6]),reviewContainerMarginRight:new y(c[3],c[8]),footerRightIconMarginRight:new y(c[0],c[0],c[7]),infoLabelPaddingRight:new y(c[0],c[3]),infoLabelMarginTop:new y(c[1],c[0])},nn={sectionTitle:new Wt("h6Medium","h5Medium")},{dateFormat:Re,common:{currency:T,labels:Fe,edit:an,strings:{empty:h}},spendManagement:{billPay:ln}}=St.getLocalizedStrings(),{billDetails:a,paymentDetails:Ee}=ln,Le=({attachment:e})=>{const[w,x]=U.useState(!1),M=()=>{x(!1)},C=e.fileId?.length===0;return t.jsxs(Bn,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?x(!0):null,children:[w&&e?.fileDownloadUrl!=null?t.jsx(Yt,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:x}):null,t.jsx(Nn,{children:t.jsx(Vt,{contentType:e.contentType})})]})},ti=({billDetails:e,billpayApprovalView:w,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:et,style:tt,analytics:$,isRecurringBillsFeatureEnabled:nt,isApprovalRequiredForMarkAsPaid:it,isDetectInsufficientFundsEnabled:at,billId:f,onClickEdit:ce,discardBillDetailsFromLocalStore:me,saveBillDetails:pe,discardOutsideZeniPaymentData:lt,updateBillDetailSaveBillCode:ue,redirectToBillsScreen:ye,onAttachmentClick:Q,retryPayment:ot})=>{const s=vt(),m=Tt(),B={application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:f},N=x&&f!=null,R=`dashboard_${m.currentTenant?.companyId}`,F=p.largeLabelWidth.value(s),E=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=jt(C,et,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),D=Re.visual.MMMDCommaYYYYformat,he={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},u={amount:o?.method.includes("international")===!0?Ct(he,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},L={amount:o?.method.includes("international")===!0?Dt(he,o):o?.fee.amount??0,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},[rt,ge]=U.useState(!1),[st,xe]=U.useState(!1),fe=()=>ge(!1),dt=()=>{$.trackBillPayMagicLinkPreviewEmail("review_bill"),ge(!0)},ct=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Pn,{size:s,children:t.jsx(An,{})})]}):It(e.paymentDetailsSection?.paymentTo);U.useEffect(()=>{(E?.fetchState==="Completed"||J?.fetchState==="Completed")&&(me(),ue(),ye())},[E,J,ye,me,ue]);const v=e.billPayInfo?.stage,A=e.billPayInfo?.billStatus,H=e.billPayInfo?.billPaymentStatus,mt=e.billPayInfo?.billPaymentRefundStatus,te=v?.code==="paid"?v:A?.code=="approved"&&H?.code?H:A,pt=e.billPayInfo?.isRefundInitiated===!0?mt:A?.code=="approved"&&H?.code?H:A,ne=()=>{ce()},be=()=>{ce()},Z=e.paymentDetailsSection?.paymentDate,ie=le(o?.method??""),we=ie.replace("Same Day",""),ut=e.isCollectToAccountInfoFromVendorContact?t.jsx(At,{paymentTypeLabel:we,onClick:dt}):a.addedByZeni,Y=w.allApprovalRules.length>0,yt=d.toAmount(o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?u.amount-L.amount:u.amount,o?.fee.currencyCode??d.defaultVendorCurrency.currencyCode,o?.fee.currencySymbol??d.defaultVendorCurrency.currencySymbol),g=d.isPaymentMethodOutsideZeni(e.paymentDetailsSection?.paymentType?.method),ht=l=>{$.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",v?.code??"draft",te?.code??""),pe(!0,l)},$e=()=>{xe(!0),$.trackBillPayMarkAsPaid(v?.code??"draft",te?.code??"")},gt=()=>{lt(),xe(!1)},P=g&&(v?.code!=null?v.code==="draft"||A?.code==="approved":!0),b=P&&!it,ve=Oe(b,Y,e.isBillMarkedForRetry),xt=()=>g?b?void 0:a.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===T.currencyCode?Ft(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ae=at&&e.paymentDetailsSection!=null?Pt(u,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,ft=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,I=e.recurringConfig,wt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&$.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const $t=g?a.paymentOutsideZeni.offline:le(o.method);if($.trackBillPaySendForApproval($t,l.format(Re.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:d.zeniDate(I?.startDate?.toString()??"").format(D),endDate:d.zeniDate(I?.endDate?.toString()??"").format(D),frequency:I?.frequency??"monthly",totalAmount:wt.amount,totalPaymentCycles:I?.totalPaymentCycles??0,isApprovalRequired:I?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?I?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?I?.updateRecurringBills==="all":void 0}),ae!=null){const Se=v?.code??"draft",Ce=A?.code??"",De=e.isRecurring?["Recurring"]:["One-Time"],Ie=e.invoiceNumber??"",Ae=Jt(m.loggedInUser),Pe=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";ve===a.scheduleBill?$.trackLowBalanceAccountSchedule(Se,Ce,De,Ie,Ae,Pe):ve===a.sendForApproval&&$.trackLowBalanceAccountSentForApproval(Se,Ce,De,Ie,Ae,Pe)}}},Te=()=>{je===!0&&V(!1),e.isBillMarkedForRetry===!0?(ot(),$.trackRetryConfirmClick(te?.code??"",v?.code??"",pt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&(ft(),pe(!1,{}))},bt=d.checkIfCreatorIsApprover(u.amount,w.allApprovalRules,m.loggedInUser),[je,V]=U.useState(!1);return t.jsxs(hn,{children:[st?t.jsx(en,{onCancel:gt,onProceedForMarkAsPaid:ht,saveDetailsFetchState:E?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,je?t.jsx(tn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{V(!1),ne()},onClickAway:()=>{V(!1)}}):null,t.jsx(kt,{anchor:"right",open:rt,onClose:fe,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Mt,{companyName:Bt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Z?.format(D)??"",paymentType:we,amount:k("0,0[.]00",u),isInvoiceAttached:!!e.file,onClose:fe})}),t.jsxs(gn,{windowSize:s,style:tt,children:[s==="small"?t.jsxs(In,{windowSize:s,children:[t.jsx(Ye,{onClick:be,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(We,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Dn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(Ye,{onClick:be})}),s!=="small"?t.jsx(fn,{children:t.jsx(We,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(bn,{children:[t.jsxs(wn,{children:[t.jsx(zn,{}),t.jsxs($n,{children:[t.jsx(Tn,{children:a.duplicateBillPayWarning}),t.jsxs(vn,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>Q(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(En,{children:[t.jsx(On,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Nt(l);return l!=null?t.jsx(Ln,{children:Je.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(jn,{children:[t.jsxs(Sn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(Ge,{})}),t.jsx(q,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?a.invoiceNo:null,l.documentId]})})]}),t.jsx(Ke,{windowSize:s,children:k("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Rn,{"data-testid":j("review-detail-mobile-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsxs(q,{children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(qe,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(Le,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(Ge,{})}),t.jsxs(Fn,{"data-testid":j("review-detail-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsx(q,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?a.invoiceNo:null," ",l.documentId]})}),t.jsxs(q,{style:{width:"25%"},children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ke,{style:{width:"25%"},windowSize:s,children:k("0,0[.]00",l.amount)})]}),t.jsx(qe,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(X,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Cn,{children:[t.jsx(He,{children:a.pay}),t.jsx(Ze,{children:t.jsx(Be,{amount:yt,integerStyles:G.largeMedium.cssObject,decimalStyles:G.smallMedium.cssObject})}),t.jsx(He,{children:a.to}),t.jsx(Ze,{children:e.vendor?.name})]}),t.jsxs(xn,{children:[g?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:F},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Rt(e.paymentDetailsSection.withdrawFrom,s):h,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(s),marginTop:p.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:ae})}),t.jsx(K,{})]}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:F},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:xt()})}),t.jsx(K,{}),!g&&Z!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:F},style:{width:"auto"},value:Z.format(D),additionalInfoLabel:`${a.estimatedArrival}${d.zeniDate(d.getNextNthWorkingDay(Z.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(D)} - (${ie.length>0?`${ie} `:""}${a.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(K,{})]}):null,g?null:t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:F},style:{width:"auto"},value:ct??"",additionalInfoLabel:ut})}),g||nt?t.jsxs(t.Fragment,{children:[t.jsx(K,{}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:F},style:{width:"auto"},value:Lt(e.isRecurring,g,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Et(s,e.isRecurring,g,e.recurringConfig)})})]}):null]}),!g&&o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(mn,{children:t.jsxs(pn,{windowSize:s,children:[t.jsxs(un,{children:[t.jsx(sn,{children:a.total}),t.jsx(Ne,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(cn,{children:[t.jsxs(_e,{children:[t.jsx(re,{children:o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&ee!==T.currencyCode?Ee.conversionAmountColon:Fe.invoiceAmount}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount-L.amount,currencySymbol:L.currencySymbol})})]}),t.jsxs(_e,{children:[t.jsx(re,{children:Ee.transactionFee}),t.jsx(oe,{children:k("0,0[.]00",{amount:L.amount,currencySymbol:L.currencySymbol})})]}),t.jsx(dn,{}),t.jsxs(rn,{children:[t.jsx(re,{children:Fe.total}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(on,{})})]}),t.jsx(yn,{children:t.jsx(Be,{amount:d.toAmount(u.amount,u.currencyCode,u.currencySymbol),integerStyles:G.h6Medium.cssObject,decimalStyles:G.standardMedium.cssObject})})]})}):null]}),t.jsx(Ot,{cancelBtn:{label:P&&!b?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:P&&!b?$e:ne,style:{width:ze(!1,P,b,Y,s)}},primaryBtn:{label:Oe(b,Y,e.isBillMarkedForRetry),isLoading:E?.fetchState==="In-Progress"||J?.fetchState==="In-Progress",onClick:b?$e:()=>{bt&&ae!=null?V(!0):Te()},style:{width:ze(!0,P,b,Y,s)}},rightSideComponent:P&&!b&&E.fetchState!=="In-Progress"?t.jsx(_n,{windowSize:s,children:t.jsx(Ne,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:an,placement:"top",children:t.jsx(Un,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Wn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?t.jsxs(kn,{children:[a.internationalText1,t.jsx(Mn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Oe=(e,w,x)=>e?a.paymentOutsideZeni.markAsPaid:x===!0?a.retryPayment:w?a.sendForApproval:a.scheduleBill,ze=(e,w,x,M,C)=>x?128:w&&!e&&C==="small"?"auto":M?165:p.footerButtonWidth.value(C),on=i(Xt)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -68,7 +68,7 @@ import{X as vt,t as Tt,C as y,cA as jt,M as St,cB as Ct,cC as Dt,j as t,cD as It
   border-radius: ${n.sp2};
   margin-bottom: ${n.sp3};
   margin-top: ${n.sp3};
-`,G=i.div`
+`,K=i.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -102,7 +102,7 @@ import{X as vt,t as Tt,C as y,cA as jt,M as St,cB as Ct,cC as Dt,j as t,cD as It
 `,vn=i(se)`
   padding-bottom: ${n.sp3};
   color: ${S.brandColorGoldDark};
-`,Tn=i(Yt)`
+`,Tn=i(Zt)`
   padding-top: ${n.sp3};
   color: ${S.brandColorGoldDark};
 `,Ue=i.div`
@@ -121,15 +121,15 @@ import{X as vt,t as Tt,C as y,cA as jt,M as St,cB as Ct,cC as Dt,j as t,cD as It
 `,Cn=i.div`
   display: flex;
   padding-top: ${n.sp3};
-`,He=i(Gt)`
+`,He=i(Kt)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
-`,Ye=i(Kt)`
+`,Ze=i(qt)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Ze=i(_t)`
+`,Ye=i(_t)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: 20px;
@@ -198,35 +198,35 @@ import{X as vt,t as Tt,C as y,cA as jt,M as St,cB as Ct,cC as Dt,j as t,cD as It
   display: flex;
   align-items: center;
   margin-right: ${n.sp1};
-`,qe=i(qt)`
+`,Ge=i(Gt)`
   cursor: pointer;
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${e=>e.theme.colors.hero};
-`,K=i(se)`
+`,q=i(se)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   min-width: 142px;
   flex-grow: 1;
-`,Ge=i(se)`
+`,Ke=i(se)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   margin-right: ${e=>p.infoMarginRight.valuePx(e.windowSize)};
   min-width: ${e=>p.infoMinWidth.valuePx(e.windowSize)};
   justify-content: flex-end;
-`,Fn=i.div`
+`,Rn=i.div`
   display: flex;
   cursor: pointer;
   column-gap: ${n.sp1};
   margin-left: ${n.sp5};
-`,Ke=i.div`
+`,qe=i.div`
   width: 120px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
-`,Rn=i.div`
+`,Fn=i.div`
   display: flex;
   flex-grow: 1;
   cursor: pointer;

package/dist/assets/{ReviewOverlay-DcBe94Sd-BykmGHu4.js → ReviewOverlay-CjWEPPvw-B5TX8ZjT.js}

@@ -1,49 +1,49 @@
-import{X as B,j as e,Y as x,o as r,a3 as C,C as d,a2 as L,Q as M,h as W,g as s,q as y,b_ as R,d as I,w as j,az as D,p as n,ec as G,ax as A,ji as F,jj as J}from"./index-D3N9MvRr.js";import{n as t}from"./vendor-CnQcJ2Lu.js";const a={containerMarginTop:new d(0,n[2]),containerMarginLeft:new d(n[3],n[8]),containerMarginRight:new d(n[3],n[8]),subTitleMarginBottom:new d(n[2],n[2]),titleMarginBotom:new d(n[0],n[2]),titleMarginRight:new d(n[0],n[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(n[3],n[3],n[8]),navBarPaddingRight:new d(n[3],n[3],n[8])},Q={title:new M("h6Regular","h5Regular")},xi=({title:i,description:p,reviewItems:S,showFooter:b,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:P})=>{const l=B();return e.jsxs(q,{children:[e.jsx(U,{windowSize:l,children:e.jsx(V,{children:e.jsx(Z,{windowSize:l,children:e.jsx(ii,{children:e.jsx(ei,{onClick:k,"data-testid":x("review-overlay-close",i)})})})})}),e.jsxs(H,{windowSize:l,children:[e.jsxs(K,{windowSize:l,children:[e.jsx(N,{children:e.jsx(O,{windowSize:l,children:i})}),e.jsx(Y,{isError:p.isError,windowSize:l,children:p.content})]}),e.jsx(_,{windowSize:l,children:S.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return e.jsxs(ri,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?e.jsx(ci,{onClick:()=>P(o.id),"data-testid":x("review-close",o.id)}):null,e.jsxs(ti,{children:[e.jsxs(ni,{children:[e.jsx(di,{children:X(o)}),e.jsxs(oi,{children:[e.jsxs(m,{children:[e.jsx(u,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),e.jsx(u,{isWarning:c,isError:h,children:o.rightSideText.title})]}),e.jsxs(m,{children:[e.jsx(si,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),l!=="small"?e.jsxs(w,{windowSize:l,children:[e.jsx(g,{isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(f,{children:e.jsx($,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),l==="small"?e.jsxs(w,{windowSize:l,children:[e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(f,{children:e.jsx($,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),b?e.jsx(C,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},X=i=>i.reviewStatus.isLoading?e.jsx(I,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):i.reviewStatus.code==="error"?e.jsx(v,{isError:!0}):i.reviewStatus.code==="warning"?e.jsx(v,{isError:!1}):i.reviewStatus.code==="valid"?e.jsx(li,{}):i.reviewStatus.code==="low-balance"?e.jsx(hi,{}):e.jsx(ai,{}),q=t.div`
+import{X as B,j as e,Y as x,o as r,a3 as L,C as d,a2 as M,Q as C,h as W,g as s,s as y,b$ as R,c as I,v as j,az as D,m as n,ed as G,ax as A,jj as F,jk as H}from"./index-CWmqNC4C.js";import{n as t}from"./vendor-CnQcJ2Lu.js";const a={containerMarginTop:new d(0,n[2]),containerMarginLeft:new d(n[3],n[8]),containerMarginRight:new d(n[3],n[8]),subTitleMarginBottom:new d(n[2],n[2]),titleMarginBotom:new d(n[0],n[2]),titleMarginRight:new d(n[0],n[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(n[3],n[3],n[8]),navBarPaddingRight:new d(n[3],n[3],n[8])},J={title:new C("h6Regular","h5Regular")},xi=({title:i,description:p,reviewItems:S,showFooter:b,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:P})=>{const l=B();return e.jsxs(X,{children:[e.jsx(V,{windowSize:l,children:e.jsx(Z,{children:e.jsx(_,{windowSize:l,children:e.jsx(ii,{children:e.jsx(ei,{onClick:k,"data-testid":x("review-overlay-close",i)})})})})}),e.jsxs(K,{windowSize:l,children:[e.jsxs(O,{windowSize:l,children:[e.jsx(Y,{children:e.jsx(q,{windowSize:l,children:i})}),e.jsx(N,{isError:p.isError,windowSize:l,children:p.content})]}),e.jsx(U,{windowSize:l,children:S.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return e.jsxs(ri,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?e.jsx(ci,{onClick:()=>P(o.id),"data-testid":x("review-close",o.id)}):null,e.jsxs(ti,{children:[e.jsxs(ni,{children:[e.jsx(di,{children:Q(o)}),e.jsxs(oi,{children:[e.jsxs(m,{children:[e.jsx(u,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),e.jsx(u,{isWarning:c,isError:h,children:o.rightSideText.title})]}),e.jsxs(m,{children:[e.jsx(si,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),l!=="small"?e.jsxs(w,{windowSize:l,children:[e.jsx(g,{isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(f,{children:e.jsx($,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),l==="small"?e.jsxs(w,{windowSize:l,children:[e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:e.jsxs(e.Fragment,{children:[o.rightSideText.showThunderIcon===!0?e.jsx(f,{children:e.jsx($,{})}):null,o.rightSideText.subTitle]})}),e.jsx(g,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),b?e.jsx(L,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},Q=i=>i.reviewStatus.isLoading?e.jsx(I,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):i.reviewStatus.code==="error"?e.jsx(v,{isError:!0}):i.reviewStatus.code==="warning"?e.jsx(v,{isError:!1}):i.reviewStatus.code==="valid"?e.jsx(li,{}):i.reviewStatus.code==="low-balance"?e.jsx(hi,{}):e.jsx(ai,{}),X=t.div`
   display: flex;
   flex-direction: column;
   background-color: ${i=>i.theme.colors.grey4};
-`,H=t.div`
+`,K=t.div`
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   margin-top: ${i=>a.containerMarginTop.valuePx(i.windowSize)};
   margin-bottom: ${r.sp8};
-`,K=t.div`
+`,O=t.div`
   position: sticky;
   top: ${r.sp0};
   background-color: ${i=>i.theme.colors.grey4};
   z-index: 1;
   padding-left: ${i=>a.containerMarginLeft.valuePx(i.windowSize)};
   padding-right: ${i=>a.containerMarginRight.valuePx(i.windowSize)};
-`,N=t.div`
+`,Y=t.div`
   display: flex;
   align-items: center;
-`,O=t(W)`
-  ${i=>`${Q.title.style(i.windowSize)}`};
+`,q=t(W)`
+  ${i=>`${J.title.style(i.windowSize)}`};
   color: ${i=>i.theme.colors.primary};
   margin-top: ${r.sp2};
   margin-bottom: ${i=>a.titleMarginBotom.valuePx(i.windowSize)};
   margin-right: ${i=>a.titleMarginRight.valuePx(i.windowSize)};
-`,Y=t(y)`
+`,N=t(y)`
   margin-bottom: ${i=>a.subTitleMarginBottom.valuePx(i.windowSize)};
   color: ${i=>i.isError?s.important:i.theme.colors.hero};
-`,_=t.div`
+`,U=t.div`
   display: flex;
   flex-direction: column;
   margin-top: ${r.sp3};
   margin-left: ${i=>a.containerMarginLeft.valuePx(i.windowSize)};
   margin-right: ${i=>a.containerMarginRight.valuePx(i.windowSize)};
-`,U=t.div`
+`,V=t.div`
   min-height: ${i=>a.navBarHeight.valuePx(i.windowSize)};
   position: sticky;
   border-bottom: 1px solid transparent;
   z-index: 2;
   top: ${r.sp0};
   width: 100%;
-`,V=t.div`
+`,Z=t.div`
   position: relative;
   min-height: 62px;
-`,Z=t.div`
+`,_=t.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -59,7 +59,7 @@ import{X as B,j as e,Y as x,o as r,a3 as C,C as d,a2 as L,Q as M,h as W,g as s,q
   display: flex;
   flex: 1 1 0;
   justify-content: flex-end;
-`,ei=t(L)`
+`,ei=t(M)`
   width: ${r.sp4};
   height: ${r.sp4};
   cursor: pointer;
@@ -113,7 +113,7 @@ import{X as B,j as e,Y as x,o as r,a3 as C,C as d,a2 as L,Q as M,h as W,g as s,q
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${s.success};
-`,ai=t(J)`
+`,ai=t(H)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${i=>i.theme.colors.grey2};

package/dist/assets/RoleWithToolTip-4WCTaiOg-BCe2sjxQ.js

@@ -0,0 +1,22 @@
+import{eI as h,eJ as x,j as t,bs as m,o as i,Y as o,M as g,n as j,v as p}from"./index-CWmqNC4C.js";import{n as r}from"./vendor-CnQcJ2Lu.js";const{hyphen:a}=g.getLocalizedStrings().common.strings,y=r.div``,f=r.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`,b=r(p)`
+  color: ${e=>e.theme.colors.hero};
+`,u=r(p)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,d=r.div`
+  display: flex;
+  align-items: center;
+`,w=r(j)`
+  border-radius: ${i.sp12};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  display: flex;
+  height: 18px;
+  width: 18px;
+  align-items: center;
+  justify-content: center;
+  color: 1px solid ${e=>e.theme.colors.grey1};
+  margin-left: ${i.sp1};
+`,C=({roles:e})=>{let s=a,l=[];s=h(e),l=x(e);const c=()=>l.length>0?t.jsx(y,{children:l.map(n=>t.jsxs(f,{children:[t.jsx(b,{children:n[0]}),t.jsx(u,{children:n[1]})]},n.join(",")))}):t.jsx(t.Fragment,{children:a});return l.length>0?t.jsx(m,{enterDelay:600,"data-testid":o("roles-tooltip",s),title:c(),placement:"top-end",style:{marginLeft:i.sp1,padding:"6px 12px"},maxWidth:"264px",children:t.jsxs(d,{"data-testid":o("roles-label-wrapper",s),children:[s,t.jsx(w,{className:"roles-count-wrapper","data-testid":o("roles-count-wrapper",s),children:l.length})]})}):t.jsx(d,{"data-testid":o("roles-label-wrapper",s),children:s})};export{C as T};