1"use strict";(self.webpackChunkus_trade_ui=self.webpackChunkus_trade_ui||[]).push([[2298],{"+sxj":(n,t,e)=>{e.d(t,{Z:()=>_});var r=e("ys0/"),i=e("L2LL"),o=e("V+06"),u=e("DTvD"),a=e("bY9u"),s=e("uPPg"),c=e.n(s),f=e("v3PM"),l=e("2Bn9"),p=e.n(l);function x(){var n=(0,f.Z)(["\n justify-content: space-between;\n height: auto;\n min-height: 98px;\n padding: 16px 20px;\n "]);return x=function(){return n},n}function d(){var n=(0,f.Z)(["\n justify-content: space-between;\n min-height: 98px;\n padding: 16px 24px;\n "]);return d=function(){return n},n}function h(){var n=(0,f.Z)(["\n position: relative;\n height: 98px;\n background: linear-gradient(90deg, #363946 0%, #14151a 100%);\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding: 0 20px;\n gap: 16px;\n overflow: hidden;\n\n ","\n"]);return h=function(){return n},n}function v(){var n=(0,f.Z)(["\n position: static;\n transform: none;\n flex-shrink: 0;\n "]);return v=function(){return n},n}function g(){var n=(0,f.Z)(["\n position: static;\n transform: none;\n flex-shrink: 0;\n "]);return g=function(){return n},n}function m(){var n=(0,f.Z)(["\n position: absolute;\n right: 29px;\n top: 50%;\n transform: translateY(-50%);\n padding: 6px 14px;\n font-size: 14px;\n line-height: 16px;\n color: #e6e8ea;\n border: 1px solid #ffffff;\n border-radius: 4px;\n cursor: pointer;\n user-select: none;\n\n ","\n"]);return m=function(){return n},n}function Z(){var n=(0,f.Z)(["\n gap: 0;\n "]);return Z=function(){return n},n}function b(){var n=(0,f.Z)(["\n gap: 0;\n "]);return b=function(){return n},n}function y(){var n=(0,f.Z)(["\n display: flex;\n align-items: center;\n gap: 16px;\n flex: 1;\n height: 100%;\n\n ","\n"]);return y=function(){return n},n}function j(){var n=(0,f.Z)(["\n display: none;\n "]);return j=function(){return n},n}function k(){var n=(0,f.Z)(["\n display: none;\n "]);return k=function(){return n},n}function w(){var n=(0,f.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n transform: translateX(-20px) translateY(4px);\n height: 98px;\n width: 176px;\n overflow: hidden;\n flex-shrink: 0;\n\n ","\n"]);return w=function(){return n},n}function C(){var n=(0,f.Z)(["\n align-items: flex-start;\n text-align: left;\n "]);return C=function(){return n},n}function z(){var n=(0,f.Z)(["\n align-items: flex-start;\n text-align: left;\n "]);return z=function(){return n},n}function D(){var n=(0,f.Z)(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n ","\n"]);return D=function(){return n},n}function B(){var n=(0,f.Z)(["\n font-size: 14px;\n line-height: 18px;\n "]);return B=function(){return n},n}function M(){var n=(0,f.Z)([""]);return M=function(){return n},n}function T(){var n=(0,f.Z)(["\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: #ffffff;\n\n ","\n"]);return T=function(){return n},n}function L(){var n=(0,f.Z)(["\n font-size: 12px;\n line-height: 16px;\n "]);return L=function(){return n},n}function S(){var n=(0,f.Z)([""]);return S=function(){return n},n}function I(){var n=(0,f.Z)(["\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n color: #e6e8ea;\n\n ","\n"]);return I=function(){return n},n}var A=p().div(h(),(function(n){return n.theme.setBreakCss([(0,l.css)(x()),(0,l.css)(d())])})),H=p().a(m(),(function(n){return n.theme.setBreakCss([(0,l.css)(v()),(0,l.css)(g())])})),Y=p().div(y(),(function(n){return n.theme.setBreakCss([(0,l.css)(Z()),(0,l.css)(b())])})),N=p().div(w(),(function(n){return n.theme.setBreakCss([(0,l.css)(j()),(0,l.css)(k())])})),P=p().div(D(),(function(n){return n.theme.setBreakCss([(0,l.css)(C()),(0,l.css)(z())])})),E=p().h3(T(),(function(n){return n.theme.setBreakCss([(0,l.css)(B()),(0,l.css)(M())])})),U=p().p(I(),(function(n){return n.theme.setBreakCss([(0,l.css)(L()),(0,l.css)(S())])})),W=function(n){var t=(0,a.tv)();return(0,o.jsxs)(A,(0,i.Z)((0,r.Z)({}
1,n),{children:[(0,o.jsxs)(Y,{children:[(0,o.jsx)(N,{children:(0,o.jsx)(c(),{name:"CandlesGraphic",width:"176px",height:"124px",viewBox:"0 0 176 124"})}),(0,o.jsxs)(P,{children:[(0,o.jsx)(E,{children:"Looking for more Trading Capabilities?"}),(0,o.jsx)(U,{children:"Try the Advanced Trading interface"})]})]}),(0,o.jsx)(H,{onClick:function(){t.push("/spot-trade/btc_usdt")},children:"Go to Advanced Trading"})]}))};const _=(0,u.memo)(W)},mDO2:(n,t,e)=>{e.d(t,{Z:()=>K});var r=e("ttNT"),i=e("ys0/"),o=e("L2LL"),u=e("/++K"),a=e("gzvg"),s=e.n(a),c=e("V+06"),f=e("DTvD"),l=e("bjgM"),p=e("CIqp"),x=e("fytf"),d=e("HsCg"),h=e("k/Ck"),v=e("Z37G"),g=e("ZVgD"),m=e("CcH6"),Z=e("nQGg"),b=e("NsTO"),y=e("kE5I"),j=e("bNuB"),k=function(n){switch(n){case d.Z8.H:return 9;case d.Z8.D:return 44;case d.Z8.W:return 50;case d.Z8.M:return 45;case d.Z8.Y:return 42}},w=function(n,t){switch(n){case d.Z8.H:case d.Z8.D:return(0,b.vc)(new Date(t),"HH:mma");case d.Z8.W:case d.Z8.M:case d.Z8.Y:return(0,b.vc)(new Date(t),"MMM DD")}},C=function(n){var t=n.klineId,e=void 0===t?"klineId":t,r=n.dataList,i=n.activeDate,o=n.hasAnimation,u=void 0===o||o,a=n.tickSize,s=n.toCoin,l=(0,f.useMemo)((function(){return{trigger:"axis",textStyle:{fontSize:14},axisPointer:{label:{formatter:function(n){return"x"==n.axisDimension?(0,b.vc)(new Date(Number(n.value)),"MMM DD,YYYY HH:mm A"):(0,y.uf)(n.value,a)}}},valueFormatter:function(n){return(0,Z.Bd)((0,y.uf)(n,a),s)}}}),[a,s]),p=(0,j.F)({dataList:r,activeDate:i,hasAnimation:u,getTickInterval:k,formatAxis:w,tooltip:l});return(0,c.jsx)(x.Chart,{option:p(),id:e,width:"100%",height:360})};const z=(0,f.memo)(C);var D=e("bY9u"),B=[{text:"1H",value:d.Z8.H,interval:"1m",limit:60},{text:"1D",value:d.Z8.D,interval:"5m",limit:288},{text:"1W",value:d.Z8.W,interval:"30m",limit:336},{text:"1M",value:d.Z8.M,interval:"2h",limit:720},{text:"1Y",value:d.Z8.Y,interval:"1d",limit:365}],M=e("v3PM"),T=e("2Bn9"),L=e.n(T);function S(){var n=(0,M.Z)(["\n padding: 24px 24px 4px 24px;\n"]);return S=function(){return n},n}function I(){var n=(0,M.Z)(["\n display: ",";\n justify-content: flex-start;\n align-items: center;\n justify-content: flex-start;\n align-items: center;\n img {\n width: 32px;\n height: 32px;\n padding: 3px;\n border: 1px solid #eaecef;\n border-radius: 50%;\n }\n"]);return I=function(){return n},n}function A(){var n=(0,M.Z)(["\n margin-left: 8px;\n color: #0b0e11;\n font-size: 20px;\n font-weight: 400;\n"]);return A=function(){return n},n}function H(){var n=(0,M.Z)(["\n color: #76808f;\n font-size: 20px;\n font-weight: 400;\n"]);return H=function(){return n},n}function Y(){var n=(0,M.Z)(["\n display: ",";\n em {\n font-size: 24px;\n font-style: normal;\n }\n"]);return Y=function(){return n},n}function N(){var n=(0,M.Z)(["\n color: #0b0e11;\n font-size: 40px;\n line-height: 100%;\n"]);return N=function(){return n},n}function P(){var n=(0,M.Z)(["\n margin-left: 8px;\n color: #02c076;\n font-size: 14px;\n"]);return P=function(){return n},n}function E(){var n=(0,M.Z)([""]);return E=function(){return n},n}function U(){var n=(0,M.Z)(["\n margin: 0 0 0 32px;\n padding: 4px 5px;\n line-height: 16px;\n font-size: 12px;\n letter-spacing: 0.16px;\n color: #5e6673;\n cursor: pointer;\n &.active {\n color: #0b0e11;\n font-weight: 500;\n }\n"]);return U=function(){return n},n}var W=L().div(S()),_=L().div(I(),(function(n){return n.$hide?"none":"flex"})),F=L().h2(A()),V=L().h2(H()),$=L().div(Y(),(function(n){return n.$hide?"none":"flex"})),G=L().span(N()),q=L().span(P()),O=L().div(E()),Q=L().span(U()),R=function(n){var t,e,r,o=n.from,u=n.to,a=n.logo,s=n.activeDateItem,l=n.chartPrice,x=n.onIntervalChange,d=[{symbol:"".concat(o).concat(u)}],v=(0,h.zb)(d),g=(0,D.Hb)().pathname,m=null!==(r=null===g||void 0===g?void 0:g.startsWith("/bundles"))&&void 0!==r&&r,Z=(0,f.useMemo)((function(){var n=v[0];return n&&!n.init?n:(0,i.Z)({},l)}),[v,l]);return(0,c.jsxs)(W,{children:[(0,c.jsxs)(_,{$hide:m,children:[(0,c.jsx)("img",{src:a,alt:o}),(0,c.jsx)(F,{children:o}),(0,c.jsxs)(V,{children:["/",u]})]}),(0,c.jsxs)(p.Flex,{sx:{marginTop:"10px"},justifyContent:m?"flex-end":"space-between",alignItems:"center",children:[(0,c.jsxs)($,{$hide:m,children:[(0,c.jsx)(G,{children:(null===Z||void 0===Z||null===(t=Z.priceChange)||void 0===t?void 0:t.t
1ickSize)||"--"}),(0,c.jsx)("em",{style:{marginLeft:"8px"},children:u}),(0,c.jsx)(q,{children:null===Z||void 0===Z||null===(e=Z.percentage)||void 0===e?void 0:e.percentage})]}),(0,c.jsx)(O,{children:B.map((function(n){return(0,c.jsx)(Q,{onClick:function(){return x(n)},className:s.value===n.value?"active":"",children:n.text},n.value)}))})]})]})};const X=(0,f.memo)(R);const K=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.from,e=n.to,a=n.logo,b=n.klineId,y=void 0===b?"buy-kline":b,j=(0,l.tT)(g.Ar,g.um,(function(n){return{from:n.from,to:n.to,logo:n.logo}})),k=j.from,w=j.to,C=j.logo,D=null!==t&&void 0!==t?t:k,M=null!==e&&void 0!==e?e:w,T=null!==a&&void 0!==a?a:C,L=(0,f.useState)(B[1]),S=L[0],I=L[1],A=(0,f.useState)([]),H=A[0],Y=A[1],N=(0,f.useState)(!1),P=N[0],E=N[1],U=(0,f.useState)([]),W=U[0],_=U[1],F=(0,f.useState)(!1),V=F[0],$=F[1];(0,f.useEffect)((function(){G()}),[]),(0,f.useEffect)((function(){if(D&&M){var n=B[1],t=(0,u.Z)((0,Z.NB)(n.value),2),e=t[0],r=t[1],i={symbol:"".concat(null===D||void 0===D?void 0:D.toUpperCase()).concat(null===M||void 0===M?void 0:M.toUpperCase()),interval:n.interval,limit:n.limit,startTime:e,endTime:r};D!=M&&q(i,n)}}),[D,M]);var G=function(){var n=(0,r.Z)(s().mark((function n(){var t,e,r;return s().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,(0,v.N5)("".concat(d.Xs,"/static/chart/json/char.json"));case 2:if(t=n.sent,e=t.success,r=t.data,e){n.next=7;break}return n.abrupt("return");case 7:_(r);case 8:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),q=(0,f.useCallback)(function(){var n=(0,r.Z)(s().mark((function n(t,e){var r,u;return s().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,E(!0),r=(0,o.Z)((0,i.Z)({},t),{symbol:t.symbol.replace(RegExp("(?<!USDT)USD$"),"USDT")}),n.next=5,(0,m.gV)(r);case 5:u=n.sent,Array.isArray(u)&&u.length>0?(Y(u),$(!0)):(Y([]),$(!1)),n.next=13;break;case 9:n.prev=9,n.t0=n.catch(0),$(!1),Y([]);case 13:E(!1),e&&I(e);case 15:case"end":return n.stop()}}),n,null,[[0,9]])})));return function(t,e){return n.apply(this,arguments)}}(),[]),O=(0,f.useCallback)(function(){var n=(0,r.Z)(s().mark((function n(t){var e,r,i,o,a;return s().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return e="".concat(null===D||void 0===D?void 0:D.toUpperCase()).concat(null===M||void 0===M?void 0:M.toUpperCase()),r=(0,u.Z)((0,Z.NB)(t.value),2),i=r[0],o=r[1],a={symbol:e,interval:t.interval,limit:t.limit,startTime:i,endTime:o},n.next=5,q(a,t);case 5:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),[D,q,M]),Q=(0,f.useMemo)((function(){return!V&&0===H.length}),[V,H]),R=(0,f.useMemo)((function(){var n=0,t=0;return V&&H.length>0&&(n=Number(H[0][2]),t=Number(H[H.length-1][2])),{priceChange:(0,h.QE)(t,n),percentage:(0,h.DU)(t,n)}}),[H,V]);return(0,c.jsxs)(p.Box,{children:[(0,c.jsx)(X,{from:D,to:M,logo:T,chartPrice:R,activeDateItem:S,onIntervalChange:O}),(0,c.jsxs)(p.Box,{sx:{position:"relative",width:"100%",height:"360px"},children:[(0,c.jsx)(x.Loading,{show:P,inner:!0}),(0,c.jsx)(z,{klineId:y,dataList:Q?W:H,hasAnimation:!!V,tickSize:2,activeDate:S,toCoin:M}),Q&&(0,c.jsx)(p.Flex,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,height:"80%",margin:"auto",backdropFilter:"blur(4px)",fontSize:"16px",justifyContent:"center",alignItems:"center"},children:"No chart data"})]})]})}},w5yl:(n,t,e)=>{e.d(t,{Z:()=>H});var r=e("ys0/"),i=e("L2LL"),o=e("V+06"),u=e("DTvD"),a=e("CIqp"),s=e("uPPg"),c=e.n(s),f=e("v3PM"),l=e("2Bn9"),p=e.n(l);function x(){var n=(0,f.Z)(["\n display: none;\n "]);return x=function(){return n},n}function d(){var n=(0,f.Z)(["\n display: flex;\n "]);return d=function(){return n},n}function h(){var n=(0,f.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ","\n"]);return h=function(){return n},n}function v(){var n=(0,f.Z)(["\n height: auto;\n min-height: 80px;\n padding: 16px 20px;\n gap: 16px;\n flex-direction: row;\n justify-content: space-between;\n "]);return v=function(){return n},n}function g(){var n=(0,f.Z)(["\n padding: 20px 24px;\n gap: 20px;\n "]);return g=function(){return n},n}function m(){var n=(0,f.Z)(["\n width: 100%;\n height: 98px;\n padding: 24px;\n background: #fff;\n border-radius: 4px;\n box-shadow: inset 0px -1px 0px #e6e8ea;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n\n ","\n"]);return m=function(){return n},n}function Z(){var n=(0,f.Z)(["\n align-items: flex-start;\n text-align: left;\n flex: 1;\n "]);return Z=function(){return n},n}function b(){var n=(0,f.Z)(["\n align-items: center;\n text-align: center;\n "]);return b=function(){return n},n}function y(){var n=(0,f.Z)(["\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n\n ","\n"]);return y=function(){return n},n}function j(){var n=(0,f.Z)(["\n font-size: 16px;\n line-height: 20px;\n "]);return j=function(){return n},n}function k(){var n=(0,f.Z)(["\n font-size: 18px;\n line-height: 24px;\n "]);return k=function(){return n},n}function w(){var n=(0,f.Z)(["\n margin: 0;\n font-size: 20px;\n line-height: 158%;\n\n ","\n"]);return w=function(){return n},n}function C(){var n=(0,f.Z)(["\n font-size: 12px;\n line-height: 16px;\n margin: 4px 0 0 0;\n "]);return C=function(){return n},n}function z(){var n=(0,f.Z)(["\n font-size: 12px;\n line-height: 18px;\n margin: 4px 0 0 0;\n "]);return z=function(){return n},n}function D(){var n=(0,f.Z)(["\n font-size: 12px;\n line-height: 18px;\n font-weight: 400;\n color: #000;\n\n ","\n"]);return D=function(){return n},n}function B(){var n=(0,f.Z)(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: 400;\n color: #f0b90b;\n cursor: pointer;\n"]);return B=function(){return n},n}var M=p().div(h(),(function(n){return n.theme.setBreakCss([(0,l.css)(x()),(0,l.css)(d())])})),T=p().div(m(),(function(n){return n.theme.setBreakCss([(0,l.css)(v()),(0,l.css)(g())])})),L=p().div(y(),(function(n){return n.theme.setBreakCss([(0,l.css)(Z()),(0,l.css)(b())])})),S=p().h3(w(),(function(n){return n.theme.setBreakCss([(0,l.css)(j()),(0,l.css)(k())])})),I=p().p(D(),(function(n){return n.theme.setBreakCss([(0,l.css)(C()),(0,l.css)(z())])})),A=(p().a(B()),function(n){return(0,o.jsxs)(T,(0,i.Z)((0,r.Z)({}
1,n),{children:[(0,o.jsx)(M,{children:(0,o.jsx)(c(),{name:"AutoBuy",size:48,viewBox:"0 0 48 48"})}),(0,o.jsxs)(L,{children:[(0,o.jsx)(S,{children:"Explore Auto-buy"}),(0,o.jsx)(I,{children:"Purchase crypto on a daily, weekly, semi-monthly, or monthly basis."})]}),(0,o.jsx)(a.Button,{variant:"outline",size:"small",onClick:function(){window.open("https://blog.binance.us/what-is-dollar-cost-averaging/","_blank")},style:{width:"100px",height:"32px",fontSize:"14px",fontWeight:400,lineHeight:"20px",color:"#000",backgroundColor:"#fff",borderColor:"#E6E8EA",borderRadius:"4px"},children:"Learn more"})]}))});const H=(0,u.memo)(A)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.