@zeniai/web-app-ui 4.14.35-qa → 4.14.36-next

package/dist/assets/{RevenueChart-DvyZ3aO7-Cq5-UpCu.js → RevenueChart-SvdhwBcE-DaeNieaE.js}

@@ -1,4 +1,4 @@
-import{y as F,O as S,V as t,f as m,S as Fe,an as Q,m as E,w as M,ag as Z,e as de,o as x,b as Ve,x as fe,b8 as ge,l as R,b9 as V,au as K}from"./index-C-nTPjDF.js";import{a as z,b as ee}from"./sentry-Dd2vHz0L.js";import{n as f}from"./mui-BOwjqiG-.js";import{p as b,b as T,d as te,y as N,g as ae,u as W}from"./chartTypes-CD3vrBsI-CvW9Chyr.js";import{c as I,i as A,h as re}from"./toCOABalancesWithID-aLNB35t7-CE6_d7nv.js";import{V as J}from"./toChartData-DUL6vnzJ-CEwEqfdb.js";import{G as pe,K as oe,S as me,E as le,X as ne,Y as ce,F as se,H as xe,J as We}from"./recharts-B22vzlMp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="a7901a1d-e333-4f4b-9d27-b4100dd3c040",e._sentryDebugIdIdentifier="sentry-dbid-a7901a1d-e333-4f4b-9d27-b4100dd3c040")}catch{}})();const q={legendLabelMarginLeft:new fe(2,2),legendLabelMarginRight:new fe(E[3],E[4])},Ke=f.div`
+import{y as F,O as S,V as t,e as m,Q as Fe,an as Q,u as E,j as M,ag as Z,J as de,o as x,a6 as Ve,b as fe,b8 as ge,s as R,b9 as V,au as K}from"./index-EqHxd201.js";import{a as z,b as ee}from"./sentry-Q4kep6XN.js";import{n as f}from"./mui-2NnLxiU2.js";import{p as b,b as T,d as te,y as N,g as ae,u as W}from"./chartTypes-40RenddT-xOl7ri4B.js";import{c as I,i as A,h as re}from"./toCOABalancesWithID-DkMGvlEt-rov467Ra.js";import{V as X}from"./toChartData-C6s-eBzE-CuLISfRU.js";import{G as pe,K as oe,S as me,E as le,X as ne,Y as ce,F as se,H as xe,J as We}from"./recharts-DLbOXl5Z.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="1e353eac-9780-4d7b-9ae9-e19db764c046",e._sentryDebugIdIdentifier="sentry-dbid-1e353eac-9780-4d7b-9ae9-e19db764c046")}catch{}})();const q={legendLabelMarginLeft:new fe(2,2),legendLabelMarginRight:new fe(E[3],E[4])},Ke=f.div`
   display: flex;
 `,He=f.div`
   margin: ${x.sp2} ${x.sp0} ${x.sp2} ${x.sp0};
@@ -19,17 +19,17 @@ import{y as F,O as S,V as t,f as m,S as Fe,an as Q,m as E,w as M,ag as Z,e as de
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,Ue=f(R)`
+`,Je=f(R)`
   background-color: ${e=>e.color};
   height: 12px;
   width: 12px;
   display: inline-block;
   margin-right: ${x.sp2};
-`,Xe=f(R)`
+`,Ue=f(R)`
   text-align: left;
-`,Je=f(R)`
+`,Xe=f(R)`
   text-align: right;
-`,be=e=>e.map((a,o)=>t.jsxs(qe,{color:a.color,children:[t.jsxs(Xe,{children:[t.jsx(Ue,{color:a.color}),`${a.barName}:`]}),t.jsx(Je,{children:`${W(a.value)}`})]},a.barName+o)),Qe=ee.memo(e=>{const a=(({active:o,payload:n})=>{const r=[];return n?.forEach(l=>{const i=l.name;if(o===!0){const u=l.payload,s=l.color,c=i!=null&&u.record[i]!=null?u.record[i].amount:void 0;r.push({barName:S.getLocalizedStrings().chartCard.cashInCashOut[T(i)],value:c,color:s})}}),r})({...e});return a.length===0?null:t.jsx(Ke,{children:t.jsxs(Ye,{children:[be(a.slice(0,a.length-1)),a.length?t.jsx(He,{}):null,be(a.slice(-1))]})})}),Ze=(e,a,o,n,r)=>{let l=[],i=[],u=[];o!=null&&o.balances.length>0&&(l=A("cash_in","actual",o)),n!=null&&n.balances.length>0&&(i=A("cash_out","actual",n)),r!=null&&r.balances.length>0&&(u=re("net_cash_flow","actual",r));const s=b("cash_in","actual"),c=b("cash_out","actual"),C=b("net_cash_flow","actual"),h=l.length>0?s:i.length>0?c:void 0,d={};return d[s]=l,d[c]=i,d[C]=u,h!=null?J(e,a,h,d):void 0},ye=[b("cash_in","actual"),b("cash_out","actual"),b("net_cash_flow","actual")],et=f.div`
+`,be=e=>e.map((a,o)=>t.jsxs(qe,{color:a.color,children:[t.jsxs(Ue,{children:[t.jsx(Je,{color:a.color}),`${a.barName}:`]}),t.jsx(Xe,{children:`${W(a.value)}`})]},a.barName+o)),Qe=ee.memo(e=>{const a=(({active:o,payload:n})=>{const r=[];return n?.forEach(l=>{const i=l.name;if(o===!0){const u=l.payload,s=l.color,c=i!=null&&u.record[i]!=null?u.record[i].amount:void 0;r.push({barName:S.getLocalizedStrings().chartCard.cashInCashOut[T(i)],value:c,color:s})}}),r})({...e});return a.length===0?null:t.jsx(Ke,{children:t.jsxs(Ye,{children:[be(a.slice(0,a.length-1)),a.length?t.jsx(He,{}):null,be(a.slice(-1))]})})}),Ze=(e,a,o,n,r)=>{let l=[],i=[],u=[];o!=null&&o.balances.length>0&&(l=A("cash_in","actual",o)),n!=null&&n.balances.length>0&&(i=A("cash_out","actual",n)),r!=null&&r.balances.length>0&&(u=re("net_cash_flow","actual",r));const s=b("cash_in","actual"),c=b("cash_out","actual"),C=b("net_cash_flow","actual"),h=l.length>0?s:i.length>0?c:void 0,d={};return d[s]=l,d[c]=i,d[C]=u,h!=null?X(e,a,h,d):void 0},ye=[b("cash_in","actual"),b("cash_out","actual"),b("net_cash_flow","actual")],et=f.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 
@@ -57,7 +57,7 @@ import{y as F,O as S,V as t,f as m,S as Fe,an as Q,m as E,w as M,ag as Z,e as de
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,nt=ee.memo(e=>{const a=(({active:o,payload:n})=>{const r=[];return n?.forEach(l=>{const i=l.name;if(o===!0){const u=l.payload,s=l.color,c=i!=null&&u.record[i]!=null?u.record[i].amount:void 0;r.push({barName:S.getLocalizedStrings().reportTitleById.cash_position,value:c,color:s})}}),r})(e);return a.length===0?null:t.jsx(rt,{children:t.jsx(ot,{children:a.map((o,n)=>t.jsx(lt,{color:o.color,children:`${o.barName}: ${W(o.value)}`},o.barName+n))})})}),ct=(e,a,o)=>{let n=[];o!=null&&o.balances.length>0&&(n=I("cash_position","actual",o));const r=b("cash_position","actual"),l={};return l[r]=n,n.length>0?J(e,a,r,l):void 0},st=f.div`
+`,nt=ee.memo(e=>{const a=(({active:o,payload:n})=>{const r=[];return n?.forEach(l=>{const i=l.name;if(o===!0){const u=l.payload,s=l.color,c=i!=null&&u.record[i]!=null?u.record[i].amount:void 0;r.push({barName:S.getLocalizedStrings().reportTitleById.cash_position,value:c,color:s})}}),r})(e);return a.length===0?null:t.jsx(rt,{children:t.jsx(ot,{children:a.map((o,n)=>t.jsx(lt,{color:o.color,children:`${o.barName}: ${W(o.value)}`},o.barName+n))})})}),ct=(e,a,o)=>{let n=[];o!=null&&o.balances.length>0&&(n=I("cash_position","actual",o));const r=b("cash_position","actual"),l={};return l[r]=n,n.length>0?X(e,a,r,l):void 0},st=f.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 `,Ce=[b("cash_position","actual")];function _a({selectedRangeReport:e,timeframe:a,highlightedRange:o,width:n,height:r,showBarHoverBackground:l,isDetailPage:i,onCOABalancesRangeChanged:u}){const s=F(),c=z.useRef(!1);z.useEffect(()=>{c.current=!0},[]);const C=ct(e.firstMonthOfFY,Ce,e.cashPosition);return C==null?null:t.jsx(it,{chartData:C,timeframe:a,showBarHoverBackground:l,barElements:(()=>{const h=[];return Ce.forEach(d=>{const y=i===!0&&!c.current;h.push(t.jsx(oe,{name:d,animationDuration:y?500:void 0,style:{cursor:"pointer"},dataKey:j=>{const _=j.record;return(_[d]!=null&&_[d].amount!=null?_[d].amount:void 0)?.amount??0},fill:s.colors.graphColor17},d))}),h})(),customToolTipContent:({active:h,payload:d})=>t.jsx(nt,{active:h,payload:d}),width:n,height:r,onCOABalancesRangeChanged:u,highlightedRange:o,isDetailPage:i===!0})}const it=({chartData:e,timeframe:a,barElements:o,customToolTipContent:n,highlightedRange:r,width:l,height:i,showBarHoverBackground:u,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const C=F(),h=e.timeseries,d=te(e),y=h.map($=>$.label),j=u!==!1,_=$=>{if(!s||$?.activePayload==null||$?.activePayload.length===0)return;const k=$.activePayload[0];if(k?.payload?.timeLabel?.label==null)return;const p=$.activeTooltipIndex,g=k.payload.timeLabel.label;if(r==null)return;const D=ae(g,y,r.numberOfPeriods),L=D[1]===void 0?y.length-1:y.indexOf(D[1]),v={...r,thisPeriod:{startDate:h[L].startDate,endDate:h[L].endDate}};c?.(h[p],a,v)},w=s?(l-60)/N.cash_position*(N.cash_position-e.recordByTimeseries.length):20;return t.jsx(st,{width:l,height:i,children:t.jsx(Q,{children:({height:$,width:k})=>t.jsxs(We,{width:k,height:$,data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:w,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:_,children:[t.jsx(le,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:C.colors.grey3}),t.jsx(ne,{dataKey:p=>p.timeLabel.label,type:"category",axisLine:{stroke:C.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:C.colors.hero,...M.extraSmallRegular.cssObject}}),t.jsx(ce,{type:"number",axisLine:!1,tickLine:!1,tick:{color:C.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:p=>Z("0,0.[00]a",p,d)}),t.jsx(se,{wrapperStyle:{zIndex:2},cursor:!!j&&{stroke:C.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:C.colors.background},content:n,allowEscapeViewBox:{x:!1,y:!0}}),o]})})})},ut=f.div`
@@ -128,7 +128,7 @@ import{y as F,O as S,V as t,f as m,S as Fe,an as Q,m as E,w as M,ag as Z,e as de
 `,ke=f(K)`
   display: flex;
   flex-direction: column;
-`,ve=f(H)``,yt=({active:e,payload:a,mode:o})=>{const n=[],r={barName:S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:m.neutralGrey2Dark,forecast:void 0};let l={amount:0,currencyCode:"",currencySymbol:""},i={amount:0,currencyCode:"",currencySymbol:""};b("income","actual");const u=b("cogs","actual"),s=b("expenses","actual"),c=b("net_burn_or_income","actual");return a?.forEach(C=>{const h=C.name;if(e===!0){const d=C.payload,y=C.color,j=h!=null&&d.record[h]!=null?d.record[h].amount:void 0;let _;if(h.includes("forecast")!==!0)switch(o==="forecast_mode"&&(_=d.record[h]!=null?((w,$)=>{const k=b(T(w),"forecast");if($.record[k]==null)return;const p=$.record[w].amount,g=$.record[k].amount,D=Math.floor(100*(p.amount-g.amount)/100);return{value:g,change:{...p,amount:D},percent:g.amount!==0?Math.floor((p.amount-g.amount)/g.amount*100)/100:void 0,forecastPercent:$.record[k].percentValue}})(h,d):void 0),h){case u:case s:j!=null&&(l.currencyCode===""?l={...j}:l.amount=l.amount+j.amount),_!=null&&(i.currencyCode===""?i={..._.value}:i.amount=i.amount+_.value.amount),n.push({barName:S.getLocalizedStrings().chartCard.netBurnOrIncome[T(h)],actual:j,forecast:_,color:y});break;case c:{const w=j!=null&&j.amount>=0?S.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:S.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;n.push({barName:w,actual:j,color:y,percent:d.record[h]?.percentValue,forecast:_});break}default:n.push({barName:S.getLocalizedStrings().chartCard.netBurnOrIncome[T(h)],actual:j,color:y,forecast:_})}}}),r.actual=l,r.forecast=i!=null&&l!=null?{value:i,change:{...l,amount:Math.floor(100*(l.amount-i.amount)/100)},percent:i.amount!==0?Math.floor((l.amount-i.amount)/i.amount*100)/100:0}:void 0,e===!0&&n.splice(n.length-1,0,r),n},we=e=>e.map((a,o)=>t.jsxs(Ne,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(xt,{children:[t.jsx(Ee,{color:a.barName===S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":a.color}),`${a.barName}:`]}),t.jsxs(bt,{children:[t.jsx(je,{children:`${W(a.actual)}`}),a.percent!=null?t.jsx(je,{children:V("0,0.0%",a.percent)}):null]})]},a.barName+o)),$e=e=>e.map((a,o)=>t.jsxs(Ne,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(ft,{children:[t.jsx(Ee,{color:a.barName===S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":a.color}),`${a.barName}:`]}),t.jsx(H,{children:t.jsxs(ke,{children:[a.actual!=null?`${W(a.actual)}`:"-",t.jsx(ve,{children:a.percent!=null?V("0,0.0%",a.percent):null})]})}),t.jsx(H,{children:t.jsxs(ke,{children:[a.forecast!=null?`${W(a.forecast.value)}`:"-",t.jsx(ve,{children:a.forecast!=null&&a.forecast.forecastPercent!=null?V("0,0.0%",a.forecast.forecastPercent):null})]})}),a.forecast!=null?t.jsx(H,{isChange:!0,children:`${W(a.forecast.change)}`}):t.jsx(H,{children:"-"}),a.forecast!=null?t.jsx(H,{isChange:!0,children:V("0,0.0%",a.forecast.percent)}):t.jsx(H,{children:"-"})]},a.barName+o)),Ct=e=>{if(e.length>0){for(const a of e)if(a.actual!=null)return a.actual.currencySymbol}return""},jt=({barLabelsWithValues:e})=>t.jsxs(ht,{children:[t.jsxs(dt,{children:[t.jsx(gt,{}),t.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),t.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),t.jsxs(ie,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",Ct(e)]}),t.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),t.jsxs(mt,{children:[$e(e.slice(0,e.length-2)),e.length?t.jsx(Te,{}):null,$e(e.slice(-2))]})]}),kt=({barLabelsWithValues:e})=>t.jsx(ut,{children:t.jsxs(pt,{children:[we(e.slice(0,e.length-2)),e.length?t.jsx(Te,{}):null,we(e.slice(-2))]})}),vt=ee.memo(e=>{const a=yt({...e});return a.length===0?null:t.jsx(t.Fragment,{children:e.mode==="forecast_mode"?t.jsx(jt,{barLabelsWithValues:a}):t.jsx(kt,{barLabelsWithValues:a})})}),wt=(e,a,o,n,r,l,i)=>{let u=[],s=[],c=[],C=[];n!=null&&n.balances.length>0&&(u=A("income","actual",n)),r!=null&&r.balances.length>0&&(s=A("cogs","actual",r)),l!=null&&l.balances.length>0&&(c=I("expenses","actual",l)),i!=null&&i.balances.length>0&&(C=re("net_burn_or_income","actual",i));const h=b("income","actual"),d=b("cogs","actual"),y=b("expenses","actual"),j=b("net_burn_or_income","actual"),_=u.length>0?h:s.length>0?d:c.length>0?y:void 0,w={};return w[h]=u,w[d]=s,w[y]=c,w[j]=C,o==="forecast_mode"&&Object.assign(w,$t(n,r,l,i)),_!=null?J(e,a,_,w):void 0},$t=(e,a,o,n)=>{let r=[],l=[],i=[],u=[];e!=null&&e.balances.length>0&&(r=A("income","forecast",e)),a!=null&&a.balances.length>0&&(l=A("cogs","forecast",a)),o!=null&&o.balances.length>0&&(i=I("expenses","forecast",o)),n!=null&&n.balances.length>0&&(u=re("net_burn_or_income","forecast",n));const s=b("income","forecast"),c=b("cogs","forecast"),C=b("expenses","forecast"),h=b("net_burn_or_income","forecast"),d={};return d[s]=r,d[c]=l,d[C]=i,d[h]=u,d},_t=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual")],Lt=[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")],Dt=f.div`
+`,ve=f(H)``,yt=({active:e,payload:a,mode:o})=>{const n=[],r={barName:S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:m.neutralGrey2Dark,forecast:void 0};let l={amount:0,currencyCode:"",currencySymbol:""},i={amount:0,currencyCode:"",currencySymbol:""};b("income","actual");const u=b("cogs","actual"),s=b("expenses","actual"),c=b("net_burn_or_income","actual");return a?.forEach(C=>{const h=C.name;if(e===!0){const d=C.payload,y=C.color,j=h!=null&&d.record[h]!=null?d.record[h].amount:void 0;let _;if(h.includes("forecast")!==!0)switch(o==="forecast_mode"&&(_=d.record[h]!=null?((w,$)=>{const k=b(T(w),"forecast");if($.record[k]==null)return;const p=$.record[w].amount,g=$.record[k].amount,D=Math.floor(100*(p.amount-g.amount)/100);return{value:g,change:{...p,amount:D},percent:g.amount!==0?Math.floor((p.amount-g.amount)/g.amount*100)/100:void 0,forecastPercent:$.record[k].percentValue}})(h,d):void 0),h){case u:case s:j!=null&&(l.currencyCode===""?l={...j}:l.amount=l.amount+j.amount),_!=null&&(i.currencyCode===""?i={..._.value}:i.amount=i.amount+_.value.amount),n.push({barName:S.getLocalizedStrings().chartCard.netBurnOrIncome[T(h)],actual:j,forecast:_,color:y});break;case c:{const w=j!=null&&j.amount>=0?S.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:S.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;n.push({barName:w,actual:j,color:y,percent:d.record[h]?.percentValue,forecast:_});break}default:n.push({barName:S.getLocalizedStrings().chartCard.netBurnOrIncome[T(h)],actual:j,color:y,forecast:_})}}}),r.actual=l,r.forecast=i!=null&&l!=null?{value:i,change:{...l,amount:Math.floor(100*(l.amount-i.amount)/100)},percent:i.amount!==0?Math.floor((l.amount-i.amount)/i.amount*100)/100:0}:void 0,e===!0&&n.splice(n.length-1,0,r),n},we=e=>e.map((a,o)=>t.jsxs(Ne,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(xt,{children:[t.jsx(Ee,{color:a.barName===S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":a.color}),`${a.barName}:`]}),t.jsxs(bt,{children:[t.jsx(je,{children:`${W(a.actual)}`}),a.percent!=null?t.jsx(je,{children:V("0,0.0%",a.percent)}):null]})]},a.barName+o)),$e=e=>e.map((a,o)=>t.jsxs(Ne,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(ft,{children:[t.jsx(Ee,{color:a.barName===S.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":a.color}),`${a.barName}:`]}),t.jsx(H,{children:t.jsxs(ke,{children:[a.actual!=null?`${W(a.actual)}`:"-",t.jsx(ve,{children:a.percent!=null?V("0,0.0%",a.percent):null})]})}),t.jsx(H,{children:t.jsxs(ke,{children:[a.forecast!=null?`${W(a.forecast.value)}`:"-",t.jsx(ve,{children:a.forecast!=null&&a.forecast.forecastPercent!=null?V("0,0.0%",a.forecast.forecastPercent):null})]})}),a.forecast!=null?t.jsx(H,{isChange:!0,children:`${W(a.forecast.change)}`}):t.jsx(H,{children:"-"}),a.forecast!=null?t.jsx(H,{isChange:!0,children:V("0,0.0%",a.forecast.percent)}):t.jsx(H,{children:"-"})]},a.barName+o)),Ct=e=>{if(e.length>0){for(const a of e)if(a.actual!=null)return a.actual.currencySymbol}return""},jt=({barLabelsWithValues:e})=>t.jsxs(ht,{children:[t.jsxs(dt,{children:[t.jsx(gt,{}),t.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),t.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),t.jsxs(ie,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",Ct(e)]}),t.jsx(ie,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),t.jsxs(mt,{children:[$e(e.slice(0,e.length-2)),e.length?t.jsx(Te,{}):null,$e(e.slice(-2))]})]}),kt=({barLabelsWithValues:e})=>t.jsx(ut,{children:t.jsxs(pt,{children:[we(e.slice(0,e.length-2)),e.length?t.jsx(Te,{}):null,we(e.slice(-2))]})}),vt=ee.memo(e=>{const a=yt({...e});return a.length===0?null:t.jsx(t.Fragment,{children:e.mode==="forecast_mode"?t.jsx(jt,{barLabelsWithValues:a}):t.jsx(kt,{barLabelsWithValues:a})})}),wt=(e,a,o,n,r,l,i)=>{let u=[],s=[],c=[],C=[];n!=null&&n.balances.length>0&&(u=A("income","actual",n)),r!=null&&r.balances.length>0&&(s=A("cogs","actual",r)),l!=null&&l.balances.length>0&&(c=I("expenses","actual",l)),i!=null&&i.balances.length>0&&(C=re("net_burn_or_income","actual",i));const h=b("income","actual"),d=b("cogs","actual"),y=b("expenses","actual"),j=b("net_burn_or_income","actual"),_=u.length>0?h:s.length>0?d:c.length>0?y:void 0,w={};return w[h]=u,w[d]=s,w[y]=c,w[j]=C,o==="forecast_mode"&&Object.assign(w,$t(n,r,l,i)),_!=null?X(e,a,_,w):void 0},$t=(e,a,o,n)=>{let r=[],l=[],i=[],u=[];e!=null&&e.balances.length>0&&(r=A("income","forecast",e)),a!=null&&a.balances.length>0&&(l=A("cogs","forecast",a)),o!=null&&o.balances.length>0&&(i=I("expenses","forecast",o)),n!=null&&n.balances.length>0&&(u=re("net_burn_or_income","forecast",n));const s=b("income","forecast"),c=b("cogs","forecast"),C=b("expenses","forecast"),h=b("net_burn_or_income","forecast"),d={};return d[s]=r,d[c]=l,d[C]=i,d[h]=u,d},_t=[b("income","actual"),b("cogs","actual"),b("expenses","actual"),b("net_burn_or_income","actual")],Lt=[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")],Dt=f.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 
@@ -189,13 +189,13 @@ import{y as F,O as S,V as t,f as m,S as Fe,an as Q,m as E,w as M,ag as Z,e as de
 `,Et=f(R)`
   text-align: left;
   width: 162px;
-`,U=f(K)`
+`,J=f(K)`
   text-align: right;
   flex: 1;
-`,Gt=(e,a)=>{const o=b(T(e),"forecast");if(a.record[o]==null)return;const n=a.record[e].amount,r=a.record[o].amount;return{value:r,change:{...n,amount:r!=null?Math.floor(100*(n.amount-r.amount)/100):n.amount},percent:r!=null&&r.amount!==0?Math.floor((n.amount-r.amount)/r.amount*100)/100:void 0}},Le=e=>t.jsxs(Ot,{color:e.color,children:[t.jsx(Et,{children:`${e.barName}:`}),t.jsx(U,{children:e.actual!=null?`${W(e.actual)}`:"-"}),t.jsx(U,{children:e.forecast!=null?`${W(e.forecast.value)}`:"-"}),e.forecast!=null?t.jsx(U,{isChange:!0,children:`${W(e.forecast.change)}`}):t.jsx(U,{children:"-"}),e.forecast!=null?t.jsx(U,{isChange:!0,children:V("0,0.0%",e.forecast.percent)}):t.jsx(U,{children:"-"})]}),It=e=>{if(e.length>0){for(const a of e)if(a.actual!=null)return a.actual.currencySymbol}return""},Mt=({barLabelsWithValues:e})=>t.jsx(zt,{children:t.jsxs(Pt,{children:[t.jsx(_e,{color:e[0].color,children:`${e[0].barName}: ${W(e[0].actual)}`}),t.jsx(Ge,{}),t.jsx(_e,{children:`${S.getLocalizedStrings().chartCard.total}: ${W(e[1].actual)}`})]})}),At=({barLabelsWithValues:e})=>t.jsxs(Wt,{children:[t.jsxs(Tt,{children:[t.jsx(Rt,{}),t.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),t.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),t.jsxs(ue,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",It(e)]}),t.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),t.jsxs(Nt,{children:[Le(e[0]),t.jsx(Ge,{}),Le(e[1])]})]}),Ft=ee.memo(e=>{const a=(({active:o,payload:n,barName:r})=>{const l=[];if(n!=null&&o===!0){const i=n.filter(C=>C.name==r)[0],u=i.payload,s=i.color,c=r!=null&&u.record[r]!=null?u.record[r].amount:void 0;if(!r?.endsWith("_forecast")){let C;if(r.includes("forecast")!==!0){C=u.record[r]!=null?Gt(r,u):void 0;const h={amount:0,currencyCode:"",currencySymbol:""},d={amount:0,currencyCode:"",currencySymbol:""};let y;for(y in u.record){const w=u.record[y].amount;y.endsWith("_actual")?(h.amount+=u.record[y].amount?.amount??0,h.currencyCode=w!=null?w.currencyCode:h.currencyCode,h.currencySymbol=w!=null?w.currencySymbol:h.currencySymbol):y.endsWith("_forecast")&&(d.amount+=u.record[y].amount?.amount??0,d.currencyCode=w!=null?w.currencyCode:d.currencyCode,d.currencySymbol=w!=null?w.currencySymbol:d.currencySymbol)}const j=Math.floor(100*(h?.amount-d?.amount)/100),_={value:d,change:{...h,amount:j},percent:d.amount!==0?Math.floor((h.amount-d.amount)/d.amount*100)/100:0};l.push({barName:T(r),actual:c,forecast:C,color:s}),l.push({barName:S.getLocalizedStrings().chartCard.total,actual:h,forecast:_,color:m.neutralGrey1Light})}}}return l})({...e});return a.length===0?null:t.jsx(t.Fragment,{children:e.mode==="forecast_mode"?t.jsx(At,{barLabelsWithValues:a}):t.jsx(Mt,{barLabelsWithValues:a})})}),Vt=(e,a)=>{const o=[],n={};let r;return a!=null&&a.classes.length!=0&&a.classes.forEach(l=>{const i=I(l.class.className,"actual",l.childrenBalancesTotal),u=b(l.class.className,"actual");n[u]=i,o.push(u),r==null&&i.length>0&&(r=b(l.class.className,"actual"))}),r!=null?J(e,o,r,n):void 0},De=[m.graphColor34,m.graphColor05,m.graphColor08,m.graphColor11,m.graphColor13,m.graphColor19,m.graphColor29,m.graphColor28,m.graphColor20,m.graphColor21,m.graphColor22,m.graphColor14,m.graphColor35,m.graphColor31,m.graphColor33,m.graphColor32,m.graphColor36,m.graphColor02,m.graphColor06,m.graphColor04,m.graphColor10,m.graphColor12,m.graphColor15,m.graphColor18,m.graphColor17,m.graphColor07,m.graphColor34Dark,m.graphColor05Dark,m.graphColor08Dark,m.graphColor11Dark,m.graphColor13Dark,m.graphColor19Dark,m.graphColor29Dark,m.graphColor28Dark,m.graphColor20Dark,m.graphColor21Dark,m.graphColor22Dark,m.graphColor14Dark,m.graphColor35Dark,m.graphColor31Dark,m.graphColor33Dark,m.graphColor32Dark,m.graphColor36Dark,m.graphColor02Dark,m.graphColor06Dark,m.graphColor04Dark,m.graphColor10Dark,m.graphColor12Dark,m.graphColor15Dark,m.graphColor18Dark,m.graphColor17Dark,m.graphColor07Dark];class Y{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=m.graphColor34,this._barColors=De.slice(),this._barColorsKeyWise=new Map}static#e=new Y;getBarColor(a){const o=Y.instance();return o._barColorsKeyWise.has(a)||(o._barColors.length===0&&(o._barColors=De.slice()),o._barColorsKeyWise.set(a,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(a)}shouldUpdate(a){const o=Y.instance(),n=Array.from(o._barColorsKeyWise.keys()).sort();return!Fe(n,a)}static init(){return this.#e=new Y,this.#e}static instance(){return this.#e}}const Kt=Y.instance(),Ht=(e,a,o)=>{const n=[],r={};let l,i=!1;if(o!=null&&o.accountGroups.length!=0?o.accountGroups.forEach(u=>{const s=I(u.accountGroupName,"actual",u),c=b(u.accountGroupName,"actual");r[c]=s,n.push(c),l==null&&s.length>0&&(l=b(u.accountGroupName,"actual"))}):o!=null&&o.accounts.length!=0&&(i=!0,o.accounts.forEach(u=>{const s=I(u.account.accountName,"actual",u.account.balancesInTimeframe),c=b(u.account.accountName,"actual");r[c]=s,n.push(c),l==null&&s.length>0&&(l=b(u.account.accountName,"actual"))})),o!=null&&o.accountGroups.length===0&&o.accounts.length===0){const u=S.getLocalizedStrings().chartCard.total,s=I(u,"actual",o);if(s.length!==0){const c=b(u,"actual");r[c]=s,l=c,n.push(c)}}return a==="forecast_mode"&&Object.assign(r,Yt(n,o)),l!=null?J(e,n,l,r,i):void 0},Yt=(e,a)=>{const o={};let n;if(a!=null&&a.accountGroups.length!=0?a.accountGroups.forEach(r=>{const l=I(r.accountGroupName,"forecast",r),i=b(r.accountGroupName,"forecast");o[i]=l,e.push(i),n==null&&l.length>0&&(n=b(r.accountGroupName,"forecast"))}):a!=null&&a.accounts.length!=0&&a.accounts.forEach(r=>{const l=I(r.account.accountName,"forecast",r.account.balancesInTimeframe),i=b(r.account.accountName,"forecast");o[i]=l,e.push(i),n==null&&l.length>0&&(n=b(r.account.accountName,"forecast"))}),a!=null&&a.accountGroups.length===0&&a.accounts.length===0){const r=S.getLocalizedStrings().chartCard.total,l=I(r,"forecast",a);if(l.length!==0){const i=b(r,"forecast");o[i]=l,n=i,e.push(i)}}return o},qt=f.div`
+`,Gt=(e,a)=>{const o=b(T(e),"forecast");if(a.record[o]==null)return;const n=a.record[e].amount,r=a.record[o].amount;return{value:r,change:{...n,amount:r!=null?Math.floor(100*(n.amount-r.amount)/100):n.amount},percent:r!=null&&r.amount!==0?Math.floor((n.amount-r.amount)/r.amount*100)/100:void 0}},Le=e=>t.jsxs(Ot,{color:e.color,children:[t.jsx(Et,{children:`${e.barName}:`}),t.jsx(J,{children:e.actual!=null?`${W(e.actual)}`:"-"}),t.jsx(J,{children:e.forecast!=null?`${W(e.forecast.value)}`:"-"}),e.forecast!=null?t.jsx(J,{isChange:!0,children:`${W(e.forecast.change)}`}):t.jsx(J,{children:"-"}),e.forecast!=null?t.jsx(J,{isChange:!0,children:V("0,0.0%",e.forecast.percent)}):t.jsx(J,{children:"-"})]}),It=e=>{if(e.length>0){for(const a of e)if(a.actual!=null)return a.actual.currencySymbol}return""},Mt=({barLabelsWithValues:e})=>t.jsx(zt,{children:t.jsxs(Pt,{children:[t.jsx(_e,{color:e[0].color,children:`${e[0].barName}: ${W(e[0].actual)}`}),t.jsx(Ge,{}),t.jsx(_e,{children:`${S.getLocalizedStrings().chartCard.total}: ${W(e[1].actual)}`})]})}),At=({barLabelsWithValues:e})=>t.jsxs(Wt,{children:[t.jsxs(Tt,{children:[t.jsx(Rt,{}),t.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),t.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),t.jsxs(ue,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",It(e)]}),t.jsx(ue,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),t.jsxs(Nt,{children:[Le(e[0]),t.jsx(Ge,{}),Le(e[1])]})]}),Ft=ee.memo(e=>{const a=(({active:o,payload:n,barName:r})=>{const l=[];if(n!=null&&o===!0){const i=n.filter(C=>C.name==r)[0],u=i.payload,s=i.color,c=r!=null&&u.record[r]!=null?u.record[r].amount:void 0;if(!r?.endsWith("_forecast")){let C;if(r.includes("forecast")!==!0){C=u.record[r]!=null?Gt(r,u):void 0;const h={amount:0,currencyCode:"",currencySymbol:""},d={amount:0,currencyCode:"",currencySymbol:""};let y;for(y in u.record){const w=u.record[y].amount;y.endsWith("_actual")?(h.amount+=u.record[y].amount?.amount??0,h.currencyCode=w!=null?w.currencyCode:h.currencyCode,h.currencySymbol=w!=null?w.currencySymbol:h.currencySymbol):y.endsWith("_forecast")&&(d.amount+=u.record[y].amount?.amount??0,d.currencyCode=w!=null?w.currencyCode:d.currencyCode,d.currencySymbol=w!=null?w.currencySymbol:d.currencySymbol)}const j=Math.floor(100*(h?.amount-d?.amount)/100),_={value:d,change:{...h,amount:j},percent:d.amount!==0?Math.floor((h.amount-d.amount)/d.amount*100)/100:0};l.push({barName:T(r),actual:c,forecast:C,color:s}),l.push({barName:S.getLocalizedStrings().chartCard.total,actual:h,forecast:_,color:m.neutralGrey1Light})}}}return l})({...e});return a.length===0?null:t.jsx(t.Fragment,{children:e.mode==="forecast_mode"?t.jsx(At,{barLabelsWithValues:a}):t.jsx(Mt,{barLabelsWithValues:a})})}),Vt=(e,a)=>{const o=[],n={};let r;return a!=null&&a.classes.length!=0&&a.classes.forEach(l=>{const i=I(l.class.className,"actual",l.childrenBalancesTotal),u=b(l.class.className,"actual");n[u]=i,o.push(u),r==null&&i.length>0&&(r=b(l.class.className,"actual"))}),r!=null?X(e,o,r,n):void 0},De=[m.graphColor34,m.graphColor05,m.graphColor08,m.graphColor11,m.graphColor13,m.graphColor19,m.graphColor29,m.graphColor28,m.graphColor20,m.graphColor21,m.graphColor22,m.graphColor14,m.graphColor35,m.graphColor31,m.graphColor33,m.graphColor32,m.graphColor36,m.graphColor02,m.graphColor06,m.graphColor04,m.graphColor10,m.graphColor12,m.graphColor15,m.graphColor18,m.graphColor17,m.graphColor07,m.graphColor34Dark,m.graphColor05Dark,m.graphColor08Dark,m.graphColor11Dark,m.graphColor13Dark,m.graphColor19Dark,m.graphColor29Dark,m.graphColor28Dark,m.graphColor20Dark,m.graphColor21Dark,m.graphColor22Dark,m.graphColor14Dark,m.graphColor35Dark,m.graphColor31Dark,m.graphColor33Dark,m.graphColor32Dark,m.graphColor36Dark,m.graphColor02Dark,m.graphColor06Dark,m.graphColor04Dark,m.graphColor10Dark,m.graphColor12Dark,m.graphColor15Dark,m.graphColor18Dark,m.graphColor17Dark,m.graphColor07Dark];class Y{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=m.graphColor34,this._barColors=De.slice(),this._barColorsKeyWise=new Map}static#e=new Y;getBarColor(a){const o=Y.instance();return o._barColorsKeyWise.has(a)||(o._barColors.length===0&&(o._barColors=De.slice()),o._barColorsKeyWise.set(a,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(a)}shouldUpdate(a){const o=Y.instance(),n=Array.from(o._barColorsKeyWise.keys()).sort();return!Fe(n,a)}static init(){return this.#e=new Y,this.#e}static instance(){return this.#e}}const Kt=Y.instance(),Ht=(e,a,o)=>{const n=[],r={};let l,i=!1;if(o!=null&&o.accountGroups.length!=0?o.accountGroups.forEach(u=>{const s=I(u.accountGroupName,"actual",u),c=b(u.accountGroupName,"actual");r[c]=s,n.push(c),l==null&&s.length>0&&(l=b(u.accountGroupName,"actual"))}):o!=null&&o.accounts.length!=0&&(i=!0,o.accounts.forEach(u=>{const s=I(u.account.accountName,"actual",u.account.balancesInTimeframe),c=b(u.account.accountName,"actual");r[c]=s,n.push(c),l==null&&s.length>0&&(l=b(u.account.accountName,"actual"))})),o!=null&&o.accountGroups.length===0&&o.accounts.length===0){const u=S.getLocalizedStrings().chartCard.total,s=I(u,"actual",o);if(s.length!==0){const c=b(u,"actual");r[c]=s,l=c,n.push(c)}}return a==="forecast_mode"&&Object.assign(r,Yt(n,o)),l!=null?X(e,n,l,r,i):void 0},Yt=(e,a)=>{const o={};let n;if(a!=null&&a.accountGroups.length!=0?a.accountGroups.forEach(r=>{const l=I(r.accountGroupName,"forecast",r),i=b(r.accountGroupName,"forecast");o[i]=l,e.push(i),n==null&&l.length>0&&(n=b(r.accountGroupName,"forecast"))}):a!=null&&a.accounts.length!=0&&a.accounts.forEach(r=>{const l=I(r.account.accountName,"forecast",r.account.balancesInTimeframe),i=b(r.account.accountName,"forecast");o[i]=l,e.push(i),n==null&&l.length>0&&(n=b(r.account.accountName,"forecast"))}),a!=null&&a.accountGroups.length===0&&a.accounts.length===0){const r=S.getLocalizedStrings().chartCard.total,l=I(r,"forecast",a);if(l.length!==0){const i=b(r,"forecast");o[i]=l,n=i,e.push(i)}}return o},qt=f.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,Ut=e=>{const{cx:a,cy:o,fill:n,stroke:r,value:l}=e;return l==null?t.jsx(t.Fragment,{}):t.jsx("circle",{cx:a,cy:o,r:4,stroke:n,strokeWidth:2,fill:r})},Xt=e=>{const{cx:a,cy:o,fill:n,stroke:r,value:l}=e;return l==null?t.jsx(t.Fragment,{}):t.jsx("circle",{cx:a,cy:o,r:5,stroke:r,strokeWidth:2,fill:n})};function Da({selectedRangeReport:e,timeframe:a,highlightedRange:o,width:n,height:r,showBarHoverBackground:l,isDetailPage:i,mode:u,onCOABalancesRangeChanged:s}){const c=z.useRef(!1),[C,h]=z.useState(Kt),[d,y]=z.useState(void 0),j=F(),_=z.useRef([]);z.useEffect(()=>{c.current=!0},[]),z.useEffect(()=>{C.shouldUpdate(_.current)===!0&&h(Y.init())},[]),z.useEffect(()=>{let p=[];if(e.reportId==="operating_expenses"){const g=e.sections.expenses;g.accountGroups.length===0&&g.accounts.length===0?p.push(S.getLocalizedStrings().chartCard.total):p=g.accountGroups.length!=0?g.accountGroups.map(D=>D.accountGroupName).sort():g.accounts.map(D=>D.account).map(D=>D.accountName).sort()}else p=e.sections.expenses.classes.map(g=>g.class.className).sort();_.current=p},[e,C]);const w=z.useMemo(()=>e.reportId==="operating_expenses"?Ht(e.firstMonthOfFY,u,e.sections.expenses):Vt(e.firstMonthOfFY,e.sections.expenses),[e,u]),$=z.useCallback(()=>{const p=[];return w?.orderedKeys.forEach(g=>{const D=!c.current;g.endsWith("_forecast")?p.push((L=>t.jsx(pe,{name:L,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:t.jsx(Ut,{}),activeDot:t.jsx(Xt,{}),dataKey:v=>{const B=v.record;let P,O;for(O in B)if(O.endsWith("_forecast")){const G=B[O].amount;G!=null&&(P==null?P={...G}:P.amount+=G.amount)}return P?.amount},stroke:j.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},L))(g)):p.push(((L,v)=>t.jsx(oe,{name:L,animationDuration:v?500:void 0,style:{cursor:"pointer"},dataKey:B=>{const P=B.record;return(P[L]!=null&&P[L].amount!=null?P[L].amount:void 0)?.amount??0},stackId:"a",fill:C.getBarColor(T(L)),onMouseEnter:()=>{d!==L&&y(L)},onMouseLeave:()=>{d!=null&&y(void 0)}},L))(g,D))}),p},[w]),k=({active:p,payload:g})=>g?.find(D=>D.name===d)!=null&&d!=null&&p===!0?t.jsx(Ft,{active:p,payload:g,mode:u,barName:d}):null;return w==null?null:t.jsx(Jt,{chartData:w,timeframe:a,showBarHoverBackground:l,barElements:$(),customToolTipContent:t.jsx(k,{}),width:n,height:r,onCOABalancesRangeChanged:s,highlightedRange:o,isDetailPage:i===!0})}const Jt=({chartData:e,timeframe:a,barElements:o,customToolTipContent:n,highlightedRange:r,width:l,height:i,showBarHoverBackground:u,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const C=F(),h=te(e),d=e.timeseries,y=d.map($=>$.label),j=u!==!1,_=$=>{if(!s||$?.activePayload==null||$?.activePayload.length===0)return;const k=$.activePayload[0];if(k?.payload?.timeLabel?.label==null)return;const p=$.activeTooltipIndex,g=k.payload.timeLabel.label;if(r==null)return;const D=ae(g,y,r.numberOfPeriods),L=D[1]===void 0?y.length-1:y.indexOf(D[1]),v={...r,thisPeriod:{startDate:d[L].startDate,endDate:d[L].endDate}};c?.(d[p],a,v)},w=s?(l-60)/N.operating_expenses*(N.operating_expenses-e.recordByTimeseries.length):20;return t.jsx(qt,{width:l,height:i,children:t.jsx(Q,{children:({height:$,width:k})=>t.jsxs(me,{width:k,height:$,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:w,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:_,children:[t.jsx(le,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:C.colors.grey3}),t.jsx(ne,{dataKey:p=>p.timeLabel.label,type:"category",axisLine:{stroke:C.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:C.colors.hero,...M.extraSmallRegular.cssObject}}),t.jsx(ce,{type:"number",axisLine:!1,tickLine:!1,tick:{color:C.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:p=>Z("0,0.[00]a",p,h)}),t.jsx(se,{wrapperStyle:{zIndex:2},cursor:!!j&&{stroke:C.colors.background,strokeWidth:(k-60)/N.operating_expenses,fill:C.colors.background},content:n,allowEscapeViewBox:{x:!1,y:!0}}),o]})})})},Qt=f.div`
+`,Jt=e=>{const{cx:a,cy:o,fill:n,stroke:r,value:l}=e;return l==null?t.jsx(t.Fragment,{}):t.jsx("circle",{cx:a,cy:o,r:4,stroke:n,strokeWidth:2,fill:r})},Ut=e=>{const{cx:a,cy:o,fill:n,stroke:r,value:l}=e;return l==null?t.jsx(t.Fragment,{}):t.jsx("circle",{cx:a,cy:o,r:5,stroke:r,strokeWidth:2,fill:n})};function Da({selectedRangeReport:e,timeframe:a,highlightedRange:o,width:n,height:r,showBarHoverBackground:l,isDetailPage:i,mode:u,onCOABalancesRangeChanged:s}){const c=z.useRef(!1),[C,h]=z.useState(Kt),[d,y]=z.useState(void 0),j=F(),_=z.useRef([]);z.useEffect(()=>{c.current=!0},[]),z.useEffect(()=>{C.shouldUpdate(_.current)===!0&&h(Y.init())},[]),z.useEffect(()=>{let p=[];if(e.reportId==="operating_expenses"){const g=e.sections.expenses;g.accountGroups.length===0&&g.accounts.length===0?p.push(S.getLocalizedStrings().chartCard.total):p=g.accountGroups.length!=0?g.accountGroups.map(D=>D.accountGroupName).sort():g.accounts.map(D=>D.account).map(D=>D.accountName).sort()}else p=e.sections.expenses.classes.map(g=>g.class.className).sort();_.current=p},[e,C]);const w=z.useMemo(()=>e.reportId==="operating_expenses"?Ht(e.firstMonthOfFY,u,e.sections.expenses):Vt(e.firstMonthOfFY,e.sections.expenses),[e,u]),$=z.useCallback(()=>{const p=[];return w?.orderedKeys.forEach(g=>{const D=!c.current;g.endsWith("_forecast")?p.push((L=>t.jsx(pe,{name:L,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:t.jsx(Jt,{}),activeDot:t.jsx(Ut,{}),dataKey:v=>{const B=v.record;let P,O;for(O in B)if(O.endsWith("_forecast")){const G=B[O].amount;G!=null&&(P==null?P={...G}:P.amount+=G.amount)}return P?.amount},stroke:j.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},L))(g)):p.push(((L,v)=>t.jsx(oe,{name:L,animationDuration:v?500:void 0,style:{cursor:"pointer"},dataKey:B=>{const P=B.record;return(P[L]!=null&&P[L].amount!=null?P[L].amount:void 0)?.amount??0},stackId:"a",fill:C.getBarColor(T(L)),onMouseEnter:()=>{d!==L&&y(L)},onMouseLeave:()=>{d!=null&&y(void 0)}},L))(g,D))}),p},[w]),k=({active:p,payload:g})=>g?.find(D=>D.name===d)!=null&&d!=null&&p===!0?t.jsx(Ft,{active:p,payload:g,mode:u,barName:d}):null;return w==null?null:t.jsx(Xt,{chartData:w,timeframe:a,showBarHoverBackground:l,barElements:$(),customToolTipContent:t.jsx(k,{}),width:n,height:r,onCOABalancesRangeChanged:s,highlightedRange:o,isDetailPage:i===!0})}const Xt=({chartData:e,timeframe:a,barElements:o,customToolTipContent:n,highlightedRange:r,width:l,height:i,showBarHoverBackground:u,isDetailPage:s,onCOABalancesRangeChanged:c})=>{const C=F(),h=te(e),d=e.timeseries,y=d.map($=>$.label),j=u!==!1,_=$=>{if(!s||$?.activePayload==null||$?.activePayload.length===0)return;const k=$.activePayload[0];if(k?.payload?.timeLabel?.label==null)return;const p=$.activeTooltipIndex,g=k.payload.timeLabel.label;if(r==null)return;const D=ae(g,y,r.numberOfPeriods),L=D[1]===void 0?y.length-1:y.indexOf(D[1]),v={...r,thisPeriod:{startDate:d[L].startDate,endDate:d[L].endDate}};c?.(d[p],a,v)},w=s?(l-60)/N.operating_expenses*(N.operating_expenses-e.recordByTimeseries.length):20;return t.jsx(qt,{width:l,height:i,children:t.jsx(Q,{children:({height:$,width:k})=>t.jsxs(me,{width:k,height:$,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:s?E[10]:30,margin:{top:5,right:w,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:_,children:[t.jsx(le,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:C.colors.grey3}),t.jsx(ne,{dataKey:p=>p.timeLabel.label,type:"category",axisLine:{stroke:C.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:C.colors.hero,...M.extraSmallRegular.cssObject}}),t.jsx(ce,{type:"number",axisLine:!1,tickLine:!1,tick:{color:C.colors.hero,...M.extraSmallRegular.cssObject},tickFormatter:p=>Z("0,0.[00]a",p,h)}),t.jsx(se,{wrapperStyle:{zIndex:2},cursor:!!j&&{stroke:C.colors.background,strokeWidth:(k-60)/N.operating_expenses,fill:C.colors.background},content:n,allowEscapeViewBox:{x:!1,y:!0}}),o]})})})},Qt=f.div`
   display: flex;
 `,Zt=f.div`
   display: flex;
@@ -256,14 +256,14 @@ import{y as F,O as S,V as t,f as m,S as Fe,an as Q,m as E,w as M,ag as Z,e as de
   text-align: right;
 `,Se=f(K)`
   text-align: right;
-`,X=f(K)`
+`,U=f(K)`
   text-align: right;
   flex: 1;
   color: ${e=>e.isChange!=null&&e.isChange===!0?m.important:null};
 `,Be=f(K)`
   display: flex;
   flex-direction: column;
-`,ze=f(K)``,ca=({active:e,payload:a,mode:o})=>{const n=[];let r={amount:0,currencyCode:""},l={amount:0,currencyCode:""};const i=b("gross_margin","actual");return a?.forEach(u=>{const s=u.name;if(e===!0){const c=u.payload,C=u.color,h=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;let d;s.includes("forecast")!==!0&&(o==="forecast_mode"&&(d=c.record[s]!=null?((y,j)=>{const _=b(T(y),"forecast");if(j.record[_]==null)return;const w=j.record[y].amount,$=j.record[_].amount;return{value:$,change:{...w,amount:Math.floor(100*(w.amount-$.amount)/100)},percent:$.amount!==0?Math.floor((w.amount-$.amount)/$.amount*100)/100:void 0,forecastPercent:j.record[_].percentValue}})(s,c):void 0),s===i?(h!=null&&(r.currencyCode===""?r={...h}:r.amount=r.amount+h.amount),d!=null&&(l.currencyCode===""?l={...d.value}:l.amount=l.amount+d.value.amount),n.push({barName:S.getLocalizedStrings().chartCard.revenue[T(s)],actual:h,forecast:d,percent:c.record[s]!=null?c.record[s].percentValue??0:0,color:C})):n.push({barName:S.getLocalizedStrings().chartCard.revenue[T(s)],actual:h,color:C,forecast:d}))}}),n},Pe=e=>e.map((a,o)=>t.jsxs(Me,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(la,{children:[t.jsx(Ae,{color:a.color}),`${a.barName}:`]}),t.jsxs(na,{children:[t.jsx(Se,{children:`${W(a.actual)}`}),a.percent!=null?t.jsx(Se,{children:V("0,0.0%",a.percent)}):null]})]},a.barName+o)),Re=e=>e.map((a,o)=>t.jsxs(Me,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(ra,{children:[t.jsx(Ae,{color:a.color}),`${a.barName}:`]}),t.jsx(X,{children:t.jsxs(Be,{children:[a.actual!=null?`${W(a.actual)}`:"-",t.jsx(ze,{children:a.percent!=null?V("0,0.0%",a.percent):null})]})}),t.jsx(X,{children:t.jsxs(Be,{children:[a.forecast!=null?`${W(a.forecast.value)}`:"-",t.jsx(ze,{children:a.forecast!=null&&a.forecast.forecastPercent!=null?V("0,0.0%",a.forecast.forecastPercent):null})]})}),a.forecast!=null?t.jsx(X,{isChange:!0,children:`${W(a.forecast.change)}`}):t.jsx(X,{children:"-"}),a.forecast!=null?t.jsx(X,{isChange:!0,children:V("0,0.0%",a.forecast.percent)}):t.jsx(X,{children:"-"})]},a.barName+o)),sa=e=>{if(e.length>0){for(const a of e)if(a.actual!=null)return a.actual.currencySymbol}return""},ia=({barLabelsWithValues:e})=>t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(ta,{}),t.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),t.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),t.jsxs(he,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",sa(e)]}),t.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),t.jsxs(aa,{children:[Re(e.slice(0,e.length-1)),e.length?t.jsx(Ie,{}):null,Re(e.slice(-1))]})]}),ua=({barLabelsWithValues:e})=>t.jsx(Qt,{children:t.jsxs(oa,{children:[Pe(e.slice(0,e.length-1)),e.length?t.jsx(Ie,{}):null,Pe(e.slice(-1))]})}),ha=ee.memo(e=>{const a=ca({...e});return a.length===0?null:t.jsx(t.Fragment,{children:e.mode==="forecast_mode"?t.jsx(ia,{barLabelsWithValues:a}):t.jsx(ua,{barLabelsWithValues:a})})}),Oe=(e,a,o,n,r,l)=>{let i=[],u=[],s=[];n!=null&&n.balances.length>0&&(i=A("income","actual",n)),r!=null&&r.balances.length>0&&(u=A("cogs","actual",r)),l!=null&&l.balances.length>0&&(s=re("gross_margin","actual",l));const c=b("income","actual"),C=b("cogs","actual"),h=b("gross_margin","actual"),d=i.length>0?c:u.length>0?C:h,y={};return y[c]=i,y[C]=u,y[h]=s,o==="forecast_mode"&&Object.assign(y,da(n,r,l)),d!=null?J(e,a,d,y):void 0},da=(e,a,o)=>{let n=[],r=[],l=[];e!=null&&e.balances.length>0&&(n=A("income","forecast",e)),a!=null&&a.balances.length>0&&(r=A("cogs","forecast",a)),o!=null&&o.balances.length>0&&(l=re("gross_margin","forecast",o));const i=b("income","forecast"),u=b("cogs","forecast"),s=b("gross_margin","forecast"),c={};return c[i]=n,c[u]=r,c[s]=l,c},ga=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual")],pa=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual"),b("income","forecast"),b("cogs","forecast"),b("gross_margin","forecast")],ma=f.div`
+`,ze=f(K)``,ca=({active:e,payload:a,mode:o})=>{const n=[];let r={amount:0,currencyCode:""},l={amount:0,currencyCode:""};const i=b("gross_margin","actual");return a?.forEach(u=>{const s=u.name;if(e===!0){const c=u.payload,C=u.color,h=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;let d;s.includes("forecast")!==!0&&(o==="forecast_mode"&&(d=c.record[s]!=null?((y,j)=>{const _=b(T(y),"forecast");if(j.record[_]==null)return;const w=j.record[y].amount,$=j.record[_].amount;return{value:$,change:{...w,amount:Math.floor(100*(w.amount-$.amount)/100)},percent:$.amount!==0?Math.floor((w.amount-$.amount)/$.amount*100)/100:void 0,forecastPercent:j.record[_].percentValue}})(s,c):void 0),s===i?(h!=null&&(r.currencyCode===""?r={...h}:r.amount=r.amount+h.amount),d!=null&&(l.currencyCode===""?l={...d.value}:l.amount=l.amount+d.value.amount),n.push({barName:S.getLocalizedStrings().chartCard.revenue[T(s)],actual:h,forecast:d,percent:c.record[s]!=null?c.record[s].percentValue??0:0,color:C})):n.push({barName:S.getLocalizedStrings().chartCard.revenue[T(s)],actual:h,color:C,forecast:d}))}}),n},Pe=e=>e.map((a,o)=>t.jsxs(Me,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(la,{children:[t.jsx(Ae,{color:a.color}),`${a.barName}:`]}),t.jsxs(na,{children:[t.jsx(Se,{children:`${W(a.actual)}`}),a.percent!=null?t.jsx(Se,{children:V("0,0.0%",a.percent)}):null]})]},a.barName+o)),Re=e=>e.map((a,o)=>t.jsxs(Me,{color:a.color,showPercent:a.percent!=null,children:[t.jsxs(ra,{children:[t.jsx(Ae,{color:a.color}),`${a.barName}:`]}),t.jsx(U,{children:t.jsxs(Be,{children:[a.actual!=null?`${W(a.actual)}`:"-",t.jsx(ze,{children:a.percent!=null?V("0,0.0%",a.percent):null})]})}),t.jsx(U,{children:t.jsxs(Be,{children:[a.forecast!=null?`${W(a.forecast.value)}`:"-",t.jsx(ze,{children:a.forecast!=null&&a.forecast.forecastPercent!=null?V("0,0.0%",a.forecast.forecastPercent):null})]})}),a.forecast!=null?t.jsx(U,{isChange:!0,children:`${W(a.forecast.change)}`}):t.jsx(U,{children:"-"}),a.forecast!=null?t.jsx(U,{isChange:!0,children:V("0,0.0%",a.forecast.percent)}):t.jsx(U,{children:"-"})]},a.barName+o)),sa=e=>{if(e.length>0){for(const a of e)if(a.actual!=null)return a.actual.currencySymbol}return""},ia=({barLabelsWithValues:e})=>t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(ta,{}),t.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.actual}),t.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.forecast}),t.jsxs(he,{children:[S.getLocalizedStrings().chartCard.tooltip.change," ",sa(e)]}),t.jsx(he,{children:S.getLocalizedStrings().chartCard.tooltip.change_percent})]}),t.jsxs(aa,{children:[Re(e.slice(0,e.length-1)),e.length?t.jsx(Ie,{}):null,Re(e.slice(-1))]})]}),ua=({barLabelsWithValues:e})=>t.jsx(Qt,{children:t.jsxs(oa,{children:[Pe(e.slice(0,e.length-1)),e.length?t.jsx(Ie,{}):null,Pe(e.slice(-1))]})}),ha=ee.memo(e=>{const a=ca({...e});return a.length===0?null:t.jsx(t.Fragment,{children:e.mode==="forecast_mode"?t.jsx(ia,{barLabelsWithValues:a}):t.jsx(ua,{barLabelsWithValues:a})})}),Oe=(e,a,o,n,r,l)=>{let i=[],u=[],s=[];n!=null&&n.balances.length>0&&(i=A("income","actual",n)),r!=null&&r.balances.length>0&&(u=A("cogs","actual",r)),l!=null&&l.balances.length>0&&(s=re("gross_margin","actual",l));const c=b("income","actual"),C=b("cogs","actual"),h=b("gross_margin","actual"),d=i.length>0?c:u.length>0?C:h,y={};return y[c]=i,y[C]=u,y[h]=s,o==="forecast_mode"&&Object.assign(y,da(n,r,l)),d!=null?X(e,a,d,y):void 0},da=(e,a,o)=>{let n=[],r=[],l=[];e!=null&&e.balances.length>0&&(n=A("income","forecast",e)),a!=null&&a.balances.length>0&&(r=A("cogs","forecast",a)),o!=null&&o.balances.length>0&&(l=re("gross_margin","forecast",o));const i=b("income","forecast"),u=b("cogs","forecast"),s=b("gross_margin","forecast"),c={};return c[i]=n,c[u]=r,c[s]=l,c},ga=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual")],pa=[b("income","actual"),b("cogs","actual"),b("gross_margin","actual"),b("income","forecast"),b("cogs","forecast"),b("gross_margin","forecast")],ma=f.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
 

package/dist/assets/ReviewDetailsPage-tT1l4R2r-EDW_-Vnp.js

@@ -0,0 +1,290 @@
+import{J as wt,t as $t,b as u,ep as vt,eq as jt,er as St,V as t,es as Ct,et as ie,eu as Tt,ev as Dt,ew as It,ex as Pt,a4 as k,ey as kt,a6 as v,ez as Mt,eA as Be,eB as Fe,eC as Re,j as H,eD as O,e as j,eE as At,eF as E,eG as _,eH as Bt,eI as Ft,bg as Le,o as n,a9 as Rt,u as d,O as Lt,K as zt,bp as Nt,H as Ot,B as Et,eJ as _t,bB as Zt,s as ce,W as me,eK as Gt,eL as Vt,aD as Yt,l as qt,at as Kt,eM as Ht,I as tt,b6 as Ut,x as nt,aR as Wt,eN as Jt}from"./index-EqHxd201.js";import{a as G}from"./sentry-Q4kep6XN.js";import{n as a}from"./mui-2NnLxiU2.js";import{cp as ze,ck as Ne,bX as D,bW as Qt,F9 as Xt,bG as re,b_ as en}from"./zeni-epic-state-DHqVwJ2L.js";import{t as tn,o as nn}from"./LowBalancePopup-ScEqPY9J-DaHnHp3d.js";import{S as Z}from"./LabeledText-DvzVOku6-BTuTGL_7.js";import"./pdf-CmlsF1Bq.js";import"./core-B0aIoG8L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.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]="adcf2ee3-00ce-41c3-93a0-e5ac574262c9",e._sentryDebugIdIdentifier="sentry-dbid-adcf2ee3-00ce-41c3-93a0-e5ac574262c9")}catch{}})();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])},an={sectionTitle:new Ot("h6Medium","h5Medium")},{dateFormat:Oe,common:{currency:$,labels:Ee,edit:on,strings:{empty:g}},spendManagement:{billPay:ln}}=Lt.getLocalizedStrings(),{billDetails:o,paymentDetails:_e}=ln,Ze=({attachment:e})=>{const[y,x]=G.useState(!1),M=e.fileId?.length===0;return t.jsxs(Fn,{isDisabled:e.fileId?.length===0,"data-testid":v("attachment-tag",e.fileName),onClick:()=>M===!1?x(!0):null,children:[y&&e?.fileDownloadUrl!=null?t.jsx(Gt,{title:e.fileName,file:e,onCrossClick:()=>{x(!1)},setShowFullScreenView:x}):null,t.jsx(Rn,{children:t.jsx(Vt,{contentType:e.contentType})})]})},ia=({billDetails:e,billpayApprovalView:y,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:A,isLocalCurrencyEnabled:ot,style:lt,analytics:w,isRecurringBillsFeatureEnabled:it,isApprovalRequiredForMarkAsPaid:rt,isDetectInsufficientFundsEnabled:st,billId:b,onClickEdit:pe,discardBillDetailsFromLocalStore:ue,saveBillDetails:ye,discardOutsideZeniPaymentData:dt,updateBillDetailSaveBillCode:he,redirectToBillsScreen:ge,onAttachmentClick:Q,retryPayment:ct})=>{const s=wt(),c=$t(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:b},F=x&&b!=null,R=`dashboard_${c.currentTenant?.companyId}`,L=m.largeLabelWidth.value(s),I=e.saveStatus,X=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,i=vt(A,ot,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),S=Oe.visual.MMMDCommaYYYYformat,xe={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},p={amount:i?.method.includes("international")===!0?jt(xe,i):e.recipientTotalAmount.amount+(i?.fee.amount??0),currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},z={amount:i?.method.includes("international")===!0?St(xe,i):i?.fee.amount??0,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},[mt,fe]=G.useState(!1),[te,be]=G.useState(!1),we=()=>fe(!1),pt=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${o.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Mn,{size:s,children:t.jsx(kn,{})})]}):Ct(e.paymentDetailsSection?.paymentTo);G.useEffect(()=>{(I?.fetchState==="Completed"||X?.fetchState==="Completed")&&(ue(),he(),ge())},[I,X,ge,ue,he]);const P=e.billPayInfo?.stage,N=e.billPayInfo?.billStatus,V=e.billPayInfo?.billPaymentStatus,ut=e.billPayInfo?.billPaymentRefundStatus,ne=P?.code==="paid"?P:N?.code=="approved"&&V?.code?V:N,yt=e.billPayInfo?.isRefundInitiated===!0?ut:N?.code=="approved"&&V?.code?V:N,ae=()=>{pe()},$e=()=>{pe()},Y=e.paymentDetailsSection?.paymentDate,oe=ie(i?.method??""),ve=oe.replace("Same Day",""),ht=e.isCollectToAccountInfoFromVendorContact?t.jsx(Tt,{paymentTypeLabel:ve,onClick:()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),fe(!0)}}):o.addedByZeni,q=y.allApprovalRules.length>0,gt=ze(i?.method!=null&&(i.method.includes(D)||i?.fee.amount!=null&&i.fee.amount!==0)?p.amount-z.amount:p.amount,i?.fee.currencyCode??Ne.currencyCode,i?.fee.currencySymbol??Ne.currencySymbol),f=Qt(e.paymentDetailsSection?.paymentType?.method),je=()=>{be(!0),w.trackBillPayMarkAsPaid(P?.code??"draft",ne?.code??"")},C=f,h=C&&!rt,Se=Ge(h,q,e.isBillMarkedForRetry),le=st&&e.paymentDetailsSection!=null?Dt(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,Ce=()=>{Te===!0&&K(!1),e.isBillMarkedForRetry===!0?(ct(),w.trackRetryConfirmClick(ne?.code??"",P?.code??"",yt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&((()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,T=e.recurringConfig,ft=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(b??"new_bill"),i?.method!=null&&l!=null){const bt=f?o.paymentOutsideZeni.offline:ie(i.method);if(w.trackBillPaySendForApproval(bt,l.format(Oe.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,b,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:re(T?.startDate?.toString()??"").format(S),endDate:re(T?.endDate?.toString()??"").format(S),frequency:T?.frequency??"monthly",totalAmount:ft.amount,totalPaymentCycles:T?.totalPaymentCycles??0,isApprovalRequired:T?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?T?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?T?.updateRecurringBills==="all":void 0}),le!=null){const De=P?.code??"draft",Ie=N?.code??"",Pe=e.isRecurring?["Recurring"]:["One-Time"],ke=e.invoiceNumber??"",Me=Jt(c.loggedInUser),Ae=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Se===o.scheduleBill?w.trackLowBalanceAccountSchedule(De,Ie,Pe,ke,Me,Ae):Se===o.sendForApproval&&w.trackLowBalanceAccountSentForApproval(De,Ie,Pe,ke,Me,Ae)}}})(),ye(!1,{}))},xt=Xt(p.amount,y.allApprovalRules,c.loggedInUser),[Te,K]=G.useState(!1);return t.jsxs(gn,{children:[te?t.jsx(tn,{onCancel:()=>{dt(),be(!1)},onProceedForMarkAsPaid:l=>{w.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",P?.code??"draft",ne?.code??""),ye(!0,l)},saveDetailsFetchState:I?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Te?t.jsx(nn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Ce,onCancelClick:()=>{K(!1),ae()},onClickAway:()=>{K(!1)}}):null,t.jsx(It,{anchor:"right",open:mt,onClose:we,transitionDuration:250,"data-testid":v("vendor-email-preview-drawer"),children:t.jsx(Pt,{companyName:kt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Y?.format(S)??"",paymentType:ve,amount:k("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:we})}),t.jsxs(xn,{windowSize:s,style:lt,children:[s==="small"?t.jsxs(Pn,{windowSize:s,children:[t.jsx(We,{onClick:$e,"data-testid":v("review-detail-nav-bar-small-back")}),t.jsx(qe,{windowSize:s,children:o.oneLastLook})]}):t.jsx(In,{"data-testid":v("review-details-nav-bar-back"),children:t.jsx(We,{onClick:$e})}),s!=="small"?t.jsx(bn,{children:t.jsx(qe,{windowSize:s,children:o.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(wn,{children:[t.jsxs($n,{children:[t.jsx(_n,{}),t.jsxs(vn,{children:[t.jsx(Sn,{children:o.duplicateBillPayWarning}),t.jsxs(jn,{children:[o.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":v("review-detail-attachment-button"),onClick:()=>Q(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[o.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Nn,{children:[t.jsx(En,{children:o.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Mt(l);return l!=null?t.jsx(On,{children:at.includes(s)?t.jsxs(Ke,{windowSize:s,children:[t.jsxs(Cn,{children:[t.jsxs(Tn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Ze,{attachment:l.attachments[0]}):t.jsx(Je,{children:t.jsx(Qe,{})}),t.jsx(W,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?o.invoiceNo:null,l.documentId]})})]}),t.jsx(Xe,{windowSize:s,children:k("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Ln,{"data-testid":v("review-detail-mobile-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsxs(W,{children:[l.dueDate!=null?o.due:null," ",l.dueDate?.format(S)]}),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(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(Ke,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(Ze,{attachment:l.attachments[0]}):t.jsx(Je,{children:t.jsx(Qe,{})}),t.jsxs(zn,{"data-testid":v("review-detail-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsx(W,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?o.invoiceNo:null," ",l.documentId]})}),t.jsxs(W,{style:{width:"25%"},children:[l.dueDate!=null?o.due:null," ",l.dueDate?.format(S)]}),t.jsx(Xe,{style:{width:"25%"},windowSize:s,children:k("0,0[.]00",l.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(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})]})},l.id):null})]})]}):null,t.jsxs(Dn,{children:[t.jsx(He,{children:o.pay}),t.jsx(Ue,{children:t.jsx(Re,{amount:gt,integerStyles:H.largeMedium.cssObject,decimalStyles:H.smallMedium.cssObject})}),t.jsx(He,{children:o.to}),t.jsx(Ue,{children:e.vendor?.name})]}),t.jsxs(fn,{children:[f?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:R,companyId:c.currentTenant?.companyId??g,companyName:c.currentTenant?.companyName??g,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(Z,{label:{label:o.withdrawFrom,width:L},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?At(e.paymentDetailsSection.withdrawFrom,s):g,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},additionalInfoLabel:le})}),t.jsx(U,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:R,companyId:c.currentTenant?.companyId??g,companyName:c.currentTenant?.companyName??g,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(Z,{label:{label:o.paymentMethod,width:L},style:{width:"auto"},value:ie(i?.method??""),additionalInfoLabel:f?h?void 0:o.paymentOutsideZeni.reviewInfo:i?.method!=null&&i.method.includes(D)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&A&&ee===$.currencyCode?Ht(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0})}),t.jsx(U,{}),f||Y==null?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:R,companyId:c.currentTenant?.companyId??g,companyName:c.currentTenant?.companyName??g,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(Z,{label:{label:o.paymentDate,width:L},style:{width:"auto"},value:Y.format(S),additionalInfoLabel:`${o.estimatedArrival}${re(en(Y.toDate(),[0,6],i?.maxPeriod.value??0).toDateString()).format(S)} - (${oe.length>0?`${oe} `:""}${o.deliveryTimeLabel} = ${i?.maxPeriod.value??"0"} ${o.deliveryTimeUnits})`})}),t.jsx(U,{})]}),f?null:t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:R,companyId:c.currentTenant?.companyId??g,companyName:c.currentTenant?.companyName??g,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(Z,{label:{label:o.paymentTo,width:L},style:{width:"auto"},value:pt??"",additionalInfoLabel:ht})}),f||it?t.jsxs(t.Fragment,{children:[t.jsx(U,{}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:c.currentTenant?.companyId??g,companyName:c.currentTenant?.companyName??g,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(Z,{label:{label:o.paymentType,width:L},style:{width:"auto"},value:Ft(e.isRecurring,f,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Bt(s,e.isRecurring,f,e.recurringConfig)})})]}):null]}),!f&&i?.method!=null&&(i.method.includes(D)||i?.fee.amount!=null&&i.fee.amount!==0)?t.jsx(pn,{children:t.jsxs(un,{windowSize:s,children:[t.jsxs(yn,{children:[t.jsx(dn,{children:o.total}),t.jsx(Le,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(mn,{children:[t.jsxs(Ye,{children:[t.jsx(de,{children:i.method.includes(D)&&ee!==$.currencyCode?_e.conversionAmountColon:Ee.invoiceAmount}),t.jsx(se,{children:k("0,0[.]00",{amount:p.amount-z.amount,currencySymbol:z.currencySymbol})})]}),t.jsxs(Ye,{children:[t.jsx(de,{children:_e.transactionFee}),t.jsx(se,{children:k("0,0[.]00",{amount:z.amount,currencySymbol:z.currencySymbol})})]}),t.jsx(cn,{}),t.jsxs(sn,{children:[t.jsx(de,{children:Ee.total}),t.jsx(se,{children:k("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(rn,{})})]}),t.jsx(hn,{children:t.jsx(Re,{amount:ze(p.amount,p.currencyCode,p.currencySymbol),integerStyles:H.h6Medium.cssObject,decimalStyles:H.standardMedium.cssObject})})]})}):null]}),t.jsx(Rt,{cancelBtn:{label:C&&!h?o.paymentOutsideZeni.markAsPaid:o.editBill,onClick:C&&!h?je:ae,isLoading:C&&!h&&te&&I?.fetchState==="In-Progress",reverseSpinnerColor:!1,style:{width:Ve(!1,C,h,q,s)}},primaryBtn:{label:Ge(h,q,e.isBillMarkedForRetry),isLoading:I?.fetchState==="In-Progress"&&(h||!te)||X?.fetchState==="In-Progress",onClick:h?je:()=>{xt&&le!=null?K(!0):Ce()},style:{width:Ve(!0,C,h,q,s)}},rightSideComponent:C&&!h&&I.fetchState!=="In-Progress"?t.jsx(Zn,{windowSize:s,children:t.jsx(Le,{style:{color:j.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:on,placement:"top",children:t.jsx(Vn,{onClick:ae,"data-testid":v("review-detail-edit-bill-button"),children:t.jsx(Gn,{})})})}):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:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(D)?t.jsxs(An,{children:[o.internationalText1,t.jsx(Bn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:o.internationalTerms}),o.internationalText2]}):null})]})},Ge=(e,y,x)=>e?o.paymentOutsideZeni.markAsPaid:x===!0?o.retryPayment:y?o.sendForApproval:o.scheduleBill,Ve=(e,y,x,M,A)=>x?128:y&&!e&&A==="small"?"auto":M?165:m.footerButtonWidth.value(A),rn=a(Ut)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ye=a(nt)`
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: ${n.sp1};
+`,se=a.div`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,de=a.div`
+  color: ${e=>e.theme.colors.hero};
+`,sn=a(nt)`
+  display: flex;
+  justify-content: space-between;
+  padding-top: ${n.sp1};
+`,dn=a.div``,cn=a.div`
+  background-color: ${j.neutralGrey3Dark};
+  height: 1px;
+  width: 280px;
+`,mn=a.div``,pn=a.div`
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+`,un=a.div`
+  width: 100%;
+  padding: ${n.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: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${n.sp2};
+`,yn=a(tt)`
+  gap: ${n.sp1};
+  display: flex;
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+`,hn=a(tt)`
+  display: flex;
+  width: calc(100% - 176px);
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.primary};
+`,gn=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,xn=a.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: ${n.sp3};
+`,fn=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  margin-bottom: ${n.sp3};
+  margin-top: ${n.sp3};
+`,U=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,qe=a(Et)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${an.sectionTitle.style(e.windowSize)}`};
+  margin-left: ${e=>m.sectionTitleMarginLeft.valuePx(e.windowSize)};
+`,bn=a.div`
+  display: flex;
+  margin-bottom: ${n.sp3};
+  margin-top: ${n.sp3};
+`,wn=a.div`
+  display: flex;
+  flex-direction: column;
+  border-radius: ${n.sp2};
+  padding: ${n.sp3} ${n.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,$n=a.div`
+  background-color: ${j.alertLight};
+  border-radius: ${n.sp2};
+  width: 100%;
+  display: flex;
+`,vn=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: ${n.sp2};
+`,jn=a(ce)`
+  padding-bottom: ${n.sp3};
+  color: ${j.brandColorGoldDark};
+`,Sn=a(Zt)`
+  padding-top: ${n.sp3};
+  color: ${j.brandColorGoldDark};
+`,Ke=a.div`
+  display: flex;
+  flex-direction: ${e=>at.includes(e.windowSize)?"column":"row"};
+  width: 100%;
+`,Cn=a.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  column-gap: ${n.sp1};
+`,Tn=a.div`
+  display: flex;
+  column-gap: ${n.sp2};
+  align-items: center;
+`,Dn=a.div`
+  display: flex;
+  padding-top: ${n.sp3};
+`,He=a(qt)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${n.sp1};
+`,Ue=a(Kt)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${n.sp1};
+`,We=a(Nt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: 20px;
+  height: 20px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,In=a.div`
+  margin-bottom: ${n.sp3};
+`,Pn=a.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${e=>e.showAutofill===!0?n.sp8:"unset"};
+  position: absolute;
+  width: 100%;
+  top: ${n.sp0};
+  padding-top: ${e=>m.navBarContainerPaddingTop.valuePx(e.windowSize)};
+  padding-right: 33px;
+  padding-bottom: ${e=>m.navBarContainerPaddingTop.valuePx(e.windowSize)};
+  padding-left: ${n.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,kn=a(zt)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Mn=a.span`
+  display: flex;
+  align-items: center;
+  margin-left: ${n.sp2};
+  margin-top: ${e=>m.iconContainerMarginTop.valuePx(e.size)};
+  align-self: ${e=>e.size==="small"?"baseline":"center"};
+`,An=a(me)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+`,Bn=a.a`
+  color: ${e=>e.theme.colors.grey1};
+  text-decoration: underline;
+  margin-right: ${n.sp1};
+  margin-left: ${n.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Fn=a.div`
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  display: flex;
+  flex-direction: row;
+
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${n.sp2};
+  &:hover {
+    svg {
+      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+    }
+  }
+`,Rn=a.div`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  display: flex;
+`,Je=a.div`
+  cursor: default;
+  display: flex;
+  align-items: center;
+  margin-right: ${n.sp1};
+`,Qe=a(Yt)`
+  cursor: pointer;
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,W=a(ce)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+  min-width: 142px;
+  flex-grow: 1;
+`,Xe=a(ce)`
+  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;
+`,Ln=a.div`
+  display: flex;
+  cursor: pointer;
+  column-gap: ${n.sp1};
+  margin-left: ${n.sp5};
+`,et=a.div`
+  width: 120px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+`,zn=a.div`
+  display: flex;
+  flex-grow: 1;
+  cursor: pointer;
+  width: 100%;
+`,J=a(me)`
+  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: ${n.sp1};
+`,Nn=a.div`
+  display: flex;
+  flex-direction: column;
+`,On=a.div`
+  display: flex;
+  width: 100%;
+  flex-flow: column;
+  padding-top: ${n.sp2};
+  padding-bottom: ${n.sp2};
+  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,En=a(me)`
+  margin-top: ${n.sp3};
+  color: ${j.alert};
+`,_n=a(_t)`
+  min-width: ${n.sp4};
+  height: ${n.sp4};
+  width: ${n.sp4};
+  margin-top: ${n.sp3};
+  margin-left: ${n.sp4};
+  color: ${j.brandColorGoldDark};
+`,Zn=a.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-right: ${e=>m.footerRightIconMarginRight.valuePx(e.windowSize)};
+`,Gn=a(Wt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${n.sp4};
+  height: ${n.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Vn=a.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${n.sp2};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{ia as default};

package/dist/assets/{ReviewOverlay-CxwoiOLC-D5lX05io.js → ReviewOverlay-BoM41t8W-DgI6cFXd.js}

@@ -1,8 +1,8 @@
-import{e as P,V as i,b as x,o as r,a9 as B,x as d,a8 as L,d as I,M as W,f as s,l as b,c1 as D,L as R,C as S,aC as G,m as o,dO as A,aA as _,i9 as F}from"./index-C-nTPjDF.js";import{n as t}from"./mui-BOwjqiG-.js";import{a as w}from"./sentry-Dd2vHz0L.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]="699f086a-7225-4684-91b8-ebe09172dae6",e._sentryDebugIdIdentifier="sentry-dbid-699f086a-7225-4684-91b8-ebe09172dae6")}catch{}})();const a={containerMarginTop:new d(0,o[2]),containerMarginLeft:new d(o[3],o[8]),containerMarginRight:new d(o[3],o[8]),subTitleMarginBottom:new d(o[2],o[2]),titleMarginBotom:new d(o[0],o[2]),titleMarginRight:new d(o[0],o[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(o[3],o[3],o[8]),navBarPaddingRight:new d(o[3],o[3],o[8])},H={title:new I("h6Regular","h5Regular")},xe=({title:e,description:g,reviewItems:m,showFooter:z,footerProps:{primaryButton:C,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:M})=>{const l=P();return i.jsxs(Z,{children:[i.jsx(U,{windowSize:l,children:i.jsx(X,{children:i.jsx(Y,{windowSize:l,children:i.jsx(ee,{children:i.jsx(ie,{onClick:k,"data-testid":x("review-overlay-close",e)})})})})}),i.jsxs(J,{windowSize:l,children:[i.jsxs(V,{windowSize:l,children:[i.jsx(q,{children:i.jsx(K,{windowSize:l,children:e})}),i.jsx(N,{isError:g.isError,windowSize:l,children:g.content})]}),i.jsx(Q,{windowSize:l,children:m.map(n=>{const h=n.reviewStatus.code==="error",c=n.reviewStatus.code==="warning"||n.reviewStatus.code==="low-balance";return i.jsxs(re,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?i.jsx(ce,{onClick:()=>M(n.id),"data-testid":x("review-close",n.id)}):null,i.jsxs(te,{children:[i.jsxs(oe,{children:[i.jsx(de,{children:O(n)}),i.jsxs(ne,{children:[i.jsxs(u,{children:[i.jsx($,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:n.leftSideText.title}),i.jsx($,{isWarning:c,isError:h,children:n.rightSideText.title})]}),i.jsxs(u,{children:[i.jsx(se,{style:{marginLeft:r.sp2},children:n.leftSideText.subTitle}),l!=="small"?i.jsxs(f,{windowSize:l,children:[i.jsx(p,{isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[n.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx(j,{})}):null,n.rightSideText.subTitle]})}),i.jsx(p,{isWarning:!0,isError:!1,children:n.rightSideText.additonalInfo})]}):null]})]})]}),l==="small"?i.jsxs(f,{windowSize:l,children:[i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[n.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx(j,{})}):null,n.rightSideText.subTitle]})}),i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:n.rightSideText.additonalInfo})]}):null]})]},n.id)})})]}),z?i.jsx(B,{primaryBtn:C,cancelBtn:T,showCancel:!E}):null]})},O=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(le,{}):e.reviewStatus.code==="low-balance"?i.jsx(he,{}):i.jsx(ae,{}),Z=t.div`
+import{J as M,V as i,a6 as m,o as r,a9 as P,b as d,a8 as L,H as W,B as I,e as s,s as j,bW as D,f as R,x as S,aC as G,u as o,dC as A,aA as _,hZ as F}from"./index-EqHxd201.js";import{n as t}from"./mui-2NnLxiU2.js";import{a as w}from"./sentry-Q4kep6XN.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]="9d0ec0d7-b8c1-4bc8-9e3c-5bfce6c5d3b3",e._sentryDebugIdIdentifier="sentry-dbid-9d0ec0d7-b8c1-4bc8-9e3c-5bfce6c5d3b3")}catch{}})();const a={containerMarginTop:new d(0,o[2]),containerMarginLeft:new d(o[3],o[8]),containerMarginRight:new d(o[3],o[8]),subTitleMarginBottom:new d(o[2],o[2]),titleMarginBotom:new d(o[0],o[2]),titleMarginRight:new d(o[0],o[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(o[3],o[3],o[8]),navBarPaddingRight:new d(o[3],o[3],o[8])},H={title:new W("h6Regular","h5Regular")},me=({title:e,description:g,reviewItems:x,showFooter:z,footerProps:{primaryButton:C,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:B})=>{const l=M();return i.jsxs(J,{children:[i.jsx(U,{windowSize:l,children:i.jsx(X,{children:i.jsx(Y,{windowSize:l,children:i.jsx(ee,{children:i.jsx(ie,{onClick:k,"data-testid":m("review-overlay-close",e)})})})})}),i.jsxs(O,{windowSize:l,children:[i.jsxs(V,{windowSize:l,children:[i.jsx(q,{children:i.jsx(K,{windowSize:l,children:e})}),i.jsx(N,{isError:g.isError,windowSize:l,children:g.content})]}),i.jsx(Q,{windowSize:l,children:x.map(n=>{const h=n.reviewStatus.code==="error",c=n.reviewStatus.code==="warning"||n.reviewStatus.code==="low-balance";return i.jsxs(re,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?i.jsx(ce,{onClick:()=>B(n.id),"data-testid":m("review-close",n.id)}):null,i.jsxs(te,{children:[i.jsxs(oe,{children:[i.jsx(de,{children:Z(n)}),i.jsxs(ne,{children:[i.jsxs(u,{children:[i.jsx($,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:n.leftSideText.title}),i.jsx($,{isWarning:c,isError:h,children:n.rightSideText.title})]}),i.jsxs(u,{children:[i.jsx(se,{style:{marginLeft:r.sp2},children:n.leftSideText.subTitle}),l!=="small"?i.jsxs(f,{windowSize:l,children:[i.jsx(p,{isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[n.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx(b,{})}):null,n.rightSideText.subTitle]})}),i.jsx(p,{isWarning:!0,isError:!1,children:n.rightSideText.additonalInfo})]}):null]})]})]}),l==="small"?i.jsxs(f,{windowSize:l,children:[i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[n.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx(b,{})}):null,n.rightSideText.subTitle]})}),i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:n.rightSideText.additonalInfo})]}):null]})]},n.id)})})]}),z?i.jsx(P,{primaryBtn:C,cancelBtn:T,showCancel:!E}):null]})},Z=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(le,{}):e.reviewStatus.code==="low-balance"?i.jsx(he,{}):i.jsx(ae,{}),J=t.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,J=t.div`
+`,O=t.div`
   min-height: 100vh;
   display: flex;
   flex-direction: column;
@@ -18,13 +18,13 @@ import{e as P,V as i,b as x,o as r,a9 as B,x as d,a8 as L,d as I,M as W,f as s,l
 `,q=t.div`
   display: flex;
   align-items: center;
-`,K=t(W)`
+`,K=t(I)`
   ${e=>`${H.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)};
-`,N=t(b)`
+`,N=t(j)`
   margin-bottom: ${e=>a.subTitleMarginBottom.valuePx(e.windowSize)};
   color: ${e=>e.isError?s.important:e.theme.colors.hero};
 `,Q=t.div`
@@ -96,7 +96,7 @@ import{e as P,V as i,b as x,o as r,a9 as B,x as d,a8 as L,d as I,M as W,f as s,l
   display: flex;
   flex-direction: column;
   align-items: ${e=>e.windowSize==="small"?"self-start":"self-end"};
-`,$=t(b)`
+`,$=t(j)`
   color: ${e=>e.isError||e.isWarning?e.theme.mode==="dark"?s.neutralGrey4Dark:e.isWarning:e.theme.colors.primary};
 `,se=t(S)`
   margin-top: -5px;
@@ -141,7 +141,7 @@ import{e as P,V as i,b as x,o as r,a9 as B,x as d,a8 as L,d as I,M as W,f as s,l
   align-items: center;
   justify-content: center;
   margin-right: ${r.sp1};
-`,j=t(G)`
+`,b=t(G)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${r.sp3};
   height: ${r.sp3};
@@ -149,4 +149,4 @@ import{e as P,V as i,b as x,o as r,a9 as B,x as d,a8 as L,d as I,M as W,f as s,l
   color: ${e=>e.theme.colors.brandColorGoldDark};
   width: ${r.sp4};
   height: ${r.sp4};
-`;export{xe as u};
+`;export{me as u};

package/dist/assets/RewardsRoutes-o1myXW2J.js

@@ -0,0 +1 @@
+import{j as e}from"./pdf-CmlsF1Bq.js";import{aE as x,je as w,aF as b,bc as E,jl as p,G as F,m3 as L,aG as P}from"./index-EqHxd201.js";import"./mui-2NnLxiU2.js";import m from"./NotFoundScreen-BbpMMX9s.js";import{a as f}from"./sentry-Q4kep6XN.js";import{i as R,u as y,j as T,h as V,k as U,R as A,m as u}from"./core-B0aIoG8L.js";import{cs as G,Nb as C,Ka as z,Nc as N,pK as K,cF as Y,Nd as O,pI as q}from"./zeni-epic-state-DHqVwJ2L.js";import{R as j}from"./ReferralListScreen-SWZzL8_L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.js";import"./MobileAppDrawer-sKiHtZDX.js";(function(){try{var a=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new a.Error().stack;t&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[t]="cb2eca61-bc39-49f9-8f04-aa8f9223fdae",a._sentryDebugIdIdentifier="sentry-dbid-cb2eca61-bc39-49f9-8f04-aa8f9223fdae")}catch{}})();const B=U(function(a,t){const n=C(a);return{inviteFormView:n.localData,submitStatus:n.saveStatus,userName:t.userName,rewardsPlan:n.rewardsPlan,companyLegalName:t.companyName}},function(a,t){const{navigate:n}=t,o=w.getSignedInUser();return{onDismissClick:()=>{a(N()),n("..")},onSendClick:()=>{if(o!=null){const s=[],r=[];t.inviteFormCompayData.forEach(c=>{s.push(c.companyName),r.push(c.emailIds[0])}),p.trackInviteEmailClicked("send",s,r,s.length)}a(q())},onUpdateInviteFormLocalData:s=>{a(O({localData:s}))},onSubmitSuccess:()=>{n("../../")},onCancelClick:()=>{o!=null&&p.trackInviteEmailClicked("cancel")}}})(L),H=()=>{const a=R(),[t,n]=f.useState(!1),[o,s]=f.useState(!1),r=y(i=>G(i)),c=T(),k=V(),{useDynamicConfig:g}=x(),d=w.getSignedInUser();if(d==null)throw Error("Can't access invite referral screen without signing in...");const l=y(i=>C(i)),v=d?.firstName!=null?d.firstName:"User",{configValue:h}=g(b.zeniCardsConfig),{configValue:D}=g(b.zeniAccountsConfig),_=z(D);f.useEffect(()=>{a(N()),r?.rewardsLastViewedTime==null&&o===!1&&(a(K()),s(!0))},[]),f.useEffect(()=>{t||l.fetchState!=="Not-Started"||(n(!0),a(Y(!0)))},[l.fetchState,a]);const I=r.company?.companyInfo.companyLegalName??r.companyName;return e.jsxs(e.Fragment,{children:[l.fetchState==="Completed"?e.jsx(E,{analytics:p,onLoad:i=>(S=>S.trackPageLoaded(F.Event.inviteEmailViewed))(i)}):null,e.jsx(B,{navigate:c,location:k,currentTenant:r,companyName:I,userName:v,inviteFormCompayData:l.localData,chargeCardCashbackRatePerTransaction:h.charge_card_cashback_rate_per_transaction!=null?h.charge_card_cashback_rate_per_transaction:.0175,maxAnnualPercentageYield:_.maxAnnualPercentageYield})]})};function la(){const{useFeatureGate:a}=x(),{isFeatureEnabled:t}=a(P.isReferralFeatureEnabled);return e.jsxs(A,{children:[e.jsx(u,{path:"/",element:t?e.jsx(j,{}):e.jsx(m,{})}),e.jsx(u,{path:"how-it-works",element:t?e.jsx(j,{isReferralDrawerOpen:!0}):e.jsx(m,{})}),e.jsx(u,{path:"refer/*",element:t?e.jsx(H,{}):e.jsx(m,{})}),e.jsx(u,{path:"*",element:e.jsx(m,{})})]})}export{la as default};

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

@@ -0,0 +1,22 @@
+import{e4 as c,e5 as h,V as s,bg as g,o as d,a6 as n,O as x,k as f,x as p}from"./index-EqHxd201.js";import{n as l}from"./mui-2NnLxiU2.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]="b6821861-4674-4a7e-85ad-88196810edf4",e._sentryDebugIdIdentifier="sentry-dbid-b6821861-4674-4a7e-85ad-88196810edf4")}catch{}})();const{hyphen:i}=x.getLocalizedStrings().common.strings,m=l.div``,y=l.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`,b=l(p)`
+  color: ${e=>e.theme.colors.hero};
+`,u=l(p)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,o=l.div`
+  display: flex;
+  align-items: center;
+`,j=l(f)`
+  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=i,r=[];return t=c(e),r=h(e),r.length>0?s.jsx(g,{enterDelay:600,"data-testid":n("roles-tooltip",t),title:r.length>0?s.jsx(m,{children:r.map(a=>s.jsxs(y,{children:[s.jsx(b,{children:a[0]}),s.jsx(u,{children:a[1]})]},a.join(",")))}):s.jsx(s.Fragment,{children:i}),placement:"top-end",style:{marginLeft:d.sp1,padding:"6px 12px"},maxWidth:"264px",children:s.jsxs(o,{"data-testid":n("roles-label-wrapper",t),children:[t,s.jsx(j,{className:"roles-count-wrapper","data-testid":n("roles-count-wrapper",t),children:r.length})]})}):s.jsx(o,{"data-testid":n("roles-label-wrapper",t),children:t})};export{D as T};