https://moneycoach.ai/_next/static/chunks/4457.09209e61828ffb85.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4457],{44457:(t,e,n)=>{n.r(e),n.d(e,{default:()=>q});var r=n(32146),i=n(93982),a=n(79274),o=n(60378),l=n(66921),s=n(11715),c=n.n(s),u=n(87106),p=n.n(u),f=n(34189),y=n.n(f),h=n(61844),d=n(50236),m=n(71118),v=n(72782),b=n(58557),g=n(56457),A=n(43099),x=n(34818),k=n(34281),S=n(37728),j=["type","layout","connectNulls","ref"],O=["key"];function P(t){return(P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w(t,e){if(null==t)return{};var n,r,i=function(t,e){if(null==t)return{};var n={};for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)){if(e.indexOf(r)>=0)continue;n[r]=t[r]}return n}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)n=a[r],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function D(){return(D=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}function E(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function C(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?E(Object(n),!0).forEach(function(e){W(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function N(t){return function(t){if(Array.isArray(t))return L(t)}(t)||function(t){if("u">typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return L(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return L(t,void 0)}}(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function T(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,_(r.key),r)}}function F(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(F=function(){return!!t})()}function I(t){return(I=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function M(t,e){return(M=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t})(t,e)}function W(t,e,n){return(e=_(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _(t){var e=function(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=P(r))return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==P(e)?e:e+""}var z=function(t){var e,n;function r(){var t,e,n;if(!(this instanceof r))throw TypeError("Cannot call a class as a function");for(var i=arguments.length,a=Array(i),o=0;o<i;o++)a[o]=arguments[o];return e=r,n=[].concat(a),e=I(e),W(t=function(t,e){if(e&&("object"===P(e)||"function"==typeof e))return e;if(void 0!==e)throw TypeError("Derived constructors may only return object or undefined");var n=t;if(void 0===n)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(this,F()?Reflect.construct(e,n||[],I(this).constructor):e.apply(this,n)),"state",{isAnimationFinished:!0,totalLength:0}),W(t,"generateSimpleStrokeDasharray",function(t,e){return"".concat(e,"px ").concat(t-e,"px")}),W(t,"getStrokeDasharray",function(e,n,i){var a=i.reduce(function(t,e){return t+e});if(!a)return t.generateSimpleStrokeDasharray(n,e);for(var o=Math.floor(e/a),l=e%a,s=n-e,c=[],u=0,p=0;u<i.length;p+=i[u],++u)if(p+i[u]>l){c=[].concat(N(i.slice(0,u)),[l-p]);break}var f=c.length%2==0?[0,s]:[s];return[].concat(N(r.repeat(i,o)),N(c),f).map(function(t){return"".concat(t,"px")}).join(", ")}),W(t,"id",(0,A.NF)("recharts-line-")),W(t,"pathRef",function(e){t.mainCurve=e}),W(t,"handleAnimationEnd",function(){t.setState({isAnimationFinished:!0}),t.props.onAnimationEnd&&t.props.onAnimationEnd()}),W(t,"handleAnimationStart",function(){t.setState({isAnimationFinished:!1}),t.props.onAnimationStart&&t.props.onAnimationStart()}),t}if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");return r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),t&&M(r,t),e=[{key:"componentDidMount",value:function(){if(this.props.isAnimationActive){var t=this.getTotalLength();this.setState({totalLength:t})}}},{key:"componentDidUpdate",value:function(){if(this.props.isAnimationActive){var t=this.getTotalLength();t!==this.state.totalLength&&this.setState({totalLength:t})}}},{key:"getTotalLength",value:function(){var t=this.mainCurve;try{return t&&t.getTotalLength&&t.getTotalLength()||0}catch(t){return 0}}},{key:"renderErrorBar",value:function(t,e){if(this.props.isAnimationActive&&!this.state.isAnimationFinished)return null;var n=this.props,r=n.points,i=n.xAxis,a=n.yAxis,l=n.layout,s=n.children,c=(0,x.aS)(s,g.u);if(!c)return null;var u=function(t,e){return{x:t.x,y:t.y,value:t.value,errorVal:(0,S.kr)(t.payload,e)}};return o.createElement(v.W,{clipPath:t?"url(#clipPath-".concat(e,")"):null},c.map(function(t){return o.cloneElement(t,{key:"bar-".concat(t.props.dataKey),data:r,xAxis:i,yAxis:a,layout:l,dataPointFormatter:u})}))}},{key:"renderDots",value:function(t,e,n){if(this.props.isAnimationActive&&!this.state.isAnimationFinished)return null;var i=this.props,a=i.dot,l=i.points,s=i.dataKey,c=(0,x.J9)(this.props,!1),u=(0,x.J9)(a,!0),p=l.map(function(t,e){var n=C(C(C({key:"dot-".concat(e),r:3},c),u),{},{index:e,cx:t.x,cy:t.y,value:t.value,dataKey:s,payload:t.payload,points:l});return r.renderDotItem(a,n)}),f={clipPath:t?"url(#clipPath-".concat(e?"":"dots-").concat(n,")"):null};return o.createElement(v.W,D({className:"recharts-line-dots",key:"dots"},f),p)}},{key:"renderCurveStatically",value:function(t,e,n,r){var i=this.props,a=i.type,l=i.layout,s=i.connectNulls,c=(i.ref,w(i,j)),u=C(C(C({},(0,x.J9)(c,!0)),{},{fill:"none",className:"recharts-line-curve",clipPath:e?"url(#clipPath-".concat(n,")"):null,points:t},r),{},{type:a,layout:l,connectNulls:s});return o.createElement(d.I,D({},u,{pathRef:this.pathRef}))}},{key:"renderCurveWithAnimation",value:function(t,e){var n=this,r=this.props,i=r.points,a=r.strokeDasharray,s=r.isAnimationActive,c=r.animationBegin,u=r.animationDuration,p=r.animationEasing,f=r.animationId,y=r.animateNewValues,h=r.width,d=r.height,m=this.state,v=m.prevPoints,b=m.totalLength;return o.createElement(l.Ay,{begin:c,duration:u,isActive:s,easing:p,from:{t:0},to:{t:1},key:"line-".concat(f),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(r){var o,l=r.t;if(v){var s=v.length/i.length,c=i.map(function(t,e){var n=Math.floor(e*s);if(v[n]){var r=v[n],i=(0,A.Dj)(r.x,t.x),a=(0,A.Dj)(r.y,t.y);return C(C({},t),{},{x:i(l),y:a(l)})}if(y){var o=(0,A.Dj)(2*h,t.x),c=(0,A.Dj)(d/2,t.y);return C(C({},t),{},{x:o(l),y:c(l)})}return C(C({},t),{},{x:t.x,y:t.y})});return n.renderCurveStatically(c,t,e)}var u=(0,A.Dj)(0,b)(l);if(a){var p="".concat(a).split(/[,\s]+/gim).map(function(t){return parseFloat(t)});o=n.getStrokeDasharray(u,b,p)}else o=n.generateSimpleStrokeDasharray(b,u);return n.renderCurveStatically(i,t,e,{strokeDasharray:o})})}},{key:"renderCurve",value:function(t,e){var n=this.props,r=n.points,i=n.isAnimationActive,a=this.state,o=a.prevPoints,l=a.totalLength;return i&&r&&r.length&&(!o&&l>0||!y()(o,r))?this.renderCurveWithAnimation(t,e):this.renderCurveStatically(r,t,e)}},{key:"render",value:function(){var t,e=this.props,n=e.hide,r=e.dot,i=e.points,a=e.className,l=e.xAxis,s=e.yAxis,c=e.top,u=e.left,f=e.width,y=e.height,d=e.isAnimationActive,m=e.id;if(n||!i||!i.length)return null;var g=this.state.isAnimationFinished,A=1===i.length,k=(0,h.A)("recharts-line",a),S=l&&l.allowDataOverflow,j=s&&s.allowDataOverflow,O=S||j,P=p()(m)?this.id:m,w=null!=(t=(0,x.J9)(r,!1))?t:{r:3,strokeWidth:2},D=w.r,E=w.strokeWidth,C=((0,x.sT)(r)?r:{}).clipDot,N=void 0===C||C,L=2*(void 0===D?3:D)+(void 0===E?2:E);return o.createElement(v.W,{className:k},S||j?o.createElement("defs",null,o.createElement("clipPath",{id:"clipPath-".concat(P)},o.createElement("rect",{x:S?u:u-f/2,y:j?c:c-y/2,width:S?f:2*f,height:j?y:2*y})),!N&&o.createElement("clipPath",{id:"clipPath-dots-".concat(P)},o.createElement("rect",{x:u-L/2,y:c-L/2,width:f+L,height:y+L}))):null,!A&&this.renderCurve(O,P),this.renderErrorBar(O,P),(A||r)&&this.renderDots(O,N,P),(!d||g)&&b.Z.renderCallByParent(this.props,i))}}],n=[{key:"getDerivedStateFromProps",value:function(t,e){return t.animationId!==e.prevAnimationId?{prevAnimationId:t.animationId,curPoints:t.points,prevPoints:e.curPoints}:t.points!==e.curPoints?{curPoints:t.points}:null}},{key:"repeat",value:function(t,e){for(var n=t.length%2!=0?[].concat(N(t),[0]):t,r=[],i=0;i<e;++i)r=[].concat(N(r),N(n));return r}},{key:"renderDotItem",value:function(t,e){var n;if(o.isValidElement(t))n=o.cloneElement(t,e);else if(c()(t))n=t(e);else{var r=e.key,i=w(e,O),a=(0,h.A)("recharts-line-dot","boolean"!=typeof t?t.className:"");n=o.createElement(m.c,D({key:r},i,{className:a}))}return n}}],e&&T(r.prototype,e),n&&T(r,n),Object.defineProperty(r,"prototype",{writable:!1}),r}

1(o.PureComponent);W(z,"displayName","Line"),W(z,"defaultProps",{xAxisId:0,yAxisId:0,connectNulls:!1,activeDot:!0,dot:!0,legendType:"line",stroke:"#3182bd",strokeWidth:1,fill:"#fff",points:[],isAnimationActive:!k.m.isSsr,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",hide:!1,label:!1}),W(z,"getComposedData",function(t){var e=t.props,n=t.xAxis,r=t.yAxis,i=t.xAxisTicks,a=t.yAxisTicks,o=t.dataKey,l=t.bandSize,s=t.displayedData,c=t.offset,u=e.layout;return C({points:s.map(function(t,e){var s=(0,S.kr)(t,o);return"horizontal"===u?{x:(0,S.nb)({axis:n,ticks:i,bandSize:l,entry:t,index:e}),y:p()(s)?null:r.scale(s),value:s,payload:t}:{x:p()(s)?null:n.scale(s),y:(0,S.nb)({axis:r,ticks:a,bandSize:l,entry:t,index:e}),value:s,payload:t}}),layout:u},c)});var $=n(60023),B=n(12804),K=n(59344),R=(0,a.gu)({chartName:"LineChart",GraphicalChild:z,axisComponents:[{axisType:"xAxis",AxisComp:$.W},{axisType:"yAxis",AxisComp:B.h}],formatAxisMap:K.pr}),J=n(71612),U=n(92282),V=n(12883);let G=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:0});function Z(t){return Math.abs(t)>=1e6?`$${(t/1e6).toFixed(1)}M`:Math.abs(t)>=1e3?`$${Math.round(t/1e3)}k`:`$${Math.round(t)}`}function q({chartData:t}){return(0,r.jsx)(i.u,{width:"100%",height:"100%",children:(0,r.jsxs)(R,{data:t,margin:{top:12,right:12,left:24,bottom:30},children:[(0,r.jsx)(J.d,{strokeDasharray:"3 3",vertical:!1}),(0,r.jsx)($.W,{dataKey:"month",tickLine:!1,axisLine:!1,tick:{fontSize:11},tickMargin:12,label:{value:"Months from today",position:"bottom",offset:20,style:{fontSize:11}}}),(0,r.jsx)(B.h,{axisLine:!1,tickLine:!1,width:84,tick:{fontSize:11},tickMargin:12,tickFormatter:Z,label:{value:"Remaining balance ($)",angle:-90,position:"left",offset:22,style:{fontSize:11}}}),(0,r.jsx)(U.m,{formatter:t=>G.format(Number.isFinite(t)?t:0)}),(0,r.jsx)(V.s,{verticalAlign:"top",height:28,wrapperStyle:{fontSize:12}}),(0,r.jsx)(z,{type:"monotone",dataKey:"avalanche",name:"Avalanche",stroke:"#7c3aed",strokeWidth:2,dot:!1}),(0,r.jsx)(z,{type:"monotone",dataKey:"snowball",name:"Snowball",stroke:"#ef4444",strokeWidth:2,dot:!1,strokeDasharray:"4 4"})]})})}}}]);