https://www.tapbit.com/_next_app/price/0.1.227/_next/static/chunks/5415.d24d919ef6af2a74.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="2a7194ee-c24f-46bd-b88b-56903233a85b",e._sentryDebugIdIdentifier="sentry-dbid-2a7194ee-c24f-46bd-b88b-56903233a85b")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5415],{45979:(e,l,t)=>{t.d(l,{W:()=>s});var a=t(38113);function s(){let{root:e=null,rootMargin:l="200px",threshold:t=0,freezeOnceVisible:s=!0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=(0,a.useRef)(null),[d,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let a=n.current;if(!a||s&&d)return;if("undefined"==typeof IntersectionObserver)return void r(!0);let i=new IntersectionObserver(e=>{let[l]=e;(null==l?void 0:l.isIntersecting)?r(!0):s||r(!1)},{root:e,rootMargin:l,threshold:t});return i.observe(a),()=>i.disconnect()},[e,l,t,s,d]),{ref:n,inView:d}}},51260:(e,l,t)=>{t.d(l,{b:()=>i});var a=t(79237),s=t(45979),n=t(65810),d=t(37514),r=t(38113);function i(e){let{unmountOnExit:l,...t}=e,[i,o]=(0,r.useState)(null),{ref:c,inView:x}=(0,s.W)({rootMargin:"0px",freezeOnceVisible:!l});return(0,r.useEffect)(()=>{x&&(0,n.Z)({id:"echarts-script",src:"https://cdn.tapbit.mobi/libs/echarts/index.min.v2.js"}).then(()=>{o(window.echarts)}).catch(()=>{})},[x]),(0,a.jsx)("div",{ref:c,className:"h-full w-full",children:(0,a.jsx)(a.Fragment,{children:i?(0,a.jsx)(d.A,{echarts:i,lazyUpdate:!0,notMerge:!0,...t}):null})})}},55415:(e,l,t)=>{t.r(l),t.d(l,{default:()=>f});var a=t(79237),s=t(46540),n=t(31073),d=t(30511),r=t(66960),i=t(19490),o=t(90477),c=t(20978),x=t(83125),m=t(51260),u=t(4390),p=t(38113);function b(e){let{label:l,value:t,isLast:s}=e;return(0,a.jsxs)("div",{className:"".concat(s?"mb-0":"mb-3 md:mb-[25px]"," flex items-center justify-between md:h-auto"),children:[(0,a.jsx)("div",{className:"text-t3 text-b14 max-[768px]:text-c12 leading-[16px]",children:l}),(0,a.jsx)("div",{className:"text-t1 text-m14 max-[768px]:text-c12 leading-[16px]",children:t})]})}function f(e){var l;let{traderData:t,traderId:m,isTrader:f}=e,{$t:y,locale:j}=(0,r.B)(),[g,w]=(0,p.useState)("day7"),[N,S]=(0,p.useState)("volumeFollowers"),[T,D]=(0,p.useState)("7d"),{data:A,isLoading:k}=(0,u.useQuery)({queryKey:["copyTradingTraderCharts",j,m,g],queryFn:()=>(0,c._l)({locale:j,params:{traderUid:Number(m),resolution:g}}),enabled:!!m,staleTime:12e4}),L=(0,p.useMemo)(()=>[{label:y("7 Days"),value:"day7"},{label:y("30 Days"),value:"day30"}],[y]),C=(0,p.useMemo)(()=>[{label:y("Leading Volume"),value:"volumeFollowers"},{label:y("My Volume"),value:"volume"}],[y]),M=(0,p.useMemo)(()=>[{label:y("7 Days"),value:"7d"},{label:y("30 Days"),value:"30d"},{label:y("90 Day"),value:"90d"}],[y]);return(0,a.jsxs)("div",{children:[f&&(0,a.jsxs)("div",{className:"border-l1 rounded-r4 px-s4 py-s6 mb-4 flex flex-col border md:relative md:mb-6 md:h-[128px] md:flex-row md:items-center md:justify-between md:gap-0 md:overflow-visible md:rounded-[16px] md:py-0 md:pr-[168px] md:pl-6",children:[(0,a.jsxs)("div",{className:"gap-s3 flex flex-col md:flex-row md:gap-0",children:[(0,a.jsx)(h,{value:(null==t?void 0:t.pnl90d)!==void 0?(0,a.jsxs)("span",{className:Number(t.pnl90d)>0?"text-t20 max-[768px]:text-t16 text-p2":"text-t20 max-[768px]:text-t16 text-p3",children:[Number(t.pnl90d)>0?"+":"",i.Ay.toSeprator(t.pnl90d)||"--"]}):"--",label:(0,a.jsx)(s.Tooltip,{content:y("Cumulative realized PNL of leading position in 90 days."),children:(0,a.jsxs)("div",{className:"cursor-pointer underline decoration-dashed underline-offset-4",children:[y("Cum. Position PNL")," (USDT)"]})})}),(0,a.jsx)(h,{value:(null==t?void 0:t.yesterdayPnl)!==void 0?(0,a.jsxs)("span",{className:Number(t.yesterdayPnl)>0?"text-p2":0>Number(t.yesterdayPnl)?"text-p3":"text-t1",children:[Number(t.yesterdayPnl)>0?"+":"",i.Ay.toSeprator(t.yesterdayPnl)||"--"]}):"--",label:"".concat(y("Yesterday's Position PNL")," (USDT)")})]}),(0,a.jsx)(x.Image,{src:"https://cdn.tapbit.mobi/next-web/copy-trading/performance-img.png",width:120,height:120,alt:"profit-share",className:"hidden h-[120px] w-[120px] shrink-0 object-contain md:absolute md:top-1/2 md:right-6 md:block md:-translate-y-1/2"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4 md:flex-row md:gap-[20px]",children:[(0,a.jsxs)("div",{className:"border-l1 rounded-r4 p-s4 w-full border md:w-[624px] md:rounded-[16px] md:p-[24px]",children:[(0,a.jsxs)("div",{className:(0,o.cn)("mb-[20px] flex flex-col gap-[12px] md:mb-[32px] md:flex-row md:items-center md:justify-between md:gap-[12px]",f?"":"md:flex-row"),children:[f?(0,a.jsxs)(n.Select,{value:N,onValueChange:S,children:[(0,a.jsx)(n.SelectTrigger,{className:"h-[40px] w-full min-w-0 md:w-[180px] md:flex-1",children:(0,a.jsx)(n.SelectValue,{})}),(0,a.jsx)(n.SelectContent,{children:C.map(e=>(0,a.jsx)(n.SelectItem,{value:e.value,children:e.label},e.value))})]}):(0,a.jsx)("div",{className:"text-t1 max-[768px]:text-t16 text-[20px] leading-[25px] font-bold",children:y("Leading Volume")}),(0,a.jsxs)(n.Select,{value:g,onValueChange:w,children:[(0,a.jsx)(n.SelectTrigger,{className:(0,o.cn)("h-[40px] w-full min-w-0 md:w-[180px]",f?"md:flex-1":""),children:(0,a.jsx)(n.SelectValue,{})}),(0,a.jsx)(n.SelectContent,{children:L.map(e=>(0,a.jsx)(n.SelectItem,{value:e.value,children:e.label},e.value))})]})]}),(0,a.jsx)("div",{className:"mt-[40px] h-[240px] w-full max-[768px]:mt-[24px]",children:k?(0,a.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,a.jsx)(d.t,{size:"m"})}):(0,a.jsx)(v,{data:(null==A||null==(l=A.data)?void 0:l[N])||[]})})]}),(0,a.jsxs)("div",{className:"border-l1 rounded-r4 p-s4 w-full border md:w-[556px] md:rounded-[16px] md:p-[24px]",children:[(0,a.jsxs)("div",{className:"mb-[20px] flex flex-col gap-[12px] md:flex-row md:items-center md:justify-between md:gap-0",children:[(0,a.jsx)("div",{className:"text-t1 max-[768px]:text-t16 text-[20px] leading-[24px] font-bold",children:y("Statistics")}),(0,a.jsxs)(n.Select,{value:T,onValueChange:D,children:[(0,a.jsx)(n.SelectTrigger,{className:"h-[40px] w-[180px] max-[768px]:w-full",children:(0,a.jsx)(n.SelectValue,{})}),(0,a.jsx)(n.SelectContent,{children:M.map(e=>(0,a.jsx)(n.SelectItem,{value:e.value,children:e.label},e.value))})]})]}),(0,a.jsxs)("div",{className:"mt-6 md:mt-[30px]",children:[(0,a.jsx)(b,{label:y("ROE"),value:i.Ay.toPercent(null==t?void 0:t["roi".concat(T)])||"--"}),(0,a.jsx)(b,{label:y("PNL"),value:"".concat(i.Ay.toSeprator(null==t?void 0:t["pnl".concat(T)])," USDT")}),(0,a.jsx)(b,{label:y("PNL(Followers)"),value:"".concat(i.Ay.toSeprator(null==t?void 0:t["pnlFollowers".concat(T)])," USDT")}),(0,a.jsx)(b,{label:y("Win Rate"),value:i.Ay.toPercent(null==t?void 0:t["winRate".concat(T)])||"--"}),(0,a.jsx)(b,{label:y("Win Trades"),value:i.Ay.toSeprator(null==t?void 0:t["winTrades".concat(T)])||"--"}),(0,a.jsx)(b,{label:y("Lose Trades"),value:i.Ay.toSeprator(null==t?void 0:t["loseTrades".concat(T)])||"--",isLast:!0})]})]})]})]})}function h(e){let{value:l,label:t}=e;return(0,a.jsxs)("div",{className:"flex items-center justify-between md:mr-[16px] md:block md:h-auto md:pr-[16px]",children:[(0,a.jsx)("div",{className:"text-t1 text-t16 block min-h-[28px] leading-[16

1px] font-bold max-[768px]:hidden",children:l}),(0,a.jsx)("div",{className:"text-t3 text-b14 mt-[8px] block max-[768px]:hidden",children:t}),(0,a.jsx)("div",{className:"text-t3 text-c12 hidden max-[768px]:block",children:t}),(0,a.jsx)("div",{className:"text-t1 text-t16 hidden leading-[140%] font-bold max-[768px]:block",children:l})]})}function v(e){let{data:l}=e,t="var(--color-t3)",s="#FFBB00",n="#fff",d="var(--color-l1)",r="#000000",o="#E6A800",c=(0,p.useMemo)(()=>l.map(e=>({ts:e.ts,value:Number(e.value||0)})),[l]),x=(0,p.useMemo)(()=>Math.max(...c.map(e=>e.value))||8,[c]),u=(0,p.useMemo)(()=>({grid:{left:"0px",right:"20px",top:"20px",bottom:"0px"},xAxis:{type:"category",data:c.map(e=>e.ts),axisLabel:{offset:20,formatter:e=>"   ".concat(i.Ay.tsToTime({value:Number(e)||0,format:"MM/DD"}),"   "),color:t,fontSize:10},axisLine:{lineStyle:{color:t,lineWidth:1,lineDash:[3,2],opacity:.1}},axisTick:{show:!1},splitLine:{lineStyle:{color:t,lineWidth:1,lineDash:[3,2],opacity:.1}}},yAxis:{type:"value",min:0,max:1.25*x,tickCount:6,axisLabel:{color:t,fontSize:11,formatter:e=>i.Ay.toNumberShort(e)},splitLine:{lineStyle:{type:"dashed",color:t,opacity:.1}}},series:[{data:c.map(e=>e.value),type:"bar",itemStyle:{color:s}}],tooltip:{trigger:"axis",backgroundColor:n,borderColor:d,borderWidth:1,borderRadius:6,textStyle:{color:o,fontSize:12},formatter:e=>{var l;let t=e[0],a=i.Ay.tsToTime({value:(null==(l=c[t.dataIndex])?void 0:l.ts)||0,format:"MM/DD"}),s=i.Ay.toNumberShort(t.value);return'<span style="color: '.concat(r,';">').concat(a,'</span><br/><span style="color: ').concat(o,';">').concat(s," USDT</span>")}}}),[t,c,s,n,d,r,o,x]);return(0,a.jsx)(m.b,{option:u,style:{height:"240px",width:"100%"}})}}}]);