@zeniai/web-cockpit-ui 1.15.66-dev → 1.15.67-dev

package/dist/assets/{RevenueChart-DtQu0KAn-D8weCECA.js → RevenueChart-SvdhwBcE-BkckN20x.js}

@@ -1,4 +1,4 @@
-import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as Ae,p as g,aG as Ve,x as xe,bO as ge,an as R,bP as V,bc as F}from"./index-DmJDLobC.js";import{a as P,P as ee}from"./sentry-L3H0lnBS.js";import{n as x}from"./mui-Bgk_7_3h.js";import{p as b,d as ae,y as W,b as N,g as re,u as T}from"./chartTypes-Dq3hUz_T-CZIhQYGg.js";import{i as K,h as oe,c as G}from"./toCOABalancesWithID-P7keEtAg-CKsrAJNb.js";import{V as Z}from"./toChartData-BUf5HHim-DU5WiVJh.js";import{E as Te,F as te,X as le,Y as ne,G as se,L as pe,H as ce,I as me,J as fe}from"./recharts-DQ94kkTy.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="01501f3f-10f1-4a3a-a799-e10fa022d402",e._sentryDebugIdIdentifier="sentry-dbid-01501f3f-10f1-4a3a-a799-e10fa022d402")}catch{}})();const X={legendLabelMarginLeft:new xe(2,2),legendLabelMarginRight:new xe(I[3],I[4])},Fe=x.div`
+import{d as A,V as a,O as D,J as de,b5 as J,u as I,b as M,a_ as Q,o as m,aR as Ae,p as g,aF as Ve,y as xe,bO as ge,am as R,bP as V,bc as F}from"./index-DyBrELD_.js";import{a as P,P as ee}from"./sentry-BV4jcjA3.js";import{n as x}from"./mui-D3hEqMLm.js";import{p as b,d as ae,y as W,b as N,g as re,u as T}from"./chartTypes-40RenddT-DZcmdGKn.js";import{i as K,h as oe,c as G}from"./toCOABalancesWithID-DkMGvlEt-BQrLH-Nz.js";import{V as Z}from"./toChartData-C6s-eBzE-DCXAm4rQ.js";import{H as Te,I as te,X as le,Y as ne,J as se,L as pe,K as ce,M as me,N as fe}from"./recharts-Bs6FfRQK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="04d49598-50f3-4c7e-becd-b8e9ff7df687",e._sentryDebugIdIdentifier="sentry-dbid-04d49598-50f3-4c7e-becd-b8e9ff7df687")}catch{}})();const X={legendLabelMarginLeft:new xe(2,2),legendLabelMarginRight:new xe(I[3],I[4])},Fe=x.div`
   display: flex;
 `,He=x.div`
   margin: ${m.sp2} ${m.sp0} ${m.sp2} ${m.sp0};
@@ -19,17 +19,17 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,Ue=x(R)`
+`,qe=x(R)`
   background-color: ${e=>e.color};
   height: 12px;
   width: 12px;
   display: inline-block;
   margin-right: ${m.sp2};
-`,qe=x(R)`
+`,Ue=x(R)`
   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(Xe,{color:r.color,children:[a.jsxs(qe,{children:[a.jsx(Ue,{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(Fe,{children:a.jsxs(Ye,{children:[be(r.slice(0,r.length-1)),r.length?a.jsx(He,{}):null,be(r.slice(-1))]})})},ea=ee.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=oe("net_cash_flow","actual",o));const c=b("cash_in","actual"),s=b("cash_out","actual"),f=b("net_cash_flow","actual"),p=l.length>0?c:i.length>0?s:void 0,d={};return d[c]=l,d[s]=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`
+`,Je=({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(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)),Qe=e=>{const r=Je({...e});return r.length===0?null:a.jsx(Fe,{children:a.jsxs(Ye,{children:[be(r.slice(0,r.length-1)),r.length?a.jsx(He,{}):null,be(r.slice(-1))]})})},ea=ee.memo(Qe),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=oe("net_cash_flow","actual",o));const c=b("cash_in","actual"),s=b("cash_out","actual"),f=b("net_cash_flow","actual"),p=l.length>0?c:i.length>0?s:void 0,d={};return d[c]=l,d[s]=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;
 
@@ -42,7 +42,7 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
 `,oa=x(ge)`
   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,onCOABalancesRangeChanged:h}){const c=A(),s=P.useRef(!1);P.useEffect(()=>{s.current=!0},[]);const f=[c.colors.graphColor33,c.colors.graphColor36,c.colors.graphColor35],p=(_,w=c.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&&!s.current;_.push(a.jsx(ce,{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:c,onCOABalancesRangeChanged:s})=>{const f=de(),p=A(),d=e.timeseries,y=ae(e),_=d.map($=>$.label),w=h!==!1,C=$=>{if(!c||$?.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=re(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),S={...o,thisPeriod:{startDate:d[j].startDate,endDate:d[j].endDate}};s?.(d[v],r,S)},L=c?(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:c?void 0:"12%",maxBarSize:c?I[10]:22,barGap:c?void 0:2,margin:{top:5,right:L,left:0,bottom:I[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>J("0,0.[00]a",v,y)}),a.jsx(se,{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,c?a.jsx(pe,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},formatter:v=>a.jsx(oa,{windowSize:f,children:D.getLocalizedStrings().chartCard.cashInCashOut[N(v)]})}):null]})})})},la=x.div`
+`;function Tr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const c=A(),s=P.useRef(!1);P.useEffect(()=>{s.current=!0},[]);const f=[c.colors.graphColor33,c.colors.graphColor36,c.colors.graphColor35],p=(_,w=c.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&&!s.current;_.push(a.jsx(ce,{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:c,onCOABalancesRangeChanged:s})=>{const f=de(),p=A(),d=e.timeseries,y=ae(e),_=d.map($=>$.label),w=h!==!1,C=$=>{if(!c||$?.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=re(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),S={...o,thisPeriod:{startDate:d[j].startDate,endDate:d[j].endDate}};s?.(d[v],r,S)},L=c?(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(J,{children:({height:$,width:k})=>a.jsxs(Te,{data:e.recordByTimeseries,barCategoryGap:c?void 0:"12%",maxBarSize:c?I[10]:22,barGap:c?void 0:2,margin:{top:5,right:L,left:0,bottom:I[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>Q("0,0.[00]a",v,y)}),a.jsx(se,{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,c?a.jsx(pe,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},formatter:v=>a.jsx(oa,{windowSize:f,children:D.getLocalizedStrings().chartCard.cashInCashOut[N(v)]})}):null]})})})},la=x.div`
   display: flex;
 `,na=x.div`
   flex: display;
@@ -60,7 +60,7 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
 `,ca=({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=ca(e);return r.length===0?null:a.jsx(la,{children:a.jsx(na,{children:r.map((t,n)=>a.jsx(sa,{color:t.color,children:`${t.barName}: ${T(t.value)}`},t.barName+n))})})},ua=ee.memo(ia),ha=(e,r,t)=>{let n=[];t!=null&&t.balances.length>0&&(n=G("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 Wr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const c=A(),s=P.useRef(!1);P.useEffect(()=>{s.current=!0},[]);const f=ha(e.firstMonthOfFY,Ce,e.cashPosition),p=()=>{const d=[];return Ce.forEach(y=>{const _=i===!0&&!s.current;d.push(a.jsx(ce,{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:c.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:c,onCOABalancesRangeChanged:s})=>{const f=A(),p=e.timeseries,d=ae(e),y=p.map(L=>L.label),_=h!==!1,w=L=>{if(!c||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=re(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}};s?.(p[k],r,j)},C=c?(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:c?I[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:w,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:k=>J("0,0.[00]a",k,d)}),a.jsx(se,{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 Wr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:h}){const c=A(),s=P.useRef(!1);P.useEffect(()=>{s.current=!0},[]);const f=ha(e.firstMonthOfFY,Ce,e.cashPosition),p=()=>{const d=[];return Ce.forEach(y=>{const _=i===!0&&!s.current;d.push(a.jsx(ce,{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:c.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:c,onCOABalancesRangeChanged:s})=>{const f=A(),p=e.timeseries,d=ae(e),y=p.map(L=>L.label),_=h!==!1,w=L=>{if(!c||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=re(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}};s?.(p[k],r,j)},C=c?(l-60)/W.cash_position*(W.cash_position-e.recordByTimeseries.length):20;return a.jsx(da,{width:l,height:i,children:a.jsx(J,{children:({height:L,width:$})=>a.jsxs(Te,{width:$,height:L,data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:c?I[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:w,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:k=>Q("0,0.[00]a",k,d)}),a.jsx(se,{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;
@@ -141,7 +141,7 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
 `,Ta=x(ge)`
   margin-left: ${e=>X.legendLabelMarginLeft.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:c}){const s=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[s.colors.graphColor36,s.colors.graphColor06,s.colors.graphColor31,s.colors.graphColor12],d=[s.colors.graphColor04,s.colors.graphColor10,s.colors.graphColor32,s.colors.graphColor13,s.colors.graphColor04Dark,s.colors.graphColor10Dark,s.colors.graphColor32Dark,s.colors.graphColor13Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?Pa:za,w=(u,j=s.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:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:j,cy:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:5,stroke:z,strokeWidth:2,fill:B})},k=(u,j)=>a.jsx(me,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:S=>{const B=S.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,S)=>a.jsx(ce,{name:u,animationDuration:S?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,S)=>{const B=i===!0&&!f.current;j.endsWith("_forecast")?u.push(k(j,S)):u.push(v(j,S,B))}),u};return C==null?null:a.jsx(Wa,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:O(),customToolTipContent:({active:u,payload:j})=>a.jsx(Sa,{active:u,payload:j,mode:h}),width:n,height:o,onCOABalancesRangeChanged:c,highlightedRange:t,isDetailPage:i===!0})}const Wa=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:c,onCOABalancesRangeChanged:s})=>{const f=de(),p=A(),d=ae(e),y=e.timeseries,_=y.map($=>$.label),w=h!==!1,C=$=>{if(!c||$?.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=re(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),S={...o,thisPeriod:{startDate:y[j].startDate,endDate:y[j].endDate}};s?.(y[v],r,S)},L=c?(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(fe,{data:e.recordByTimeseries,barCategoryGap:c?void 0:"12%",maxBarSize:c?I[10]:22,barGap:c?void 0:2,margin:{top:5,right:L,left:0,bottom:I[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>J("0,0.[00]a",v,d)}),a.jsx(se,{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,c?a.jsx(pe,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:I[3],formatter:v=>a.jsx(Ta,{windowSize:f,children:v.endsWith("_forecast")===!0?D.getLocalizedStrings().chartCard.netBurnOrIncome[v]:D.getLocalizedStrings().chartCard.netBurnOrIncome[N(v)]})}):null]})})})},Na=x.div`
+`;function Nr({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:c}){const s=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[s.colors.graphColor36,s.colors.graphColor06,s.colors.graphColor31,s.colors.graphColor12],d=[s.colors.graphColor04,s.colors.graphColor10,s.colors.graphColor32,s.colors.graphColor13,s.colors.graphColor04Dark,s.colors.graphColor10Dark,s.colors.graphColor32Dark,s.colors.graphColor13Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?Pa:za,w=(u,j=s.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:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:j,cy:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:5,stroke:z,strokeWidth:2,fill:B})},k=(u,j)=>a.jsx(me,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:S=>{const B=S.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,S)=>a.jsx(ce,{name:u,animationDuration:S?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,S)=>{const B=i===!0&&!f.current;j.endsWith("_forecast")?u.push(k(j,S)):u.push(v(j,S,B))}),u};return C==null?null:a.jsx(Wa,{chartData:C,timeframe:r,showBarHoverBackground:l,barElements:O(),customToolTipContent:({active:u,payload:j})=>a.jsx(Sa,{active:u,payload:j,mode:h}),width:n,height:o,onCOABalancesRangeChanged:c,highlightedRange:t,isDetailPage:i===!0})}const Wa=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:c,onCOABalancesRangeChanged:s})=>{const f=de(),p=A(),d=ae(e),y=e.timeseries,_=y.map($=>$.label),w=h!==!1,C=$=>{if(!c||$?.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=re(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),S={...o,thisPeriod:{startDate:y[j].startDate,endDate:y[j].endDate}};s?.(y[v],r,S)},L=c?(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(J,{children:({height:$,width:k})=>a.jsxs(fe,{data:e.recordByTimeseries,barCategoryGap:c?void 0:"12%",maxBarSize:c?I[10]:22,barGap:c?void 0:2,margin:{top:5,right:L,left:0,bottom:I[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>Q("0,0.[00]a",v,d)}),a.jsx(se,{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,c?a.jsx(pe,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:I[3],formatter:v=>a.jsx(Ta,{windowSize:f,children:v.endsWith("_forecast")===!0?D.getLocalizedStrings().chartCard.netBurnOrIncome[v]:D.getLocalizedStrings().chartCard.netBurnOrIncome[N(v)]})}):null]})})})},Na=x.div`
   display: flex;
 `,Ia=x.div`
   flex: display;
@@ -189,13 +189,13 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
 `,Va=x(R)`
   text-align: left;
   width: 162px;
-`,U=x(F)`
+`,q=x(F)`
   text-align: right;
   flex: 1;
-`,Fa=({active:e,payload:r,barName:t})=>{const n=[];if(r!=null&&e===!0){const o=r.filter(c=>c.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 c;if(t.includes("forecast")!==!0){c=l.record[t]!=null?Ha(t,l):void 0;const s={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")?(s.amount+=l.record[p].amount?.amount??0,s.currencyCode=C!=null?C.currencyCode:s.currencyCode,s.currencySymbol=C!=null?C.currencySymbol:s.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((s?.amount-f?.amount)*100/100),y={...s,amount:d},_=f.amount!==0?Math.floor((s.amount-f.amount)/f.amount*100)/100:0,w={value:f,change:y,percent:_};n.push({barName:N(t),actual:h,forecast:c,color:i}),n.push({barName:D.getLocalizedStrings().chartCard.total,actual:s,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(Ga,{color:e.color,children:[a.jsx(Va,{children:`${e.barName}:`}),a.jsx(U,{children:e.actual!=null?`${T(e.actual)}`:"-"}),a.jsx(U,{children:e.forecast!=null?`${T(e.forecast.value)}`:"-"}),e.forecast!=null?a.jsx(U,{isChange:!0,children:`${T(e.forecast.change)}`}):a.jsx(U,{children:"-"}),e.forecast!=null?a.jsx(U,{isChange:!0,children:V("0,0.0%",e.forecast.percent)}):a.jsx(U,{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(Ia,{children:[a.jsx(_e,{color:e[0].color,children:`${e[0].barName}: ${T(e[0].actual)}`}),a.jsx(Ee,{}),a.jsx(_e,{children:`${D.getLocalizedStrings().chartCard.total}: ${T(e[1].actual)}`})]})}),Ua=({barLabelsWithValues:e})=>a.jsxs(Ma,{children:[a.jsxs(Ka,{children:[a.jsx(Ea,{}),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(Ee,{}),Le(e[1])]})]}),qa=e=>{const r=Fa({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(Ua,{barLabelsWithValues:r}):a.jsx(Xa,{barLabelsWithValues:r})})},Za=ee.memo(qa),Qa=(e,r)=>{const t=[],n={};let o;return r!=null&&r.classes.length!=0&&r.classes.forEach(l=>{const i=G(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!Ve(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 c=G(h.accountGroupName,"actual",h),s=b(h.accountGroupName,"actual");o[s]=c,n.push(s),l==null&&c.length>0&&(l=b(h.accountGroupName,"actual"))}):t!=null&&t.accounts.length!=0&&(i=!0,t.accounts.forEach(h=>{const c=G(h.account.accountName,"actual",h.account.balancesInTimeframe),s=b(h.account.accountName,"actual");o[s]=c,n.push(s),l==null&&c.length>0&&(l=b(h.account.accountName,"actual"))})),t!=null&&t.accountGroups.length===0&&t.accounts.length===0){const h=D.getLocalizedStrings().chartCard.total,c=G(h,"actual",t);if(c.length!==0){const s=b(h,"actual");o[s]=c,l=s,n.push(s)}}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=G(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=G(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=G(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`
+`,Fa=({active:e,payload:r,barName:t})=>{const n=[];if(r!=null&&e===!0){const o=r.filter(c=>c.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 c;if(t.includes("forecast")!==!0){c=l.record[t]!=null?Ha(t,l):void 0;const s={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")?(s.amount+=l.record[p].amount?.amount??0,s.currencyCode=C!=null?C.currencyCode:s.currencyCode,s.currencySymbol=C!=null?C.currencySymbol:s.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((s?.amount-f?.amount)*100/100),y={...s,amount:d},_=f.amount!==0?Math.floor((s.amount-f.amount)/f.amount*100)/100:0,w={value:f,change:y,percent:_};n.push({barName:N(t),actual:h,forecast:c,color:i}),n.push({barName:D.getLocalizedStrings().chartCard.total,actual:s,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(Ga,{color:e.color,children:[a.jsx(Va,{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:V("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(Ia,{children:[a.jsx(_e,{color:e[0].color,children:`${e[0].barName}: ${T(e[0].actual)}`}),a.jsx(Ee,{}),a.jsx(_e,{children:`${D.getLocalizedStrings().chartCard.total}: ${T(e[1].actual)}`})]})}),qa=({barLabelsWithValues:e})=>a.jsxs(Ma,{children:[a.jsxs(Ka,{children:[a.jsx(Ea,{}),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(Ee,{}),Le(e[1])]})]}),Ua=e=>{const r=Fa({...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=ee.memo(Ua),Ja=(e,r)=>{const t=[],n={};let o;return r!=null&&r.classes.length!=0&&r.classes.forEach(l=>{const i=G(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!Ve(n,r)}static init(){return this.#e=new Y,this.#e}static instance(){return this.#e}}const Qa=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 c=G(h.accountGroupName,"actual",h),s=b(h.accountGroupName,"actual");o[s]=c,n.push(s),l==null&&c.length>0&&(l=b(h.accountGroupName,"actual"))}):t!=null&&t.accounts.length!=0&&(i=!0,t.accounts.forEach(h=>{const c=G(h.account.accountName,"actual",h.account.balancesInTimeframe),s=b(h.account.accountName,"actual");o[s]=c,n.push(s),l==null&&c.length>0&&(l=b(h.account.accountName,"actual"))})),t!=null&&t.accountGroups.length===0&&t.accounts.length===0){const h=D.getLocalizedStrings().chartCard.total,c=G(h,"actual",t);if(c.length!==0){const s=b(h,"actual");o[s]=c,l=s,n.push(s)}}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=G(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=G(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=G(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 Ir({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:c}){const s=P.useRef(!1),[f,p]=P.useState(Ja),[d,y]=P.useState(void 0),_=A(),w=P.useRef([]);P.useEffect(()=>{s.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(D.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(me,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(or,{}),activeDot:a.jsx(tr,{}),dataKey:j=>{const S=j.record;let B,z;for(z in S)if(z.endsWith("_forecast")){const E=S[z].amount;E!=null&&(B==null?B={...E}:B.amount+=E.amount)}return B?.amount},stroke:_.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},u),v=(u,j)=>a.jsx(ce,{name:u,animationDuration:j?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const B=S.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=!s.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:c,highlightedRange:t,isDetailPage:i===!0})}const lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:c,onCOABalancesRangeChanged:s})=>{const f=A(),p=ae(e),d=e.timeseries,y=d.map(L=>L.label),_=h!==!1,w=L=>{if(!c||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=re(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}};s?.(d[k],r,j)},C=c?(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(fe,{width:$,height:L,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:c?I[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:w,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:k=>J("0,0.[00]a",k,p)}),a.jsx(se,{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 Ir({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:c}){const s=P.useRef(!1),[f,p]=P.useState(Qa),[d,y]=P.useState(void 0),_=A(),w=P.useRef([]);P.useEffect(()=>{s.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(D.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):Ja(e.firstMonthOfFY,e.sections.expenses),[e,h]),L=P.useCallback(()=>{const k=u=>a.jsx(me,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(or,{}),activeDot:a.jsx(tr,{}),dataKey:j=>{const S=j.record;let B,z;for(z in S)if(z.endsWith("_forecast")){const E=S[z].amount;E!=null&&(B==null?B={...E}:B.amount+=E.amount)}return B?.amount},stroke:_.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},u),v=(u,j)=>a.jsx(ce,{name:u,animationDuration:j?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const B=S.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=!s.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:c,highlightedRange:t,isDetailPage:i===!0})}const lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:c,onCOABalancesRangeChanged:s})=>{const f=A(),p=ae(e),d=e.timeseries,y=d.map(L=>L.label),_=h!==!1,w=L=>{if(!c||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=re(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}};s?.(d[k],r,j)},C=c?(l-60)/W.operating_expenses*(W.operating_expenses-e.recordByTimeseries.length):20;return a.jsx(rr,{width:l,height:i,children:a.jsx(J,{children:({height:L,width:$})=>a.jsxs(fe,{width:$,height:L,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:c?I[10]:30,margin:{top:5,right:C,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:w,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:f.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:f.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:k=>Q("0,0.[00]a",k,p)}),a.jsx(se,{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;
 `,sr=x.div`
   display: flex;
@@ -256,14 +256,14 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
   text-align: right;
 `,Se=x(F)`
   text-align: right;
-`,q=x(F)`
+`,U=x(F)`
   text-align: right;
   flex: 1;
   color: ${e=>e.isChange!=null&&e.isChange===!0?g.important:null};
 `,Be=x(F)`
   display: flex;
   flex-direction: column;
-`,Oe=x(F)``,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 c=h.name;if(e===!0){const s=h.payload,f=h.color,p=c!=null&&s.record[c]!=null?s.record[c].amount:void 0;let d;if(c.includes("forecast")!==!0)switch(t==="forecast_mode"&&(d=s.record[c]!=null?mr(c,s):void 0),c){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(c)],actual:p,forecast:d,percent:s.record[c]!=null?s.record[c].percentValue??0:0,color:f});break;default:n.push({barName:D.getLocalizedStrings().chartCard.revenue[N(c)],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(Se,{children:`${T(r.actual)}`}),r.percent!=null?a.jsx(Se,{children:V("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(q,{children:a.jsxs(Be,{children:[r.actual!=null?`${T(r.actual)}`:"-",a.jsx(Oe,{children:r.percent!=null?V("0,0.0%",r.percent):null})]})}),a.jsx(q,{children:a.jsxs(Be,{children:[r.forecast!=null?`${T(r.forecast.value)}`:"-",a.jsx(Oe,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?V("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(q,{isChange:!0,children:`${T(r.forecast.change)}`}):a.jsx(q,{children:"-"}),r.forecast!=null?a.jsx(q,{isChange:!0,children:V("0,0.0%",r.forecast.percent)}):a.jsx(q,{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(sr,{children:[a.jsxs(cr,{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(Ge,{}):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(Ge,{}):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=ee.memo(Cr),Re=(e,r,t,n,o,l)=>{let i=[],h=[],c=[];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&&(c=oe("gross_margin","actual",l));const s=b("income","actual"),f=b("cogs","actual"),p=b("gross_margin","actual"),d=i.length>0?s:h.length>0?f:p,y={};return y[s]=i,y[f]=h,y[p]=c,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=oe("gross_margin","forecast",t));const i=b("income","forecast"),h=b("cogs","forecast"),c=b("gross_margin","forecast"),s={};return s[i]=n,s[h]=o,s[c]=l,s},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`
+`,Oe=x(F)``,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 c=h.name;if(e===!0){const s=h.payload,f=h.color,p=c!=null&&s.record[c]!=null?s.record[c].amount:void 0;let d;if(c.includes("forecast")!==!0)switch(t==="forecast_mode"&&(d=s.record[c]!=null?mr(c,s):void 0),c){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(c)],actual:p,forecast:d,percent:s.record[c]!=null?s.record[c].percentValue??0:0,color:f});break;default:n.push({barName:D.getLocalizedStrings().chartCard.revenue[N(c)],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(Se,{children:`${T(r.actual)}`}),r.percent!=null?a.jsx(Se,{children:V("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?V("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?V("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:V("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(sr,{children:[a.jsxs(cr,{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(Ge,{}):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(Ge,{}):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=ee.memo(Cr),Re=(e,r,t,n,o,l)=>{let i=[],h=[],c=[];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&&(c=oe("gross_margin","actual",l));const s=b("income","actual"),f=b("cogs","actual"),p=b("gross_margin","actual"),d=i.length>0?s:h.length>0?f:p,y={};return y[s]=i,y[f]=h,y[p]=c,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=oe("gross_margin","forecast",t));const i=b("income","forecast"),h=b("cogs","forecast"),c=b("gross_margin","forecast"),s={};return s[i]=n,s[h]=o,s[c]=l,s},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;
 
@@ -277,4 +277,4 @@ import{y as A,V as a,O as D,X as de,b5 as Q,u as I,w as M,a_ as J,o as m,ac as A
   margin-left: ${e=>X.legendLabelMarginLeft.valuePx(e.windowSize)};
   margin-right: ${e=>X.legendLabelMarginRight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
-`;function Er({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:c}){const s=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[s.colors.graphColor26,s.colors.graphColor17,s.colors.graphColor12],d=[s.colors.graphColor28,s.colors.graphColor17,s.colors.graphColor10,s.colors.graphColor28Dark,s.colors.graphColor17Dark,s.colors.graphColor10Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?$r:kr,w=(u,j=s.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:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:j,cy:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:5,stroke:z,strokeWidth:2,fill:B})},k=(u,j)=>a.jsx(me,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(L,{}),activeDot:a.jsx($,{}),dataKey:S=>{const B=S.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,S)=>a.jsx(ce,{name:u,animationDuration:S?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,S)=>{const B=i===!0&&!f.current;j.endsWith("_forecast")?u.push(k(j,S)):u.push(v(j,S,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:c,highlightedRange:t,isDetailPage:i===!0})}const Lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:c,onCOABalancesRangeChanged:s})=>{const f=de(),p=A(),d=ae(e),y=e.timeseries,_=y.map($=>$.label),w=h!==!1,C=$=>{if(!c||$?.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=re(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),S={...o,thisPeriod:{startDate:y[j].startDate,endDate:y[j].endDate}};s?.(y[v],r,S)},L=c?(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(fe,{data:e.recordByTimeseries,barCategoryGap:c?void 0:"12%",maxBarSize:c?I[10]:22,barGap:c?void 0:2,margin:{top:5,right:L,left:0,bottom:I[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>J("0,0.[00]a",v,d)}),a.jsx(se,{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,c?a.jsx(pe,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:I[3],formatter:v=>a.jsx(_r,{windowSize:f,children:v.endsWith("_forecast")===!0?D.getLocalizedStrings().chartCard.revenue[v]:D.getLocalizedStrings().chartCard.revenue[N(v)]})}):null]})})})};export{Tr as G,Nr as H,Wr as P,Er as X,Ir as Y};
+`;function Er({selectedRangeReport:e,timeframe:r,highlightedRange:t,width:n,height:o,showBarHoverBackground:l,isDetailPage:i,mode:h,onCOABalancesRangeChanged:c}){const s=A(),f=P.useRef(!1);P.useEffect(()=>{f.current=!0},[]);const p=[s.colors.graphColor26,s.colors.graphColor17,s.colors.graphColor12],d=[s.colors.graphColor28,s.colors.graphColor17,s.colors.graphColor10,s.colors.graphColor28Dark,s.colors.graphColor17Dark,s.colors.graphColor10Dark],y=h==="forecast_mode"?d:p,_=h==="forecast_mode"?$r:kr,w=(u,j=s.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:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:4,stroke:B,strokeWidth:2,fill:z})},$=u=>{const{cx:j,cy:S,fill:B,stroke:z,value:E}=u;return E==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:j,cy:S,r:5,stroke:z,strokeWidth:2,fill:B})},k=(u,j)=>a.jsx(me,{name:u,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(L,{}),activeDot:a.jsx($,{}),dataKey:S=>{const B=S.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,S)=>a.jsx(ce,{name:u,animationDuration:S?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,S)=>{const B=i===!0&&!f.current;j.endsWith("_forecast")?u.push(k(j,S)):u.push(v(j,S,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:c,highlightedRange:t,isDetailPage:i===!0})}const Lr=({chartData:e,timeframe:r,barElements:t,customToolTipContent:n,highlightedRange:o,width:l,height:i,showBarHoverBackground:h,isDetailPage:c,onCOABalancesRangeChanged:s})=>{const f=de(),p=A(),d=ae(e),y=e.timeseries,_=y.map($=>$.label),w=h!==!1,C=$=>{if(!c||$?.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=re(O,_,o.numberOfPeriods),j=u[1]===void 0?_.length-1:_.indexOf(u[1]),S={...o,thisPeriod:{startDate:y[j].startDate,endDate:y[j].endDate}};s?.(y[v],r,S)},L=c?(l-60)/W.revenue*(W.revenue-e.recordByTimeseries.length):20;return a.jsx(wr,{width:l,height:i,windowSize:f,children:a.jsx(J,{children:({height:$,width:k})=>a.jsxs(fe,{data:e.recordByTimeseries,barCategoryGap:c?void 0:"12%",maxBarSize:c?I[10]:22,barGap:c?void 0:2,margin:{top:5,right:L,left:0,bottom:I[4]},height:$,width:k,style:{display:"flex",flex:"1 1 auto"},onClick:C,children:[a.jsx(te,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:p.colors.grey3}),a.jsx(le,{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(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:p.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:v=>Q("0,0.[00]a",v,d)}),a.jsx(se,{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,c?a.jsx(pe,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:m.sp0},iconSize:I[3],formatter:v=>a.jsx(_r,{windowSize:f,children:v.endsWith("_forecast")===!0?D.getLocalizedStrings().chartCard.revenue[v]:D.getLocalizedStrings().chartCard.revenue[N(v)]})}):null]})})})};export{Tr as G,Nr as H,Wr as P,Er as X,Ir as Y};

package/dist/assets/{ReviewDetailsPage-vui4TqeA-D-XziIJQ.js → ReviewDetailsPage-tT1l4R2r-RWSNyRxW.js}

@@ -1,4 +1,4 @@
-import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as le,fz as Mt,fA as At,fB as Bt,fC as Ft,aQ as M,fD as Lt,ac as v,fE as Rt,fF as Be,fG as Fe,fH as Le,w as q,dQ as O,p as j,fI as zt,fJ as E,dW as W,fK as Nt,fL as Ot,c1 as Re,o as n,aT as Et,u as d,O as Wt,ai as _t,cc as Vt,N as Gt,M as Zt,fM as Yt,cq as Ut,an as ce,ao as me,fN as qt,fO as Ht,bk as Kt,n as Qt,bb as Xt,fP as Jt,as as tt,bM as en,ak as nt,bv as tn,fQ as nn}from"./index-DmJDLobC.js";import{a as V}from"./sentry-L3H0lnBS.js";import{n as i}from"./mui-Bgk_7_3h.js";import{bo as ze,bm as Ne,bE as I,bW as an,Gx as on,bI as re,bY as ln}from"./zeni-epic-state-B9Z2lD6g.js";import{t as rn,o as sn}from"./LowBalancePopup-C2vHKMNF-bdPNLfbg.js";import{S as _}from"./LabeledText-DGZ7hxY4-DsEkDfJy.js";import"./liveblocks-D1Gf9COF.js";import"./core-BBKQkJb7.js";import"./lottie-B-DVrXwa.js";import"./recharts-DQ94kkTy.js";import"./analytics-BSh5cBTM.js";import"./lexical-CC2d_kE2.js";import"./utils-WSIc2RtD.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},y=new e.Error().stack;y&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[y]="e2e598be-124a-4bea-a1e2-8f9d0176e6f5",e._sentryDebugIdIdentifier="sentry-dbid-e2e598be-124a-4bea-a1e2-8f9d0176e6f5")}catch{}})();const it=["small","medium-compact","medium-regular"],m={largeLabelWidth:new u(150,215,215),infoMinWidth:new u(0,0,0,142,142),infoMarginRight:new u(0,0,0,d[2],d[2]),footerButtonWidth:new u(120,165),iconContainerMarginTop:new u(6,d[1]),navBarContainerPaddingTop:new u(10,d[3]),sectionTitleMarginLeft:new u(d[3],d[0]),reviewContainerMarginLeft:new u(d[3],d[6]),reviewContainerMarginRight:new u(d[3],d[8]),footerRightIconMarginRight:new u(d[0],d[0],d[7]),infoLabelPaddingRight:new u(d[0],d[3]),infoLabelMarginTop:new u(d[1],d[0])},dn={sectionTitle:new Gt("h6Medium","h5Medium")},{dateFormat:Oe,common:{currency:$,labels:Ee,edit:cn,strings:{empty:f}},spendManagement:{billPay:mn}}=Wt.getLocalizedStrings(),{billDetails:a,paymentDetails:We}=mn,_e=({attachment:e})=>{const[y,g]=V.useState(!1),A=()=>{g(!1)},S=e.fileId?.length===0;return t.jsxs(On,{isDisabled:e.fileId?.length===0,"data-testid":v("attachment-tag",e.fileName),onClick:()=>S===!1?g(!0):null,children:[y&&e?.fileDownloadUrl!=null?t.jsx(qt,{title:e.fileName,file:e,onCrossClick:()=>A(),setShowFullScreenView:g}):null,t.jsx(En,{children:t.jsx(Ht,{contentType:e.contentType})})]})},di=({billDetails:e,billpayApprovalView:y,isBillPayCommentingEnabled:g,currentTenant:A,isInternationalPaymentShaVsOurEnabled:S,isLocalCurrencyEnabled:at,style:ot,analytics:w,isRecurringBillsFeatureEnabled:lt,isApprovalRequiredForMarkAsPaid:rt,isDetectInsufficientFundsEnabled:st,billId:b,onClickEdit:pe,discardBillDetailsFromLocalStore:ue,saveBillDetails:ye,discardOutsideZeniPaymentData:dt,updateBillDetailSaveBillCode:he,redirectToBillsScreen:fe,onAttachmentClick:X,retryPayment:ct})=>{const s=Tt(),c=Ct(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:b},F=g&&b!=null,L=`dashboard_${c.currentTenant?.companyId}`,R=m.largeLabelWidth.value(s),P=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,l=Dt(S,at,e.billPayConfigList.filter(o=>o.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),T=Oe.visual.MMMDCommaYYYYformat,ge={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},p={amount:l?.method.includes("international")===!0?It(ge,l):e.recipientTotalAmount.amount+(l?.fee.amount??0),currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},z={amount:l?.method.includes("international")===!0?Pt(ge,l):l?.fee.amount??0,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},[mt,xe]=V.useState(!1),[te,be]=V.useState(!1),we=()=>xe(!1),pt=()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),xe(!0)},ut=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Rn,{size:s,children:t.jsx(Ln,{})})]}):kt(e.paymentDetailsSection?.paymentTo);V.useEffect(()=>{(P?.fetchState==="Completed"||J?.fetchState==="Completed")&&(ue(),he(),fe())},[P,J,fe,ue,he]);const k=e.billPayInfo?.stage,N=e.billPayInfo?.billStatus,G=e.billPayInfo?.billPaymentStatus,yt=e.billPayInfo?.billPaymentRefundStatus,ne=k?.code==="paid"?k:N?.code=="approved"&&G?.code?G:N,ht=e.billPayInfo?.isRefundInitiated===!0?yt:N?.code=="approved"&&G?.code?G:N,ie=()=>{pe()},$e=()=>{pe()},Z=e.paymentDetailsSection?.paymentDate,ae=le(l?.method??""),ve=ae.replace("Same Day",""),ft=e.isCollectToAccountInfoFromVendorContact?t.jsx(Mt,{paymentTypeLabel:ve,onClick:pt}):a.addedByZeni,Y=y.allApprovalRules.length>0,gt=ze(l?.method!=null&&(l.method.includes(I)||l?.fee.amount!=null&&l.fee.amount!==0)?p.amount-z.amount:p.amount,l?.fee.currencyCode??Ne.currencyCode,l?.fee.currencySymbol??Ne.currencySymbol),x=an(e.paymentDetailsSection?.paymentType?.method),xt=o=>{w.trackBillPayMarkAsPaidSubmit(o.paymentMode??"other",k?.code??"draft",ne?.code??""),ye(!0,o)},je=()=>{be(!0),w.trackBillPayMarkAsPaid(k?.code??"draft",ne?.code??"")},bt=()=>{dt(),be(!1)},C=x,h=C&&!rt,Se=Ve(h,Y,e.isBillMarkedForRetry),wt=()=>x?h?void 0:a.paymentOutsideZeni.reviewInfo:l?.method!=null&&l.method.includes(I)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&S&&ee===$.currencyCode?Jt(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,oe=st&&e.paymentDetailsSection!=null?At(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,$t=()=>{const o=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,D=e.recurringConfig,jt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(b??"new_bill"),l?.method!=null&&o!=null){const St=x?a.paymentOutsideZeni.offline:le(l.method);if(w.trackBillPaySendForApproval(St,o.format(Oe.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,b,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:re(D?.startDate?.toString()??"").format(T),endDate:re(D?.endDate?.toString()??"").format(T),frequency:D?.frequency??"monthly",totalAmount:jt.amount,totalPaymentCycles:D?.totalPaymentCycles??0,isApprovalRequired:D?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?D?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?D?.updateRecurringBills==="all":void 0}),oe!=null){const De=k?.code??"draft",Ie=N?.code??"",Pe=e.isRecurring?["Recurring"]:["One-Time"],ke=e.invoiceNumber??"",Me=nn(c.loggedInUser),Ae=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Se===a.scheduleBill?w.trackLowBalanceAccountSchedule(De,Ie,Pe,ke,Me,Ae):Se===a.sendForApproval&&w.trackLowBalanceAccountSentForApproval(De,Ie,Pe,ke,Me,Ae)}}},Te=()=>{Ce===!0&&U(!1),e.isBillMarkedForRetry===!0?(ct(),w.trackRetryConfirmClick(ne?.code??"",k?.code??"",ht?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&($t(),ye(!1,{}))},vt=on(p.amount,y.allApprovalRules,c.loggedInUser),[Ce,U]=V.useState(!1);return t.jsxs($n,{children:[te?t.jsx(rn,{onCancel:bt,onProceedForMarkAsPaid:xt,saveDetailsFetchState:P?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Ce?t.jsx(sn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{U(!1),ie()},onClickAway:()=>{U(!1)}}):null,t.jsx(Bt,{anchor:"right",open:mt,onClose:we,transitionDuration:250,"data-testid":v("vendor-email-preview-drawer"),children:t.jsx(Ft,{companyName:Lt(A.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Z?.format(T)??"",paymentType:ve,amount:M("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:we})}),t.jsxs(vn,{windowSize:s,style:ot,children:[s==="small"?t.jsxs(Fn,{windowSize:s,children:[t.jsx(Ke,{onClick:$e,"data-testid":v("review-detail-nav-bar-small-back")}),t.jsx(Ye,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Bn,{"data-testid":v("review-details-nav-bar-back"),children:t.jsx(Ke,{onClick:$e})}),s!=="small"?t.jsx(Sn,{children:t.jsx(Ye,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(Tn,{children:[t.jsxs(Cn,{children:[t.jsx(Yn,{}),t.jsxs(Dn,{children:[t.jsx(Pn,{children:a.duplicateBillPayWarning}),t.jsxs(In,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":v("review-detail-attachment-button"),onClick:()=>X(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Vn,{children:[t.jsx(Zn,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(o=>{const r=Rt(o);return o!=null?t.jsx(Gn,{children:it.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(kn,{children:[t.jsxs(Mn,{children:[o.attachments&&o.attachments.length>0?t.jsx(_e,{attachment:o.attachments[0]}):t.jsx(Qe,{children:t.jsx(Xe,{})}),t.jsx(K,{children:t.jsxs(t.Fragment,{children:[o.documentId!=null?a.invoiceNo:null,o.documentId]})})]}),t.jsx(Je,{windowSize:s,children:M("0,0[.]00",o.recipientTotalAmount)})]}),t.jsxs(Wn,{"data-testid":v("review-detail-mobile-info"),onClick:()=>X(o.id,o.billPayInfo.stage.code),children:[t.jsxs(K,{children:[o.dueDate!=null?a.due:null," ",o.dueDate?.format(T)]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[o.attachments&&o.attachments.length>0?t.jsx(_e,{attachment:o.attachments[0]}):t.jsx(Qe,{children:t.jsx(Xe,{})}),t.jsxs(_n,{"data-testid":v("review-detail-info"),onClick:()=>X(o.id,o.billPayInfo.stage.code),children:[t.jsx(K,{style:{width:"50%"},children:t.jsxs("div",{children:[o.documentId!=null?a.invoiceNo:null," ",o.documentId]})}),t.jsxs(K,{style:{width:"25%"},children:[o.dueDate!=null?a.due:null," ",o.dueDate?.format(T)]}),t.jsx(Je,{style:{width:"25%"},windowSize:s,children:M("0,0[.]00",o.amount)})]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},o.id):null})]})]}):null,t.jsxs(An,{children:[t.jsx(qe,{children:a.pay}),t.jsx(He,{children:t.jsx(Le,{amount:gt,integerStyles:q.largeMedium.cssObject,decimalStyles:q.smallMedium.cssObject})}),t.jsx(qe,{children:a.to}),t.jsx(He,{children:e.vendor?.name})]}),t.jsxs(jn,{children:[x?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"withdrawFrom"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(_,{label:{label:a.withdrawFrom,width:R},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?zt(e.paymentDetailsSection.withdrawFrom,s):f,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},additionalInfoLabel:oe})}),t.jsx(H,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"paymentType"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(_,{label:{label:a.paymentMethod,width:R},style:{width:"auto"},value:le(l?.method??""),additionalInfoLabel:wt()})}),t.jsx(H,{}),!x&&Z!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"paymentDate"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(_,{label:{label:a.paymentDate,width:R},style:{width:"auto"},value:Z.format(T),additionalInfoLabel:`${a.estimatedArrival}${re(ln(Z.toDate(),[0,6],l?.maxPeriod.value??0).toDateString()).format(T)} - (${ae.length>0?`${ae} `:""}${a.deliveryTimeLabel} = ${l?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(H,{})]}):null,x?null:t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"paymentTo"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(_,{label:{label:a.paymentTo,width:R},style:{width:"auto"},value:ut??"",additionalInfoLabel:ft})}),x||lt?t.jsxs(t.Fragment,{children:[t.jsx(H,{}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"recurringPaymentType"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(_,{label:{label:a.paymentType,width:R},style:{width:"auto"},value:Ot(e.isRecurring,x,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Nt(s,e.isRecurring,x,e.recurringConfig)})})]}):null]}),!x&&l?.method!=null&&(l.method.includes(I)||l?.fee.amount!=null&&l.fee.amount!==0)?t.jsx(gn,{children:t.jsxs(xn,{windowSize:s,children:[t.jsxs(bn,{children:[t.jsx(yn,{children:a.total}),t.jsx(Re,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(fn,{children:[t.jsxs(Ze,{children:[t.jsx(de,{children:l.method.includes(I)&&ee!==$.currencyCode?We.conversionAmountColon:Ee.invoiceAmount}),t.jsx(se,{children:M("0,0[.]00",{amount:p.amount-z.amount,currencySymbol:z.currencySymbol})})]}),t.jsxs(Ze,{children:[t.jsx(de,{children:We.transactionFee}),t.jsx(se,{children:M("0,0[.]00",{amount:z.amount,currencySymbol:z.currencySymbol})})]}),t.jsx(hn,{}),t.jsxs(un,{children:[t.jsx(de,{children:Ee.total}),t.jsx(se,{children:M("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(pn,{})})]}),t.jsx(wn,{children:t.jsx(Le,{amount:ze(p.amount,p.currencyCode,p.currencySymbol),integerStyles:q.h6Medium.cssObject,decimalStyles:q.standardMedium.cssObject})})]})}):null]}),t.jsx(Et,{cancelBtn:{label:C&&!h?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:C&&!h?je:ie,isLoading:C&&!h&&te&&P?.fetchState==="In-Progress",reverseSpinnerColor:!1,style:{width:Ge(!1,C,h,Y,s)}},primaryBtn:{label:Ve(h,Y,e.isBillMarkedForRetry),isLoading:P?.fetchState==="In-Progress"&&(h||!te)||J?.fetchState==="In-Progress",onClick:h?je:()=>{vt&&oe!=null?U(!0):Te()},style:{width:Ge(!0,C,h,Y,s)}},rightSideComponent:C&&!h&&P.fetchState!=="In-Progress"?t.jsx(Un,{windowSize:s,children:t.jsx(Re,{style:{color:j.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:cn,placement:"top",children:t.jsx(Hn,{onClick:ie,"data-testid":v("review-detail-edit-bill-button"),children:t.jsx(qn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?t.jsxs(zn,{children:[a.internationalText1,t.jsx(Nn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Ve=(e,y,g)=>e?a.paymentOutsideZeni.markAsPaid:g===!0?a.retryPayment:y?a.sendForApproval:a.scheduleBill,Ge=(e,y,g,A,S)=>g?128:y&&!e&&S==="small"?"auto":A?165:m.footerButtonWidth.value(S),pn=i(en)`
+import{J as Tt,ax as Ct,y as u,f8 as Dt,f9 as It,fa as Pt,V as t,fb as kt,fc as le,fd as At,fe as Mt,ff as Bt,fg as Ft,aP as A,fh as Rt,aR as v,fi as Lt,fj as Be,fk as Fe,fl as Re,b as q,fm as O,p as j,fn as zt,fo as E,fp as W,fq as Nt,fr as Ot,bV as Le,o as n,aT as Et,u as d,O as Wt,ah as Vt,c4 as _t,H as Yt,B as Zt,fs as Gt,ck as Ht,am as ce,an as me,ft as qt,fu as Kt,bk as Ut,a as Xt,bb as Jt,fv as Qt,ar as tt,bM as en,aj as nt,bv as tn,fw as nn}from"./index-DyBrELD_.js";import{a as _}from"./sentry-BV4jcjA3.js";import{n as i}from"./mui-D3hEqMLm.js";import{bo as ze,bm as Ne,bH as I,bN as an,Gq as on,bL as re,bP as ln}from"./zeni-epic-state-wSe7lDM8.js";import{t as rn,o as sn}from"./LowBalancePopup-ScEqPY9J-zI-i6Isi.js";import{S as V}from"./LabeledText-DvzVOku6-qtDKT9OR.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./recharts-Bs6FfRQK.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},y=new e.Error().stack;y&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[y]="429397ef-0d5c-4bed-85ac-62205dc83fa2",e._sentryDebugIdIdentifier="sentry-dbid-429397ef-0d5c-4bed-85ac-62205dc83fa2")}catch{}})();const it=["small","medium-compact","medium-regular"],m={largeLabelWidth:new u(150,215,215),infoMinWidth:new u(0,0,0,142,142),infoMarginRight:new u(0,0,0,d[2],d[2]),footerButtonWidth:new u(120,165),iconContainerMarginTop:new u(6,d[1]),navBarContainerPaddingTop:new u(10,d[3]),sectionTitleMarginLeft:new u(d[3],d[0]),reviewContainerMarginLeft:new u(d[3],d[6]),reviewContainerMarginRight:new u(d[3],d[8]),footerRightIconMarginRight:new u(d[0],d[0],d[7]),infoLabelPaddingRight:new u(d[0],d[3]),infoLabelMarginTop:new u(d[1],d[0])},dn={sectionTitle:new Yt("h6Medium","h5Medium")},{dateFormat:Oe,common:{currency:$,labels:Ee,edit:cn,strings:{empty:f}},spendManagement:{billPay:mn}}=Wt.getLocalizedStrings(),{billDetails:a,paymentDetails:We}=mn,Ve=({attachment:e})=>{const[y,g]=_.useState(!1),M=()=>{g(!1)},S=e.fileId?.length===0;return t.jsxs(On,{isDisabled:e.fileId?.length===0,"data-testid":v("attachment-tag",e.fileName),onClick:()=>S===!1?g(!0):null,children:[y&&e?.fileDownloadUrl!=null?t.jsx(qt,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:g}):null,t.jsx(En,{children:t.jsx(Kt,{contentType:e.contentType})})]})},di=({billDetails:e,billpayApprovalView:y,isBillPayCommentingEnabled:g,currentTenant:M,isInternationalPaymentShaVsOurEnabled:S,isLocalCurrencyEnabled:at,style:ot,analytics:w,isRecurringBillsFeatureEnabled:lt,isApprovalRequiredForMarkAsPaid:rt,isDetectInsufficientFundsEnabled:st,billId:b,onClickEdit:pe,discardBillDetailsFromLocalStore:ue,saveBillDetails:ye,discardOutsideZeniPaymentData:dt,updateBillDetailSaveBillCode:he,redirectToBillsScreen:fe,onAttachmentClick:J,retryPayment:ct})=>{const s=Tt(),c=Ct(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:b},F=g&&b!=null,R=`dashboard_${c.currentTenant?.companyId}`,L=m.largeLabelWidth.value(s),P=e.saveStatus,Q=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,l=Dt(S,at,e.billPayConfigList.filter(o=>o.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),T=Oe.visual.MMMDCommaYYYYformat,ge={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},p={amount:l?.method.includes("international")===!0?It(ge,l):e.recipientTotalAmount.amount+(l?.fee.amount??0),currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},z={amount:l?.method.includes("international")===!0?Pt(ge,l):l?.fee.amount??0,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},[mt,xe]=_.useState(!1),[te,be]=_.useState(!1),we=()=>xe(!1),pt=()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),xe(!0)},ut=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Ln,{size:s,children:t.jsx(Rn,{})})]}):kt(e.paymentDetailsSection?.paymentTo);_.useEffect(()=>{(P?.fetchState==="Completed"||Q?.fetchState==="Completed")&&(ue(),he(),fe())},[P,Q,fe,ue,he]);const k=e.billPayInfo?.stage,N=e.billPayInfo?.billStatus,Y=e.billPayInfo?.billPaymentStatus,yt=e.billPayInfo?.billPaymentRefundStatus,ne=k?.code==="paid"?k:N?.code=="approved"&&Y?.code?Y:N,ht=e.billPayInfo?.isRefundInitiated===!0?yt:N?.code=="approved"&&Y?.code?Y:N,ie=()=>{pe()},$e=()=>{pe()},Z=e.paymentDetailsSection?.paymentDate,ae=le(l?.method??""),ve=ae.replace("Same Day",""),ft=e.isCollectToAccountInfoFromVendorContact?t.jsx(At,{paymentTypeLabel:ve,onClick:pt}):a.addedByZeni,G=y.allApprovalRules.length>0,gt=ze(l?.method!=null&&(l.method.includes(I)||l?.fee.amount!=null&&l.fee.amount!==0)?p.amount-z.amount:p.amount,l?.fee.currencyCode??Ne.currencyCode,l?.fee.currencySymbol??Ne.currencySymbol),x=an(e.paymentDetailsSection?.paymentType?.method),xt=o=>{w.trackBillPayMarkAsPaidSubmit(o.paymentMode??"other",k?.code??"draft",ne?.code??""),ye(!0,o)},je=()=>{be(!0),w.trackBillPayMarkAsPaid(k?.code??"draft",ne?.code??"")},bt=()=>{dt(),be(!1)},C=x,h=C&&!rt,Se=_e(h,G,e.isBillMarkedForRetry),wt=()=>x?h?void 0:a.paymentOutsideZeni.reviewInfo:l?.method!=null&&l.method.includes(I)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&S&&ee===$.currencyCode?Qt(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,oe=st&&e.paymentDetailsSection!=null?Mt(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,$t=()=>{const o=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,D=e.recurringConfig,jt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(b??"new_bill"),l?.method!=null&&o!=null){const St=x?a.paymentOutsideZeni.offline:le(l.method);if(w.trackBillPaySendForApproval(St,o.format(Oe.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,b,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:re(D?.startDate?.toString()??"").format(T),endDate:re(D?.endDate?.toString()??"").format(T),frequency:D?.frequency??"monthly",totalAmount:jt.amount,totalPaymentCycles:D?.totalPaymentCycles??0,isApprovalRequired:D?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?D?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?D?.updateRecurringBills==="all":void 0}),oe!=null){const De=k?.code??"draft",Ie=N?.code??"",Pe=e.isRecurring?["Recurring"]:["One-Time"],ke=e.invoiceNumber??"",Ae=nn(c.loggedInUser),Me=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Se===a.scheduleBill?w.trackLowBalanceAccountSchedule(De,Ie,Pe,ke,Ae,Me):Se===a.sendForApproval&&w.trackLowBalanceAccountSentForApproval(De,Ie,Pe,ke,Ae,Me)}}},Te=()=>{Ce===!0&&H(!1),e.isBillMarkedForRetry===!0?(ct(),w.trackRetryConfirmClick(ne?.code??"",k?.code??"",ht?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&($t(),ye(!1,{}))},vt=on(p.amount,y.allApprovalRules,c.loggedInUser),[Ce,H]=_.useState(!1);return t.jsxs($n,{children:[te?t.jsx(rn,{onCancel:bt,onProceedForMarkAsPaid:xt,saveDetailsFetchState:P?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Ce?t.jsx(sn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{H(!1),ie()},onClickAway:()=>{H(!1)}}):null,t.jsx(Bt,{anchor:"right",open:mt,onClose:we,transitionDuration:250,"data-testid":v("vendor-email-preview-drawer"),children:t.jsx(Ft,{companyName:Rt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Z?.format(T)??"",paymentType:ve,amount:A("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:we})}),t.jsxs(vn,{windowSize:s,style:ot,children:[s==="small"?t.jsxs(Fn,{windowSize:s,children:[t.jsx(Ue,{onClick:$e,"data-testid":v("review-detail-nav-bar-small-back")}),t.jsx(Ge,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Bn,{"data-testid":v("review-details-nav-bar-back"),children:t.jsx(Ue,{onClick:$e})}),s!=="small"?t.jsx(Sn,{children:t.jsx(Ge,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(Tn,{children:[t.jsxs(Cn,{children:[t.jsx(Gn,{}),t.jsxs(Dn,{children:[t.jsx(Pn,{children:a.duplicateBillPayWarning}),t.jsxs(In,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":v("review-detail-attachment-button"),onClick:()=>J(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(_n,{children:[t.jsx(Zn,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(o=>{const r=Lt(o);return o!=null?t.jsx(Yn,{children:it.includes(s)?t.jsxs(He,{windowSize:s,children:[t.jsxs(kn,{children:[t.jsxs(An,{children:[o.attachments&&o.attachments.length>0?t.jsx(Ve,{attachment:o.attachments[0]}):t.jsx(Xe,{children:t.jsx(Je,{})}),t.jsx(U,{children:t.jsxs(t.Fragment,{children:[o.documentId!=null?a.invoiceNo:null,o.documentId]})})]}),t.jsx(Qe,{windowSize:s,children:A("0,0[.]00",o.recipientTotalAmount)})]}),t.jsxs(Wn,{"data-testid":v("review-detail-mobile-info"),onClick:()=>J(o.id,o.billPayInfo.stage.code),children:[t.jsxs(U,{children:[o.dueDate!=null?a.due:null," ",o.dueDate?.format(T)]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{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(He,{windowSize:s,children:[o.attachments&&o.attachments.length>0?t.jsx(Ve,{attachment:o.attachments[0]}):t.jsx(Xe,{children:t.jsx(Je,{})}),t.jsxs(Vn,{"data-testid":v("review-detail-info"),onClick:()=>J(o.id,o.billPayInfo.stage.code),children:[t.jsx(U,{style:{width:"50%"},children:t.jsxs("div",{children:[o.documentId!=null?a.invoiceNo:null," ",o.documentId]})}),t.jsxs(U,{style:{width:"25%"},children:[o.dueDate!=null?a.due:null," ",o.dueDate?.format(T)]}),t.jsx(Qe,{style:{width:"25%"},windowSize:s,children:A("0,0[.]00",o.amount)})]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{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})]})},o.id):null})]})]}):null,t.jsxs(Mn,{children:[t.jsx(qe,{children:a.pay}),t.jsx(Ke,{children:t.jsx(Re,{amount:gt,integerStyles:q.largeMedium.cssObject,decimalStyles:q.smallMedium.cssObject})}),t.jsx(qe,{children:a.to}),t.jsx(Ke,{children:e.vendor?.name})]}),t.jsxs(jn,{children:[x?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"withdrawFrom"}),roomId:R,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(V,{label:{label:a.withdrawFrom,width:L},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?zt(e.paymentDetailsSection.withdrawFrom,s):f,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},additionalInfoLabel:oe})}),t.jsx(K,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"paymentType"}),roomId:R,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(V,{label:{label:a.paymentMethod,width:L},style:{width:"auto"},value:le(l?.method??""),additionalInfoLabel:wt()})}),t.jsx(K,{}),!x&&Z!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"paymentDate"}),roomId:R,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(V,{label:{label:a.paymentDate,width:L},style:{width:"auto"},value:Z.format(T),additionalInfoLabel:`${a.estimatedArrival}${re(ln(Z.toDate(),[0,6],l?.maxPeriod.value??0).toDateString()).format(T)} - (${ae.length>0?`${ae} `:""}${a.deliveryTimeLabel} = ${l?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(K,{})]}):null,x?null:t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"paymentTo"}),roomId:R,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(V,{label:{label:a.paymentTo,width:L},style:{width:"auto"},value:ut??"",additionalInfoLabel:ft})}),x||lt?t.jsxs(t.Fragment,{children:[t.jsx(K,{}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:W({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(V,{label:{label:a.paymentType,width:L},style:{width:"auto"},value:Ot(e.isRecurring,x,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Nt(s,e.isRecurring,x,e.recurringConfig)})})]}):null]}),!x&&l?.method!=null&&(l.method.includes(I)||l?.fee.amount!=null&&l.fee.amount!==0)?t.jsx(gn,{children:t.jsxs(xn,{windowSize:s,children:[t.jsxs(bn,{children:[t.jsx(yn,{children:a.total}),t.jsx(Le,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(fn,{children:[t.jsxs(Ze,{children:[t.jsx(de,{children:l.method.includes(I)&&ee!==$.currencyCode?We.conversionAmountColon:Ee.invoiceAmount}),t.jsx(se,{children:A("0,0[.]00",{amount:p.amount-z.amount,currencySymbol:z.currencySymbol})})]}),t.jsxs(Ze,{children:[t.jsx(de,{children:We.transactionFee}),t.jsx(se,{children:A("0,0[.]00",{amount:z.amount,currencySymbol:z.currencySymbol})})]}),t.jsx(hn,{}),t.jsxs(un,{children:[t.jsx(de,{children:Ee.total}),t.jsx(se,{children:A("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(pn,{})})]}),t.jsx(wn,{children:t.jsx(Re,{amount:ze(p.amount,p.currencyCode,p.currencySymbol),integerStyles:q.h6Medium.cssObject,decimalStyles:q.standardMedium.cssObject})})]})}):null]}),t.jsx(Et,{cancelBtn:{label:C&&!h?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:C&&!h?je:ie,isLoading:C&&!h&&te&&P?.fetchState==="In-Progress",reverseSpinnerColor:!1,style:{width:Ye(!1,C,h,G,s)}},primaryBtn:{label:_e(h,G,e.isBillMarkedForRetry),isLoading:P?.fetchState==="In-Progress"&&(h||!te)||Q?.fetchState==="In-Progress",onClick:h?je:()=>{vt&&oe!=null?H(!0):Te()},style:{width:Ye(!0,C,h,G,s)}},rightSideComponent:C&&!h&&P.fetchState!=="In-Progress"?t.jsx(Hn,{windowSize:s,children:t.jsx(Le,{style:{color:j.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:cn,placement:"top",children:t.jsx(Kn,{onClick:ie,"data-testid":v("review-detail-edit-bill-button"),children:t.jsx(qn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?t.jsxs(zn,{children:[a.internationalText1,t.jsx(Nn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},_e=(e,y,g)=>e?a.paymentOutsideZeni.markAsPaid:g===!0?a.retryPayment:y?a.sendForApproval:a.scheduleBill,Ye=(e,y,g,M,S)=>g?128:y&&!e&&S==="small"?"auto":M?165:m.footerButtonWidth.value(S),pn=i(en)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -68,13 +68,13 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   border-radius: ${n.sp2};
   margin-bottom: ${n.sp3};
   margin-top: ${n.sp3};
-`,H=i.div`
+`,K=i.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ye=i(Zt)`
+`,Ge=i(Zt)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${dn.sectionTitle.style(e.windowSize)}`};
   margin-left: ${e=>m.sectionTitleMarginLeft.valuePx(e.windowSize)};
@@ -102,10 +102,10 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
 `,In=i(ce)`
   padding-bottom: ${n.sp3};
   color: ${j.brandColorGoldDark};
-`,Pn=i(Ut)`
+`,Pn=i(Ht)`
   padding-top: ${n.sp3};
   color: ${j.brandColorGoldDark};
-`,Ue=i.div`
+`,He=i.div`
   display: flex;
   flex-direction: ${e=>it.includes(e.windowSize)?"column":"row"};
   width: 100%;
@@ -114,22 +114,22 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   justify-content: space-between;
   align-items: center;
   column-gap: ${n.sp1};
-`,Mn=i.div`
+`,An=i.div`
   display: flex;
   column-gap: ${n.sp2};
   align-items: center;
-`,An=i.div`
+`,Mn=i.div`
   display: flex;
   padding-top: ${n.sp3};
-`,qe=i(Qt)`
+`,qe=i(Xt)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
-`,He=i(Xt)`
+`,Ke=i(Jt)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Ke=i(Vt)`
+`,Ue=i(_t)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: 20px;
@@ -152,11 +152,11 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   padding-left: ${n.sp0};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ln=i(_t)`
+`,Rn=i(Vt)`
   height: ${n.sp3};
   width: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Rn=i.span`
+`,Ln=i.span`
   display: flex;
   align-items: center;
   margin-left: ${n.sp2};
@@ -193,23 +193,23 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   width: ${n.sp4};
   height: ${n.sp4};
   display: flex;
-`,Qe=i.div`
+`,Xe=i.div`
   cursor: default;
   display: flex;
   align-items: center;
   margin-right: ${n.sp1};
-`,Xe=i(Kt)`
+`,Je=i(Ut)`
   cursor: pointer;
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${e=>e.theme.colors.hero};
-`,K=i(ce)`
+`,U=i(ce)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   min-width: 142px;
   flex-grow: 1;
-`,Je=i(ce)`
+`,Qe=i(ce)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -226,12 +226,12 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   display: flex;
   justify-content: flex-end;
   align-items: center;
-`,_n=i.div`
+`,Vn=i.div`
   display: flex;
   flex-grow: 1;
   cursor: pointer;
   width: 100%;
-`,Q=i(me)`
+`,X=i(me)`
   display: flex;
   color: ${e=>e.borderColor};
   height: 20px;
@@ -247,10 +247,10 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   padding: 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${n.sp1};
-`,Vn=i.div`
+`,_n=i.div`
   display: flex;
   flex-direction: column;
-`,Gn=i.div`
+`,Yn=i.div`
   display: flex;
   width: 100%;
   flex-flow: column;
@@ -260,14 +260,14 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
 `,Zn=i(me)`
   margin-top: ${n.sp3};
   color: ${j.alert};
-`,Yn=i(Yt)`
+`,Gn=i(Gt)`
   min-width: ${n.sp4};
   height: ${n.sp4};
   width: ${n.sp4};
   margin-top: ${n.sp3};
   margin-left: ${n.sp4};
   color: ${j.brandColorGoldDark};
-`,Un=i.div`
+`,Hn=i.div`
   display: flex;
   justify-content: flex-end;
   margin-right: ${e=>m.footerRightIconMarginRight.valuePx(e.windowSize)};
@@ -279,7 +279,7 @@ import{X as Tt,ay as Ct,x as u,fu as Dt,fv as It,fw as Pt,V as t,fx as kt,fy as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Hn=i.div`
+`,Kn=i.div`
   display: flex;
   cursor: pointer;
   color: ${e=>e.theme.colors.grey1};

package/dist/assets/{ReviewOverlay-CUnL7H-a-17YpOTAb.js → ReviewOverlay-BoM41t8W-3p-Qz-jJ.js}

@@ -1,40 +1,40 @@
-import{X as M,V as i,ac as m,o as r,aT as P,x as d,c as B,N as C,M as I,p as s,an as j,cL as W,L as D,ak as b,bj as R,u as n,eH as G,e as _,je as N,kr as A}from"./index-DmJDLobC.js";import{n as t}from"./mui-Bgk_7_3h.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=new e.Error().stack;g&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[g]="e4dd0ceb-c21d-4831-9ae6-d46e416f9dd8",e._sentryDebugIdIdentifier="sentry-dbid-e4dd0ceb-c21d-4831-9ae6-d46e416f9dd8")}catch{}})();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])},F={title:new C("h6Regular","h5Regular")},xe=({title:e,description:g,reviewItems:x,showFooter:S,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:L})=>{const l=M();return i.jsxs(V,{children:[i.jsx(U,{windowSize:l,children:i.jsx(Y,{children:i.jsx(Z,{windowSize:l,children:i.jsx(ee,{children:i.jsx(ie,{onClick:k,"data-testid":m("review-overlay-close",e)})})})})}),i.jsxs(X,{windowSize:l,children:[i.jsxs(J,{windowSize:l,children:[i.jsx(O,{children:i.jsx(q,{windowSize:l,children:e})}),i.jsx(K,{isError:g.isError,windowSize:l,children:g.content})]}),i.jsx(Q,{windowSize:l,children:x.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return i.jsxs(re,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?i.jsx(ce,{onClick:()=>L(o.id),"data-testid":m("review-close",o.id)}):null,i.jsxs(te,{children:[i.jsxs(ne,{children:[i.jsx(de,{children:H(o)}),i.jsxs(oe,{children:[i.jsxs(w,{children:[i.jsx(f,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),i.jsx(f,{isWarning:c,isError:h,children:o.rightSideText.title})]}),i.jsxs(w,{children:[i.jsx(se,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),l!=="small"?i.jsxs(u,{windowSize:l,children:[i.jsx(p,{isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),l==="small"?i.jsxs(u,{windowSize:l,children:[i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),S?i.jsx(P,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},H=e=>e.reviewStatus.isLoading?i.jsx(D,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):e.reviewStatus.code==="error"?i.jsx(y,{isError:!0}):e.reviewStatus.code==="warning"?i.jsx(y,{isError:!1}):e.reviewStatus.code==="valid"?i.jsx(le,{}):e.reviewStatus.code==="low-balance"?i.jsx(he,{}):i.jsx(ae,{}),V=t.div`
+import{J as P,V as i,aR as m,o as r,aT as L,y as d,x as M,H as I,B as C,p as s,am as j,cE as W,T as R,aj as b,bj as D,u as n,eo as G,h as _,j0 as H,kd as J}from"./index-DyBrELD_.js";import{n as t}from"./mui-D3hEqMLm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=new e.Error().stack;g&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[g]="4b40e475-f58a-41d9-a685-938ba4a788b7",e._sentryDebugIdIdentifier="sentry-dbid-4b40e475-f58a-41d9-a685-938ba4a788b7")}catch{}})();const l={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])},A={title:new I("h6Regular","h5Regular")},xe=({title:e,description:g,reviewItems:x,showFooter:S,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:B})=>{const a=P();return i.jsxs(V,{children:[i.jsx(X,{windowSize:a,children:i.jsx(Y,{children:i.jsx(Z,{windowSize:a,children:i.jsx(ee,{children:i.jsx(ie,{onClick:k,"data-testid":m("review-overlay-close",e)})})})})}),i.jsxs(O,{windowSize:a,children:[i.jsxs(q,{windowSize:a,children:[i.jsx(K,{children:i.jsx(N,{windowSize:a,children:e})}),i.jsx(Q,{isError:g.isError,windowSize:a,children:g.content})]}),i.jsx(U,{windowSize:a,children:x.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return i.jsxs(re,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?i.jsx(ce,{onClick:()=>B(o.id),"data-testid":m("review-close",o.id)}):null,i.jsxs(te,{children:[i.jsxs(ne,{children:[i.jsx(de,{children:F(o)}),i.jsxs(oe,{children:[i.jsxs(w,{children:[i.jsx(f,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),i.jsx(f,{isWarning:c,isError:h,children:o.rightSideText.title})]}),i.jsxs(w,{children:[i.jsx(se,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),a!=="small"?i.jsxs(u,{windowSize:a,children:[i.jsx(p,{isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),a==="small"?i.jsxs(u,{windowSize:a,children:[i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),S?i.jsx(L,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},F=e=>e.reviewStatus.isLoading?i.jsx(R,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):e.reviewStatus.code==="error"?i.jsx(y,{isError:!0}):e.reviewStatus.code==="warning"?i.jsx(y,{isError:!1}):e.reviewStatus.code==="valid"?i.jsx(ae,{}):e.reviewStatus.code==="low-balance"?i.jsx(he,{}):i.jsx(le,{}),V=t.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,X=t.div`
+`,O=t.div`
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  margin-top: ${e=>a.containerMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>l.containerMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${r.sp8};
-`,J=t.div`
+`,q=t.div`
   position: sticky;
   top: ${r.sp0};
   background-color: ${e=>e.theme.colors.grey4};
   z-index: 1;
-  padding-left: ${e=>a.containerMarginLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>a.containerMarginRight.valuePx(e.windowSize)};
-`,O=t.div`
+  padding-left: ${e=>l.containerMarginLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>l.containerMarginRight.valuePx(e.windowSize)};
+`,K=t.div`
   display: flex;
   align-items: center;
-`,q=t(I)`
-  ${e=>`${F.title.style(e.windowSize)}`};
+`,N=t(C)`
+  ${e=>`${A.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   margin-top: ${r.sp2};
-  margin-bottom: ${e=>a.titleMarginBotom.valuePx(e.windowSize)};
-  margin-right: ${e=>a.titleMarginRight.valuePx(e.windowSize)};
-`,K=t(j)`
-  margin-bottom: ${e=>a.subTitleMarginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>l.titleMarginBotom.valuePx(e.windowSize)};
+  margin-right: ${e=>l.titleMarginRight.valuePx(e.windowSize)};
+`,Q=t(j)`
+  margin-bottom: ${e=>l.subTitleMarginBottom.valuePx(e.windowSize)};
   color: ${e=>e.isError?s.important:e.theme.colors.hero};
-`,Q=t.div`
+`,U=t.div`
   display: flex;
   flex-direction: column;
   margin-top: ${r.sp3};
-  margin-left: ${e=>a.containerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>a.containerMarginRight.valuePx(e.windowSize)};
-`,U=t.div`
-  min-height: ${e=>a.navBarHeight.valuePx(e.windowSize)};
+  margin-left: ${e=>l.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>l.containerMarginRight.valuePx(e.windowSize)};
+`,X=t.div`
+  min-height: ${e=>l.navBarHeight.valuePx(e.windowSize)};
   position: sticky;
   border-bottom: 1px solid transparent;
   z-index: 2;
@@ -52,14 +52,14 @@ import{X as M,V as i,ac as m,o as r,aT as P,x as d,c as B,N as C,M as I,p as s,a
   top: ${r.sp0};
   left: ${r.sp0};
   right: ${r.sp0};
-  padding-right: ${e=>a.navBarPaddingRight.valuePx(e.windowSize)};
-  padding-left: ${e=>a.navBarPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>l.navBarPaddingRight.valuePx(e.windowSize)};
+  padding-left: ${e=>l.navBarPaddingLeft.valuePx(e.windowSize)};
   height: 100%;
 `,ee=t.div`
   display: flex;
   flex: 1 1 0;
   justify-content: flex-end;
-`,ie=t(B)`
+`,ie=t(M)`
   width: ${r.sp4};
   height: ${r.sp4};
   cursor: pointer;
@@ -109,11 +109,11 @@ import{X as M,V as i,ac as m,o as r,aT as P,x as d,c as B,N as C,M as I,p as s,a
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.isError?s.important:s.brandColorGoldDark};
-`,le=t(_)`
+`,ae=t(_)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${s.success};
-`,ae=t(A)`
+`,le=t(J)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.theme.colors.grey2};
@@ -141,11 +141,11 @@ import{X as M,V as i,ac as m,o as r,aT as P,x as d,c as B,N as C,M as I,p as s,a
   align-items: center;
   justify-content: center;
   margin-right: ${r.sp1};
-`,$=t(R)`
+`,$=t(D)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${r.sp3};
   height: ${r.sp3};
-`,he=t(N)`
+`,he=t(H)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
   width: ${r.sp4};
   height: ${r.sp4};

package/dist/assets/RoleWithToolTip-C8x5yXaK-DMsCF0JH.js

@@ -0,0 +1,22 @@
+import{eT as h,eU as f,V as s,bV as g,o as d,aR as n,O as x,ao as y,aj as c}from"./index-DyBrELD_.js";import{n as l}from"./mui-D3hEqMLm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e201b4f1-0173-4752-a00f-ac3ad0e319b3",e._sentryDebugIdIdentifier="sentry-dbid-e201b4f1-0173-4752-a00f-ac3ad0e319b3")}catch{}})();const{hyphen:a}=x.getLocalizedStrings().common.strings,b=l.div``,m=l.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`,u=l(c)`
+  color: ${e=>e.theme.colors.hero};
+`,j=l(c)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,i=l.div`
+  display: flex;
+  align-items: center;
+`,w=l(y)`
+  border-radius: ${d.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: ${d.sp1};
+`,D=({roles:e})=>{let t=a,r=[];t=h(e),r=f(e);const p=()=>r.length>0?s.jsx(b,{children:r.map(o=>s.jsxs(m,{children:[s.jsx(u,{children:o[0]}),s.jsx(j,{children:o[1]})]},o.join(",")))}):s.jsx(s.Fragment,{children:a});return r.length>0?s.jsx(g,{enterDelay:600,"data-testid":n("roles-tooltip",t),title:p(),placement:"top-end",style:{marginLeft:d.sp1,padding:"6px 12px"},maxWidth:"264px",children:s.jsxs(i,{"data-testid":n("roles-label-wrapper",t),children:[t,s.jsx(w,{className:"roles-count-wrapper","data-testid":n("roles-count-wrapper",t),children:r.length})]})}):s.jsx(i,{"data-testid":n("roles-label-wrapper",t),children:t})};export{D as T};