https://hodler.sh/_next/static/chunks/app/%5Blocale%5D/%5Bcoin%5D/page-ffc32b45d808ddc1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9278],{4923:function(e,s,l){Promise.resolve().then(l.bind(l,16456)),Promise.resolve().then(l.t.bind(l,65878,23)),Promise.resolve().then(l.t.bind(l,72972,23)),Promise.resolve().then(l.bind(l,91049)),Promise.resolve().then(l.bind(l,26870)),Promise.resolve().then(l.bind(l,69674)),Promise.resolve().then(l.bind(l,48117)),Promise.resolve().then(l.bind(l,38066)),Promise.resolve().then(l.bind(l,40991)),Promise.resolve().then(l.bind(l,16364)),Promise.resolve().then(l.bind(l,23491)),Promise.resolve().then(l.bind(l,69941)),Promise.resolve().then(l.bind(l,65464)),Promise.resolve().then(l.bind(l,11073)),Promise.resolve().then(l.bind(l,56282)),Promise.resolve().then(l.bind(l,56563)),Promise.resolve().then(l.bind(l,48983)),Promise.resolve().then(l.bind(l,59971)),Promise.resolve().then(l.bind(l,4161)),Promise.resolve().then(l.bind(l,6610)),Promise.resolve().then(l.bind(l,57373)),Promise.resolve().then(l.bind(l,90976)),Promise.resolve().then(l.bind(l,91419)),Promise.resolve().then(l.bind(l,66748)),Promise.resolve().then(l.bind(l,62797)),Promise.resolve().then(l.bind(l,37059)),Promise.resolve().then(l.bind(l,34392))},85829:function(e,s,l){"use strict";l.d(s,{EH:function(){return a},XJ:function(){return n},nK:function(){return t},pQ:function(){return d},sE:function(){return i}});var r=l(29450);let i="page",n=1,t="search",d=[r.Wk["4H"],r.Wk["24H"],r.Wk["7D"],r.Wk["1M"],r.Wk["3M"],r.Wk["1Y"],r.Wk.ALL],a=[r.m_["1H"],r.m_["4H"],r.m_["6H"],r.m_["12H"],r.m_["1D"],r.m_["1W"],r.m_["1M"]]},34392:function(e,s,l){"use strict";l.d(s,{default:function(){return p}});var r=l(57437),i=l(2265),n=l(72684),t=l(52701),d=e=>{let{compare:s,isLoading:l,list:i,selectCompare:d,openedPh:a,closedPh:o}=e;return l?(0,r.jsx)("div",{className:"w-36 h-12 flex items-center justify-center rounded-lg body_1 text-white bg-gray-23",children:(0,r.jsx)(n.aN,{className:"w-8 h-8"})}):(0,r.jsx)(t.F2,{item:s?{value:s.hdr_id,displayedValue:s.name}:s,list:i,openedPlaceholder:a,closedPlaceholder:o,onChange:d})},a=l(61994),o=l(42325),c=e=>{let{value:s,onChange:l}=e,t=i.useCallback(e=>l(e),[l]);return(0,r.jsxs)(o.fC,{className:(0,a.Z)("w-fit flex gap-1"),value:s,"aria-label":"View density",onValueChange:t,children:[(0,r.jsx)("div",{className:(0,a.Z)("flex items-center"),children:(0,r.jsxs)(o.ck,{className:(0,a.Z)("relative p-4 rounded-lg bg-gray-3"),value:"line",id:"line",children:[(0,r.jsx)(o.z$,{className:(0,a.Z)("w-full h-full absolute top-0 left-0 flex items-center justify-center rounded-lg bg-gray-2")}),(0,r.jsx)("label",{className:(0,a.Z)("text-white cursor-pointer relative body_2"),htmlFor:"line",children:(0,r.jsx)(n.Sf,{})})]})}),(0,r.jsx)("div",{className:(0,a.Z)("flex items-center"),children:(0,r.jsxs)(o.ck,{className:(0,a.Z)("relative p-4 rounded-lg bg-gray-3"),value:"candlestick",id:"candlestick",children:[(0,r.jsx)(o.z$,{className:(0,a.Z)("w-full h-full absolute top-0 left-0 flex items-center justify-center rounded-lg bg-gray-2")}),(0,r.jsx)("label",{className:(0,a.Z)("text-white cursor-pointer relative body_2"),htmlFor:"candlestick",children:(0,r.jsx)(n.Ld,{})})]})})]})},h=e=>{let{crossCourse:s,isLoading:l,list:i,selectCrossCourse:d,openedPh:a,closedPh:o}=e;return l?(0,r.jsx)("div",{className:"w-36 h-12 flex items-center justify-center rounded-lg body_1 text-white bg-gray-23",children:(0,r.jsx)(n.aN,{className:"w-8 h-8"})}):(0,r.jsx)(t.F2,{item:s?{value:s.hdr_id,displayedValue:s.name}:s,list:i,openedPlaceholder:a,closedPlaceholder:o,onChange:d})},u=l(78003),m=l(29450),x=l(85829),f=l(49586),v=e=>{let{hdr_id:s,periodsTr:n}=e,[t,d]=i.useState(x.pQ[1]),a=i.useCallback(e=>d(e),[]),[o,c]=i.useState(x.EH[0]),h=i.useCallback(e=>c(e),[]),[u,v]=i.useState(),[p,b]=i.useState(),[P,g]=i.useState(m.oX.LINE),j=i.useMemo(()=>P===m.oX.CANDLESTICK,[P]),[N,w]=i.useState([]),[y,k]=i.useState(!0),C=i.useMemo(()=>{var e;return null===(e=N.find(e=>e.hdr_id===s))||void 0===e?void 0:e.name},[s,N]),_=i.useRef(null),E=i.useCallback(e=>{v(e?{hdr_id:e.value,name:e.displayedValue}:e),g(m.oX.LINE),b(void 0)},[]),L=i.useCallback(e=>{b(e?{hdr_id:e.value,name:e.displayedValue}:e),g(m.oX.LINE),v(void 0)},[]),S=i.useCallback(e=>{g(e),e===m.oX.CANDLESTICK&&(b(void 0),v(void 0))},[]);i.useEffect(()=>{l.e(4108).then(l.bind(l,4108)).then(e=>{w(e.coinsList),k(!1)}).catch(e=>console.log(e))},[]),i.useEffect(()=>{let e=_.current;if(!e)return;let s=e=>e.preventDefault();return e.addEventListener("touchstart",s,{passive:!1}),()=>e.removeEventListener("touchstart",s)},[]);let H=i.useMemo(()=>N.map(e=>({value:e.hdr_id,displayedValue:e.name})),[N]),Z=i.useMemo(()=>(0,r.jsx)(r.Fragment,{children:j?(0,r.jsx)(f.u,{currentPeriod:o,list:x.EH,translatedPeriods:n.candlestickIntervals,selectPeriod:h}):(0,r.jsx)(f.u,{currentPeriod:t,list:x.pQ,translatedPeriods:n.periods,selectPeriod:a})}),[j,o,t,h,a,n]);return{baseCoinName:C,compare:u,crossCourse:p,isCoinsListLoading:y,compareList:H,period:t,candlestickInterval:o,type:P,isCandlestick:j,timeControls:Z,chartRef:_,selectCompare:E,selectCrossCourse:L,onChartTypeChange:S}},p=e=>{let{hdr_id:s,currency:l,avaragePriceTr:i,depthTr:n,votingTr:t,compareTr:a,crossTr:o,periodsTr:m,coinInfo:x,children:f}=e,{baseCoinName:p,compare:b,crossCourse:P,isCoinsListLoading:g,compareList:j,period:N,candlestickInterval:w,type:y,isCandlestick:k,timeControls:C,chartRef:_,selectCompare:E,selectCrossCourse:L,onChartTypeChange:S}=v({hdr_id:s,periodsTr:m});return(0,r.jsxs)(u.UT,{children:[(0,r.jsxs)("div",{className:"wrapper md:py-3 flex flex-col xl:flex-row gap-12",children:[(0,r.jsxs)("div",{className:"w-full xl:w-[calc(100%-23rem)] flex flex-col justify-start shrink",children:[(0,r.jsxs)("div",{className:"w-full hidden md:flex items-center justify-between gap-6",children:[C,(0,r.jsxs)("div",{className:"flex gap-6 z-10",children:[(0,r.jsxs)("div",{className:"hidden lg:flex gap-1",children:[(0,r.jsx)(d,{compare:b,isLoading:g,openedPh:a.openedPh,closedPh:a.closePh,list:j,selectCompare:E}),(0,r.jsx)(h,{crossCourse:P,isLoading:g,openedPh:o.openedPh,closedPh:o.closePh,list:j,selectCrossCourse:L})]}),(0,r.jsx)(c,{value:y,onChange:S})]})]}),(0,r.jsxs)("div",{className:"w-full flex flex-col items-center md:items-start md:gap-6 xl:gap-12",children:[(0,r.jsx)("div",{className:"w-full h-auto md:pt-6 aspect-3/2 xl:aspect-2/1 2xl:aspect-12/5",ref:_,children:(0,r.jsx)(u.kL,{hdr_id:s,baseCoinName:p,compare:b,crossCourse:P,period:N,currency:l,isCandlestick:k,candlestickInterval:w})}),(0,r.jsxs)("div",{className:"w-full flex flex-col items-center gap-6 lg:hidden z-10",children:[(0,r.jsx)("div",{className:"flex md:hidden",children:C}),(0,r.jsxs)("div",{className:"peer w-full flex md:hidden items-center justify-between gap-6",children:[(0,r.jsxs)("label",{className:"h-12 px-[1.25rem] flex items-center rounded-lg cursor-pointer body_1 text-white bg-gray-23 hover:bg-gray-2",children:[a.title,(0,r.jsx)("input",{type:"checkbox",className:"hidden"})]}),(0,r.jsx)(c,{value:y,onChange:S})]}),(0,r.jsxs)("div",{className:"w-full mt-[-1rem] hidden peer-has-[:checked]:flex md:flex lg:hidden items-center md:justify-between gap-1",children:[(0,r.jsx)(d,{compare:b,isLoading:g,openedPh:a.openedPh,closedPh:a.closePh,list:j,selectCompare:E}),(0,r.jsx)(h,{crossCourse:P,isLoading:g,openedPh:o.openedPh,closedPh:o.closePh,list:j,selectCrossCourse:L})]})]})]})]}),(0,r.jsxs)("div",{className:"w-full xl:w-80 flex flex-col md:flex-row xl:flex-col items-center shrink-0 gap-6",children:[x,(0,r.jsx)(u.Ue,{votingTr:t})]})]}),(0,r.jsx)(u.tg,{hdr_id:s,currency:l,period:N,avaragePriceTr:i,depthTr:n,children:f},"about".concat(s).concat(l))]})}}},function(e){e.O(0,[81,246,4889,2957,3564,4362,7246,9810,763,5841,2971,2117,1744],function(){return e(e.s=4923)}),_N_E=e.O()}]);