https://static.monarch.com/static/js/2129.4a2e8b7b.chunk.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="3ef5de9e-619a-44dd-9739-9f9067a05f43",e._sentryDebugIdIdentifier="sentry-dbid-3ef5de9e-619a-44dd-9739-9f9067a05f43")}catch(e){}}(),(this.webpackChunkweb=this.webpackChunkweb||[]).push([[2129],{32129:(e,t,a)=>{a.r(t),a.d(t,{ReportsCashFlowBarChartConnected:()=>F});var r=a(68622),o=a(51923),l=a(36938),n=a(39861),i=a(37380),s=a(90565),c=a(82910),d=a.n(c),m=a(8483),u=a(69263),p=a(57432),v=a(60150);const f=e=>{let t=e.className;return l.createElement(p.c,{"data-external-id":"reports-net-income-dot",size:12,className:(0,v.cn)("border border-background-primary bg-chart-line",t)})};var b=a(12878),h=a(21327),x=a(3664);const g=(0,n.default)(u.II).withConfig({displayName:"ReportsCashFlowTooltip__Tooltip",componentId:"sc-10jpldh-0"})(["[data-sc-tw~='ChartTooltip__TooltipValue']{padding:0;}"]),w=e=>{let t=e.active,a=e.current,r=e.previous,o=e.timeframe,i=e.stacked;const s=(0,n.useTheme)(),c=(0,l.useMemo)((()=>(0,h.cM)(a.date,o,h.zw)),[a.date,o]);return l.createElement(g,{"data-external-id":"reports-cash-flow-tooltip",active:t,header:l.createElement(m.v,{weight:"medium",size:"small"},c)},l.createElement(b.k,{label:"Income",value:a.income,previousValue:null===r||void 0===r?void 0:r.income,color:s.color.green}),l.createElement(b.k,{label:"Expenses",value:a.expense,previousValue:null===r||void 0===r?void 0:r.expense,color:s.color.red,isLiability:!i}),l.createElement(b.k,{label:"Net Income",value:a.net,previousValue:null===r||void 0===r?void 0:r.net,customDot:l.createElement(f,null)}),l.createElement(b.k,{label:"Savings Rate",value:a.savingsRate,previousValue:null===r||void 0===r?void 0:r.savingsRate,customDot:l.createElement(f,null),valueFormatter:x.l9}))},y=l.memo(w,d());var E=a(47197),k=a(73064),C=a(53083),D=a(87743),I=a(34527),A=a(18680),L=a(39009),N=a(8134);const _=(0,n.default)(i.g).attrs({center:!0}).withConfig({displayName:"ReportsCashFlowBarChart__ChartContainer",componentId:"qtlmwz-0"})(["padding:0 ",";"],C.YK.default),z=e=>{let t=e.data,a=e.timeframe,i=e.stacked,c=e.onSelectDateRangeFromBarData,d=e.getSelectedIndexFromBarData;const m=(0,n.useTheme)(),u=(0,I.W)(),p=(0,r.A)(u,2),v=p[0],f=p[1].width,b=void 0===f?0:f,x=(0,k.d)(b,200),g=(0,l.useCallback)((e=>parseInt(m.spacing[e],10)),[m.spacing]),w=(0,E.Nb)({strict:!1}).hideAmounts,C=(0,l.useMemo)((()=>(0,A.QB)(t,a,i?o.A:Math.abs)),[t,a,i]),z=(0,l.useMemo)((()=>"year"!==a?(0,D.uu)(C.map((e=>({startDate:e.date})))):[]),[C,a]),F=(0,l.useCallback)((e=>(0,h.cM)(e,a,{formatMonth:"LLL",formatQuarter:"'Q'q"})),[a]),M=(0,l.useMemo)((()=>[{name:"income",label:"Income",color:m.color.green},{name:"expense",label:"Expenses",color:m.color.red}]),[m.color.green,m.color.red]),B=(0,l.useCallback)((e=>{const t=e.active,r=(0,L.WS)(e),o=(0,A.P4)(C,null===r||void 0===r?void 0:r.date),n=o.previous,s=o.current;return l.createElement(y,{active:t,previous:n,current:s,timeframe:a,stacked:i})}),[C]),R=(0,l.useMemo)((()=>d(C)),[C,d]);return l.createElement(_,{"data-external-id":"reports-cash-flow-bar-chart",ref:v},l.createElement(s.vD,{widthPx:x,heightPx:270,data:C,barDataKeys:M,xAxisDataKey:"date",xAxisReferenceLines:z,formatYAxis:N.vv,yAxis:w?null:void 0,formatXAxis:F,tooltipComponent:B,totalDataKey:"net",solidLineDataKey:"completedNet",dashedLineDataKey:"currentPeriodNet",margin:{left:g("xxxlarge"),right:g("xxlarge"),top:g("xxlarge"),bottom:g("xxlarge")},horizontalStack:!i,onBarAreaClick:c,activeBarIndex:R,barColorInteractive:!0,showSummaryLine:!0}))},F=l.memo(z)},12878:(e,t,a)=>{a.d(t,{k:()=>y});var r,o,l,n,i=a(63627),s=a(13484),c=a(36938),d=a(41516),m=a(57432),u=a(94267),p=a(26481),v=a(4424),f=a(8134);const b=e=>{let t=e.color,a=e.customDot,r=e.isLiability,o=e.label,l=e.previousValue,n=e.value,i=e.className,d=e.valueFormatter,p=void 0===d?f.vv:d;return c.createElement(h,{"data-external-id":"reports-tooltip-row",className:i},c.createElement(x,null,null!==a&&void 0!==a?a:(0,s.A)(t)?c.createElement(m.c,{color:t,size:12}):null,c.createElement(u.c,{size:"inherit",weight:"medium"},o)),c.createElement(g,null,c.createElement(u.c,{size:"inherit",weight:"medium"},p(n)),(0,s.A)(l)&&c.createElement(w,{balance:n,previousBalance:l,isLiability:r,valueFormatter:p})))},h=v.s.div(r||(r=(0,i.A)(["\n  flex items-start justify-between gap-lg px-default py-xs text-xs\n  not-last:border-b not-last:border-divider-primary\n  last:pb-sm\n"]))),x=v.s.div(o||(o=(0,i.A)(["flex w-60 shrink items-center gap-xs"]))),g=v.s.div(l||(l=(0,i.A)(["flex flex-col items-end"]))),w=(0,v.s)(d.F).attrs((0,p.p)("reports-tooltip-row-diff"))(n||(n=(0,i.A)(["\n  data-zero:text-content-primary\n"]))),y=c.memo(b)}}]);
2//# sourceMappingURL=2129.4a2e8b7b.chunk.js.map