https://freedx.am/_next/static/chunks/3971.5e7ca2ced34cd260.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3971],{53971:(e,t,l)=>{l.r(t),l.d(t,{SymbolSearchWidget:()=>et});var a=l(63424),n=l(76396),s=l(88961),i=l(99093),r=l(97655),c=l(13665),o=l(17498),d=l(10332),u=l(19834),m=l(25481),x=l(30539),h=l(57473),g=l(82920),p=l(54213),f=l(12388),v=l(19138),w=l(45628),j=l(19259),b=l(71056),N=l(14996),y=l(30388),_=l(1788),k=l(83518),S=l(73790),T=l(30459),C=l(12006),P=l(99551),E=l(89564),U=l(53934),M=l(27695),R=l(78077),O=l(6339),q=l(14111),D=l(71562),B=l(22683),L=l(28375);function z(e){let{itemKey:t,label:l,pressed:s,onPressedChange:i,scrollContainerRef:r}=e,c=(0,B.m)(),[o,d]=(0,n.useState)(!1),u=(0,n.useRef)(0),m=(0,n.useRef)(0),x=(0,n.useCallback)((e,t)=>{let l=r.current;if(!l)return;let a=l.getBoundingClientRect(),n=t.point.y,s=n-a.top,i=a.bottom-n;if(cancelAnimationFrame(u.current),s<40){let e=Math.round(10*(1-s/40));l.scrollTop=Math.max(0,l.scrollTop-e)}else if(i<40){let e=Math.round(10*(1-i/40));l.scrollTop=Math.min(m.current,l.scrollTop+e)}},[r]),h=(0,n.useCallback)(()=>{let e=r.current;e&&(m.current=e.scrollHeight-e.clientHeight),d(!0)},[r]),g=(0,n.useCallback)(()=>{d(!1),cancelAnimationFrame(u.current)},[]);return(0,a.jsx)(L.N,{value:t,className:"w-full rounded-xl",dragListener:!1,dragControls:c,onDragStart:h,onDragEnd:g,onDrag:x,style:{backgroundColor:o?"hsl(var(--white-smoke-4))":"transparent",boxShadow:o?"0px 5px 10px rgba(0,0,0,0.15)":"none",scale:o?1.03:1,transition:"background-color 0.2s ease, box-shadow 0.2s ease, scale 0.2s ease"},children:(0,a.jsx)(q.c,{size:"md",className:"w-full border-b-0 hover:bg-transparent",startTextGroup:{title:l},StartIcon:(0,a.jsx)("div",{className:"gap-xs flex w-min items-center",children:(0,a.jsx)(N.l,{className:"text-text-med-em size-4 cursor-grab touch-none",src:(0,j.e)({variant:"line",name:"drag",withBaseUrl:!0}),height:16,width:16,onPointerDown:e=>c.start(e)})}

1),EndIcon:(0,a.jsx)(D.l,{size:"sm",pressed:s,onPressedChange:i})})})}let F=Object.keys(T.jJ);function A(e){let{config:t,symbol:l,onConfigChange:s}=e,[i,r]=(0,n.useState)(!1),{t:c}=(0,S.Bd)(C.A.WIDGET),o=(0,P.a)(),d=(0,n.useRef)(null),{base:u,quote:m}=(0,g.n)(l||""),{data:x}=(0,p.V)(),{onWorkspaceConfigUpdate:h}=(0,O.VF)(),w=(0,n.useMemo)(()=>{if(!t)return F.filter(e=>"pair"!==e&&"order"!==e);let e=[...t.order||F];return F.forEach(t=>{e.includes(t)||e.push(t)}),e.filter(e=>"pair"!==e&&"order"!==e)},[t]),b=(0,n.useCallback)(e=>{if(s(e),x&&t){let l=(0,f.d5)({workspace:x,path:{key:"widget",widgetKey:v.O.SYMBOL_SEARCH},value:{...t,...e}});h({id:String(x.id),config:l,debounceDelay:0})}},[x,s,h,t]),y=(0,n.useCallback)(e=>{b({order:e})},[b]);return t?(0,a.jsx)("div",{className:"bg-surface-default sticky right-0 shrink-0",children:(0,a.jsx)(E.o,{open:i,onOpenChange:r,isMobile:!!o,contentClassName:"min-w-[230px]",trigger:(0,a.jsx)(U.K,{size:"xs",variant:"ghost",className:"rotate-90",IconComponent:(0,a.jsx)(N.l,{src:(0,j.e)({variant:"line",name:"more",withBaseUrl:!0}),width:16,height:16,className:"size-4"})}),children:(0,a.jsx)(M.P.div,{ref:d,layoutScroll:!0,className:"p-md flex flex-col overflow-y-auto overflow-x-hidden",children:(0,a.jsx)(R.x,{axis:"y",values:w,onReorder:y,children:w.map(e=>{var l;let n=null!=(l=t[e])&&l;return(0,a.jsx)(z,{itemKey:e,label:c(e,{base:u,quote:m}

1),pressed:n,onPressedChange:t=>b({[e]:t}),scrollContainerRef:d},e)})})})})}):null}var I=l(1350);let K=Object.keys(I.F1);function V(e){let{config:t,symbol:l,onConfigChange:s}=e,[i,r]=(0,n.useState)(!1),{t:c}=(0,S.Bd)(C.A.WIDGET),o=(0,P.a)(),d=(0,n.useRef)(null),{base:u,quote:m}=(0,g.n)(l||""),{data:x}=(0,p.V)(),{onWorkspaceConfigUpdate:h}=(0,O.VF)(),w=(0,n.useMemo)(()=>{if(!t)return K.filter(e=>"pair"!==e&&"order"!==e);let e=[...t.order||K];return K.forEach(t=>{e.includes(t)||e.push(t)}),e.filter(e=>"pair"!==e&&"order"!==e)},[t]),b=(0,n.useCallback)(e=>{if(s(e),x&&t){let l=(0,f.d5)({workspace:x,path:{key:"widget",widgetKey:v.O.SYMBOL_SEARCH},value:{...t,...e}});h({id:String(x.id),config:l,debounceDelay:0})}},[x,s,h,t]),y=(0,n.useCallback)(e=>{b({order:e})},[b]);return t?(0,a.jsx)("div",{className:"bg-surface-default sticky right-0 shrink-0",children:(0,a.jsx)(E.o,{open:i,onOpenChange:r,isMobile:!!o,contentClassName:"min-w-[230px]",trigger:(0,a.jsx)(U.K,{size:"xs",variant:"ghost",className:"rotate-90",IconComponent:(0,a.jsx)(N.l,{src:(0,j.e)({variant:"line",name:"more",withBaseUrl:!0}),width:16,height:16,className:"size-4"})}),children:(0,a.jsx)(M.P.div,{ref:d,layoutScroll:!0,className:"p-md flex flex-col overflow-y-auto overflow-x-hidden",children:(0,a.jsx)(R.x,{axis:"y",values:w,onReorder:y,children:w.map(e=>{var l;let n=null!=(l=t[e])&&l;return(0,a.jsx)(z,{itemKey:e,label:c(e,{base:u,quote:m}

1),pressed:n,onPressedChange:t=>b({[e]:t}),scrollContainerRef:d},e)})})})})}):null}function G(e){let{tradeType:t,...l}=e;switch(t){case m.q.FUTURE:return(0,a.jsx)(A,{...l});case m.q.SPOT:default:return(0,a.jsx)(V,{...l})}}var H=l(54889),W=l(81486),Y=l(29210),J=l(12540);let Q=Object.keys(T.jJ);function X(e){let{config:t,market:l}=e,s=(0,x.e)(e=>e.lastPrice),i=(0,x.e)(e=>e.side),{t:r}=(0,S.Bd)(C.A.WIDGET),{formatAmountByPair:c}=(0,h.z)(),o=(0,J.b6)(),[d,u]=(0,n.useState)("");(0,n.useEffect)(()=>{if(!(null==l?void 0:l.fundingDate))return void u("");let e=()=>{let e=Date.now(),t=new Date(l.fundingDate).getTime()-e;if(t<=0)return void u("00:00:00");let a=Math.floor(t/36e5),n=Math.floor(t%36e5/6e4),s=Math.floor(t%6e4/1e3);u("".concat(String(a).padStart(2,"0"),":").concat(String(n).padStart(2,"0"),":").concat(String(s).padStart(2,"0")))};e();let t=setInterval(e,1e3);return()=>clearInterval(t)},[null==l?void 0:l.fundingDate]);let m=(0,n.useMemo)(()=>{if(!t)return Q.filter(e=>"pair"!==e&&"order"!==e);let e=[...t.order||Q];return Q.forEach(t=>{e.includes(t)||e.push(t)}),e.filter(e=>"pair"!==e&&"order"!==e)},[t]);if(!t||!Object.keys(t).length||!l)return null;let{symbol:p,volume:f,volumeQuote:v,low:w,high:j,changePrice:b,changeRate:N,fundingRate:_,fundingDate:k}=l,{base:T,quote:P}=(0,g.n)(p||""),E=null===b?"-":c(p,b,"price"),U=null===b?"":"(".concat(c("USD",N,"price"),"%)"),M=s||(null==l?void 0:l.lastPrice)||0,R=null===M?"":c(p,M,"price");return(0,a.jsxs)("div",{className:"gap-md desktop:gap-5xl flex w-full min-w-0 flex-1 flex-nowrap items-center overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[(0,a.jsxs)("div",{className:"gap-xxs flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:(0,W.cn)("text-text-high-em",{"text-text-danger-high-em":i===Y.j0.SELL,"text-text-success-high-em":i===Y.j0.BUY}),weight:"semibold",variant:"body_1",children:R}),(0,a.jsxs)(y.o,{className:(0,W.cn)("text-text-success-high-em",{"text-text-danger-high-em":0>Number(b)}),variant:"overline",weight:"normal",children:[E," ",U]})]}),m.map(e=>{if(!t[e])return null;let n=o()||l.markPrice;switch(e){case"mark_price":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("mark_price")}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===l.markPrice?"-":c(p,n,"price")})]},e);case"index_price":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("index_price")}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===l.indexPrice?"-":c(p,l.indexPrice,"price")})]},e);case"high_24":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("high_24")}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===j?"-":c(p,j,"price")})]},e);case"low_24":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("low_24")}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===w?"-":c(p,w,"price")})]},e);case"volume_by_base":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("volume_by_base",{base:T})}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===f?"-":(0,H.qU)(c(p,f,"amount"))})]},e);case"volume_by_quote":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("volume_by_quote",{quote:P})}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===v?"-":(0,H.qU)(c(p,v,"value"))})]},e);case"open_interest":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("open_interest",{quote:T})}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===l.oi?"-":(0,H.qU)(c(p,l.oi,"amount"))})]},e);

1case"founding_rate":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("founding_rate")}),(0,a.jsxs)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:[(0,a.jsx)("span",{className:(0,W.cn)({"text-text-warning-med-em":_&&Number(_)>0}),children:_?"".concat((Math.trunc(100*Number(_)*1e4)/1e4).toFixed(4),"%"):"-"}),k&&d?(0,a.jsxs)("span",{children:[" ",d]}):null]})]},e);default:return null}})]})}let Z=Object.keys(I.F1);function $(e){let{config:t,market:l}=e,s=(0,x.e)(e=>e.lastPrice),i=(0,x.e)(e=>e.side),{t:r}=(0,S.Bd)(C.A.WIDGET),{formatAmountByPair:c}=(0,h.z)(),o=(0,n.useMemo)(()=>{if(!t)return Z.filter(e=>"pair"!==e);let e=[...t.order||Z];return Z.forEach(t=>{e.includes(t)||e.push(t)}),e.filter(e=>"pair"!==e)},[t]);if(!t||!Object.keys(t).length||!l)return null;let{symbol:d,volume:u,volumeQuote:m,low:p,high:f,changePrice:v,changeRate:w}=l,{base:j,quote:b}=(0,g.n)(d||""),N=null===v?"-":c(d,v,"price"),_=null===v?"":"(".concat(c("USD",w,"price"),"%)"),k=s||(null==l?void 0:l.lastPrice)||0,T=null===k?"":c(d,k,"price");return(0,a.jsxs)("div",{className:"gap-md desktop:gap-5xl flex w-full min-w-0 flex-1 flex-nowrap items-center overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[(0,a.jsxs)("div",{className:"gap-xxs flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:(0,W.cn)("text-text-high-em",{"text-text-danger-high-em":i===Y.j0.SELL,"text-text-success-high-em":i===Y.j0.BUY}),weight:"semibold",variant:"body_1",children:T}),(0,a.jsxs)(y.o,{className:(0,W.cn)("text-text-success-high-em",{"text-text-danger-high-em":0>Number(v)}),variant:"overline",weight:"normal",children:[N," ",_]})]}),o.map(e=>{if(!t[e])return null;switch(e){case"high_24":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("high_24")}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===f?"-":c(d,f,"price")})]},e);case"low_24":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("low_24")}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===p?"-":c(d,p,"price")})]},e);case"volume_by_base":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("volume_by_base",{base:j})}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===u?"-":(0,H.qU)(c(d,u,"amount"))})]},e);case"volume_by_quote":return(0,a.jsxs)("div",{className:"gap-sm flex shrink-0 flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-low-em",variant:"caption_1",children:r("volume_by_quote",{quote:b})}),(0,a.jsx)(y.o,{className:"text-text-high-em",variant:"caption_2",weight:"medium",children:null===m?"-":(0,H.qU)(c(d,m,"value"))})]},e);default:return null}})]})}function ee(e){let{tradeType:t,...l}=e;switch(t){case m.q.FUTURE:return(0,a.jsx)(X,{...l});case m.q.SPOT:default:return(0,a.jsx)($,{...l})}}function et(){let{pair:e}=(0,s.g)(),t=(0,k.Zp)(),[l,S]=(0,n.useState)(!1),T=(0,i.B)(e=>e.tradeType),[C,P]=(0,n.useState)(T),E=(0,r.Ri)(c.b.ACCESS_TOKEN),{data:U}=(0,o.t)(),{data:M,isLoading:R}=(0,d.a2)({enabled:!!T},{tradeType:T}),{data:O,isLoading:q}=(0,d.a2)({enabled:!!C},{tradeType:C}),{data:D,isLoading:B}=(0,u.y)(T),{data:L,isLoading:z}=(0,u.y)(C),{data:F}=(0,u.y)(m.q.SPOT),{data:A}=(0,u.y)(m.q.FUTURE),I=(0,x.e)(e=>

1e.lastPrice),{formatAmountByPair:K}=(0,h.z)(),V=(0,n.useMemo)(()=>{if(D&&D.length>0){var e;let t=new Map(null==M||null==(e=M.data)?void 0:e.filter(e=>e.tradeType===T).map(e=>[e.symbol,e]));return D.map(e=>{let l=t.get(e);return l?{...l,tradeType:T}:{symbol:e,name:e,tradeType:T,lastPrice:null,changePrice:null,changeRate:null,high:null,low:null,volume:null,volumeQuote:null,volumeBase:null,time:null,timestamp:null,indexPrice:null,markPrice:null,oi:null,oiValue:null,fundingRate:null,fundingDate:null}})}return(null==M?void 0:M.data)||[]},[M,D,T]),H=(0,n.useMemo)(()=>{if(L&&L.length>0&&!q){var e;let t=new Map(null==O||null==(e=O.data)?void 0:e.filter(e=>e.tradeType===C).map(e=>[e.symbol,e]));return L.map(e=>{let l=t.get(e);return l?{...l,tradeType:C}:{symbol:e,name:e,tradeType:C,lastPrice:null,changePrice:null,changeRate:null,high:null,low:null,volume:null,volumeQuote:null,volumeBase:null,time:null,timestamp:null,indexPrice:null,markPrice:null,oi:null,oiValue:null,fundingRate:null,fundingDate:null}})}return(null==O?void 0:O.data)||[]},[C,null==O?void 0:O.data,L,q]),W=(0,n.useMemo)(()=>{var e,t;let l=[];return(F&&F.length>0||(null==O||null==(e=O.data)?void 0:e.some(e=>e.tradeType===m.q.SPOT)))&&l.push(m.q.SPOT),(A&&A.length>0||(null==O||null==(t=O.data)?void 0:t.some(e=>e.tradeType===m.q.FUTURE)))&&l.push(m.q.FUTURE),l},[F,A,null==O?void 0:O.data]),Y=(0,n.useMemo)(()=>{let t=V.filter(e=>e.tradeType===T);return e?t.find(t=>e===t.symbol):t[0]},[V,e,T]);(0,n.useEffect)(()=>{let e=null==Y?void 0:Y.symbol,t=I||(null==Y?void 0:Y.lastPrice);if(e&&t){let{normalizedSymbol:l}=(0,g.n)(e),a=K(e,t,"price");document.title="".concat(a," | ").concat(l)}},[I,null==Y?void 0:Y.symbol,null==Y?void 0:Y.lastPrice,K]);let{data:J}=(0,p.V)(),Q=(0,f.GD)({workspace:J,path:{key:"widget",widgetKey:v.O.SYMBOL_SEARCH}}),[X,Z]=(0,n.useState)(void 0);(0,n.useEffect)(()=>{Z(void 0)},[Q]);let $=(0,n.useCallback)(e=>{Z({...Q,...e})},[Q]),et=(0,n.useCallback)((e,l)=>{t((0,w.j)(e,l))},[t]);if(R)return(0,a.jsx)(b.E,{className:"size-full"});let{normalizedSymbol:el,base:ea}=(0,g.n)((null==Y?void 0:Y.symbol)||"");return(0,a.jsxs)("div",{className:"gap-md desktop:gap-xl px-xl py-sm align-center flex flex-nowrap overflow-x-auto",children:[(0,a.jsx)(k.kX,{isLoading:R||q||B||z,open:l,onOpenChange:S,data:H,activeTab:C,availableTradeTypes:W,onTabChange:P,onSelect:e=>{et(e.symbol,e.tradeType)},TriggerComponent:(0,a.jsxs)("div",{className:"gap-md desktop:gap-2xl relative flex shrink-0 cursor-pointer items-center",children:[(0,a.jsx)(N.l,{src:(0,j.e)({variant:"currency",name:ea.toLowerCase(),withBaseUrl:!0}),width:20,height:20,className:"size-8",preProcessor:e=>e}),(0,a.jsxs)("div",{className:"gap-xxs flex flex-col",children:[(0,a.jsx)(y.o,{className:"text-text-high-em",weight:"semibold",variant:"body_1",children:el}),(0,a.jsx)(y.o,{className:"text-text-low-em",weight:"normal",variant:"caption_2",children:null==Y?void 0:Y.name})]}),(0,a.jsx)(N.l,{src:(0,j.e)({variant:"line",name:"search",withBaseUrl:!0}),width:20,height:20,className:"text-text-med-em size-5"})]})}),(0,a.jsx)("div",{className:"flex items-center",children:(0,a.jsx)(_.w,{align:"center",className:"data-[orientation=vertical]:h-[24px]",variant:"dashed",orientation:"vertical"})}),(0,a.jsxs)("div",{className:"gap-xl flex min-w-0 flex-1 flex-nowrap items-center",children:[(0,a.jsx)(ee,{config:X||Q,market:Y,tradeType:T}),U&&E?(0,a.jsx)(G,{tradeType:T,config:X||Q,symbol:null==Y?void 0:Y.symbol,onConfigChange:$}):null]})]})}}}]);