@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/RevenueChart-CI7LXu5--DgnFQndd.js

@@ -0,0 +1,280 @@
+import{i as F,j as a,a as R,cr as ge,cs as Z,u as pe,bm as Ke,bG as ee,ct as Te,s as M,cu as ae,bS as re,t as A,bR as te,bv as oe,cv as le,cw as me,b as p,C as g,b3 as He,R as ye,cx as fe,ah as T,cy as K,bM as H}from"./index-2CdI-B2B.js";import{a as W,o as ne}from"./core-tlHkQPPu.js";import{n as f}from"./mui-kiGMfX4-.js";import{c as b,a as E,s as ce,o as G,r as N,n as se}from"./chartTypes-BADtYh4F-X-tWlUJq.js";import{c as V,e as ie,s as I}from"./toCOABalancesWithID-C_Swao_b-2UkzUVnC.js";import{t as Q}from"./toChartData-DfujfQ7D-nillWsTs.js";import{n as xe}from"./ComposedChart-Cot0K7Et-DQrzoGG2.js";const U={legendLabelMarginLeft:new ye(2,2),legendLabelMarginRight:new ye(M[3],M[4])},Ye=f.div`
+  display: flex;
+`,qe=f.div`
+  margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${g.neutralGrey3Dark};
+`,Ue=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 220px;
+  border-radius: ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,Xe=f(T)`
+  color: ${e=>e.color??g.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,Je=f(T)`
+  background-color: ${e=>e.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${p.sp2};
+`,Qe=f(T)`
+  text-align: left;
+`,Ze=f(T)`
+  text-align: right;
+`,be=e=>e.map((r,n)=>a.jsxs(Xe,{color:r.color,children:[a.jsxs(Qe,{children:[a.jsx(Je,{color:r.color}),`${r.barName}:`]}),a.jsx(Ze,{children:`${N(r.value)}`})]},r.barName+n)),ea=ne.memo(e=>{const r=(({active:n,payload:c})=>{const t=[];return c?.forEach(l=>{const s=l.name;if(n===!0){const y=l.payload,i=l.color,u=s!=null&&y.record[s]!=null?y.record[s].amount:void 0;t.push({barName:R.getLocalizedStrings().chartCard.cashInCashOut[E(s)],value:u,color:i})}}),t})({...e});return r.length===0?null:a.jsx(Ye,{children:a.jsxs(Ue,{children:[be(r.slice(0,r.length-1)),r.length?a.jsx(qe,{}):null,be(r.slice(-1))]})})}),Ce=[b("cash_in","actual"),b("cash_out","actual"),b("net_cash_flow","actual")],aa=f.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${e=>U.legendLabelMarginRight.valuePx(e.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${p.sp0} !important;
+    }
+  }
+`,ra=f(fe)`
+  margin-left: ${e=>U.legendLabelMarginLeft.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`;function kr({selectedRangeReport:e,timeframe:r,highlightedRange:n,width:c,height:t,showBarHoverBackground:l,isDetailPage:s,onCOABalancesRangeChanged:y}){const i=F(),u=W.useRef(!1);W.useEffect(()=>{u.current=!0},[]);const j=[i.colors.graphColor33,i.colors.graphColor36,i.colors.graphColor35],h=(v,_=i.colors.graphColor08)=>v<j.length?j[v]:_,d=((v,_,k,S,L)=>{let C=[],o=[],m=[];k!=null&&k.balances.length>0&&(C=V("cash_in","actual",k)),S!=null&&S.balances.length>0&&(o=V("cash_out","actual",S)),L!=null&&L.balances.length>0&&(m=ie("net_cash_flow","actual",L));const $=b("cash_in","actual"),D=b("cash_out","actual"),w=b("net_cash_flow","actual"),B=C.length>0?$:o.length>0?D:void 0,z={};return z[$]=C,z[D]=o,z[w]=m,B!=null?Q(v,_,B,z):void 0})(e.firstMonthOfFY,Ce,e.cashIn,e.cashOut,e.netCashFlow),x=()=>{const v=[];return Ce.forEach((_,k)=>{const S=s===!0&&!u.current;v.push(a.jsx(Z,{name:_,animationDuration:S?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:L=>{const C=L.record;return(C[_]!=null&&C[_].amount!=null?C[_].amount:void 0)?.amount??0},fill:h(k)},_))}),v};return d==null?null:a.jsx(ta,{chartData:d,timeframe:r,showBarHoverBackground:l,barElements:x(),customToolTipContent:({active:v,payload:_})=>a.jsx(ea,{active:v,payload:_}),width:c,height:t,onCOABalancesRangeChanged:y,highlightedRange:n,isDetailPage:s===!0})}const ta=({chartData:e,timeframe:r,barElements:n,customToolTipContent:c,highlightedRange:t,width:l,height:s,showBarHoverBackground:y,isDetailPage:i,onCOABalancesRangeChanged:u})=>{const j=pe(),h=F(),d=e.timeseries,x=ce(e),v=d.map(L=>L.label),_=y!==!1,k=L=>{if(!i||L?.activePayload==null||L?.activePayload.length===0)return;const C=L.activePayload[0];if(C?.payload?.timeLabel?.label==null)return;const o=L.activeTooltipIndex,m=C.payload.timeLabel.label;if(t==null)return;const $=se(m,v,t.numberOfPeriods),D=$[1]===void 0?v.length-1:v.indexOf($[1]),w={...t,thisPeriod:{startDate:d[D].startDate,endDate:d[D].endDate}};u?.(d[o],r,w)},S=i?(l-60)/G.cash_in_cash_out*(G.cash_in_cash_out-e.recordByTimeseries.length):20;return a.jsx(aa,{"data-testid":Ke("dashboard-cash-in-cash-out-timeframe",r),width:l,height:s,windowSize:j,children:a.jsx(ee,{children:({height:L,width:C})=>a.jsxs(Te,{data:e.recordByTimeseries,barCategoryGap:i?void 0:"12%",maxBarSize:i?M[10]:22,barGap:i?void 0:2,margin:{top:5,right:S,left:0,bottom:M[4]},height:L,width:C,style:{display:"flex",flex:"1 1 auto"},onClick:k,children:[a.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),a.jsx(re,{dataKey:o=>o.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...A.extraSmallRegular.cssObject}}),a.jsx(te,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...A.extraSmallRegular.cssObject},tickFormatter:o=>oe("0,0.[00]a",o,x)}),a.jsx(le,{wrapperStyle:{zIndex:2},cursor:!!_&&{stroke:h.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:h.colors.background},content:c,allowEscapeViewBox:{x:!1,y:!0}}),n,i?a.jsx(me,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:p.sp0},formatter:o=>a.jsx(ra,{windowSize:j,children:R.getLocalizedStrings().chartCard.cashInCashOut[E(o)]})}):null]})})})},oa=f.div`
+  display: flex;
+`,la=f.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,na=f(T)`
+  color: ${e=>e.color??g.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,ca=ne.memo(e=>{const r=(({active:n,payload:c})=>{const t=[];return c?.forEach(l=>{const s=l.name;if(n===!0){const y=l.payload,i=l.color,u=s!=null&&y.record[s]!=null?y.record[s].amount:void 0;t.push({barName:R.getLocalizedStrings().reportTitleById.cash_position,value:u,color:i})}}),t})(e);return r.length===0?null:a.jsx(oa,{children:a.jsx(la,{children:r.map((n,c)=>a.jsx(na,{color:n.color,children:`${n.barName}: ${N(n.value)}`},n.barName+c))})})}),sa=f.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`,je=[b("cash_position","actual")];function wr({selectedRangeReport:e,timeframe:r,highlightedRange:n,width:c,height:t,showBarHoverBackground:l,isDetailPage:s,onCOABalancesRangeChanged:y}){const i=F(),u=W.useRef(!1);W.useEffect(()=>{u.current=!0},[]);const j=((d,x,v)=>{let _=[];v!=null&&v.balances.length>0&&(_=I("cash_position","actual",v));const k=b("cash_position","actual"),S={};return S[k]=_,_.length>0?Q(d,x,k,S):void 0})(e.firstMonthOfFY,je,e.cashPosition),h=()=>{const d=[];return je.forEach(x=>{const v=s===!0&&!u.current;d.push(a.jsx(Z,{name:x,animationDuration:v?500:void 0,style:{cursor:"pointer"},dataKey:_=>{const k=_.record;return(k[x]!=null&&k[x].amount!=null?k[x].amount:void 0)?.amount??0},fill:i.colors.graphColor17},x))}),d};return j==null?null:a.jsx(ia,{chartData:j,timeframe:r,showBarHoverBackground:l,barElements:h(),customToolTipContent:({active:d,payload:x})=>a.jsx(ca,{active:d,payload:x}),width:c,height:t,onCOABalancesRangeChanged:y,highlightedRange:n,isDetailPage:s===!0})}const ia=({chartData:e,timeframe:r,barElements:n,customToolTipContent:c,highlightedRange:t,width:l,height:s,showBarHoverBackground:y,isDetailPage:i,onCOABalancesRangeChanged:u})=>{const j=F(),h=e.timeseries,d=ce(e),x=h.map(S=>S.label),v=y!==!1,_=S=>{if(!i||S?.activePayload==null||S?.activePayload.length===0)return;const L=S.activePayload[0];if(L?.payload?.timeLabel?.label==null)return;const C=S.activeTooltipIndex,o=L.payload.timeLabel.label;if(t==null)return;const m=se(o,x,t.numberOfPeriods),$=m[1]===void 0?x.length-1:x.indexOf(m[1]),D={...t,thisPeriod:{startDate:h[$].startDate,endDate:h[$].endDate}};u?.(h[C],r,D)},k=i?(l-60)/G.cash_position*(G.cash_position-e.recordByTimeseries.length):20;return a.jsx(sa,{width:l,height:s,children:a.jsx(ee,{children:({height:S,width:L})=>a.jsxs(Te,{width:L,height:S,data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:i?M[10]:30,margin:{top:5,right:k,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:_,children:[a.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:j.colors.grey3}),a.jsx(re,{dataKey:C=>C.timeLabel.label,type:"category",axisLine:{stroke:j.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:j.colors.hero,...A.extraSmallRegular.cssObject}}),a.jsx(te,{type:"number",axisLine:!1,tickLine:!1,tick:{color:j.colors.hero,...A.extraSmallRegular.cssObject},tickFormatter:C=>oe("0,0.[00]a",C,d)}),a.jsx(le,{wrapperStyle:{zIndex:2},cursor:!!v&&{stroke:j.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:j.colors.background},content:c,allowEscapeViewBox:{x:!1,y:!0}}),n]})})})},ua=f.div`
+  display: flex;
+`,ha=f.div`
+  display: flex;
+  flex-direction: column;
+`,da=f.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${p.sp1} ${p.sp1} ${p.sp0} ${p.sp0};
+  color: ${e=>e.theme.colors.grey1};
+  padding: ${p.sp3};
+`,ue=f.div`
+  flex: 1;
+  text-align: right;
+`,ga=f.div`
+  width: 132px;
+`,Ne=f.div`
+  margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${g.neutralGrey3Dark};
+`,pa=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 200px;
+  border-radius: ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,ma=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${p.sp0} ${p.sp0} ${p.sp1} ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,Ee=f(T)`
+  color: ${e=>e.color??g.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  ${e=>e.showPercent?"flex-start":"center"};
+`,Ge=f(T)`
+  background-color: ${e=>e.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${p.sp2};
+`,fa=f(T)`
+  text-align: left;
+`,xa=f(T)`
+  text-align: left;
+  width: 120px;
+`,ya=f.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,ve=f(H)`
+  text-align: right;
+`,Y=f(H)`
+  text-align: right;
+  flex: 1;
+  color: ${e=>e.isChange!=null&&e.isChange===!0?g.important:null};
+`,ke=f(H)`
+  display: flex;
+  flex-direction: column;
+`,we=f(Y)``,ba=({active:e,payload:r,mode:n})=>{const c=[],t={barName:R.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:g.neutralGrey2Dark,forecast:void 0};let l={amount:0,currencyCode:"",currencySymbol:""},s={amount:0,currencyCode:"",currencySymbol:""};const y=b("cogs","actual"),i=b("expenses","actual"),u=b("net_burn_or_income","actual");return r?.forEach(j=>{const h=j.name;if(e===!0){const d=j.payload,x=j.color,v=h!=null&&d.record[h]!=null?d.record[h].amount:void 0;let _;if(h.includes("forecast")!==!0)switch(n==="forecast_mode"&&(_=d.record[h]!=null?((k,S)=>{const L=b(E(k),"forecast");if(S.record[L]==null)return;const C=S.record[k].amount,o=S.record[L].amount,m=Math.floor(100*(C.amount-o.amount)/100);return{value:o,change:{...C,amount:m},percent:o.amount!==0?Math.floor((C.amount-o.amount)/o.amount*100)/100:void 0,forecastPercent:S.record[L].percentValue}})(h,d):void 0),h){case y:case i:v!=null&&(l.currencyCode===""?l={...v}:l.amount=l.amount+v.amount),_!=null&&(s.currencyCode===""?s={..._.value}:s.amount=s.amount+_.value.amount),c.push({barName:R.getLocalizedStrings().chartCard.netBurnOrIncome[E(h)],actual:v,forecast:_,color:x});break;case u:{const k=v!=null&&v.amount>=0?R.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:R.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;c.push({barName:k,actual:v,color:x,percent:d.record[h]?.percentValue,forecast:_});break}default:c.push({barName:R.getLocalizedStrings().chartCard.netBurnOrIncome[E(h)],actual:v,color:x,forecast:_})}}}),t.actual=l,t.forecast=s!=null&&l!=null?{value:s,change:{...l,amount:Math.floor(100*(l.amount-s.amount)/100)},percent:s.amount!==0?Math.floor((l.amount-s.amount)/s.amount*100)/100:0}:void 0,e===!0&&c.splice(c.length-1,0,t),c},$e=e=>e.map((r,n)=>a.jsxs(Ee,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(fa,{children:[a.jsx(Ge,{color:r.barName===R.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),a.jsxs(ya,{children:[a.jsx(ve,{children:`${N(r.actual)}`}),r.percent!=null?a.jsx(ve,{children:K("0,0.0%",r.percent)}):null]})]},r.barName+n)),_e=e=>e.map((r,n)=>a.jsxs(Ee,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(xa,{children:[a.jsx(Ge,{color:r.barName===R.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),a.jsx(Y,{children:a.jsxs(ke,{children:[r.actual!=null?`${N(r.actual)}`:"-",a.jsx(we,{children:r.percent!=null?K("0,0.0%",r.percent):null})]})}),a.jsx(Y,{children:a.jsxs(ke,{children:[r.forecast!=null?`${N(r.forecast.value)}`:"-",a.jsx(we,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?K("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(Y,{isChange:!0,children:`${N(r.forecast.change)}`}):a.jsx(Y,{children:"-"}),r.forecast!=null?a.jsx(Y,{isChange:!0,children:K("0,0.0%",r.forecast.percent)}):a.jsx(Y,{children:"-"})]},r.barName+n)),Ca=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},ja=({barLabelsWithValues:e})=>a.jsxs(ha,{children:[a.jsxs(da,{children:[a.jsx(ga,{}),a.jsx(ue,{children:R.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(ue,{children:R.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(ue,{children:[R.getLocalizedStrings().chartCard.tooltip.change," ",Ca(e)]}),a.jsx(ue,{children:R.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(ma,{children:[_e(e.slice(0,e.length-2)),e.length?a.jsx(Ne,{}):null,_e(e.slice(-2))]})]}),va=({barLabelsWithValues:e})=>a.jsx(ua,{children:a.jsxs(pa,{children:[$e(e.slice(0,e.length-2)),e.length?a.jsx(Ne,{}):null,$e(e.slice(-2))]})}),ka=ne.memo(e=>{const r=ba({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(ja,{barLabelsWithValues:r}):a.jsx(va,{barLabelsWithValues:r})})}),wa=(e,r,n,c,t,l,s)=>{let y=[],i=[],u=[],j=[];c!=null&&c.balances.length>0&&(y=V("income","actual",c)),t!=null&&t.balances.length>0&&(i=V("cogs","actual",t)),l!=null&&l.balances.length>0&&(u=I("expenses","actual",l)),s!=null&&s.balances.length>0&&(j=ie("net_burn_or_income","actual",s));const h=b("income","actual"),d=b("cogs","actual"),x=b("expenses","actual"),v=b("net_burn_or_income","actual"),_=y.length>0?h:i.length>0?d:u.length>0?x:void 0,k={};return k[h]=y,k[d]=i,k[x]=u,k[v]=j,n==="forecast_mode"&&Object.assign(k,$a(c,t,l,s)),_!=null?Q(e,r,_,k):void 0},$a=(e,r,n,c)=>{let t=[],l=[],s=[],y=[];e!=null&&e.balances.length>0&&(t=V("income","forecast",e)),r!=null&&r.balances.length>0&&(l=V("cogs","forecast",r)),n!=null&&n.balances.length>0&&(s=I("expenses","forecast",n)),c!=null&&c.balances.length>0&&(y=ie("net_burn_or_income","forecast",c));const i=b("income","forecast"),u=b("cogs","forecast"),j=b("expenses","forecast"),h=b("net_burn_or_income","forecast"),d={};return d[i]=t,d[u]=l,d[j]=s,d[h]=y,d},_a=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual")],La=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual"),b("income","forecast"),b("cogs","forecast"),b("expenses","forecast"),b("net_burn_or_income","forecast")],Sa=f.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${e=>U.legendLabelMarginRight.valuePx(e.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${p.sp0} !important;
+    }
+  }
+`,Da=f(fe)`
+  margin-left: ${e=>U.legendLabelMarginLeft.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`;function $r({selectedRangeReport:e,timeframe:r,highlightedRange:n,width:c,height:t,showBarHoverBackground:l,isDetailPage:s,mode:y,onCOABalancesRangeChanged:i}){const u=F(),j=W.useRef(!1);W.useEffect(()=>{j.current=!0},[]);const h=[u.colors.graphColor36,u.colors.graphColor06,u.colors.graphColor31,u.colors.graphColor12],d=[u.colors.graphColor04,u.colors.graphColor10,u.colors.graphColor32,u.colors.graphColor13,u.colors.graphColor04Dark,u.colors.graphColor10Dark,u.colors.graphColor32Dark,u.colors.graphColor13Dark],x=y==="forecast_mode"?d:h,v=y==="forecast_mode"?La:_a,_=(o,m=u.colors.graphColor04)=>o<x.length?x[o]:m,k=(e.reportId,wa(e.firstMonthOfFY,v,y,e.sections.income,e.sections.cogs,e.sections.expenses,e.calculatedSections.netBurnOrIncome)),S=o=>{const{cx:m,cy:$,fill:D,stroke:w,value:B}=o;return B==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:m,cy:$,r:4,stroke:D,strokeWidth:2,fill:w})},L=o=>{const{cx:m,cy:$,fill:D,stroke:w,value:B}=o;return B==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:m,cy:$,r:5,stroke:w,strokeWidth:2,fill:D})},C=()=>{const o=[];return v.forEach((m,$)=>{const D=s===!0&&!j.current;m.endsWith("_forecast")?o.push(((w,B)=>a.jsx(ge,{name:w,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:z=>{const P=z.record;return(P[w]!=null&&P[w].amount!=null?P[w].amount:void 0)?.amount},dot:a.jsx(S,{}),strokeWidth:1.5,stroke:_(B),strokeDasharray:"3 3",activeDot:a.jsx(L,{})},w))(m,$)):o.push(((w,B,z)=>a.jsx(Z,{name:w,animationDuration:z?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:P=>{const O=P.record;return(O[w]!=null&&O[w].amount!=null?O[w].amount:void 0)?.amount??0},fill:_(B)},w))(m,$,D))}),o};return k==null?null:a.jsx(Ba,{chartData:k,timeframe:r,showBarHoverBackground:l,barElements:C(),customToolTipContent:({active:o,payload:m})=>a.jsx(ka,{active:o,payload:m,mode:y}),width:c,height:t,onCOABalancesRangeChanged:i,highlightedRange:n,isDetailPage:s===!0})}const Ba=({chartData:e,timeframe:r,barElements:n,customToolTipContent:c,highlightedRange:t,width:l,height:s,showBarHoverBackground:y,isDetailPage:i,onCOABalancesRangeChanged:u})=>{const j=pe(),h=F(),d=ce(e),x=e.timeseries,v=x.map(L=>L.label),_=y!==!1,k=L=>{if(!i||L?.activePayload==null||L?.activePayload.length===0)return;const C=L.activePayload[0];if(C?.payload?.timeLabel?.label==null)return;const o=L.activeTooltipIndex,m=C.payload.timeLabel.label;if(t==null)return;const $=se(m,v,t.numberOfPeriods),D=$[1]===void 0?v.length-1:v.indexOf($[1]),w={...t,thisPeriod:{startDate:x[D].startDate,endDate:x[D].endDate}};u?.(x[o],r,w)},S=i?(l-60)/G.net_burn_or_income*(G.net_burn_or_income-e.recordByTimeseries.length):20;return a.jsx(Sa,{width:l,height:s,windowSize:j,children:a.jsx(ee,{children:({height:L,width:C})=>a.jsxs(xe,{data:e.recordByTimeseries,barCategoryGap:i?void 0:"12%",maxBarSize:i?M[10]:22,barGap:i?void 0:2,margin:{top:5,right:S,left:0,bottom:M[4]},height:L,width:C,style:{display:"flex",flex:"1 1 auto"},onClick:k,children:[a.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),a.jsx(re,{dataKey:o=>o.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...A.extraSmallRegular.cssObject}}),a.jsx(te,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...A.extraSmallRegular.cssObject},tickFormatter:o=>oe("0,0.[00]a",o,d)}),a.jsx(le,{wrapperStyle:{zIndex:2},cursor:!!_&&{stroke:h.colors.background,strokeWidth:(C-60)/G.net_burn_or_income,fill:h.colors.background},content:c,allowEscapeViewBox:{x:!1,y:!0}}),n,i?a.jsx(me,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:p.sp0},iconSize:M[3],formatter:o=>a.jsx(Da,{windowSize:j,children:o.endsWith("_forecast")===!0?R.getLocalizedStrings().chartCard.netBurnOrIncome[o]:R.getLocalizedStrings().chartCard.netBurnOrIncome[E(o)]})}):null]})})})},za=f.div`
+  display: flex;
+`,Ra=f.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,Le=f(T)`
+  color: ${e=>e.color??g.neutralGrey2Light};
+  text-align: left;
+`,he=f.div`
+  flex: 1;
+  text-align: right;
+`,Pa=f.div`
+  width: 162px;
+`,Me=f.div`
+  margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${g.neutralGrey3Dark};
+`,Oa=f(T)`
+  color: ${e=>e.color??g.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+`,Wa=f.div`
+  display: flex;
+  flex-direction: column;
+`,Ta=f.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${p.sp1} ${p.sp1} ${p.sp0} ${p.sp0};
+  color: ${e=>e.theme.colors.grey1};
+  padding: ${p.sp3};
+`,Na=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${p.sp0} ${p.sp0} ${p.sp1} ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,Ea=f(T)`
+  text-align: left;
+  width: 162px;
+`,X=f(H)`
+  text-align: right;
+  flex: 1;
+`,Ga=(e,r)=>{const n=b(E(e),"forecast");if(r.record[n]==null)return;const c=r.record[e].amount,t=r.record[n].amount;return{value:t,change:{...c,amount:t!=null?Math.floor(100*(c.amount-t.amount)/100):c.amount},percent:t!=null&&t.amount!==0?Math.floor((c.amount-t.amount)/t.amount*100)/100:void 0}},Se=e=>a.jsxs(Oa,{color:e.color,children:[a.jsx(Ea,{children:`${e.barName}:`}),a.jsx(X,{children:e.actual!=null?`${N(e.actual)}`:"-"}),a.jsx(X,{children:e.forecast!=null?`${N(e.forecast.value)}`:"-"}),e.forecast!=null?a.jsx(X,{isChange:!0,children:`${N(e.forecast.change)}`}):a.jsx(X,{children:"-"}),e.forecast!=null?a.jsx(X,{isChange:!0,children:K("0,0.0%",e.forecast.percent)}):a.jsx(X,{children:"-"})]}),Ma=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},Ia=({barLabelsWithValues:e})=>a.jsx(za,{children:a.jsxs(Ra,{children:[a.jsx(Le,{color:e[0].color,children:`${e[0].barName}: ${N(e[0].actual)}`}),a.jsx(Me,{}),a.jsx(Le,{children:`${R.getLocalizedStrings().chartCard.total}: ${N(e[1].actual)}`})]})}),Aa=({barLabelsWithValues:e})=>a.jsxs(Wa,{children:[a.jsxs(Ta,{children:[a.jsx(Pa,{}),a.jsx(he,{children:R.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(he,{children:R.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(he,{children:[R.getLocalizedStrings().chartCard.tooltip.change," ",Ma(e)]}),a.jsx(he,{children:R.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(Na,{children:[Se(e[0]),a.jsx(Me,{}),Se(e[1])]})]}),Va=ne.memo(e=>{const r=(({active:n,payload:c,barName:t})=>{const l=[];if(c!=null&&n===!0){const s=c.filter(j=>j.name==t)[0],y=s.payload,i=s.color,u=t!=null&&y.record[t]!=null?y.record[t].amount:void 0;if(!t?.endsWith("_forecast")){let j;if(t.includes("forecast")!==!0){j=y.record[t]!=null?Ga(t,y):void 0;const h={amount:0,currencyCode:"",currencySymbol:""},d={amount:0,currencyCode:"",currencySymbol:""};let x;for(x in y.record){const k=y.record[x].amount;x.endsWith("_actual")?(h.amount+=y.record[x].amount?.amount??0,h.currencyCode=k!=null?k.currencyCode:h.currencyCode,h.currencySymbol=k!=null?k.currencySymbol:h.currencySymbol):x.endsWith("_forecast")&&(d.amount+=y.record[x].amount?.amount??0,d.currencyCode=k!=null?k.currencyCode:d.currencyCode,d.currencySymbol=k!=null?k.currencySymbol:d.currencySymbol)}const v=Math.floor(100*(h?.amount-d?.amount)/100),_={value:d,change:{...h,amount:v},percent:d.amount!==0?Math.floor((h.amount-d.amount)/d.amount*100)/100:0};l.push({barName:E(t),actual:u,forecast:j,color:i}),l.push({barName:R.getLocalizedStrings().chartCard.total,actual:h,forecast:_,color:g.neutralGrey1Light})}}}return l})({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(Aa,{barLabelsWithValues:r}):a.jsx(Ia,{barLabelsWithValues:r})})}),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 q{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=g.graphColor34,this._barColors=De.slice(),this._barColorsKeyWise=new Map}static#e=new q;getBarColor(r){const n=q.instance();return n._barColorsKeyWise.has(r)||(n._barColors.length===0&&(n._barColors=De.slice()),n._barColorsKeyWise.set(r,n._barColors.shift()??n._defaultColor)),n._barColorsKeyWise.get(r)}shouldUpdate(r){const n=q.instance(),c=Array.from(n._barColorsKeyWise.keys()).sort();return!He(c,r)}static init(){return this.#e=new q,this.#e}static instance(){return this.#e}}const Fa=q.instance(),Ka=(e,r)=>{const n={};let c;if(r!=null&&r.accountGroups.length!=0?r.accountGroups.forEach(t=>{const l=I(t.accountGroupName,"forecast",t),s=b(t.accountGroupName,"forecast");n[s]=l,e.push(s),c==null&&l.length>0&&(c=b(t.accountGroupName,"forecast"))}):r!=null&&r.accounts.length!=0&&r.accounts.forEach(t=>{const l=I(t.account.accountName,"forecast",t.account.balancesInTimeframe),s=b(t.account.accountName,"forecast");n[s]=l,e.push(s),c==null&&l.length>0&&(c=b(t.account.accountName,"forecast"))}),r!=null&&r.accountGroups.length===0&&r.accounts.length===0){const t=R.getLocalizedStrings().chartCard.total,l=I(t,"forecast",r);if(l.length!==0){const s=b(t,"forecast");n[s]=l,c=s,e.push(s)}}return n},Ha=f.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`,Ya=e=>{const{cx:r,cy:n,fill:c,stroke:t,value:l}=e;return l==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:r,cy:n,r:4,stroke:c,strokeWidth:2,fill:t})},qa=e=>{const{cx:r,cy:n,fill:c,stroke:t,value:l}=e;return l==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:r,cy:n,r:5,stroke:t,strokeWidth:2,fill:c})};function _r({selectedRangeReport:e,timeframe:r,highlightedRange:n,width:c,height:t,showBarHoverBackground:l,isDetailPage:s,mode:y,onCOABalancesRangeChanged:i}){const u=W.useRef(!1),[j,h]=W.useState(Fa),[d,x]=W.useState(void 0),v=F(),_=W.useRef([]);W.useEffect(()=>{u.current=!0},[]),W.useEffect(()=>{j.shouldUpdate(_.current)===!0&&h(q.init())},[]),W.useEffect(()=>{let C=[];if(e.reportId==="operating_expenses"){const o=e.sections.expenses;o.accountGroups.length===0&&o.accounts.length===0?C.push(R.getLocalizedStrings().chartCard.total):C=o.accountGroups.length!=0?o.accountGroups.map(m=>m.accountGroupName).sort():o.accounts.map(m=>m.account).map(m=>m.accountName).sort()}else C=e.sections.expenses.classes.map(o=>o.class.className).sort();_.current=C},[e,j]);const k=W.useMemo(()=>e.reportId==="operating_expenses"?((C,o,m)=>{const $=[],D={};let w,B=!1;if(m!=null&&m.accountGroups.length!=0?m.accountGroups.forEach(z=>{const P=I(z.accountGroupName,"actual",z),O=b(z.accountGroupName,"actual");D[O]=P,$.push(O),w==null&&P.length>0&&(w=b(z.accountGroupName,"actual"))}):m!=null&&m.accounts.length!=0&&(B=!0,m.accounts.forEach(z=>{const P=I(z.account.accountName,"actual",z.account.balancesInTimeframe),O=b(z.account.accountName,"actual");D[O]=P,$.push(O),w==null&&P.length>0&&(w=b(z.account.accountName,"actual"))})),m!=null&&m.accountGroups.length===0&&m.accounts.length===0){const z=R.getLocalizedStrings().chartCard.total,P=I(z,"actual",m);if(P.length!==0){const O=b(z,"actual");D[O]=P,w=O,$.push(O)}}return o==="forecast_mode"&&Object.assign(D,Ka($,m)),w!=null?Q(C,$,w,D,B):void 0})(e.firstMonthOfFY,y,e.sections.expenses):((C,o)=>{const m=[],$={};let D;return o!=null&&o.classes.length!=0&&o.classes.forEach(w=>{const B=I(w.class.className,"actual",w.childrenBalancesTotal),z=b(w.class.className,"actual");$[z]=B,m.push(z),D==null&&B.length>0&&(D=b(w.class.className,"actual"))}),D!=null?Q(C,m,D,$):void 0})(e.firstMonthOfFY,e.sections.expenses),[e,y]),S=W.useCallback(()=>{const C=[];return k?.orderedKeys.forEach(o=>{const m=!u.current;o.endsWith("_forecast")?C.push(($=>a.jsx(ge,{name:$,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(Ya,{}),activeDot:a.jsx(qa,{}),dataKey:D=>{const w=D.record;let B,z;for(z in w)if(z.endsWith("_forecast")){const P=w[z].amount;P!=null&&(B==null?B={...P}:B.amount+=P.amount)}return B?.amount},stroke:v.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},$))(o)):C.push((($,D)=>a.jsx(Z,{name:$,animationDuration:D?500:void 0,style:{cursor:"pointer"},dataKey:w=>{const B=w.record;return(B[$]!=null&&B[$].amount!=null?B[$].amount:void 0)?.amount??0},stackId:"a",fill:j.getBarColor(E($)),onMouseEnter:()=>{d!==$&&x($)},onMouseLeave:()=>{d!=null&&x(void 0)}},$))(o,m))}),C},[k]),L=({active:C,payload:o})=>o?.find($=>$.name===d)!=null&&d!=null&&C===!0?a.jsx(Va,{active:C,payload:o,mode:y,barName:d}):null;return k==null?null:a.jsx(Ua,{chartData:k,timeframe:r,showBarHoverBackground:l,barElements:S(),customToolTipContent:a.jsx(L,{}),width:c,height:t,onCOABalancesRangeChanged:i,highlightedRange:n,isDetailPage:s===!0})}const Ua=({chartData:e,timeframe:r,barElements:n,customToolTipContent:c,highlightedRange:t,width:l,height:s,showBarHoverBackground:y,isDetailPage:i,onCOABalancesRangeChanged:u})=>{const j=F(),h=ce(e),d=e.timeseries,x=d.map(S=>S.label),v=y!==!1,_=S=>{if(!i||S?.activePayload==null||S?.activePayload.length===0)return;const L=S.activePayload[0];if(L?.payload?.timeLabel?.label==null)return;const C=S.activeTooltipIndex,o=L.payload.timeLabel.label;if(t==null)return;const m=se(o,x,t.numberOfPeriods),$=m[1]===void 0?x.length-1:x.indexOf(m[1]),D={...t,thisPeriod:{startDate:d[$].startDate,endDate:d[$].endDate}};u?.(d[C],r,D)},k=i?(l-60)/G.operating_expenses*(G.operating_expenses-e.recordByTimeseries.length):20;return a.jsx(Ha,{width:l,height:s,children:a.jsx(ee,{children:({height:S,width:L})=>a.jsxs(xe,{width:L,height:S,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:i?M[10]:30,margin:{top:5,right:k,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:_,children:[a.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:j.colors.grey3}),a.jsx(re,{dataKey:C=>C.timeLabel.label,type:"category",axisLine:{stroke:j.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:j.colors.hero,...A.extraSmallRegular.cssObject}}),a.jsx(te,{type:"number",axisLine:!1,tickLine:!1,tick:{color:j.colors.hero,...A.extraSmallRegular.cssObject},tickFormatter:C=>oe("0,0.[00]a",C,h)}),a.jsx(le,{wrapperStyle:{zIndex:2},cursor:!!v&&{stroke:j.colors.background,strokeWidth:(L-60)/G.operating_expenses,fill:j.colors.background},content:c,allowEscapeViewBox:{x:!1,y:!0}}),n]})})})},Xa=f.div`
+  display: flex;
+`,Ja=f.div`
+  display: flex;
+  flex-direction: column;
+`,Qa=f.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${p.sp1} ${p.sp1} ${p.sp0} ${p.sp0};
+  color: ${e=>e.theme.colors.grey1};
+  padding: ${p.sp3};
+`,de=f.div`
+  flex: 1;
+  text-align: right;
+`,Za=f.div`
+  width: 132px;
+`,er=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${p.sp0} ${p.sp0} ${p.sp1} ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,ar=f(T)`
+  text-align: left;
+  width: 120px;
+`,Ie=f.div`
+  margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${g.neutralGrey3Dark};
+`,rr=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 210px;
+  border-radius: ${p.sp1};
+  flex-direction: column;
+  padding: ${p.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,Ae=f(T)`
+  color: ${e=>e.color??g.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  ${e=>e.showPercent?"flex-start":"center"};
+`,Ve=f(T)`
+  background-color: ${e=>e.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${p.sp2};
+`,tr=f(T)`
+  text-align: left;
+`,or=f.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,Be=f(H)`
+  text-align: right;
+`,J=f(H)`
+  text-align: right;
+  flex: 1;
+  color: ${e=>e.isChange!=null&&e.isChange===!0?g.important:null};
+`,ze=f(H)`
+  display: flex;
+  flex-direction: column;
+`,Re=f(H)``,lr=({active:e,payload:r,mode:n})=>{const c=[];let t={amount:0,currencyCode:""},l={amount:0,currencyCode:""};const s=b("gross_margin","actual");return r?.forEach(y=>{const i=y.name;if(e===!0){const u=y.payload,j=y.color,h=i!=null&&u.record[i]!=null?u.record[i].amount:void 0;let d;i.includes("forecast")!==!0&&(n==="forecast_mode"&&(d=u.record[i]!=null?((x,v)=>{const _=b(E(x),"forecast");if(v.record[_]==null)return;const k=v.record[x].amount,S=v.record[_].amount;return{value:S,change:{...k,amount:Math.floor(100*(k.amount-S.amount)/100)},percent:S.amount!==0?Math.floor((k.amount-S.amount)/S.amount*100)/100:void 0,forecastPercent:v.record[_].percentValue}})(i,u):void 0),i===s?(h!=null&&(t.currencyCode===""?t={...h}:t.amount=t.amount+h.amount),d!=null&&(l.currencyCode===""?l={...d.value}:l.amount=l.amount+d.value.amount),c.push({barName:R.getLocalizedStrings().chartCard.revenue[E(i)],actual:h,forecast:d,percent:u.record[i]!=null?u.record[i].percentValue??0:0,color:j})):c.push({barName:R.getLocalizedStrings().chartCard.revenue[E(i)],actual:h,color:j,forecast:d}))}}),c},Pe=e=>e.map((r,n)=>a.jsxs(Ae,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(tr,{children:[a.jsx(Ve,{color:r.color}),`${r.barName}:`]}),a.jsxs(or,{children:[a.jsx(Be,{children:`${N(r.actual)}`}),r.percent!=null?a.jsx(Be,{children:K("0,0.0%",r.percent)}):null]})]},r.barName+n)),Oe=e=>e.map((r,n)=>a.jsxs(Ae,{color:r.color,showPercent:r.percent!=null,children:[a.jsxs(ar,{children:[a.jsx(Ve,{color:r.color}),`${r.barName}:`]}),a.jsx(J,{children:a.jsxs(ze,{children:[r.actual!=null?`${N(r.actual)}`:"-",a.jsx(Re,{children:r.percent!=null?K("0,0.0%",r.percent):null})]})}),a.jsx(J,{children:a.jsxs(ze,{children:[r.forecast!=null?`${N(r.forecast.value)}`:"-",a.jsx(Re,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?K("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?a.jsx(J,{isChange:!0,children:`${N(r.forecast.change)}`}):a.jsx(J,{children:"-"}),r.forecast!=null?a.jsx(J,{isChange:!0,children:K("0,0.0%",r.forecast.percent)}):a.jsx(J,{children:"-"})]},r.barName+n)),nr=e=>{if(e.length>0){for(const r of e)if(r.actual!=null)return r.actual.currencySymbol}return""},cr=({barLabelsWithValues:e})=>a.jsxs(Ja,{children:[a.jsxs(Qa,{children:[a.jsx(Za,{}),a.jsx(de,{children:R.getLocalizedStrings().chartCard.tooltip.actual}),a.jsx(de,{children:R.getLocalizedStrings().chartCard.tooltip.forecast}),a.jsxs(de,{children:[R.getLocalizedStrings().chartCard.tooltip.change," ",nr(e)]}),a.jsx(de,{children:R.getLocalizedStrings().chartCard.tooltip.change_percent})]}),a.jsxs(er,{children:[Oe(e.slice(0,e.length-1)),e.length?a.jsx(Ie,{}):null,Oe(e.slice(-1))]})]}),sr=({barLabelsWithValues:e})=>a.jsx(Xa,{children:a.jsxs(rr,{children:[Pe(e.slice(0,e.length-1)),e.length?a.jsx(Ie,{}):null,Pe(e.slice(-1))]})}),ir=ne.memo(e=>{const r=lr({...e});return r.length===0?null:a.jsx(a.Fragment,{children:e.mode==="forecast_mode"?a.jsx(cr,{barLabelsWithValues:r}):a.jsx(sr,{barLabelsWithValues:r})})}),We=(e,r,n,c,t,l)=>{let s=[],y=[],i=[];c!=null&&c.balances.length>0&&(s=V("income","actual",c)),t!=null&&t.balances.length>0&&(y=V("cogs","actual",t)),l!=null&&l.balances.length>0&&(i=ie("gross_margin","actual",l));const u=b("income","actual"),j=b("cogs","actual"),h=b("gross_margin","actual"),d=s.length>0?u:y.length>0?j:h,x={};return x[u]=s,x[j]=y,x[h]=i,n==="forecast_mode"&&Object.assign(x,ur(c,t,l)),d!=null?Q(e,r,d,x):void 0},ur=(e,r,n)=>{let c=[],t=[],l=[];e!=null&&e.balances.length>0&&(c=V("income","forecast",e)),r!=null&&r.balances.length>0&&(t=V("cogs","forecast",r)),n!=null&&n.balances.length>0&&(l=ie("gross_margin","forecast",n));const s=b("income","forecast"),y=b("cogs","forecast"),i=b("gross_margin","forecast"),u={};return u[s]=c,u[y]=t,u[i]=l,u},hr=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual")],dr=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual"),b("income","forecast"),b("cogs","forecast"),b("gross_margin","forecast")],gr=f.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${e=>U.legendLabelMarginRight.valuePx(e.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${p.sp0} !important;
+    }
+  }
+`,pr=f(fe)`
+  margin-left: ${e=>U.legendLabelMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>U.legendLabelMarginRight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`;function Lr({selectedRangeReport:e,timeframe:r,highlightedRange:n,width:c,height:t,showBarHoverBackground:l,isDetailPage:s,mode:y,onCOABalancesRangeChanged:i}){const u=F(),j=W.useRef(!1);W.useEffect(()=>{j.current=!0},[]);const h=[u.colors.graphColor26,u.colors.graphColor17,u.colors.graphColor12],d=[u.colors.graphColor28,u.colors.graphColor17,u.colors.graphColor10,u.colors.graphColor28Dark,u.colors.graphColor17Dark,u.colors.graphColor10Dark],x=y==="forecast_mode"?d:h,v=y==="forecast_mode"?dr:hr,_=(o,m=u.colors.graphColor28)=>o<x.length?x[o]:m,k=e.reportId==="revenue"?We(e.firstMonthOfFY,v,y,e.sections?.income,e.sections?.cogs,e.calculatedSections?.grossMargin):We(e.firstMonthOfFY,v,y,e.sections.income,e.sections.cogs,e.calculatedSections.grossMargin),S=o=>{const{cx:m,cy:$,fill:D,stroke:w,value:B}=o;return B==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:m,cy:$,r:4,stroke:D,strokeWidth:2,fill:w})},L=o=>{const{cx:m,cy:$,fill:D,stroke:w,value:B}=o;return B==null?a.jsx(a.Fragment,{}):a.jsx("circle",{cx:m,cy:$,r:5,stroke:w,strokeWidth:2,fill:D})},C=()=>{const o=[];return v.forEach((m,$)=>{const D=s===!0&&!j.current;m.endsWith("_forecast")?o.push(((w,B)=>a.jsx(ge,{name:w,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:a.jsx(S,{}),activeDot:a.jsx(L,{}),dataKey:z=>{const P=z.record;return(P[w]!=null&&P[w].amount!=null?P[w].amount:void 0)?.amount},stroke:_(B),strokeDasharray:"3 3",strokeWidth:1.5},w))(m,$)):o.push(((w,B,z)=>a.jsx(Z,{name:w,animationDuration:z?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:P=>{const O=P.record;return(O[w]!=null&&O[w].amount!=null?O[w].amount:void 0)?.amount??0},fill:_(B)},w))(m,$,D))}),o};return k==null?null:a.jsx(mr,{chartData:k,timeframe:r,showBarHoverBackground:l,barElements:C(),customToolTipContent:({active:o,payload:m})=>a.jsx(ir,{active:o,payload:m,mode:y}),width:c,height:t,onCOABalancesRangeChanged:i,highlightedRange:n,isDetailPage:s===!0})}const mr=({chartData:e,timeframe:r,barElements:n,customToolTipContent:c,highlightedRange:t,width:l,height:s,showBarHoverBackground:y,isDetailPage:i,onCOABalancesRangeChanged:u})=>{const j=pe(),h=F(),d=ce(e),x=e.timeseries,v=x.map(L=>L.label),_=y!==!1,k=L=>{if(!i||L?.activePayload==null||L?.activePayload.length===0)return;const C=L.activePayload[0];if(C?.payload?.timeLabel?.label==null)return;const o=L.activeTooltipIndex,m=C.payload.timeLabel.label;if(t==null)return;const $=se(m,v,t.numberOfPeriods),D=$[1]===void 0?v.length-1:v.indexOf($[1]),w={...t,thisPeriod:{startDate:x[D].startDate,endDate:x[D].endDate}};u?.(x[o],r,w)},S=i?(l-60)/G.revenue*(G.revenue-e.recordByTimeseries.length):20;return a.jsx(gr,{width:l,height:s,windowSize:j,children:a.jsx(ee,{children:({height:L,width:C})=>a.jsxs(xe,{data:e.recordByTimeseries,barCategoryGap:i?void 0:"12%",maxBarSize:i?M[10]:22,barGap:i?void 0:2,margin:{top:5,right:S,left:0,bottom:M[4]},height:L,width:C,style:{display:"flex",flex:"1 1 auto"},onClick:k,children:[a.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),a.jsx(re,{dataKey:o=>o.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...A.extraSmallRegular.cssObject}}),a.jsx(te,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...A.extraSmallRegular.cssObject},tickFormatter:o=>oe("0,0.[00]a",o,d)}),a.jsx(le,{wrapperStyle:{zIndex:2},cursor:!!_&&{stroke:h.colors.background,strokeWidth:(C-60)/G.revenue,fill:h.colors.background},content:c,allowEscapeViewBox:{x:!1,y:!0}}),n,i?a.jsx(me,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:p.sp0},iconSize:M[3],formatter:o=>a.jsx(pr,{windowSize:j,children:o.endsWith("_forecast")===!0?R.getLocalizedStrings().chartCard.revenue[o]:R.getLocalizedStrings().chartCard.revenue[E(o)]})}):null]})})})};export{$r as A,Lr as Y,_r as m,kr as t,wr as u};

package/dist/assets/ReviewDetailsPage-DaTETUBT-PWso5Dab.js

@@ -0,0 +1,290 @@
+import{u as wt,a$ as $t,R as u,gp as vt,a as jt,gq as St,gr as Tt,j as t,gs as Ct,gt as oe,gu as Dt,gv as It,gw as Pt,bm as j,gx as kt,bn as k,gy as At,gz as Mt,gA as Me,gB as Be,gC as Fe,t as U,gD as O,gE as E,gF as V,C as S,gG as Bt,gH as Ft,gI as Rt,gJ as Lt,cH as Re,b as a,bC as Nt,s as d,ag as zt,gK as Ot,cS as Et,d as Vt,e as qt,gL as Gt,d6 as Kt,ah as de,ai as ce,gM as Zt,gN as Yt,bX as _t,L as Ut,bJ as Wt,as as et,cq as Ht,af as tt,c6 as Jt}from"./index-2CdI-B2B.js";import{a as G}from"./core-tlHkQPPu.js";import{n as i}from"./mui-kiGMfX4-.js";import{bp as Le,bn as Ne,bK as D,bQ as Xt,fv as Qt,bO as ne,bT as ea}from"./zeni-epic-state-Bo1aGezX.js";import{D as ta,k as aa}from"./LowBalancePopup-CEiTKqxT-F00svkBR.js";import{p as q}from"./LabeledText-iHeu8MCf-BqC7UtSs.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const at=["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])},ia={sectionTitle:new Vt("h6Medium","h5Medium")},{dateFormat:ze,common:{currency:v,labels:Oe,edit:la,strings:{empty:y}},spendManagement:{billPay:oa}}=jt.getLocalizedStrings(),{billDetails:l,paymentDetails:Ee}=oa,Ve=({attachment:e})=>{const[b,g]=G.useState(!1),A=e.fileId?.length===0;return t.jsxs(Ba,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>A===!1?g(!0):null,children:[b&&e?.fileDownloadUrl!=null?t.jsx(Zt,{title:e.fileName,file:e,onCrossClick:()=>{g(!1)},setShowFullScreenView:g}):null,t.jsx(Fa,{children:t.jsx(Yt,{contentType:e.contentType})})]})},ei=({billDetails:e,billpayApprovalView:b,isBillPayCommentingEnabled:g,currentTenant:A,isInternationalPaymentShaVsOurEnabled:M,isLocalCurrencyEnabled:it,style:lt,analytics:w,isRecurringBillsFeatureEnabled:ot,isApprovalRequiredForMarkAsPaid:nt,isDetectInsufficientFundsEnabled:rt,billId:x,onClickEdit:me,discardBillDetailsFromLocalStore:pe,saveBillDetails:ue,discardOutsideZeniPaymentData:st,updateBillDetailSaveBillCode:ye,redirectToBillsScreen:he,onAttachmentClick:X,retryPayment:dt})=>{const s=wt(),c=$t(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:x},F=g&&x!=null,R=`dashboard_${c.currentTenant?.companyId}`,L=m.largeLabelWidth.value(s),N=e.saveStatus,Q=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,n=vt(M,it,e.billPayConfigList.filter(o=>o.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),T=ze.visual.MMMDCommaYYYYformat,ge={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},p={amount:n?.method.includes("international")===!0?St(ge,n):e.recipientTotalAmount.amount+(n?.fee.amount??0),currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},z={amount:n?.method.includes("international")===!0?Tt(ge,n):n?.fee.amount??0,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},[ct,xe]=G.useState(!1),[mt,fe]=G.useState(!1),be=()=>xe(!1),pt=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${l.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(ka,{size:s,children:t.jsx(Pa,{})})]}):Ct(e.paymentDetailsSection?.paymentTo);G.useEffect(()=>{N?.fetchState!=="Completed"&&Q?.fetchState!=="Completed"||(pe(),ye(),he())},[N,Q,he,pe,ye]);const $=e.billPayInfo?.stage,I=e.billPayInfo?.billStatus,K=e.billPayInfo?.billPaymentStatus,ut=e.billPayInfo?.billPaymentRefundStatus,te=$?.code==="paid"?$:I?.code=="approved"&&K?.code?K:I,yt=e.billPayInfo?.isRefundInitiated===!0?ut:I?.code=="approved"&&K?.code?K:I,ae=()=>{me()},we=()=>{me()},Z=e.paymentDetailsSection?.paymentDate,ie=oe(n?.method??""),$e=ie.replace("Same Day",""),ht=e.isCollectToAccountInfoFromVendorContact?t.jsx(Dt,{paymentTypeLabel:$e,onClick:()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),xe(!0)}}):l.addedByZeni,Y=b.allApprovalRules.length>0,gt=Le(n?.method!=null&&(n.method.includes(D)||n?.fee.amount!=null&&n.fee.amount!==0)?p.amount-z.amount:p.amount,n?.fee.currencyCode??Ne.currencyCode,n?.fee.currencySymbol??Ne.currencySymbol),h=Xt(e.paymentDetailsSection?.paymentType?.method),ve=()=>{fe(!0),w.trackBillPayMarkAsPaid($?.code??"draft",te?.code??"")},P=h&&($?.code==null||$.code==="draft"||I?.code==="approved"),f=P&&!nt,je=qe(f,Y,e.isBillMarkedForRetry),le=rt&&e.paymentDetailsSection!=null?It(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,Se=()=>{Te===!0&&_(!1),e.isBillMarkedForRetry===!0?(dt(),w.trackRetryConfirmClick(te?.code??"",$?.code??"",yt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&((()=>{const o=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,C=e.recurringConfig,ft=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(x??"new_bill"),n?.method!=null&&o!=null){const bt=h?l.paymentOutsideZeni.offline:oe(n.method);if(w.trackBillPaySendForApproval(bt,o.format(ze.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,x,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:ne(C?.startDate?.toString()??"").format(T),endDate:ne(C?.endDate?.toString()??"").format(T),frequency:C?.frequency??"monthly",totalAmount:ft.amount,totalPaymentCycles:C?.totalPaymentCycles??0,isApprovalRequired:C?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?C?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?C?.updateRecurringBills==="all":void 0}),le!=null){const Ce=$?.code??"draft",De=I?.code??"",Ie=e.isRecurring?["Recurring"]:["One-Time"],Pe=e.invoiceNumber??"",ke=Ot(c.loggedInUser),Ae=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";je===l.scheduleBill?w.trackLowBalanceAccountSchedule(Ce,De,Ie,Pe,ke,Ae):je===l.sendForApproval&&w.trackLowBalanceAccountSentForApproval(Ce,De,Ie,Pe,ke,Ae)}}})(),ue(!1,{}))},xt=Qt(p.amount,b.allApprovalRules,c.loggedInUser),[Te,_]=G.useState(!1);return t.jsxs(ha,{children:[mt?t.jsx(ta,{onCancel:()=>{st(),fe(!1)},onProceedForMarkAsPaid:o=>{w.trackBillPayMarkAsPaidSubmit(o.paymentMode??"other",$?.code??"draft",te?.code??""),ue(!0,o)},saveDetailsFetchState:N?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Te?t.jsx(aa,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Se,onCancelClick:()=>{_(!1),ae()},onClickAway:()=>{_(!1)}}):null,t.jsx(Pt,{anchor:"right",open:ct,onClose:be,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(kt,{companyName:At(A.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Z?.format(T)??"",paymentType:$e,amount:k("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:be})}),t.jsxs(ga,{windowSize:s,style:lt,children:[s==="small"?t.jsxs(Ia,{windowSize:s,children:[t.jsx(We,{onClick:we,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(Ze,{windowSize:s,children:l.oneLastLook})]}):t.jsx(Da,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(We,{onClick:we})}),s!=="small"?t.jsx(fa,{children:t.jsx(Ze,{windowSize:s,children:l.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(ba,{children:[t.jsxs(wa,{children:[t.jsx(Ea,{}),t.jsxs($a,{children:[t.jsx(ja,{children:l.duplicateBillPayWarning}),t.jsxs(va,{children:[l.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>X(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[l.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Na,{children:[t.jsx(Oa,{children:l.duplicateInvoiceFound}),e.duplicateBillTransactions.map(o=>{const r=Mt(o);return o!=null?t.jsx(za,{children:at.includes(s)?t.jsxs(Ye,{windowSize:s,children:[t.jsxs(Sa,{children:[t.jsxs(Ta,{children:[o.attachments&&o.attachments.length>0?t.jsx(Ve,{attachment:o.attachments[0]}):t.jsx(He,{children:t.jsx(Je,{})}),t.jsx(H,{children:t.jsxs(t.Fragment,{children:[o.documentId!=null?l.invoiceNo:null,o.documentId]})})]}),t.jsx(Xe,{windowSize:s,children:k("0,0[.]00",o.recipientTotalAmount)})]}),t.jsxs(Ra,{"data-testid":j("review-detail-mobile-info"),onClick:()=>X(o.id,o.billPayInfo.stage.code),children:[t.jsxs(H,{children:[o.dueDate!=null?l.due:null," ",o.dueDate?.format(T)]}),t.jsx(Qe,{children:r!=null?Me.includes(r.code)?t.jsx(Be,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ye,{windowSize:s,children:[o.attachments&&o.attachments.length>0?t.jsx(Ve,{attachment:o.attachments[0]}):t.jsx(He,{children:t.jsx(Je,{})}),t.jsxs(La,{"data-testid":j("review-detail-info"),onClick:()=>X(o.id,o.billPayInfo.stage.code),children:[t.jsx(H,{style:{width:"50%"},children:t.jsxs("div",{children:[o.documentId!=null?l.invoiceNo:null," ",o.documentId]})}),t.jsxs(H,{style:{width:"25%"},children:[o.dueDate!=null?l.due:null," ",o.dueDate?.format(T)]}),t.jsx(Xe,{style:{width:"25%"},windowSize:s,children:k("0,0[.]00",o.amount)})]}),t.jsx(Qe,{children:r!=null?Me.includes(r.code)?t.jsx(Be,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},o.id):null})]})]}):null,t.jsxs(Ca,{children:[t.jsx(_e,{children:l.pay}),t.jsx(Ue,{children:t.jsx(Fe,{amount:gt,integerStyles:U.largeMedium.cssObject,decimalStyles:U.smallMedium.cssObject})}),t.jsx(_e,{children:l.to}),t.jsx(Ue,{children:e.vendor?.name})]}),t.jsxs(xa,{children:[h?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:x,dashboardTabKey:V({type:"details",key:"withdrawFrom"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(q,{label:{label:l.withdrawFrom,width:L},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Bt(e.paymentDetailsSection.withdrawFrom,s):y,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:le})}),t.jsx(W,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:x,dashboardTabKey:V({type:"details",key:"paymentType"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(q,{label:{label:l.paymentMethod,width:L},style:{width:"auto"},value:oe(n?.method??""),additionalInfoLabel:h?f?void 0:l.paymentOutsideZeni.reviewInfo:n?.method!=null&&n.method.includes(D)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&M&&ee===v.currencyCode?Ft(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0})}),t.jsx(W,{}),h||Z==null?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:x,dashboardTabKey:V({type:"details",key:"paymentDate"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(q,{label:{label:l.paymentDate,width:L},style:{width:"auto"},value:Z.format(T),additionalInfoLabel:`${l.estimatedArrival}${ne(ea(Z.toDate(),[0,6],n?.maxPeriod.value??0).toDateString()).format(T)} - (${ie.length>0?`${ie} `:""}${l.deliveryTimeLabel} = ${n?.maxPeriod.value??"0"} ${l.deliveryTimeUnits})`})}),t.jsx(W,{})]}),h?null:t.jsx(O,{isThreadAllowed:F,entityId:x,dashboardTabKey:V({type:"details",key:"paymentTo"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(q,{label:{label:l.paymentTo,width:L},style:{width:"auto"},value:pt??"",additionalInfoLabel:ht})}),h||ot?t.jsxs(t.Fragment,{children:[t.jsx(W,{}),t.jsx(O,{isThreadAllowed:F,entityId:x,dashboardTabKey:V({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:c.currentTenant?.companyId??y,companyName:c.currentTenant?.companyName??y,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(q,{label:{label:l.paymentType,width:L},style:{width:"auto"},value:Lt(e.isRecurring,h,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Rt(s,e.isRecurring,h,e.recurringConfig)})})]}):null]}),!h&&n?.method!=null&&(n.method.includes(D)||n?.fee.amount!=null&&n.fee.amount!==0)?t.jsx(ma,{children:t.jsxs(pa,{windowSize:s,children:[t.jsxs(ua,{children:[t.jsx(sa,{children:l.total}),t.jsx(Re,{style:{padding:`12px ${a.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(ca,{children:[t.jsxs(Ke,{children:[t.jsx(se,{children:n.method.includes(D)&&ee!==v.currencyCode?Ee.conversionAmountColon:Oe.invoiceAmount}),t.jsx(re,{children:k("0,0[.]00",{amount:p.amount-z.amount,currencySymbol:z.currencySymbol})})]}),t.jsxs(Ke,{children:[t.jsx(se,{children:Ee.transactionFee}),t.jsx(re,{children:k("0,0[.]00",{amount:z.amount,currencySymbol:z.currencySymbol})})]}),t.jsx(da,{}),t.jsxs(ra,{children:[t.jsx(se,{children:Oe.total}),t.jsx(re,{children:k("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(na,{})})]}),t.jsx(ya,{children:t.jsx(Fe,{amount:Le(p.amount,p.currencyCode,p.currencySymbol),integerStyles:U.h6Medium.cssObject,decimalStyles:U.standardMedium.cssObject})})]})}):null]}),t.jsx(Nt,{cancelBtn:{label:P&&!f?l.paymentOutsideZeni.markAsPaid:l.editBill,onClick:P&&!f?ve:ae,style:{width:Ge(!1,P,f,Y,s)}},primaryBtn:{label:qe(f,Y,e.isBillMarkedForRetry),isLoading:N?.fetchState==="In-Progress"||Q?.fetchState==="In-Progress",onClick:f?ve:()=>{xt&&le!=null?_(!0):Se()},style:{width:Ge(!0,P,f,Y,s)}},rightSideComponent:P&&!f&&N.fetchState!=="In-Progress"?t.jsx(Va,{windowSize:s,children:t.jsx(Re,{style:{color:S.heroDark,padding:`2px ${a.sp2}`},display:"flex",title:la,placement:"top",children:t.jsx(Ga,{onClick:ae,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(qa,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(D)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(D)&&{padding:a.sp3,rowGap:a.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(D)?t.jsxs(Aa,{children:[l.internationalText1,t.jsx(Ma,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:l.internationalTerms}),l.internationalText2]}):null})]})},qe=(e,b,g)=>e?l.paymentOutsideZeni.markAsPaid:g===!0?l.retryPayment:b?l.sendForApproval:l.scheduleBill,Ge=(e,b,g,A,M)=>g?128:b&&!e&&M==="small"?"auto":A?165:m.footerButtonWidth.value(M),na=i(Ht)`
+  width: ${a.sp3};
+  height: ${a.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ke=i(tt)`
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: ${a.sp1};
+`,re=i.div`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,se=i.div`
+  color: ${e=>e.theme.colors.hero};
+`,ra=i(tt)`
+  display: flex;
+  justify-content: space-between;
+  padding-top: ${a.sp1};
+`,sa=i.div``,da=i.div`
+  background-color: ${S.neutralGrey3Dark};
+  height: 1px;
+  width: 280px;
+`,ca=i.div``,ma=i.div`
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+`,pa=i.div`
+  width: 100%;
+  padding: ${a.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${a.sp2};
+`,ua=i(et)`
+  gap: ${a.sp1};
+  display: flex;
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+`,ya=i(et)`
+  display: flex;
+  width: calc(100% - 176px);
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.primary};
+`,ha=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,ga=i.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  margin-left: ${e=>m.reviewContainerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>m.reviewContainerMarginRight.valuePx(e.windowSize)};
+  padding-top: ${a.sp3};
+`,xa=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${a.sp3};
+  margin-top: ${a.sp3};
+`,W=i.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ze=i(qt)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ia.sectionTitle.style(e.windowSize)}`};
+  margin-left: ${e=>m.sectionTitleMarginLeft.valuePx(e.windowSize)};
+`,fa=i.div`
+  display: flex;
+  margin-bottom: ${a.sp3};
+  margin-top: ${a.sp3};
+`,ba=i.div`
+  display: flex;
+  flex-direction: column;
+  border-radius: ${a.sp2};
+  padding: ${a.sp3} ${a.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,wa=i.div`
+  background-color: ${S.alertLight};
+  border-radius: ${a.sp2};
+  width: 100%;
+  display: flex;
+`,$a=i.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: ${a.sp2};
+`,va=i(de)`
+  padding-bottom: ${a.sp3};
+  color: ${S.brandColorGoldDark};
+`,ja=i(Kt)`
+  padding-top: ${a.sp3};
+  color: ${S.brandColorGoldDark};
+`,Ye=i.div`
+  display: flex;
+  flex-direction: ${e=>at.includes(e.windowSize)?"column":"row"};
+  width: 100%;
+`,Sa=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  column-gap: ${a.sp1};
+`,Ta=i.div`
+  display: flex;
+  column-gap: ${a.sp2};
+  align-items: center;
+`,Ca=i.div`
+  display: flex;
+  padding-top: ${a.sp3};
+`,_e=i(Ut)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${a.sp1};
+`,Ue=i(Wt)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${a.sp1};
+`,We=i(Et)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: 20px;
+  height: 20px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Da=i.div`
+  margin-bottom: ${a.sp3};
+`,Ia=i.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${e=>e.showAutofill===!0?a.sp8:"unset"};
+  position: absolute;
+  width: 100%;
+  top: ${a.sp0};
+  padding-top: ${e=>m.navBarContainerPaddingTop.valuePx(e.windowSize)};
+  padding-right: 33px;
+  padding-bottom: ${e=>m.navBarContainerPaddingTop.valuePx(e.windowSize)};
+  padding-left: ${a.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Pa=i(zt)`
+  height: ${a.sp3};
+  width: ${a.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ka=i.span`
+  display: flex;
+  align-items: center;
+  margin-left: ${a.sp2};
+  margin-top: ${e=>m.iconContainerMarginTop.valuePx(e.size)};
+  align-self: ${e=>e.size==="small"?"baseline":"center"};
+`,Aa=i(ce)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+`,Ma=i.a`
+  color: ${e=>e.theme.colors.grey1};
+  text-decoration: underline;
+  margin-right: ${a.sp1};
+  margin-left: ${a.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ba=i.div`
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  display: flex;
+  flex-direction: row;
+
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${a.sp2};
+  &:hover {
+    svg {
+      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+    }
+  }
+`,Fa=i.div`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  display: flex;
+`,He=i.div`
+  cursor: default;
+  display: flex;
+  align-items: center;
+  margin-right: ${a.sp1};
+`,Je=i(_t)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,H=i(de)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+  min-width: 142px;
+  flex-grow: 1;
+`,Xe=i(de)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  margin-right: ${e=>m.infoMarginRight.valuePx(e.windowSize)};
+  min-width: ${e=>m.infoMinWidth.valuePx(e.windowSize)};
+  justify-content: flex-end;
+`,Ra=i.div`
+  display: flex;
+  cursor: pointer;
+  column-gap: ${a.sp1};
+  margin-left: ${a.sp5};
+`,Qe=i.div`
+  width: 120px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+`,La=i.div`
+  display: flex;
+  flex-grow: 1;
+  cursor: pointer;
+  width: 100%;
+`,J=i(ce)`
+  display: flex;
+  color: ${e=>e.borderColor};
+  height: 20px;
+  text-align: center;
+  max-width: 84px;
+  display: block;
+  cursor: default;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${a.sp1};
+`,Na=i.div`
+  display: flex;
+  flex-direction: column;
+`,za=i.div`
+  display: flex;
+  width: 100%;
+  flex-flow: column;
+  padding-top: ${a.sp2};
+  padding-bottom: ${a.sp2};
+  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Oa=i(ce)`
+  margin-top: ${a.sp3};
+  color: ${S.alert};
+`,Ea=i(Gt)`
+  min-width: ${a.sp4};
+  height: ${a.sp4};
+  width: ${a.sp4};
+  margin-top: ${a.sp3};
+  margin-left: ${a.sp4};
+  color: ${S.brandColorGoldDark};
+`,Va=i.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-right: ${e=>m.footerRightIconMarginRight.valuePx(e.windowSize)};
+`,qa=i(Jt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp4};
+  height: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ga=i.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp2};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{ei as default};