https://coinsamba.com/_next/static/chunks/pages/exchanges/[exchangeId]/book-6fd062aeadc9550e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7947],{1986:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var r=a(37876);a(14232);var s=a(20879),l=a(17416),n=a(96960);let d=e=>{let{children:t,title:a,ogImageText:d,description:c,keywords:i,supportedChainIds:o}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.A,{title:a,description:c,keywords:i,ogImageText:d}),(0,r.jsx)(n.A,{supportedChainIds:o}),(0,r.jsx)("main",{className:"w-full max-w-[66rem] mx-auto",children:t}),(0,r.jsx)(l.A,{})]})}},5192:(e,t,a)=>{"use strict";a.d(t,{k:()=>r});class r{get support(){return this.exchangeData.support}get url(){var e;return(null==(e=this.exchangeData)?void 0:e.url)||""}get exchange(){return this.exchangeData}get exchangeId(){return this.exchange.exchangeId||""}get fullName(){return this.exchange.fullName||""}get launched(){return this.exchange.launched||"-"}get markets(){return this.exchange.markets||{}}get quotes(){return Object.keys(this.markets)}get pairs(){let e=[];for(let t in this.markets)this.markets[t].forEach(a=>e.push({base:a,quote:t}));return e}get numMarkets(){var e;return null!=(e=this.exchange.numMarkets)?e:0}get numPairs(){var e;return null!=(e=this.exchange.numPairs)?e:0}get numAssets(){var e;return null!=(e=this.exchange.numAssets)?e:0}get defaultQuote(){return this.quotes[0]}get defaultBase(){return(this.markets[this.defaultQuote]||[])[0]}get other(){return this.exchange.other||{}}get ig(){var e,t;return(null==(t=this.exchange)||null==(e=t.other)?void 0:e.ig)||""}get tt(){var e,t;return(null==(t=this.exchange)||null==(e=t.other)?void 0:e.tt)||""}get fb(){var e,t;return(null==(t=this.exchange)||null==(e=t.other)?void 0:e.fb)||""}get socials(){let e=[];return this.tt&&e.push({name:"x",handle:this.tt}),this.ig&&e.push({name:"instagram",handle:this.ig}),this.fb&&e.push({name:"facebook",handle:this.fb}),e}get isEnabled(){return!!this.exchange.enabled}get isBlocked(){return!!this.exchange.blocked}get isSupporter(){var e;return!!(null==(e=this.exchange.other)?void 0:e.supporter)}get hasDarkIcon(){return""===this.exchange.darkIcon||this.exchange.darkIcon}get DarkIcon(){return this.exchange.darkIcon||""}get fees(){return this.exchange.fees||{trade:[0,0],withdrawal:{fiat:[[0,0],[0,0]],token:{BTC:[5e-4]}}}}get gateways(){return this.exchange.gateways||[]}get tags(){return this.exchange.tags||[]}constructor(e){this.exchangeData=e}}},6600:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/exchanges/[exchangeId]/book",function(){return a(95686)}])},9957:(e,t,a)=>{"use strict";a.d(t,{AB:()=>i,J5:()=>o,Qp:()=>c,tH:()=>x,w1:()=>u});var r=a(37876),s=a(14232),l=a(82987),n=a(29053),d=(a(16343),a(15565));let c=s.forwardRef((e,t)=>{let{...a}=e;return(0,r.jsx)("nav",{ref:t,"aria-label":"breadcrumb",...a})});c.displayName="Breadcrumb";let i=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("ol",{ref:t,className:(0,d.cn)("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",a),...s})});i.displayName="BreadcrumbList";let o=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("li",{ref:t,className:(0,d.cn)("inline-flex items-center gap-1.5",a),...s})});o.displayName="BreadcrumbItem";let u=s.forwardRef((e,t)=>{let{asChild:a,className:s,...n}=e,c=a?l.DX:"a";return(0,r.jsx)(c,{ref:t,className:(0,d.cn)("transition-colors hover:text-foreground",s),...n})});u.displayName="BreadcrumbLink",s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("span",{ref:t,role:"link","aria-disabled":"true","aria-current":"page",className:(0,d.cn)("font-normal text-foreground",a),...s})}).displayName="BreadcrumbPage";let x=e=>{let{children:t,className:a,...s}=e;return(0,r.jsx)("li",{role:"presentation","aria-hidden":"true",className:(0,d.cn)("[&>svg]:w-3.5 [&>svg]:h-3.5",a),...s,children:null!=t?t:(0,r.jsx)(n.A,{})})};x.displayName="BreadcrumbSeparator"},16343:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(17963).A)("ellipsis",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]])},30621:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var r=a(37876);a(14232);let s=()=>(0,r.jsx)("span",{id:"ct_cK5014cOteJ"})},31188:(e,t,a)=>{"use strict";a.d(t,{BT:()=>i,Wu:()=>o,ZB:()=>c,Zp:()=>n,aR:()=>d,wL:()=>u});var r=a(37876),s=a(14232),l=a(15565);let n=s.forwardRef((e,t)=>

1{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...s})});n.displayName="Card";let d=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("flex flex-col space-y-1.5 p-6",a),...s})});d.displayName="CardHeader";let c=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("text-2xl font-semibold leading-none tracking-tight",a),...s})});c.displayName="CardTitle";let i=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("text-sm text-muted-foreground",a),...s})});i.displayName="CardDescription";let o=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("p-6 pt-0",a),...s})});o.displayName="CardContent";let u=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("flex items-center p-6 pt-0",a),...s})});u.displayName="CardFooter"},73534:(e,t,a)=>{"use strict";a.d(t,{bq:()=>x,eb:()=>p,gC:()=>f,l6:()=>o,yv:()=>u});var r=a(37876),s=a(14232),l=a(94615),n=a(58725),d=a(16076),c=a(32257),i=a(15565);let o=l.bL;l.YJ;let u=l.WT,x=s.forwardRef((e,t)=>{let{className:a,children:s,...d}=e;return(0,r.jsxs)(l.l9,{ref:t,className:(0,i.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...d,children:[s,(0,r.jsx)(l.In,{asChild:!0,children:(0,r.jsx)(n.A,{className:"h-4 w-4 opacity-50"})})]})});x.displayName=l.l9.displayName;let m=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.PP,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...s,children:(0,r.jsx)(d.A,{className:"h-4 w-4"})})});m.displayName=l.PP.displayName;let h=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.wn,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...s,children:(0,r.jsx)(n.A,{className:"h-4 w-4"})})});h.displayName=l.wn.displayName;let f=s.forwardRef((e,t)=>{let{className:a,children:s,position:n="popper",...d}=e;return(0,r.jsx)(l.ZL,{children:(0,r.jsxs)(l.UC,{ref:t,className:(0,i.cn)("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]","popper"===n&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:n,...d,children:[(0,r.jsx)(m,{}),(0,r.jsx)(l.LM,{className:(0,i.cn)("p-1","popper"===n&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:s}),(0,r.jsx)(h,{})]})})});f.displayName=l.UC.displayName,s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.JU,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...s})}).displayName=l.JU.displayName;let p=s.forwardRef((e,t)=>{let{className:a,children:s,...n}=e;return(0,r.jsxs)(l.q7,{ref:t,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n,children:[(0,r.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,r.jsx)(l.VF,{children:(0,r.jsx)(c.A,{className:"h-4 w-4"})})}),(0,r.jsx)(l.p4,{children:s})]})});p.displayName=l.q7.displayName,s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.wv,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",a),...s})}).displayName=l.wv.displayName},76619:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(37876);a(14232);var s=a(30621);let l=()=>(0,r.jsx)("div",{className:"row mb-3 ",children:(0,r.jsx)("div",{className:"col text-center",children:(0,r.jsx)(s.A,{})})})},77738:(e,t,a)=>{"use strict";a.d(t,{A0:()=>d,BF:()=>c,Hj:()=>i,XI:()=>n,nA:()=>u,nd:()=>o});var r=a(37876),s=a(14232),l=a(15565);let n=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{className:"relative w-full overflow-auto",children:(0,r.jsx)("table",{ref:t,className:(0,l.cn)("w-full caption-bottom text-sm",a),...s})})});n.displayName="Table";let d=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("thead",{ref:t,className:(0,l.cn)("[&_tr]:border-b",a),...s})});d.displayName="TableHeader";let c=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("tbody",{ref:t,className:(0,l.cn)("[&_tr:last-child]:border-0",a),...s})});c.displayName="TableBody",s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("tfoot",{ref:t,className:(0,l.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",a),...s})}).displayName="TableFooter";let i=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("tr",{ref:t,className:(0,l.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",a),...s})});i.displayName="TableRow";let o=s.forwardRef((e,t)=>

1{let{className:a,...s}=e;return(0,r.jsx)("th",{ref:t,className:(0,l.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",a),...s})});o.displayName="TableHead";let u=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("td",{ref:t,className:(0,l.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",a),...s})});u.displayName="TableCell",s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("caption",{ref:t,className:(0,l.cn)("mt-4 text-sm text-muted-foreground",a),...s})}).displayName="TableCaption"},95686:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>w,default:()=>y});var r=a(37876),s=a(14232),l=a(54587),n=a.n(l),d=a(43153),c=a(62002),i=a(5192),o=a(91541),u=a(20143),x=a(16083);let m=e=>{let{quote:t,base:a,price:s,amount:l}=e;return(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:(0,x.Zu)({number:s,currency:t})}),(0,r.jsx)("td",{className:"text-right",children:(0,x.Zu)({number:l,currency:a})}),(0,r.jsx)("td",{className:"text-right",children:(0,x.Zu)({number:s*l,currency:t})})]})};var h=a(31188),f=a(77738);function p(e){let{title:t,base:a,quote:s,orders:l}=e,{t:n}=(0,c.Bd)("exchanges");return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(h.Zp,{children:(0,r.jsx)(h.aR,{children:(0,r.jsx)(h.ZB,{className:"text-center",children:(0,r.jsx)("span",{className:"bg-blue-500 text-white px-2 py-1 rounded",children:t})})})}),(0,r.jsx)(h.Zp,{children:(0,r.jsxs)(h.Wu,{className:"p-0",children:[(0,r.jsx)(f.XI,{children:(0,r.jsx)(f.A0,{children:(0,r.jsxs)(f.Hj,{children:[(0,r.jsx)(f.nd,{className:"text-center",children:n("price")}),(0,r.jsx)(f.nd,{className:"text-center",children:n("amount")}),(0,r.jsx)(f.nd,{className:"text-center",children:n("total")})]})})}),(0,r.jsx)("div",{className:"max-h-[500px] overflow-y-auto",children:(0,r.jsx)(f.XI,{children:(0,r.jsx)(f.BF,{children:(l||[]).map(e=>{let{price:t,amount:l}=e;return(0,r.jsx)(m,{base:a,quote:s,price:t,amount:l},"".concat(a).concat(s).concat(t).concat(l))})})})})]})})]})}var g=a(1986),j=a(76619),N=a(73534),b=a(9957),w=!0;let y=e=>{let{t}

1=(0,c.Bd)("exchanges"),a=new i.k(e.exchangeData),[l,x]=(0,s.useState)(e.base||a.defaultBase),[m,f]=(0,s.useState)(e.quote||a.defaultQuote),[w,y]=(0,s.useState)(),v=async e=>{x(e)},k=async e=>{f(e)},R=async()=>{try{let{data:e}=await u.Ay.get("/v0/book",{params:{base:l,quote:m,exchangeId:a.exchangeId}});y(e||{})}catch(e){(0,o.H)(e)}},A=()=>{R()};return(0,d.$$)(()=>A(),15e3),(0,s.useEffect)(()=>{A()},[l,m]),(0,r.jsx)(g.A,{title:t("title-book",{xn:a.fullName}),description:"".concat(t("description-book",{xn:a.fullName}),". ").concat(t("description2")),keywords:t("seo.keywords",{xn:a.fullName}),children:(0,r.jsxs)("main",{className:"container mx-auto px-4",children:[(0,r.jsx)("div",{className:"mt-6",children:(0,r.jsx)(b.Qp,{children:(0,r.jsxs)(b.AB,{children:[(0,r.jsx)(b.J5,{children:(0,r.jsx)(b.w1,{href:"/",children:"Coinsamba"})}),(0,r.jsx)(b.tH,{}),(0,r.jsx)(b.J5,{children:(0,r.jsx)(b.w1,{href:"/exchanges",children:"Exchanges"})}),(0,r.jsx)(b.tH,{}),(0,r.jsx)(b.J5,{children:(0,r.jsx)(b.w1,{href:"/exchanges/".concat(a.exchangeId),children:a.fullName})}),(0,r.jsx)(b.tH,{}),(0,r.jsx)(b.J5,{children:(0,r.jsx)("span",{className:"text-muted-foreground",children:t("book")})})]})})}),(0,r.jsx)("div",{className:"mb-6 mt-6",children:(0,r.jsxs)("h1",{className:"text-3xl font-bold flex items-center",children:[(0,r.jsx)(n(),{src:"/img/logos/exchanges/icon/".concat(a.exchangeId,".png"),alt:a.fullName,width:32,height:32,className:"mr-2"}),a.fullName]})}),(0,r.jsx)(h.Zp,{className:"mb-6",children:(0,r.jsx)(h.Wu,{className:"p-6",children:(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)(N.l6,{onValueChange:v,value:l,children:[(0,r.jsx)(N.bq,{children:(0,r.jsx)(N.yv,{placeholder:"Select base asset"})}),(0,r.jsx)(N.gC,{children:m&&a.markets[m].map(e=>(0,r.jsx)(N.eb,{value:e,children:e},e))})]}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:t("asset")})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)(N.l6,{onValueChange:k,value:m,children:[(0,r.jsx)(N.bq,{children:(0,r.jsx)(N.yv,{placeholder:"Select quote asset"})}),(0,r.jsx)(N.gC,{children:a.quotes.map(e=>(0,r.jsx)(N.eb,{value:e,children:e},e))})]}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:t("market")})]})]})})}),(0,r.jsx)(j.A,{}),(0,r.jsxs)("div",{className:"grid md:grid-cols-2 gap-6 mb-6",children:[(0,r.jsx)(p,{title:t("ask-book"),orders:(w||{}).asks||[],base:l,quote:m}),(0,r.jsx)(p,{title:t("bid-book"),orders:(w||{}).bids||[],base:l,quote:m})]})]})})}}},e=>{e.O(0,[8585,4938,2909,9015,1768,4554,8260,5733,636,6593,8792],()=>e(e.s=6600)),_N_E=e.O()}]);