https://www.surexend.com/_next/static/chunks/2768.a66b7a4f1917c1f6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2768],{52768:(t,e,i)=>{i.r(e),i.d(e,{default:()=>d});var s=i(95155),a=i(26991),r=i(84879),n=i(47734),o=i(73697),l=i(23508),c=i(77568);function d(t){var e;let{section:i,chartSeries:d=[],chartYDomain:x,selectedMarket:m="",marketPairs:h=[],chartLoading:p=!1,primary:u="#D4A017",cashFlowData:f=[],totalIn:j=0,totalOut:v=0,lite:g=!1}=t,y=h.find(t=>t.id===m),k=(null==y?void 0:y.symbol)||"$",b=null!=(e=null==y?void 0:y.decimals)?e:4;if(g){if("market"===i){let t=d[d.length-1];return(0,s.jsxs)("div",{className:"flex items-center justify-between px-1",children:[(0,s.jsx)("p",{className:"text-[11px] text-[#64748B]",children:"Lite mode — chart paused"}),(0,s.jsxs)("p",{className:"text-sm font-bold text-white",children:[k,t?t.value.toLocaleString(void 0,{maximumFractionDigits:b}):"—"]})]})}return(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[10px] text-[#64748B] uppercase tracking-wider",children:"Money In"}),(0,s.jsxs)("p",{className:"text-sm font-bold text-[#10B981]",children:["+$",j.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[10px] text-[#64748B] uppercase tracking-wider",children:"Money Out"}),(0,s.jsxs)("p",{className:"text-sm font-bold text-[#EF4444]",children:["-$",v.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]})]})}if("market"===i){let t="cryptoMarketGradient_".concat(i);return(0,s.jsxs)("div",{className:"h-64 sm:h-72 w-full pt-2 relative","aria-label":"Market chart area",children:[p&&0===d.length&&(0,s.jsx)("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:(0,s.jsx)("div",{className:"w-8 h-8 rounded-full border-2 border-white/10 border-t-white/40 animate-spin"})}),(0,s.jsx)(a.u,{width:"100%",height:"100%",children:0===d.length?(0,s.jsx)("div",{className:"w-full h-full flex items-center justify-center px-4 text-center",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm font-semibold text-white",children:"Market view warming up"}),(0,s.jsx)("p",{className:"text-xs text-[#64748B] mt-1",children:"Live pricing appears here once a market pair is selected and data is available."})]})}):(0,s.jsxs)(r.Q,{data:d,margin:{top:10,right:10,left:-20,bottom:0},children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:u,stopOpacity:.35}),(0,s.jsx)("stop",{offset:"100%",stopColor:u,stopOpacity:0})]})}),(0,s.jsx)(n.W,{dataKey:"time",stroke:"#64748B",fontSize:10,tickLine:!1,axisLine:!1,dy:5,minTickGap:40}),(0,s.jsx)(o.h,{domain:x,stroke:"#64748B",fontSize:10,tickLine:!1,axisLine:!1,tickFormatter:t=>"".concat(k).concat(t.toLocaleString(void 0,{maximumFractionDigits:4})),width:70}),(0,s.jsx)(l.m,{cursor:{stroke:"#3B82F6",strokeDasharray:"4 4",strokeWidth:1.5},content:t=>{let{active:e,payload:i}=t;if(e&&i&&i.length){var a;return(0,s.jsxs)("div",{className:"bg-[#191B21] border border-white/10 p-3 rounded-xl shadow-2xl",children:[(0,s.jsxs)("p",{className:"font-bold text-white text-sm",children:[k,null==(a=i[0].value)?void 0:a.toLocaleString(void 0,{maximumFractionDigits:b})]}),(0,s.jsxs)("p",{className:"text-[10px] text-[#94A3B8] mt-0.5",children:[null==y?void 0:y.label," \xb7 ",i[0].payload.time]})]})}return null}}),(0,s.jsx)(c.G,{type:"monotone",dataKey:"value",stroke:u,strokeWidth:2.5,fill:"url(#".concat(t,")"),activeDot:{r:6,fill:u,stroke:"#ffffff",strokeWidth:2},animationDuration:400,isAnimationActive:!1})]})})]})}let w="inflowGradient_".concat(i),N="outflowGradient_".concat(i);return 0===f.length?(0,s.jsxs)("div",{className:"rounded-2xl border border-white/8 bg-white/[0.02] p-4",children:[(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[10px] text-[#64748B] uppercase tracking-wider",children:"Money In"}),(0,s.jsxs)("p",{className:"text-sm font-bold text-[#10B981]",children:["+$",j.toLocaleStr

1ing(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[10px] text-[#64748B] uppercase tracking-wider",children:"Money Out"}),(0,s.jsxs)("p",{className:"text-sm font-bold text-[#EF4444]",children:["-$",v.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]})]}),(0,s.jsx)("p",{className:"text-xs text-[#64748B] mt-3",children:"Cash-flow chart data will appear here once enough activity has been recorded."})]}):(0,s.jsx)("div",{className:"h-52 w-full pt-1","aria-label":"Cash flow chart area",children:(0,s.jsx)(a.u,{width:"100%",height:"100%",children:(0,s.jsxs)(r.Q,{data:f,margin:{top:10,right:10,left:-20,bottom:0},children:[(0,s.jsxs)("defs",{children:[(0,s.jsxs)("linearGradient",{id:w,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"#10B981",stopOpacity:.3}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#10B981",stopOpacity:0})]}),(0,s.jsxs)("linearGradient",{id:N,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"#EF4444",stopOpacity:.25}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#EF4444",stopOpacity:0})]})]}),(0,s.jsx)(n.W,{dataKey:"day",stroke:"#64748B",fontSize:10,tickLine:!1,axisLine:!1}),(0,s.jsx)(o.h,{stroke:"#64748B",fontSize:10,tickLine:!1,axisLine:!1,tickFormatter:t=>"$".concat(t)}),(0,s.jsx)(l.m,{cursor:{stroke:"#3B82F6",strokeDasharray:"4 4"},content:t=>{let{active:e,payload:i}=t;if(e&&i&&i.length){var a,r,n,o;return(0,s.jsxs)("div",{className:"bg-[#191B21] border border-white/10 p-3 rounded-xl shadow-2xl",children:[(0,s.jsx)("p",{className:"text-xs font-bold text-white mb-1.5",children:null==(r=i[0])||null==(a=r.payload)?void 0:a.day}),(0,s.jsxs)("p",{className:"text-xs text-[#10B981] font-semibold",children:["Money In: +$",null==(n=i[0])?void 0:n.value]}),(0,s.jsxs)("p",{className:"text-xs text-[#EF4444] font-semibold mt-0.5",children:["Money Out: -$",null==(o=i[1])?void 0:o.value]})]})}return null}}),(0,s.jsx)(c.G,{type:"monotone",dataKey:"moneyIn",stroke:"#10B981",strokeWidth:2.5,fill:"url(#".concat(w,")"),isAnimationActive:!1}),(0,s.jsx)(c.G,{type:"monotone",dataKey:"moneyOut",stroke:"#EF4444",strokeWidth:2.5,fill:"url(#".concat(N,")"),isAnimationActive:!1})]})})})}}}]);