npm - @orderly.network/markets - Versions diffs - 2.0.3 → 2.0.4 - Mend

@orderly.network/markets 2.0.3 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,12 +1,12 @@
 import { createContext, useState, useCallback, useMemo, useEffect, useRef, useContext } from 'react';
-import { cn, Flex, Text, Box, CloseIcon, CheckedSquareFillIcon, CheckSquareEmptyIcon, Button, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Divider, DataTable, usePagination, Tooltip, Tabs, Input, CloseCircleFillIcon, TabPanel, TokenIcon, Badge, Grid, PlusIcon, modal } from '@orderly.network/ui';
+import { cn, Flex, Text, Box, CloseIcon, CheckedSquareFillIcon, CheckSquareEmptyIcon, Button, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Divider, DataTable, usePagination, Tooltip, Tabs, TabPanel, Input, CloseCircleFillIcon, TokenIcon, Badge, Grid, PlusIcon, modal } from '@orderly.network/ui';
 import { Decimal } from '@orderly.network/utils';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import os from 'embla-carousel-react';
 import { useMarkets, MarketsType, useQuery, useFundingRateHistory, useFundingRates, useLocalStorage, useTickerStream, useSymbolsInfo, useFundingRate, useMarketsStore, useSessionStorage } from '@orderly.network/hooks';
-var To=createContext({}),A=e=>{let[t,o]=useState(""),r=useCallback(()=>{o("");},[]);return jsx(To.Provider,{value:{searchValue:t,onSearchValueChange:o,clearSearchValue:r,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function m(){return useContext(To)}var No=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z"})})]}),Po=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M7.205 1.334c-.345 0-.674.136-.918.38L6.001 2H2.667a.667.667 0 1 0 0 1.334h10.667a.667.667 0 1 0 0-1.334h-3.333l-.287-.286a1.3 1.3 0 0 0-.918-.38zM2.911 4.667l1.018 8.842c.088.66.656 1.158 1.322 1.158h5.498c.666 0 1.235-.497 1.323-1.163l1.019-8.837z"})}),Io=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"12",height:"12",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h12v12H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M8.5 10a.48.48 0 0 1-.356-.144A.48.48 0 0 1 8 9.5V7q0-.213.144-.356A.48.48 0 0 1 8.5 6.5h1q.212 0 .356.144A.48.48 0 0 1 10 7v2.5q0 .212-.144.356A.48.48 0 0 1 9.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 5 9.5v-7q0-.212.144-.356A.48.48 0 0 1 5.5 2h1q.213 0 .356.144A.48.48 0 0 1 7 2.5v7q0 .212-.144.356A.48.48 0 0 1 6.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 2 9.5V5q0-.213.144-.356A.48.48 0 0 1 2.5 4.5h1q.212 0 .356.144A.48.48 0 0 1 4 5v4.5q0 .212-.144.356A.48.48 0 0 1 3.5 10z"})})]}),Lo=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.993.958a.416.416 0 0 0-.41.422v.416a.416.416 0 1 0 .832 0V1.38a.416.416 0 0 0-.422-.422M2.749 2.29a.416.416 0 0 0-.29.714l.291.292a.416.416 0 1 0 .589-.588l-.292-.292a.42.42 0 0 0-.298-.126m6.489 0a.42.42 0 0 0-.286.126l-.292.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m-3.239.753a2.895 2.895 0 0 0-2.913 2.914A2.86 2.86 0 0 0 4.751 8.58v1.123c0 .458.374.833.832.833h.832a.835.835 0 0 0 .833-.833V8.58a2.86 2.86 0 0 0 1.665-2.622 2.895 2.895 0 0 0-2.914-2.914M1.421 5.541a.416.416 0 1 0 0 .833h.417a.416.416 0 1 0 0-.833zm8.74 0a.416.416 0 1 0 0 .833h.416a.417.417 0 1 0 0-.833zM3.037 8.492a.42.42 0 0 0-.287.126l-.291.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m5.913 0a.416.416 0 0 0-.29.714l.292.292a.416.416 0 1 0 .588-.588l-.292-.292a.42.42 0 0 0-.298-.126"})}),j=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"m10 14.074-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]}),We=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 14.396 10 12.813l2.688 1.583-.709-3 2.313-1.98-3.063-.27L10 6.292 8.77 9.146l-3.062.27 2.334 1.98zM10 14.074l-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]});var H=e=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})}),Do=e=>jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M10 5.5a.76.76 0 0 0-.583.25l-4.334 4c0 .083-.083.25-.083.333 0 .25.167.417.417.417h2.916v6.667c0 .416.334.833.834.833h1.666c.5 0 .834-.417.834-.833V10.5h2.916c.25 0 .417-.167.417-.417 0-.083-.083-.25-.083-.333l-4.25-4.084c-.25-.083-.417-.166-.667-.166M2.177 3.06A.8.8 0 0 1 2.5 3h15a.834.834 0 1 1 0 1.667h-15a.833.833 0 0 1-.323-1.607"})}),He=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.015.34h-.029a5.98 5.98 0 0 0-3.93 1.477c-.074.065-.027.184.072.184h7.745c.099 0 .146-.119.072-.184A5.98 5.98 0 0 0 6.015.341M3.48 7.866a.23.23 0 0 1 .187.1A2.85 2.85 0 0 0 6 9.178a2.85 2.85 0 0 0 2.334-1.213.23.23 0 0 1 .186-.1h3.104c.09 0 .155.086.13.172A6 6 0 0 1 6 12.327a6 6 0 0 1-5.755-4.29.134.134 0 0 1 .13-.172zM8.26 4.6a.29.29 0 0 0 .229.116h3.11c.09 0 .156-.086.13-.173a6 6 0 0 0-1.106-2.03.22.22 0 0 0-.165-.077H1.543a.22.22 0 0 0-.165.077 6 6 0 0 0-1.105 2.03.134.134 0 0 0 .13.173h3.11A.29.29 0 0 0 3.74 4.6 2.85 2.85 0 0 1 6 3.488c.92 0 1.738.436 2.26 1.112m.414 2.717c-.02.055.02.115.079.115h3.033a.135.135 0 0 0 .133-.112 6 6 0 0 0-.015-2.058.135.135 0 0 0-.133-.11H8.72c-.06 0-.1.061-.078.117a2.83 2.83 0 0 1 .032 2.048m-5.427.115c.06 0 .1-.06.079-.115a2.84 2.84 0 0 1 .032-2.048.085.085 0 0 0-.078-.118H.23a.135.135 0 0 0-.134.11A6 6 0 0 0 .08 7.32c.01.065.067.112.133.112z"})}),be=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531"})}),xe=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531m0 1.297 1.03 2.108c.073.15.211.242.375.266l2.343.343-1.702 1.64a.48.48 0 0 0-.14.437l.405 2.312L6.246 9.03a.5.5 0 0 0-.468 0L3.7 10.123l.39-2.296a.52.52 0 0 0-.14-.453l-1.687-1.64 2.327-.328a.52.52 0 0 0 .39-.28z"})}),he=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M2.01 2.915a.667.667 0 1 0 0 1.334h12a.667.667 0 0 0 0-1.334zM7.343 13.59a.667.667 0 0 0 1.333 0V7.88l2 1.98.937-.938L8.49 5.777a.686.686 0 0 0-.959 0L4.405 8.923l.938.937 2-1.979z"})}),ve=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.67 2.203A2.667 2.667 0 0 0 2.005 4.87v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.87a2.667 2.667 0 0 0-2.667-2.667zm1.334 3.334c.17 0 .349.057.48.187l1.52 1.52 1.52-1.52a.68.68 0 0 1 .48-.187c.17 0 .349.057.48.187.26.26.26.698 0 .959l-1.521 1.52 1.52 1.52c.26.262.26.699 0 .96a.687.687 0 0 1-.958 0L8.004 9.162l-1.52 1.52a.687.687 0 0 1-.96 0 .687.687 0 0 1 0-.958l1.521-1.52-1.52-1.521a.687.687 0 0 1 0-.96.68.68 0 0 1 .479-.186"})}),Ro=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),Oo=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsx("path",{d:"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z",fill:"url(#paint0_linear_1951_55156)"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Wo=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),Vo=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z"})}),Ke=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M3.003 3.998a.494.494 0 0 0-.39.797l3 4c.2.266.597.266.797 0l3-4a.5.5 0 0 0-.407-.797z"})}),Bo=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M9.186 3.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L7.463 7.993 9.87 4.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083"})});var St=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:r,enableScroll:s,news:a,gainers:n,losers:i,total24Amount:l,totalOpenInterest:u,tvl:c,favorite:d}=e,{onSymbolChange:b}=m(),g=cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",s&&"oui-select-none oui-cursor-pointer"),f=h=>{b?.(h),d.addToHistory(h);};return jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:s?t:void 0,children:[jsxs(Flex,{width:"100%",gapX:4,mt:4,children:[jsx($r,{total24Amount:l,totalOpenInterest:u,tvl:c,className:g}),jsx(ht,{data:a,title:jsx(Text.gradient,{color:"brand",children:"New listings"}),className:g,onSymbol:f}),jsx(ht,{data:n,title:jsx(Text,{className:"oui-text-success-light",children:"Top gainers"}),className:g,onSymbol:f}),jsx(ht,{data:i,title:jsx(Text,{className:"oui-text-danger-light",children:"Top losers"}),className:g,onSymbol:f})]}),jsx("div",{className:"oui-mt-1 oui-mb-3  3xl:oui-mt-4 3xl:oui-mb-0",children:jsx(Zr,{scrollIndex:r,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},$r=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:r}=e,s=useMemo(()=>[{label:jsxs(Flex,{gapX:1,children:[jsx(He,{})," 24h volume"]}),value:t},{label:"Open interest",value:o},{label:"Assets (TVL)",value:r}],[t,o,r]);return jsx(Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((a,n)=>jsx(Yr,{...a},n))})},Yr=e=>jsxs(Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsx(Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsx(Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),ht=e=>jsxs(Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsx(Box,{px:4,children:jsx(Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsx(Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsx(Qr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),Qr=e=>{let{item:t}=e;return jsxs(Flex,{width:"100%",gapX:3,py:2,px:4,className:cn("hover:oui-bg-base-8 oui-cursor-pointer",e.className),onClick:()=>{e.onSymbol(t);},children:[jsx(Flex,{width:"100%",gapX:1,children:jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:!0,children:t.symbol})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{rule:"percentages",coloring:!0,size:"xs",weight:"semibold",showIdentifier:!0,children:t.change})})]})},Zr=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:r}=e;return jsx(Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(s=>jsx(Box,{py:1,pl:s===0?1:0,pr:s===1?1:0,onClick:()=>{t===0&&s===1?r?.():t===1&&s===0&&o?.();},className:"oui-cursor-pointer",children:jsx(Box,{width:8,height:4,r:"full",className:cn("oui-transition-all oui-duration-300",t===s?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},s)},s))})};function Be(e,t,o){let r=[...e||[]],s=a=>a==null;return t&&o&&r.sort((a,n)=>{let i=a[t],l=n[t];return s(i)?1:s(l)?-1:o==="desc"?l-i:i-l}),r}function I(e,t,o){let[r,s]=useState(),[a,n]=useState(),i=useCallback(d=>{s(d?.sortKey),n(d?.sort),o?.(d?.sortKey,d?.sort);},[o]),l=r||e,u=a||t,c=useCallback(d=>Be(d,l,u),[l,u]);return {onSort:i,getSortedList:c,sortKey:l,sortOrder:u}}function L(e,t="",o){let r=new RegExp(t,"i");return e?.filter(s=>r.test(jr(s.symbol,o)))}function jr(e,t="base"){let o=e.split("_"),r=o[0],s=o[1],a=o[2];return t.replace("type",r).replace("base",s).replace("quote",a)}function _o(){let[e,t]=useState(0),[o,r]=useState(0);return useEffect(()=>{t(window.innerWidth),r(window.innerHeight);let s=()=>{r(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",s),()=>{window?.removeEventListener("resize",s);}},[]),{width:e,height:o}}var yt=()=>{let[e,t]=useState(0),o=is(),{width:r}=_o(),[s,a]=os({loop:!0,slidesToScroll:"auto"});return useEffect(()=>{a?.on("select",()=>{t(a?.selectedScrollSnap());});},[a]),{scrollIndex:e,setScrollIndex:t,emblaRef:s,emblaApi:a,enableScroll:r<1440,...o}};function is(){let[e,t]=useMarkets(MarketsType.ALL),{data:o}=useQuery("/v1/public/balance/stats"),r=useMemo(()=>Be(e,"created_time","desc").slice(0,5),[e]),s=useMemo(()=>Be(e,"change","desc").slice(0,5),[e]),a=useMemo(()=>Be(e,"change","asc").slice(0,5),[e]),n=useMemo(()=>e?.reduce((u,c)=>u.add(c["24h_amount"]||0),new Decimal(0))||new Decimal(0),[e]),i=useMemo(()=>e?.reduce((u,c)=>u.add(c.openInterest||0),new Decimal(0))||new Decimal(0),[e]),l=useMemo(()=>{if(o){let{total_holding:u=0,total_unsettled_balance:c=0}=o;return new Decimal(u).plus(c).toNumber()}},[o]);return {markets:e,news:r,gainers:s,losers:a,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var wt=()=>{let e=yt();return jsx(St,{...e})};var Ft=e=>{let{symbol:t,favoriteTabs:o,open:r,onOpenChange:s,inputVisible:a,selectedTabs:n,value:i,onValueChange:l,hide:u,hideInput:c,showInput:d,onCheck:b,addTab:g,confirm:f}=e,h=i?.length>15,F=()=>{if(a)return jsxs(Box,{children:[jsxs(Flex,{gapX:2,children:[jsx(Input,{autoFocus:!0,value:i,onValueChange:l,classNames:{root:cn("oui-bg-base-6 oui-h-7 oui-w-full oui-ml-[1px] oui-rounded-sm",h&&"focus-visible:oui-outline-danger focus-within:oui-outline-danger")},autoComplete:"off",suffix:i&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{opacity:1,size:14,className:"oui-text-base-contrast-20 oui-cursor-pointer",onClick:()=>{l("");}})})}),jsx(Button,{className:"oui-rounded-sm",size:"sm",onClick:g,disabled:!i||h,children:"Add"})]}),h&&jsxs(Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsx("div",{className:"oui-h-1 oui-w-1 oui-bg-danger oui-rounded-full"}),jsx(Text,{color:"danger",children:"List name cannot exceed 15 characters"})]})]});let w=o.length>=10;return jsx(Tooltip,{open:w?void 0:!1,content:jsx(Text,{size:"2xs",intensity:80,children:"Maximum 10 groups in the favorite list"}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:jsx("div",{children:jsxs(Flex,{className:cn(w?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:w?500:600,onClick:w?void 0:d,height:28,r:"base",children:[jsx(PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsx(Text,{className:"",intensity:20,children:"Add a new watchlist"})]})})})},S=jsxs(Flex,{justify:"between",className:"oui-mt-3 oui-mb-[10px]",children:[jsxs(Flex,{gapX:1,children:["Select lists for",jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:!0,children:t})]}),jsx(CloseIcon,{size:16,className:"oui-text-base-contrast oui-cursor-pointer",onClick:u})]}),P=jsxs(Box,{children:[jsx(Box,{my:2,className:"oui-max-h-[288px] oui-overflow-y-auto oui-custom-scrollbar",children:o?.slice(0,10)?.map(w=>{let M=!!n.find(B=>B.id===w.id);return jsx(Box,{className:"oui-cursor-pointer",children:jsxs(Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{b(w,M);},children:[M?jsx(CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsx(CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsx(Text,{intensity:54,children:w.name})]})},w.id)})}),jsx(Box,{mt:3,pb:5,children:F()})]}),U=jsxs(Flex,{gapX:3,mt:3,children:[jsx(Button,{color:"gray",onClick:u,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Cancel"},"secondary"),jsx(Button,{onClick:f,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Confirm"},"primary")]});return jsxs(DropdownMenuRoot,{open:r,onOpenChange:s,children:[jsx(DropdownMenuTrigger,{asChild:!0,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:w=>w.preventDefault(),onClick:w=>w.stopPropagation(),align:"start",alignOffset:-12,sideOffset:24,className:"oui-markets-favorite-dropdown-menu-content oui-bg-base-8",children:jsx(Box,{px:5,pb:5,width:360,children:jsxs(Text,{as:"div",size:"sm",weight:"semibold",children:[S,jsx(Divider,{}),P,U]})})})})]})};function kt(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:r,updateFavoriteTabs:s,updateSymbolFavoriteState:a}=e.favorite,[n,i]=useState(!1),[l,u]=useState(!1),[c,d]=useState(""),[b,g]=useState([]),f=()=>{i(!1);},h=()=>{u(!0);},F=()=>{u(!1);},S=()=>{d(""),F(),g([]);},P=()=>{let M={name:c||`WatchList_${r.length}`,id:Date.now()};s(M,{add:!0}),S();},U=(M,B)=>{g(B?b?.filter(Oe=>Oe.id!==M.id):[...b,M]),F();},w=()=>{a(e.row,b,!1),i(!1);};return useEffect(()=>{if(!n)return;let M=o?.find(B=>B.name===t);M?.tabs?.length&&g(M?.tabs);},[n,o,r,t]),useEffect(()=>{n||S();},[n]),{symbol:t,favoriteTabs:r,open:n,onOpenChange:i,inputVisible:l,selectedTabs:b,value:c,onValueChange:d,hide:f,hideInput:F,showInput:h,onCheck:U,addTab:P,confirm:w}}var Q=e=>{let t=kt(e);return jsx(Ft,{...t,children:e.children})};var Ye=(e,t=!1)=>useMemo(()=>[{title:jsx(We,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,s)=>{let n=jsx(Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?i=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,!0),i.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:r?jsx(j,{className:"oui-text-[rgba(255,154,46,1)]"}):jsx(We,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?n:jsx(Q,{row:s,favorite:e,children:n})}},{title:"Market",dataIndex:"symbol",width:90,render:r=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:!0,children:r})},{title:"Price",dataIndex:"24h_close",width:100,align:"right",onSort:!0,render:(r,s)=>jsx(Text.numeral,{dp:s.quote_dp||2,currency:"$",children:r})},{title:"24h change",dataIndex:"change",width:100,align:"right",onSort:!0,render:r=>jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:r})},{title:jsxs(Flex,{gapX:1,children:[jsx(He,{})," 24h volume"]}),dataIndex:"24h_amount",width:100,align:"right",onSort:!0,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:"Open interest",dataIndex:"openInterest",width:100,align:"right",onSort:!0,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:"8h funding",dataIndex:"8h_funding",width:100,align:"right",onSort:!0,render:r=>r===null?"--":jsx(Text.numeral,{rule:"percentages",coloring:!0,dp:4,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:r})},{dataIndex:"action",type:"action",width:40,render:(r,s)=>t?jsx(Flex,{justify:"end",mr:4,children:jsx(Tooltip,{content:"Move to top",align:"center",delayDuration:0,children:jsx(Box,{className:"oui-hidden group-hover:oui-block oui-cursor-pointer",onClick:a=>{a.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsx(Do,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t]);var Tt=e=>{let{loading:t,dataSource:o,favorite:r,onSort:s,initialSort:a,type:n,pagination:i}=e,{symbol:l,onSymbolChange:u}=m(),c=Ye(r,!1);return jsx(DataTable,{bordered:!0,columns:c,loading:t,dataSource:o,onRow:(d,b)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{u?.(d),r.addToHistory(d);},"data-testid":`oui-testid-markets-${n==="new"?"newListing":"all"}-tr-${d.symbol}`}),generatedRowKey:d=>d.symbol,rowSelection:{[l]:!0},onSort:s,initialSort:a,pagination:i,classNames:{header:"oui-h-12"},manualSorting:!0})};var Pt=e=>{let[t,o]=useState(!0),{pageSize:r,setPage:s,pagination:a}=usePagination({pageSize:10}),[n,i]=useMarkets(MarketsType.ALL),{searchValue:l}=m(),{onSort:u,getSortedList:c,sortKey:d,sortOrder:b}=I(e?.sortKey,e?.sortOrder),g=useMemo(()=>{let f=c(n);return L(f,l,"base-type")},[n,c,l]);return useEffect(()=>{o(!1);},[n]),useEffect(()=>{s(1);},[l]),useEffect(()=>{e.type==="all"&&i.updateTabsSortState("all",d,b);},[d,b,e.type]),{loading:t,dataSource:g,favorite:i,onSort:u,pagination:a}};var Qe=e=>{let t=Pt(e),o=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsx(Tt,{...t,type:e.type,initialSort:{sortKey:o?.sortKey||e.sortKey,sort:o?.sortOrder||e.sortOrder}})};var Dt=e=>{let{open:t,setOpen:o,container:r,inputRef:s,inputWidth:a,spanRef:n,editing:i,value:l,onValueChange:u,updateCurTab:c,onEdit:d,addTab:b,delTab:g,size:f="default",scrollable:h}=e,{selectedFavoriteTab:F,favoriteTabs:S,updateSelectedFavoriteTab:P}=e.favorite,U=f==="sm"?28:36,w=f==="sm"?18:24,M=l?.length>15,B="oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)]",Oe=v=>{modal.confirm({title:"Delete list",content:jsx(Text,{size:"sm",children:`Are you sure you want to delete ${v.name}?`}),onOk(){return g(v),Promise.resolve()}});},ft=v=>{v.key==="Enter"&&c(M);},bt=v=>jsxs(Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsx(No,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{d(v);}}),jsx(Po,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{Oe(v);}})]}),Ge=()=>{let v=S.length>=10,T=jsx(Flex,{className:cn("oui-inline-flex",v?"oui-cursor-not-allowed":"oui-cursor-pointer",v?"oui-bg-base-3":B),width:U,height:w,r:"base",justify:"center",itemAlign:"center",onClick:v?void 0:b,children:v?jsx(Ro,{className:"oui-text-base-contrast-54 oui-w-3 oui-h-3 oui-z-[1]"}):jsx(Oo,{className:"oui-w-3 oui-h-3"})});return v?jsx(Tooltip,{content:jsx(Text,{size:"2xs",intensity:80,children:"Maximum 10 groups in the favorite list"}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:T}):T},xt=v=>jsx(Tooltip,{open:M,content:jsx(Text,{size:"2xs",intensity:80,children:"List name cannot exceed 15 characters"}),className:"oui-bg-base-6",delayDuration:0,sideOffset:0,children:jsx(Input,{ref:s,style:M?{width:a}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:a},classNames:{root:cn("oui-p-0 oui-rounded oui-px-2 oui-my-[1px]","focus-visible:oui-outline-none focus-within:oui-outline-transparent",f==="sm"?"oui-h-[18px]":"oui-h-[24px]",v&&cn(M?"oui-bg-danger/15":B)),input:cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",M?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",f==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:u,onBlur:()=>{c(M);},onKeyUp:ft,autoComplete:"off"})}),O=(v,T)=>{if(i&&T)return xt(T);let ge={weight:"semibold",size:f==="sm"?"2xs":"sm",className:f==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},fe=T?jsx(Text.gradient,{color:"brand",angle:270,...ge,children:v.name}):jsx(Text,{...ge,children:v.name});return jsx(Box,{r:"base",px:2,height:w,className:cn("oui-cursor-pointer oui-select-none",T?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",T?B:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{P(v),T&&o(!0);},children:fe})};return jsxs(Flex,{width:"100%",gapX:3,className:e.className,children:[jsxs(Flex,{ref:r,id:"oui-markets-favorites-tabs-container",className:cn("oui-relative oui-cursor-pointer oui-hide-scrollbar","oui-overflow-hidden oui-overflow-x-auto"),gapX:f==="sm"?2:3,width:"100%",children:[S?.slice(0,10)?.map(v=>{let T=F.id===v.id;return jsx(Tooltip,{open:T&&!i?t:!1,onOpenChange:ge=>{T&&o(ge);},content:bt(v),delayDuration:0,className:cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:O(v,T)},v.id)}),!h&&Ge(),jsx(Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),h&&Ge()]})};function Ot(e){let{favorite:t,size:o="default"}=e,{favorites:r,favoriteTabs:s,selectedFavoriteTab:a,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[u,c]=useState(!1),[d,b]=useState(!1),[g,f]=useState(""),[h,F]=useState(!1),S=useRef(null),P=useRef(null),U=useRef(null),[w,M]=useState(50),B=()=>{setTimeout(()=>{let{scrollWidth:v,clientWidth:T}=S.current||{};v>T&&F(!0);},0);},Oe=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},ft=O=>{b(!0),f(O.name),setTimeout(()=>{P.current?.focus(),P.current?.setSelectionRange(-1,-1);},0);},bt=O=>{n({...a,name:O?a.name:g},{update:!0}),b(!1),c(!1),B();},Ge=()=>{let O={name:`WatchList_${s.length}`,id:Date.now()};n(O,{add:!0}),i(O),B(),Oe();},xt=O=>{n(O,{delete:!0}),setTimeout(()=>{let v=r.map(fe=>({...fe,tabs:fe.tabs?.filter(zr=>zr.id!==O.id)}));l(v);let T=s.filter(fe=>fe.id!==O.id),ge=T?.[T?.length-1]||T?.[0];i(ge);},0);};return useEffect(()=>{if(g){let O=U.current?.getBoundingClientRect(),v=o==="sm"?0:14;M(Math.max((O?.width||0)+v,50));}},[g]),useEffect(()=>{B();},[]),{favorite:t,open:u,setOpen:c,container:S,inputRef:P,inputWidth:w,spanRef:U,editing:d,value:g,onValueChange:f,onEdit:ft,updateCurTab:bt,addTab:Ge,delTab:xt,scrollable:h}}var ze=e=>{let{className:t,...o}=e,r=Ot(o);return jsx(Dt,{...r,size:e.size,className:t})};var Go=Ye;var Wt=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,pagination:a}=e,{symbol:n,onSymbolChange:i}=m(),l=Go(o,!0);return jsxs("div",{children:[jsx(ze,{favorite:o,className:"oui-my-3"}),jsx(DataTable,{bordered:!0,columns:l,dataSource:t,emptyView:jsxs(Flex,{children:[jsx(Text,{size:"xs",intensity:36,children:"Click on the"}),jsx(We,{className:"oui-text-base-contrast-36"}),jsx(Text,{size:"xs",intensity:36,children:"icon next to a market to add it to your list."})]}),loading:s,onRow:(c,d)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:!0},onSort:r,pagination:a,manualSorting:!0})]})};var Vt=()=>{let{pageSize:e,setPage:t,pagination:o}=usePagination({pageSize:10}),[r,s]=useMarkets(MarketsType.FAVORITES),[a,n]=useState(!0),{favorites:i,selectedFavoriteTab:l}=s,{searchValue:u}=m(),{onSort:c,getSortedList:d}=I(),b=useMemo(()=>{let f=i?.filter(h=>h.tabs?.findIndex(F=>F.id===l.id)!==-1)?.map(h=>{let F=r?.findIndex(S=>S.symbol===h.name);return F!==-1?r[F]:null})?.filter(h=>h);return L(f,u,"base-type")},[r,l,i,u]),g=useMemo(()=>d(b),[b,d]);return useEffect(()=>{n(!1);},[i]),useEffect(()=>{t(1);},[u]),{loading:a,dataSource:g,favorite:s,onSort:c,pagination:o}};var Bt=()=>{let e=Vt();return jsx(Wt,{...e})};var zt=e=>{let{activeTab:t,onTabChange:o}=e,{searchValue:r,onSearchValueChange:s,clearSearchValue:a}=m();return jsx(Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:jsx(Input,{value:r,onValueChange:s,placeholder:"Search market",className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:r&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:a})}),autoComplete:"off"}),children:[jsx(TabPanel,{title:"Favorites",icon:jsx(j,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsx(Bt,{})}),jsx(TabPanel,{title:"All markets",icon:jsx(Io,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsx(Qe,{type:"all",sortKey:"24h_amount",sortOrder:"desc"})}),jsx(TabPanel,{title:"New listings",icon:jsx(Lo,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsx(Qe,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function At(){let[e,t]=useState("all"),{clearSearchValue:o}=m();return useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:r=>t(r)}}var Et=()=>{let e=At();return jsx(zt,{...e})};var ee=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(o,r)=>{let s;return t||(s=jsx(Q,{row:r,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r.isFavorite?jsx(be,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(xe,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{children:[s,jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:o})]})]})}},{title:"Price / change",dataIndex:"change",align:"right",onSort:!0,className:"oui-h-[36px]",render:(o,r)=>{let s=i=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,!0),i.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(he,{className:a,onClick:i=>{i.stopPropagation(),e.pinToTop(r);}}),jsx(ve,{className:a,onClick:s})]})});return jsxs("div",{className:"oui-relative",children:[t&&n,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o})]})]})}}];var te=e=>{let{symbol:t,onSymbolChange:o}=m();return jsx("div",{className:"oui-overflow-y-auto oui-custom-scrollbar oui-h-full",children:jsx(Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let s=jsxs(Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsx(Text,{size:"2xs",intensity:36,children:"Price"}),jsx(Text,{size:"2xs",intensity:36,children:"24h change"})]}),jsxs(Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsx(Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r.change})]})]});return jsx(Tooltip,{side:"right",sideOffset:6,content:s,delayDuration:0,children:jsxs(Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:cn("oui-cursor-pointer","hover:oui-bg-base-7",t===r.symbol&&"oui-bg-base-6 hover:oui-bg-base-6"),onClick:()=>{o?.(r);},children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r.change})]})},r.symbol)})})})};var Ht=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,getColumns:a,collapsed:n}=e,{symbol:i,onSymbolChange:l}=m(),u=useMemo(()=>typeof a=="function"?a(o,!0):ee(o,!0),[o]);return n?jsx(te,{dataSource:t}):jsxs(Fragment,{children:[jsx(Box,{px:3,className:"oui-my-[6px]",children:jsx(ze,{favorite:o,size:"sm"})}),jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:s,onRow:(c,d)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:!0},onSort:r,manualSorting:!0})]})};var Kt=()=>{let[e,t]=useMarkets(MarketsType.FAVORITES),[o,r]=useState(!0),{favorites:s,selectedFavoriteTab:a}=t,{searchValue:n}=m(),{onSort:i,getSortedList:l}=I(),u=useMemo(()=>{let c=s?.filter(b=>b.tabs?.findIndex(g=>g.id===a.id)!==-1)?.map(b=>{let g=e?.findIndex(f=>f.symbol===b.name);return g!==-1?e[g]:null})?.filter(b=>b),d=L(c,n,"base");return l(d)},[e,a,s,n,l]);return useEffect(()=>{r(!1);},[e]),{loading:o,dataSource:u,favorite:t,onSort:i}};var ce=e=>{let t=Kt();return jsx(Ht,{...t,...e})};var qt=e=>{let{loading:t,dataSource:o,favorite:r,onSort:s,initialSort:a,getColumns:n,collapsed:i}=e,{symbol:l,onSymbolChange:u}=m(),c=useMemo(()=>typeof n=="function"?n(r,!1):ee(r,!1),[r]);return i?jsx(te,{dataSource:o}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,loading:t,dataSource:o,onRow:(d,b)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{u?.(d),r.addToHistory(d);}}),generatedRowKey:d=>d.symbol,rowSelection:{[l]:!0},onSort:s,initialSort:a,manualSorting:!0})};var Xt=e=>{let[t,o]=useState(!0),[r,s]=useMarkets(MarketsType.ALL),{searchValue:a}=m(),{onSort:n,getSortedList:i}=I(e?.sortKey,e?.sortOrder,e.onSort),l=useMemo(()=>{let u=L(r,a,"base");return i(u)},[r,i,a]);return useEffect(()=>{o(!1);},[r]),{loading:t,dataSource:l,favorite:s,onSort:n}};var Z=e=>{let t=Xt(e);return jsx(qt,{...t,initialSort:{sortKey:e.sortKey,sort:e.sortOrder},getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName})};var $t=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,getColumns:a,collapsed:n}=e,{symbol:i,onSymbolChange:l}=m(),u=useMemo(()=>typeof a=="function"?a(o,!1):ee(o,!1),[o]);return n?jsx(te,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:s,onRow:(c,d)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:!0},onSort:r,manualSorting:!0})};var Yt=()=>{let[e,t]=useMarkets(MarketsType.RECENT),[o,r]=useState(!0),{searchValue:s}=m(),{onSort:a,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,s,"base");return n(l)},[e,s,n]);return useEffect(()=>{r(!1);},[e]),{loading:o,dataSource:i,favorite:t,onSort:a}};var me=e=>{let t=Yt();return jsx($t,{...t,...e})};var Qt=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,getColumns:a,collapsed:n}=e,{symbol:i,onSymbolChange:l}=m(),u=useMemo(()=>typeof a=="function"?a(o,!1):ee(o,!1),[o]);return n?jsx(te,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:s,onRow:(c,d)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:!0},onSort:r,manualSorting:!0})};var Zt=()=>{let[e,t]=useMarkets(MarketsType.NEW_LISTING),[o,r]=useState(!0),{searchValue:s}=m(),{onSort:a,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,s,"base");return n(l)},[e,s,n]);return useEffect(()=>{r(!1);},[e]),{loading:o,dataSource:i,favorite:t,onSort:a}};var pe=e=>{let t=Zt();return jsx(Qt,{...t,...e})};var Jt=e=>{let{activeTab:t,onTabChange:o,tabSort:r,onTabSort:s}=e,{searchValue:a,onSearchValueChange:n,clearSearchValue:i}=m(),l=jsx(Input,{value:a,onValueChange:n,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line"},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:a&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:i})}),autoComplete:"off"}),u="oui-h-[calc(100%_-_36px)]";return jsxs(Box,{className:cn("oui-font-semibold oui-overflow-hidden"),height:"100%",children:[jsx(Box,{px:3,pb:2,children:l}),jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:u,showScrollIndicator:!0,children:[jsx(TabPanel,{title:"Favorites",icon:jsx(j,{}),value:"favorites",children:jsx("div",{className:u,children:jsx(ce,{tableClassNames:{scroll:"oui-px-1"}})})}),jsx(TabPanel,{title:"Recent",value:"recent",children:jsx("div",{className:u,children:jsx(me,{tableClassNames:{scroll:"oui-px-1"}})})}),jsx(TabPanel,{title:"All",value:"all",children:jsx("div",{className:u,children:jsx(Z,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:s,tableClassNames:{scroll:"oui-px-1"}})})}),jsx(TabPanel,{title:"New listings",value:"newListing",children:jsx("div",{className:u,children:jsx(pe,{tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var ir="24h_amount",nr="desc";function Pe(e){let{storageKey:t,type:o="all",initialSort:r}=e,[s,a]=useSessionStorage(t,{[o]:{sortKey:r?.sortKey||ir,sortOrder:r?.sortOrder||nr}}),n=useCallback((i=ir,l=nr)=>{a({...s,all:{sortKey:i,sortOrder:l}});},[]);return {tabSort:s[o],onTabSort:n}}function jt(e){let[t,o]=useState(e?.activeTab),{tabSort:r,onTabSort:s}=Pe({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:a}=m(),n=useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),useEffect(()=>{a?.();},[t]),{activeTab:t,onTabChange:n,tabSort:r,onTabSort:s}}var eo=e=>{let t=jt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Jt,{...t})})};var oe=(e=5)=>t=>t===0?jsx(Text,{children:" - "}):jsx(Text.numeral,{rule:"percentages",dp:e,coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:t}),pr=(e,t)=>[{title:"Market",dataIndex:"symbol",width:120,render:o=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:!0,children:o})},{title:"Est. funding",dataIndex:"estFunding",width:120,onSort:!0,render:o=>jsxs("div",{children:[jsx(Text.numeral,{rule:"percentages",dp:5,coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:o}),jsx("span",{className:"oui-text-base-contrast-54",children:" / 4h "})]})},{title:"Last funding",dataIndex:"lastFunding",width:90,onSort:!0,render:oe()},{title:"1d avg.",dataIndex:"funding1d",width:90,onSort:!0,render:oe()},{title:"3d avg.",dataIndex:"funding3d",width:90,onSort:!0,render:oe()},{title:"7d avg.",dataIndex:"funding7d",width:90,onSort:!0,render:oe()},{title:"14d avg.",dataIndex:"funding14d",width:90,onSort:!0,render:oe()},{title:"30d avg.",dataIndex:"funding30d",width:90,onSort:!0,render:oe()},{title:"90d avg.",dataIndex:"funding90d",width:90,onSort:!0,render:oe()},{title:jsxs("div",{className:"oui-flex oui-gap-1",children:[jsx("select",{value:e,onChange:o=>t(o.target.value),onClick:o=>o.stopPropagation(),className:"oui-w-12 oui-rounded-md oui-border oui-border-line oui-bg-[var(--oui-table-background-color)]",children:[{label:"1d",value:"1dPositive"},{label:"3d",value:"3dPositive"},{label:"7d",value:"7dPositive"},{label:"14d",value:"14dPositive"},{label:"30d",value:"30dPositive"},{label:"90d",value:"90dPositive"}].map(o=>jsx("option",{value:o.value,children:o.label},o.value))}),jsx("span",{children:"Positive rate"})]}),dataIndex:e,width:130,align:"right",onSort:!0,render:oe(2)}];var to=e=>{let{dataSource:t,isLoading:o,pagination:r,onSort:s}=e,[a,n]=useState("1dPositive"),i=pr(a,n);return jsx("div",{className:"w-full",children:jsx(DataTable,{columns:i,dataSource:t,loading:o,bordered:!0,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:r,onSort:s,manualSorting:!0,generatedRowKey:l=>l.symbol})})};var ro=()=>{let{pageSize:e,pagination:t}=usePagination({pageSize:10}),[o]=useMarkets(MarketsType.ALL),{data:r,isLoading:s,getPositiveRates:a}=useFundingRateHistory(),{onSort:n,getSortedList:i}=I(),{searchValue:l}=m(),u=useMemo(()=>{if(!o?.length)return [];let g=["1d","3d","7d","14d","30d","90d"].reduce((f,h)=>(f[h]=a(r,h),f),{});return o.map(f=>{let h=r?.find(F=>F.symbol===f.symbol);return {symbol:f.symbol,estFunding:f.est_funding_rate,lastFunding:f.last_funding_rate,funding1d:h?.funding?.["1d"]?.rate??0,funding3d:h?.funding?.["3d"]?.rate??0,funding7d:h?.funding?.["7d"]?.rate??0,funding14d:h?.funding?.["14d"]?.rate??0,funding30d:h?.funding?.["30d"]?.rate??0,funding90d:h?.funding?.["90d"]?.rate??0,"1dPositive":g["1d"][f.symbol]??"-","3dPositive":g["3d"][f.symbol]??"-","7dPositive":g["7d"][f.symbol]??"-","14dPositive":g["14d"][f.symbol]??"-","30dPositive":g["30d"][f.symbol]??"-","90dPositive":g["90d"][f.symbol]??"-"}})},[o,r,a]),c=useMemo(()=>L(u,l,"base-type"),[u,l,t]);return {dataSource:useMemo(()=>i(c),[c,i]),isLoading:s,pagination:t,onSort:n}};var so=()=>{let e=ro();return jsx(to,{...e})};var rt=["WOOFi Pro","Binance","OKX","Bybit","dYdX","Bitget","Kucoin"],io=()=>{let{pageSize:e,setPage:t,pagination:o}=usePagination({pageSize:10}),{onSort:r,getSortedList:s}=I(),{searchValue:a}=m(),n=useFundingRates(),{data:i,isLoading:l}=useQuery("/v1/public/market_info/funding_comparison"),u=useMemo(()=>i?.length?i.map(b=>{let g={symbol:b.symbol};return rt.forEach((f,h)=>{let F=f.toLowerCase();if(F==="woofi pro"){let P=n[b.symbol];g[`exchange_${h}`]=P("last_funding_rate")??null;return}let S=b.exchanges.find(P=>P.name.toLowerCase()===F);g[`exchange_${h}`]=S?.last??null;}),g}):[],[i,rt,n]),c=useMemo(()=>L(u,a,"base-type"),[u,a,o]);return {data:useMemo(()=>s(c),[c,s]),isLoading:l,pagination:o,onSort:r}};var fr=()=>[{title:"Market",dataIndex:"symbol",width:150,onSort:!0,render:e=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:!0,children:e})},...rt.map((e,t)=>({title:jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[jsx("img",{src:`https://oss.orderly.network/static/exchange_logo/${e.toLowerCase().replace(" ","_")}.png`,style:{width:"24px",height:"24px",objectFit:"cover",borderRadius:"50%"}}),jsx("span",{children:e})]}),dataIndex:`exchange_${t}`,width:100,render:o=>o===null?"-":jsx(Text.numeral,{rule:"percentages",dp:5,coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:o})}))];var no=({data:e,isLoading:t,pagination:o})=>{let r=fr();return jsx(DataTable,{columns:r,dataSource:e,loading:t,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:!0,pagination:o})};var lo=()=>{let e=io();return jsx(no,{...e})};var co=e=>{let{collapsable:t,collapsed:o,onCollapse:r,activeTab:s,onTabChange:a,className:n}=e,{symbol:i,onSymbolChange:l}=m(),u=()=>o?s==="favorites"?jsx(ce,{collapsed:o}):s==="recent"?jsx(me,{collapsed:o}):s==="newListing"?jsx(pe,{collapsed:o}):jsx(Z,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:o}):jsx(eo,{activeTab:s,onTabChange:a,symbol:i,onSymbolChange:l});return jsxs(Flex,{id:"oui-side-markets",className:cn("oui-font-semibold",n),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsx(mi,{collapsable:t,collapsed:o,onCollapse:r}),jsx(Box,{width:"100%",className:cn(o?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:u()})]})},mi=e=>{let{collapsable:t,collapsed:o,onCollapse:r}=e,s=cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return o?jsx(Wo,{className:s,onClick:()=>{t&&r?.(!1);}}):jsxs(Flex,{justify:"between",px:3,width:"100%",children:[jsx(Text,{size:"base",intensity:80,children:"Markets"}),jsx(Vo,{className:s,onClick:()=>{t&&r?.(!0);}})]})};function mo(e){let[t,o]=useState(e?.collapsed),[r,s]=useLocalStorage("orderly_side_markets_sel_tab_key","all"),a=useMemo(()=>e?.collapsable??!0,[e?.collapsable]),n=useCallback(i=>{typeof e?.onCollapse=="function"?e.onCollapse(i):o(i);},[e?.onCollapse]);return useEffect(()=>{o(e?.collapsed);},[e?.collapsed]),{collapsable:a,collapsed:t,onCollapse:n,activeTab:r,onTabChange:s}}var xi=e=>{let t=mo({collapsable:e.collapsable,collapsed:e.collapsed,onCollapse:e.onCollapse});return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(co,{...t,className:e.className})})};var Ie=(e,t=!1)=>[{title:"Symbol",dataIndex:"symbol",width:150,render:(o,r)=>{let s;return t||(s=jsx(Q,{row:r,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r.isFavorite?jsx(be,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(xe,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{gapX:1,children:[s,jsx(TokenIcon,{symbol:o,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]})}},{title:"Last",dataIndex:"24h_close",align:"right",onSort:!0,width:100,render:(o,r)=>jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:o})},{title:"24h%",dataIndex:"change",align:"right",onSort:!0,width:80,render:o=>jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o})},{title:"Volume",dataIndex:"24h_amount",align:"right",onSort:!0,className:"oui-relative",width:80,render:(o,r)=>{let s=i=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,!0),i.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxs(Flex,{className:cn("oui-bg-primary-darken oui-py-[6px]","oui-hidden group-hover:oui-inline-flex"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(he,{className:a,onClick:i=>{i.stopPropagation(),e.pinToTop(r);}}),jsx(ve,{className:a,onClick:s})]})});return jsxs(Fragment,{children:[t&&n,jsx(Text.numeral,{rule:"human",dp:2,rm:Decimal.ROUND_DOWN,className:cn(t&&"group-hover:oui-invisible"),children:o})]})}}];var fo=e=>jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:!0,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsx(wr,{...e,hide:e.hide})})})]}),wr=e=>{let{activeTab:t,onTabChange:o,tabSort:r,onTabSort:s}=e,{searchValue:a,onSearchValueChange:n}=m(),i=jsxs(Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsx(Input,{value:a,onValueChange:n,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line oui-flex-1"},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),autoComplete:"off"}),jsx(CloseIcon,{size:12,className:"oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]";return jsxs(Box,{className:cn("oui-font-semibold oui-overflow-hidden"),height:"100%",intensity:800,children:[i,jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsx(TabPanel,{title:"Favorites",icon:jsx(j,{}),value:"favorites",children:jsx("div",{className:l,children:jsx(ce,{getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsx(TabPanel,{title:"Recent",value:"recent",children:jsx("div",{className:l,children:jsx(me,{getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsx(TabPanel,{title:"All",value:"all",children:jsx("div",{className:l,children:jsx(Z,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:s,getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsx(TabPanel,{title:"New listings",value:"newListing",children:jsx("div",{className:l,children:jsx(pe,{getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function bo(e){let[t,o]=useState(!1),[r,s]=useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:a,onTabSort:n}=Pe({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:i}=m(),l=()=>{o(!1);};return useEffect(()=>{i?.();},[r]),{activeTab:r,onTabChange:u=>s(u),open:t,onOpenChange:o,hide:l,tabSort:a,onTabSort:n}}var xo=e=>{let t=bo();return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(fo,{...t,contentClassName:e.contentClassName,children:e.children})})};var kr=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(o,r)=>jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:o})]})},{title:"Price / change",dataIndex:"change",align:"right",onSort:!0,className:"oui-h-[36px]",render:(o,r)=>{let s=i=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,!0),i.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(he,{className:a,onClick:i=>{i.stopPropagation(),e.pinToTop(r);}}),jsx(ve,{className:a,onClick:s})]})});return jsxs("div",{className:"oui-relative",children:[t&&n,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o})]})]})}}];var vo=e=>{let{className:t,tabSort:o,onTabSort:r}=e,{searchValue:s,onSearchValueChange:a,clearSearchValue:n}=m(),i=jsx(Input,{value:s,onValueChange:a,placeholder:"Search",classNames:{root:"oui-border oui-border-line oui-mt-4"},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:s&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:n})}),autoComplete:"off"});return jsxs(Grid,{cols:1,className:cn("oui-font-semibold oui-grid-rows-[auto,1fr]",t),height:"100%",width:"100%",children:[jsxs(Box,{px:3,mt:3,children:[jsx(Text,{size:"base",intensity:80,children:"Markets"}),i]}),jsx("div",{className:"oui-relative",children:jsx(Box,{width:"100%",mt:2,className:"oui-absolute oui-left-0 oui-right-9 oui-top-0 oui-bottom-0",children:jsx(Z,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:r,getColumns:kr,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function So(e){let{tabSort:t,onTabSort:o}=Pe({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:o}}var _i=e=>{let t=So();return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(vo,{...t,className:e.className})})};var yo=e=>{let{symbol:t,data:o,leverage:r,onSymbol:s}=e,a=jsxs(Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:s,children:[jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:!0,children:t}),jsx(Ke,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxs(Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:3,children:[a,jsxs(Badge,{size:"xs",color:"primary",children:[r,"x"]})]}),jsx(Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsx(Text.numeral,{size:"2xs",rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:o?.change})]}),e.trailing]})};function wo(e){let{symbol:t}=e,o=useTickerStream(t),r=useSymbolsInfo(),s=useMemo(()=>{let a=r[t],n=a("base_imr");return Xi(n)},[t,r]);return {symbol:t,data:o,leverage:s}}function Xi(e){return e?1/e:void 0}var $i=e=>{let{symbol:t,...o}=e,r=wo({symbol:t});return jsx(yo,{...r,...o})};var Co=e=>{let{symbol:t,isFavorite:o,favorite:r,data:s,quotoDp:a,openInterest:n,fundingRate:i,containerRef:l,leadingElementRef:u,tailingElementRef:c,leadingVisible:d,tailingVisible:b,onScoll:g}=e,f=jsx(Q,{row:{symbol:t},favorite:r,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o?jsx(be,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(xe,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),h=jsx(xo,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxs(Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsx(TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsx(Ke,{className:"oui-text-base-contrast-54"})]})}),F=jsx(Text.numeral,{dp:a||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:s?.["24h_close"]}),S=jsxs(Fragment,{children:[jsx(Text.numeral,{coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:s?.["24h_change"]}),jsx(Text,{intensity:36,children:"/"}),jsx(Text.numeral,{rule:"percentages",coloring:!0,rm:Decimal.ROUND_DOWN,showIdentifier:!0,children:s?.change})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxs(Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:1,children:[f,h]}),jsx(Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),F,jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxs(Flex,{gapX:8,height:"100%",children:[jsx("div",{ref:u,children:jsx(De,{label:"24h Change",value:S})}),jsx(De,{label:"Mark",value:jsx(Text.numeral,{dp:a,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:s?.mark_price}),hint:"Price for the computation of unrealized PnL and liquidation."}),jsx(De,{label:"Index",value:jsx(Text.numeral,{dp:a,children:s?.index_price}),hint:"Average of the last prices across other exchanges."}),jsx(De,{label:"24h volume",value:jsx(Text.numeral,{rule:"human",dp:2,children:s?.["24h_amount"]}),hint:"24 hour total trading volume on the Orderly Network."}),jsx(De,{label:"Pred. funding rate",value:jsx(en,{symbol:t}),hint:"Funding rates are payments between traders who are long and short. When positive, long positions pay short positions funding. When negative, short positions pay long positions."}),jsx("div",{ref:c,children:jsx(De,{label:"Open interest",value:jsxs(Fragment,{children:[jsx(Text.numeral,{rule:"human",dp:2,children:n}),jsx(Text,{intensity:36,children:" USDC"})]}),hint:"Total size of positions per side."})})]})}),jsx(Ir,{leading:!0,onClick:g,visible:d}),jsx(Ir,{tailing:!0,onClick:g,visible:b})]})]}),e.trailing]})},De=e=>jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Tooltip,{open:e.hint?void 0:!1,content:e.hint,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsx(Text,{size:"2xs",intensity:36,className:cn("oui-data-label","oui-break-normal oui-whitespace-nowrap",e.hint&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:e.label})}),jsx(Text,{size:"2xs",intensity:98,className:cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),Ir=e=>{let{visible:t,leading:o,tailing:r,onClick:s}=e;return t?jsx("button",{onClick:()=>{s?.(o?"left":"right");},style:{background:"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)"},className:cn("oui-flex oui-items-center oui-w-[80px]","oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l",o&&"oui-left-0 oui-pl-1",r&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsx(Bo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},en=({symbol:e})=>{let t=useFundingRate(e);return t?.est_funding_rate===null?"--":jsxs("div",{className:"",children:[jsx(Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsx(Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function ko(e){let{symbol:t}=e,o=useTickerStream(t),r=useFundingRate(t),s=useMarketsStore(),n=useSymbolsInfo()[t]("quote_dp"),[i,l]=useState(!1),[u,c]=useState(!1),d=useRef(null),b=useRef(null),g=useRef(null),f=useMemo(()=>!!s.favorites.find(S=>S.name===t),[s.favorites,t]),h=useMemo(()=>new Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return useEffect(()=>{let S=new IntersectionObserver(P=>{for(let U=0;U<P.length;U++){let w=P[U];w&&(w.target===b.current&&l(!w.isIntersecting),w.target===g.current&&c(!w.isIntersecting));}});return b.current&&S.observe(b.current),g.current&&S.observe(g.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:f,favorite:s,data:o,quotoDp:n,openInterest:h,fundingRate:r,containerRef:d,leadingElementRef:b,tailingElementRef:g,leadingVisible:i,tailingVisible:u,onScoll:S=>{S==="left"?d.current?.scrollBy({left:-100,behavior:"smooth"}):d.current?.scrollBy({left:100,behavior:"smooth"});}}}var ln=e=>{let{symbol:t,...o}=e,r=ko({symbol:t});return jsx(Co,{...r,...o})};var Wr=({activeFundingTab:e,onFundingTabChange:t})=>{let{searchValue:o,onSearchValueChange:r,clearSearchValue:s}=m();return jsx(Box,{id:"oui-funding-list",intensity:900,p:6,mt:4,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"lg",value:e,onValueChange:t,trailing:jsx(Input,{value:o,onValueChange:r,placeholder:"Search symbol",className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:o&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:s})}),autoComplete:"off"}),children:[jsx(TabPanel,{title:"Overview",value:"overview",testid:"oui-testid-funding-overview-tab",children:jsx(so,{})}),jsx(TabPanel,{title:"Comparison",value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsx(lo,{})})]})})};function Vr(){let[e,t]=useState("overview");return {activeFundingTab:e,onFundingTabChange:o=>t(o)}}var Br=()=>{let e=Vr();return jsx(Wr,{...e})};var Sn=e=>{let[t,o]=useState("markets");return jsx(A,{onSymbolChange:e.onSymbolChange,children:jsx(Box,{id:"oui-markets-home-page",className:cn("oui-font-semibold",e.className),p:6,children:jsxs(Tabs,{variant:"text",size:"xl",value:t,onValueChange:o,children:[jsxs(TabPanel,{title:"Markets",value:"markets",testid:"oui-testid-markets-tab",children:[jsx(wt,{}),jsx(Et,{})]}),jsx(TabPanel,{title:"Funding",value:"funding",testid:"oui-testid-funding-tab",children:jsx(Br,{})})]})})})};
+var To=createContext({}),A=e=>{let[t,o]=useState(""),r=useCallback(()=>{o("");},[]);return jsx(To.Provider,{value:{searchValue:t,onSearchValueChange:o,clearSearchValue:r,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function m(){return useContext(To)}var No=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z"})})]}),Po=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M7.205 1.334c-.345 0-.674.136-.918.38L6.001 2H2.667a.667.667 0 1 0 0 1.334h10.667a.667.667 0 1 0 0-1.334h-3.333l-.287-.286a1.3 1.3 0 0 0-.918-.38zM2.911 4.667l1.018 8.842c.088.66.656 1.158 1.322 1.158h5.498c.666 0 1.235-.497 1.323-1.163l1.019-8.837z"})}),Io=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"12",height:"12",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h12v12H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M8.5 10a.48.48 0 0 1-.356-.144A.48.48 0 0 1 8 9.5V7q0-.213.144-.356A.48.48 0 0 1 8.5 6.5h1q.212 0 .356.144A.48.48 0 0 1 10 7v2.5q0 .212-.144.356A.48.48 0 0 1 9.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 5 9.5v-7q0-.212.144-.356A.48.48 0 0 1 5.5 2h1q.213 0 .356.144A.48.48 0 0 1 7 2.5v7q0 .212-.144.356A.48.48 0 0 1 6.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 2 9.5V5q0-.213.144-.356A.48.48 0 0 1 2.5 4.5h1q.212 0 .356.144A.48.48 0 0 1 4 5v4.5q0 .212-.144.356A.48.48 0 0 1 3.5 10z"})})]}),Lo=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.993.958a.416.416 0 0 0-.41.422v.416a.416.416 0 1 0 .832 0V1.38a.416.416 0 0 0-.422-.422M2.749 2.29a.416.416 0 0 0-.29.714l.291.292a.416.416 0 1 0 .589-.588l-.292-.292a.42.42 0 0 0-.298-.126m6.489 0a.42.42 0 0 0-.286.126l-.292.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m-3.239.753a2.895 2.895 0 0 0-2.913 2.914A2.86 2.86 0 0 0 4.751 8.58v1.123c0 .458.374.833.832.833h.832a.835.835 0 0 0 .833-.833V8.58a2.86 2.86 0 0 0 1.665-2.622 2.895 2.895 0 0 0-2.914-2.914M1.421 5.541a.416.416 0 1 0 0 .833h.417a.416.416 0 1 0 0-.833zm8.74 0a.416.416 0 1 0 0 .833h.416a.417.417 0 1 0 0-.833zM3.037 8.492a.42.42 0 0 0-.287.126l-.291.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m5.913 0a.416.416 0 0 0-.29.714l.292.292a.416.416 0 1 0 .588-.588l-.292-.292a.42.42 0 0 0-.298-.126"})}),j=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"m10 14.074-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]}),We=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 14.396 10 12.813l2.688 1.583-.709-3 2.313-1.98-3.063-.27L10 6.292 8.77 9.146l-3.062.27 2.334 1.98zM10 14.074l-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]});var H=e=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})}),Do=e=>jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M10 5.5a.76.76 0 0 0-.583.25l-4.334 4c0 .083-.083.25-.083.333 0 .25.167.417.417.417h2.916v6.667c0 .416.334.833.834.833h1.666c.5 0 .834-.417.834-.833V10.5h2.916c.25 0 .417-.167.417-.417 0-.083-.083-.25-.083-.333l-4.25-4.084c-.25-.083-.417-.166-.667-.166M2.177 3.06A.8.8 0 0 1 2.5 3h15a.834.834 0 1 1 0 1.667h-15a.833.833 0 0 1-.323-1.607"})}),He=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.015.34h-.029a5.98 5.98 0 0 0-3.93 1.477c-.074.065-.027.184.072.184h7.745c.099 0 .146-.119.072-.184A5.98 5.98 0 0 0 6.015.341M3.48 7.866a.23.23 0 0 1 .187.1A2.85 2.85 0 0 0 6 9.178a2.85 2.85 0 0 0 2.334-1.213.23.23 0 0 1 .186-.1h3.104c.09 0 .155.086.13.172A6 6 0 0 1 6 12.327a6 6 0 0 1-5.755-4.29.134.134 0 0 1 .13-.172zM8.26 4.6a.29.29 0 0 0 .229.116h3.11c.09 0 .156-.086.13-.173a6 6 0 0 0-1.106-2.03.22.22 0 0 0-.165-.077H1.543a.22.22 0 0 0-.165.077 6 6 0 0 0-1.105 2.03.134.134 0 0 0 .13.173h3.11A.29.29 0 0 0 3.74 4.6 2.85 2.85 0 0 1 6 3.488c.92 0 1.738.436 2.26 1.112m.414 2.717c-.02.055.02.115.079.115h3.033a.135.135 0 0 0 .133-.112 6 6 0 0 0-.015-2.058.135.135 0 0 0-.133-.11H8.72c-.06 0-.1.061-.078.117a2.83 2.83 0 0 1 .032 2.048m-5.427.115c.06 0 .1-.06.079-.115a2.84 2.84 0 0 1 .032-2.048.085.085 0 0 0-.078-.118H.23a.135.135 0 0 0-.134.11A6 6 0 0 0 .08 7.32c.01.065.067.112.133.112z"})}),be=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531"})}),xe=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531m0 1.297 1.03 2.108c.073.15.211.242.375.266l2.343.343-1.702 1.64a.48.48 0 0 0-.14.437l.405 2.312L6.246 9.03a.5.5 0 0 0-.468 0L3.7 10.123l.39-2.296a.52.52 0 0 0-.14-.453l-1.687-1.64 2.327-.328a.52.52 0 0 0 .39-.28z"})}),he=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M2.01 2.915a.667.667 0 1 0 0 1.334h12a.667.667 0 0 0 0-1.334zM7.343 13.59a.667.667 0 0 0 1.333 0V7.88l2 1.98.937-.938L8.49 5.777a.686.686 0 0 0-.959 0L4.405 8.923l.938.937 2-1.979z"})}),ve=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.67 2.203A2.667 2.667 0 0 0 2.005 4.87v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.87a2.667 2.667 0 0 0-2.667-2.667zm1.334 3.334c.17 0 .349.057.48.187l1.52 1.52 1.52-1.52a.68.68 0 0 1 .48-.187c.17 0 .349.057.48.187.26.26.26.698 0 .959l-1.521 1.52 1.52 1.52c.26.262.26.699 0 .96a.687.687 0 0 1-.958 0L8.004 9.162l-1.52 1.52a.687.687 0 0 1-.96 0 .687.687 0 0 1 0-.958l1.521-1.52-1.52-1.521a.687.687 0 0 1 0-.96.68.68 0 0 1 .479-.186"})}),Ro=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),Oo=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsx("path",{d:"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z",fill:"url(#paint0_linear_1951_55156)"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Wo=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),Vo=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z"})}),Ke=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M3.003 3.998a.494.494 0 0 0-.39.797l3 4c.2.266.597.266.797 0l3-4a.5.5 0 0 0-.407-.797z"})}),Bo=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M9.186 3.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L7.463 7.993 9.87 4.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083"})});var St=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:r,enableScroll:s,news:a,gainers:n,losers:i,total24Amount:l,totalOpenInterest:u,tvl:c,favorite:d}=e,{onSymbolChange:b}=m(),g=cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",s&&"oui-select-none oui-cursor-pointer"),f=h=>{b?.(h),d.addToHistory(h);};return jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:s?t:void 0,children:[jsxs(Flex,{width:"100%",gapX:4,mt:4,children:[jsx($r,{total24Amount:l,totalOpenInterest:u,tvl:c,className:g}),jsx(ht,{data:a,title:jsx(Text.gradient,{color:"brand",children:"New listings"}),className:g,onSymbol:f}),jsx(ht,{data:n,title:jsx(Text,{className:"oui-text-success-light",children:"Top gainers"}),className:g,onSymbol:f}),jsx(ht,{data:i,title:jsx(Text,{className:"oui-text-danger-light",children:"Top losers"}),className:g,onSymbol:f})]}),jsx("div",{className:"oui-mt-1 oui-mb-3  3xl:oui-mt-4 3xl:oui-mb-0",children:jsx(Zr,{scrollIndex:r,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},$r=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:r}=e,s=useMemo(()=>[{label:jsxs(Flex,{gapX:1,children:[jsx(He,{})," 24h volume"]}),value:t},{label:"Open interest",value:o},{label:"Assets (TVL)",value:r}],[t,o,r]);return jsx(Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((a,n)=>jsx(Yr,{...a},n))})},Yr=e=>jsxs(Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsx(Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsx(Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),ht=e=>jsxs(Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsx(Box,{px:4,children:jsx(Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsx(Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsx(Qr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),Qr=e=>{let{item:t}=e;return jsxs(Flex,{width:"100%",gapX:3,py:2,px:4,className:cn("hover:oui-bg-base-8 oui-cursor-pointer",e.className),onClick:()=>{e.onSymbol(t);},children:[jsx(Flex,{width:"100%",gapX:1,children:jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})},Zr=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:r}=e;return jsx(Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(s=>jsx(Box,{py:1,pl:s===0?1:0,pr:s===1?1:0,onClick:()=>{t===0&&s===1?r?.():t===1&&s===0&&o?.();},className:"oui-cursor-pointer",children:jsx(Box,{width:8,height:4,r:"full",className:cn("oui-transition-all oui-duration-300",t===s?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},s)},s))})};function Be(e,t,o){let r=[...e||[]],s=a=>a==null;return t&&o&&r.sort((a,n)=>{let i=a[t],l=n[t];return s(i)?1:s(l)?-1:o==="desc"?l-i:i-l}),r}function I(e,t,o){let[r,s]=useState(),[a,n]=useState(),i=useCallback(d=>{s(d?.sortKey),n(d?.sort),o?.(d?.sortKey,d?.sort);},[o]),l=r||e,u=a||t,c=useCallback(d=>Be(d,l,u),[l,u]);return {onSort:i,getSortedList:c,sortKey:l,sortOrder:u}}function L(e,t="",o){let r=new RegExp(t,"i");return e?.filter(s=>r.test(jr(s.symbol,o)))}function jr(e,t="base"){let o=e.split("_"),r=o[0],s=o[1],a=o[2];return t.replace("type",r).replace("base",s).replace("quote",a)}function zo(){let[e,t]=useState(0),[o,r]=useState(0);return useEffect(()=>{t(window.innerWidth),r(window.innerHeight);let s=()=>{r(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",s),()=>{window?.removeEventListener("resize",s);}},[]),{width:e,height:o}}var yt=()=>{let[e,t]=useState(0),o=is(),{width:r}=zo(),[s,a]=os({loop:true,slidesToScroll:"auto"});return useEffect(()=>{a?.on("select",()=>{t(a?.selectedScrollSnap());});},[a]),{scrollIndex:e,setScrollIndex:t,emblaRef:s,emblaApi:a,enableScroll:r<1440,...o}};function is(){let[e,t]=useMarkets(MarketsType.ALL),{data:o}=useQuery("/v1/public/balance/stats"),r=useMemo(()=>Be(e,"created_time","desc").slice(0,5),[e]),s=useMemo(()=>Be(e,"change","desc").slice(0,5),[e]),a=useMemo(()=>Be(e,"change","asc").slice(0,5),[e]),n=useMemo(()=>e?.reduce((u,c)=>u.add(c["24h_amount"]||0),new Decimal(0))||new Decimal(0),[e]),i=useMemo(()=>e?.reduce((u,c)=>u.add(c.openInterest||0),new Decimal(0))||new Decimal(0),[e]),l=useMemo(()=>{if(!o)return 0;let{total_holding:u=0}=o;return new Decimal(u).toNumber()},[o]);return {markets:e,news:r,gainers:s,losers:a,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var wt=()=>{let e=yt();return jsx(St,{...e})};var Ft=e=>{let{symbol:t,favoriteTabs:o,open:r,onOpenChange:s,inputVisible:a,selectedTabs:n,value:i,onValueChange:l,hide:u,hideInput:c,showInput:d,onCheck:b,addTab:g,confirm:f}=e,h=i?.length>15,F=()=>{if(a)return jsxs(Box,{children:[jsxs(Flex,{gapX:2,children:[jsx(Input,{autoFocus:true,value:i,onValueChange:l,classNames:{root:cn("oui-bg-base-6 oui-h-7 oui-w-full oui-ml-[1px] oui-rounded-sm",h&&"focus-visible:oui-outline-danger focus-within:oui-outline-danger")},autoComplete:"off",suffix:i&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{opacity:1,size:14,className:"oui-text-base-contrast-20 oui-cursor-pointer",onClick:()=>{l("");}})})}),jsx(Button,{className:"oui-rounded-sm",size:"sm",onClick:g,disabled:!i||h,children:"Add"})]}),h&&jsxs(Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsx("div",{className:"oui-h-1 oui-w-1 oui-bg-danger oui-rounded-full"}),jsx(Text,{color:"danger",children:"List name cannot exceed 15 characters"})]})]});let w=o.length>=10;return jsx(Tooltip,{open:w?void 0:false,content:jsx(Text,{size:"2xs",intensity:80,children:"Maximum 10 groups in the favorite list"}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:jsx("div",{children:jsxs(Flex,{className:cn(w?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:w?500:600,onClick:w?void 0:d,height:28,r:"base",children:[jsx(PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsx(Text,{className:"",intensity:20,children:"Add a new watchlist"})]})})})},S=jsxs(Flex,{justify:"between",className:"oui-mt-3 oui-mb-[10px]",children:[jsxs(Flex,{gapX:1,children:["Select lists for",jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:t})]}),jsx(CloseIcon,{size:16,className:"oui-text-base-contrast oui-cursor-pointer",onClick:u})]}),P=jsxs(Box,{children:[jsx(Box,{my:2,className:"oui-max-h-[288px] oui-overflow-y-auto oui-custom-scrollbar",children:o?.slice(0,10)?.map(w=>{let M=!!n.find(B=>B.id===w.id);return jsx(Box,{className:"oui-cursor-pointer",children:jsxs(Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{b(w,M);},children:[M?jsx(CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsx(CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsx(Text,{intensity:54,children:w.name})]})},w.id)})}),jsx(Box,{mt:3,pb:5,children:F()})]}),U=jsxs(Flex,{gapX:3,mt:3,children:[jsx(Button,{color:"gray",onClick:u,fullWidth:true,className:"oui-text-sm",size:"md",children:"Cancel"},"secondary"),jsx(Button,{onClick:f,fullWidth:true,className:"oui-text-sm",size:"md",children:"Confirm"},"primary")]});return jsxs(DropdownMenuRoot,{open:r,onOpenChange:s,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:w=>w.preventDefault(),onClick:w=>w.stopPropagation(),align:"start",alignOffset:-12,sideOffset:24,className:"oui-markets-favorite-dropdown-menu-content oui-bg-base-8",children:jsx(Box,{px:5,pb:5,width:360,children:jsxs(Text,{as:"div",size:"sm",weight:"semibold",children:[S,jsx(Divider,{}),P,U]})})})})]})};function kt(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:r,updateFavoriteTabs:s,updateSymbolFavoriteState:a}=e.favorite,[n,i]=useState(false),[l,u]=useState(false),[c,d]=useState(""),[b,g]=useState([]),f=()=>{i(false);},h=()=>{u(true);},F=()=>{u(false);},S=()=>{d(""),F(),g([]);},P=()=>{let M={name:c||`WatchList_${r.length}`,id:Date.now()};s(M,{add:true}),S();},U=(M,B)=>{g(B?b?.filter(Oe=>Oe.id!==M.id):[...b,M]),F();},w=()=>{a(e.row,b,false),i(false);};return useEffect(()=>{if(!n)return;let M=o?.find(B=>B.name===t);M?.tabs?.length&&g(M?.tabs);},[n,o,r,t]),useEffect(()=>{n||S();},[n]),{symbol:t,favoriteTabs:r,open:n,onOpenChange:i,inputVisible:l,selectedTabs:b,value:c,onValueChange:d,hide:f,hideInput:F,showInput:h,onCheck:U,addTab:P,confirm:w}}var Q=e=>{let t=kt(e);return jsx(Ft,{...t,children:e.children})};var Ye=(e,t=false)=>useMemo(()=>[{title:jsx(We,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,s)=>{let n=jsx(Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?i=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,true),i.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:r?jsx(j,{className:"oui-text-[rgba(255,154,46,1)]"}):jsx(We,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?n:jsx(Q,{row:s,favorite:e,children:n})}},{title:"Market",dataIndex:"symbol",width:90,render:r=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:r})},{title:"Price",dataIndex:"24h_close",width:100,align:"right",onSort:true,render:(r,s)=>jsx(Text.numeral,{dp:s.quote_dp||2,currency:"$",children:r})},{title:"24h change",dataIndex:"change",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{title:jsxs(Flex,{gapX:1,children:[jsx(He,{})," 24h volume"]}),dataIndex:"24h_amount",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:"Open interest",dataIndex:"openInterest",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:"8h funding",dataIndex:"8h_funding",width:100,align:"right",onSort:true,render:r=>r===null?"--":jsx(Text.numeral,{rule:"percentages",coloring:true,dp:4,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{dataIndex:"action",type:"action",width:40,render:(r,s)=>t?jsx(Flex,{justify:"end",mr:4,children:jsx(Tooltip,{content:"Move to top",align:"center",delayDuration:0,children:jsx(Box,{className:"oui-hidden group-hover:oui-block oui-cursor-pointer",onClick:a=>{a.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsx(Do,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t]);var Tt=e=>{let{loading:t,dataSource:o,favorite:r,onSort:s,initialSort:a,type:n,pagination:i}=e,{symbol:l,onSymbolChange:u}=m(),c=Ye(r,false);return jsx(DataTable,{bordered:true,columns:c,loading:t,dataSource:o,onRow:(d,b)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{u?.(d),r.addToHistory(d);},"data-testid":`oui-testid-markets-${n==="new"?"newListing":"all"}-tr-${d.symbol}`}),generatedRowKey:d=>d.symbol,rowSelection:{[l]:true},onSort:s,initialSort:a,pagination:i,classNames:{header:"oui-h-12"},manualSorting:true})};var Pt=e=>{let[t,o]=useState(true),{pageSize:r,setPage:s,pagination:a}=usePagination({pageSize:10}),[n,i]=useMarkets(MarketsType.ALL),{searchValue:l}=m(),{onSort:u,getSortedList:c,sortKey:d,sortOrder:b}=I(e?.sortKey,e?.sortOrder),g=useMemo(()=>{let f=c(n);return L(f,l,"base-type")},[n,c,l]);return useEffect(()=>{o(false);},[n]),useEffect(()=>{s(1);},[l]),useEffect(()=>{e.type==="all"&&i.updateTabsSortState("all",d,b);},[d,b,e.type]),{loading:t,dataSource:g,favorite:i,onSort:u,pagination:a}};var Qe=e=>{let t=Pt(e),o=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsx(Tt,{...t,type:e.type,initialSort:{sortKey:o?.sortKey||e.sortKey,sort:o?.sortOrder||e.sortOrder}})};var Dt=e=>{let{open:t,setOpen:o,container:r,inputRef:s,inputWidth:a,spanRef:n,editing:i,value:l,onValueChange:u,updateCurTab:c,onEdit:d,addTab:b,delTab:g,size:f="default",scrollable:h}=e,{selectedFavoriteTab:F,favoriteTabs:S,updateSelectedFavoriteTab:P}=e.favorite,U=f==="sm"?28:36,w=f==="sm"?18:24,M=l?.length>15,B="oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)]",Oe=v=>{modal.confirm({title:"Delete list",content:jsx(Text,{size:"sm",children:`Are you sure you want to delete ${v.name}?`}),onOk(){return g(v),Promise.resolve()}});},ft=v=>{v.key==="Enter"&&c(M);},bt=v=>jsxs(Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsx(No,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{d(v);}}),jsx(Po,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{Oe(v);}})]}),Ge=()=>{let v=S.length>=10,T=jsx(Flex,{className:cn("oui-inline-flex",v?"oui-cursor-not-allowed":"oui-cursor-pointer",v?"oui-bg-base-3":B),width:U,height:w,r:"base",justify:"center",itemAlign:"center",onClick:v?void 0:b,children:v?jsx(Ro,{className:"oui-text-base-contrast-54 oui-w-3 oui-h-3 oui-z-[1]"}):jsx(Oo,{className:"oui-w-3 oui-h-3"})});return v?jsx(Tooltip,{content:jsx(Text,{size:"2xs",intensity:80,children:"Maximum 10 groups in the favorite list"}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:T}):T},xt=v=>jsx(Tooltip,{open:M,content:jsx(Text,{size:"2xs",intensity:80,children:"List name cannot exceed 15 characters"}),className:"oui-bg-base-6",delayDuration:0,sideOffset:0,children:jsx(Input,{ref:s,style:M?{width:a}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:a},classNames:{root:cn("oui-p-0 oui-rounded oui-px-2 oui-my-[1px]","focus-visible:oui-outline-none focus-within:oui-outline-transparent",f==="sm"?"oui-h-[18px]":"oui-h-[24px]",v&&cn(M?"oui-bg-danger/15":B)),input:cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",M?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",f==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:u,onBlur:()=>{c(M);},onKeyUp:ft,autoComplete:"off"})}),O=(v,T)=>{if(i&&T)return xt(T);let ge={weight:"semibold",size:f==="sm"?"2xs":"sm",className:f==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},fe=T?jsx(Text.gradient,{color:"brand",angle:270,...ge,children:v.name}):jsx(Text,{...ge,children:v.name});return jsx(Box,{r:"base",px:2,height:w,className:cn("oui-cursor-pointer oui-select-none",T?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",T?B:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{P(v),T&&o(true);},children:fe})};return jsxs(Flex,{width:"100%",gapX:3,className:e.className,children:[jsxs(Flex,{ref:r,id:"oui-markets-favorites-tabs-container",className:cn("oui-relative oui-cursor-pointer oui-hide-scrollbar","oui-overflow-hidden oui-overflow-x-auto"),gapX:f==="sm"?2:3,width:"100%",children:[S?.slice(0,10)?.map(v=>{let T=F.id===v.id;return jsx(Tooltip,{open:T&&!i?t:false,onOpenChange:ge=>{T&&o(ge);},content:bt(v),delayDuration:0,className:cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:O(v,T)},v.id)}),!h&&Ge(),jsx(Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),h&&Ge()]})};function Ot(e){let{favorite:t,size:o="default"}=e,{favorites:r,favoriteTabs:s,selectedFavoriteTab:a,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[u,c]=useState(false),[d,b]=useState(false),[g,f]=useState(""),[h,F]=useState(false),S=useRef(null),P=useRef(null),U=useRef(null),[w,M]=useState(50),B=()=>{setTimeout(()=>{let{scrollWidth:v,clientWidth:T}=S.current||{};v>T&&F(true);},0);},Oe=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},ft=O=>{b(true),f(O.name),setTimeout(()=>{P.current?.focus(),P.current?.setSelectionRange(-1,-1);},0);},bt=O=>{n({...a,name:O?a.name:g},{update:true}),b(false),c(false),B();},Ge=()=>{let O={name:`WatchList_${s.length}`,id:Date.now()};n(O,{add:true}),i(O),B(),Oe();},xt=O=>{n(O,{delete:true}),setTimeout(()=>{let v=r.map(fe=>({...fe,tabs:fe.tabs?.filter(_r=>_r.id!==O.id)}));l(v);let T=s.filter(fe=>fe.id!==O.id),ge=T?.[T?.length-1]||T?.[0];i(ge);},0);};return useEffect(()=>{if(g){let O=U.current?.getBoundingClientRect(),v=o==="sm"?0:14;M(Math.max((O?.width||0)+v,50));}},[g]),useEffect(()=>{B();},[]),{favorite:t,open:u,setOpen:c,container:S,inputRef:P,inputWidth:w,spanRef:U,editing:d,value:g,onValueChange:f,onEdit:ft,updateCurTab:bt,addTab:Ge,delTab:xt,scrollable:h}}var _e=e=>{let{className:t,...o}=e,r=Ot(o);return jsx(Dt,{...r,size:e.size,className:t})};var Go=Ye;var Wt=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,pagination:a}=e,{symbol:n,onSymbolChange:i}=m(),l=Go(o,true);return jsxs("div",{children:[jsx(_e,{favorite:o,className:"oui-my-3"}),jsx(DataTable,{bordered:true,columns:l,dataSource:t,emptyView:jsxs(Flex,{children:[jsx(Text,{size:"xs",intensity:36,children:"Click on the"}),jsx(We,{className:"oui-text-base-contrast-36"}),jsx(Text,{size:"xs",intensity:36,children:"icon next to a market to add it to your list."})]}),loading:s,onRow:(c,d)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:true},onSort:r,pagination:a,manualSorting:true})]})};var Vt=()=>{let{pageSize:e,setPage:t,pagination:o}=usePagination({pageSize:10}),[r,s]=useMarkets(MarketsType.FAVORITES),[a,n]=useState(true),{favorites:i,selectedFavoriteTab:l}=s,{searchValue:u}=m(),{onSort:c,getSortedList:d}=I(),b=useMemo(()=>{let f=i?.filter(h=>h.tabs?.findIndex(F=>F.id===l.id)!==-1)?.map(h=>{let F=r?.findIndex(S=>S.symbol===h.name);return F!==-1?r[F]:null})?.filter(h=>h);return L(f,u,"base-type")},[r,l,i,u]),g=useMemo(()=>d(b),[b,d]);return useEffect(()=>{n(false);},[i]),useEffect(()=>{t(1);},[u]),{loading:a,dataSource:g,favorite:s,onSort:c,pagination:o}};var Bt=()=>{let e=Vt();return jsx(Wt,{...e})};var _t=e=>{let{activeTab:t,onTabChange:o}=e,{searchValue:r,onSearchValueChange:s,clearSearchValue:a}=m();return jsx(Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:jsx(Input,{value:r,onValueChange:s,placeholder:"Search market",className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:r&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:a})}),autoComplete:"off"}),children:[jsx(TabPanel,{title:"Favorites",icon:jsx(j,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsx(Bt,{})}),jsx(TabPanel,{title:"All markets",icon:jsx(Io,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsx(Qe,{type:"all",sortKey:"24h_amount",sortOrder:"desc"})}),jsx(TabPanel,{title:"New listings",icon:jsx(Lo,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsx(Qe,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function At(){let[e,t]=useState("all"),{clearSearchValue:o}=m();return useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:r=>t(r)}}var Et=()=>{let e=At();return jsx(_t,{...e})};var ee=(e,t=false)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(o,r)=>{let s;return t||(s=jsx(Q,{row:r,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r.isFavorite?jsx(be,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(xe,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{children:[s,jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:o})]})]})}},{title:"Price / change",dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(o,r)=>{let s=i=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),i.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(he,{className:a,onClick:i=>{i.stopPropagation(),e.pinToTop(r);}}),jsx(ve,{className:a,onClick:s})]})});return jsxs("div",{className:"oui-relative",children:[t&&n,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var te=e=>{let{symbol:t,onSymbolChange:o}=m();return jsx("div",{className:"oui-overflow-y-auto oui-custom-scrollbar oui-h-full",children:jsx(Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let s=jsxs(Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsx(Text,{size:"2xs",intensity:36,children:"Price"}),jsx(Text,{size:"2xs",intensity:36,children:"24h change"})]}),jsxs(Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsx(Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})]});return jsx(Tooltip,{side:"right",sideOffset:6,content:s,delayDuration:0,children:jsxs(Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:cn("oui-cursor-pointer","hover:oui-bg-base-7",t===r.symbol&&"oui-bg-base-6 hover:oui-bg-base-6"),onClick:()=>{o?.(r);},children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})},r.symbol)})})})};var Ht=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,getColumns:a,collapsed:n}=e,{symbol:i,onSymbolChange:l}=m(),u=useMemo(()=>typeof a=="function"?a(o,true):ee(o,true),[o]);return n?jsx(te,{dataSource:t}):jsxs(Fragment,{children:[jsx(Box,{px:3,className:"oui-my-[6px]",children:jsx(_e,{favorite:o,size:"sm"})}),jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:s,onRow:(c,d)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:r,manualSorting:true})]})};var Kt=()=>{let[e,t]=useMarkets(MarketsType.FAVORITES),[o,r]=useState(true),{favorites:s,selectedFavoriteTab:a}=t,{searchValue:n}=m(),{onSort:i,getSortedList:l}=I(),u=useMemo(()=>{let c=s?.filter(b=>b.tabs?.findIndex(g=>g.id===a.id)!==-1)?.map(b=>{let g=e?.findIndex(f=>f.symbol===b.name);return g!==-1?e[g]:null})?.filter(b=>b),d=L(c,n,"base");return l(d)},[e,a,s,n,l]);return useEffect(()=>{r(false);},[e]),{loading:o,dataSource:u,favorite:t,onSort:i}};var ce=e=>{let t=Kt();return jsx(Ht,{...t,...e})};var qt=e=>{let{loading:t,dataSource:o,favorite:r,onSort:s,initialSort:a,getColumns:n,collapsed:i}=e,{symbol:l,onSymbolChange:u}=m(),c=useMemo(()=>typeof n=="function"?n(r,false):ee(r,false),[r]);return i?jsx(te,{dataSource:o}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,loading:t,dataSource:o,onRow:(d,b)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{u?.(d),r.addToHistory(d);}}),generatedRowKey:d=>d.symbol,rowSelection:{[l]:true},onSort:s,initialSort:a,manualSorting:true})};var Xt=e=>{let[t,o]=useState(true),[r,s]=useMarkets(MarketsType.ALL),{searchValue:a}=m(),{onSort:n,getSortedList:i}=I(e?.sortKey,e?.sortOrder,e.onSort),l=useMemo(()=>{let u=L(r,a,"base");return i(u)},[r,i,a]);return useEffect(()=>{o(false);},[r]),{loading:t,dataSource:l,favorite:s,onSort:n}};var Z=e=>{let t=Xt(e);return jsx(qt,{...t,initialSort:{sortKey:e.sortKey,sort:e.sortOrder},getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName})};var $t=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,getColumns:a,collapsed:n}=e,{symbol:i,onSymbolChange:l}=m(),u=useMemo(()=>typeof a=="function"?a(o,false):ee(o,false),[o]);return n?jsx(te,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:s,onRow:(c,d)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:r,manualSorting:true})};var Yt=()=>{let[e,t]=useMarkets(MarketsType.RECENT),[o,r]=useState(true),{searchValue:s}=m(),{onSort:a,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,s,"base");return n(l)},[e,s,n]);return useEffect(()=>{r(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:a}};var me=e=>{let t=Yt();return jsx($t,{...t,...e})};var Qt=e=>{let{dataSource:t,favorite:o,onSort:r,loading:s,getColumns:a,collapsed:n}=e,{symbol:i,onSymbolChange:l}=m(),u=useMemo(()=>typeof a=="function"?a(o,false):ee(o,false),[o]);return n?jsx(te,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:s,onRow:(c,d)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:r,manualSorting:true})};var Zt=()=>{let[e,t]=useMarkets(MarketsType.NEW_LISTING),[o,r]=useState(true),{searchValue:s}=m(),{onSort:a,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,s,"base");return n(l)},[e,s,n]);return useEffect(()=>{r(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:a}};var pe=e=>{let t=Zt();return jsx(Qt,{...t,...e})};var Jt=e=>{let{activeTab:t,onTabChange:o,tabSort:r,onTabSort:s}=e,{searchValue:a,onSearchValueChange:n,clearSearchValue:i}=m(),l=jsx(Input,{value:a,onValueChange:n,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line"},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:a&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:i})}),autoComplete:"off"}),u="oui-h-[calc(100%_-_36px)]";return jsxs(Box,{className:cn("oui-font-semibold oui-overflow-hidden"),height:"100%",children:[jsx(Box,{px:3,pb:2,children:l}),jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:u,showScrollIndicator:true,children:[jsx(TabPanel,{title:"Favorites",icon:jsx(j,{}),value:"favorites",children:jsx("div",{className:u,children:jsx(ce,{tableClassNames:{scroll:"oui-px-1"}})})}),jsx(TabPanel,{title:"Recent",value:"recent",children:jsx("div",{className:u,children:jsx(me,{tableClassNames:{scroll:"oui-px-1"}})})}),jsx(TabPanel,{title:"All",value:"all",children:jsx("div",{className:u,children:jsx(Z,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:s,tableClassNames:{scroll:"oui-px-1"}})})}),jsx(TabPanel,{title:"New listings",value:"newListing",children:jsx("div",{className:u,children:jsx(pe,{tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var ir="24h_amount",nr="desc";function Pe(e){let{storageKey:t,type:o="all",initialSort:r}=e,[s,a]=useSessionStorage(t,{[o]:{sortKey:r?.sortKey||ir,sortOrder:r?.sortOrder||nr}}),n=useCallback((i=ir,l=nr)=>{a({...s,all:{sortKey:i,sortOrder:l}});},[]);return {tabSort:s[o],onTabSort:n}}function jt(e){let[t,o]=useState(e?.activeTab),{tabSort:r,onTabSort:s}=Pe({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:a}=m(),n=useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),useEffect(()=>{a?.();},[t]),{activeTab:t,onTabChange:n,tabSort:r,onTabSort:s}}var eo=e=>{let t=jt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Jt,{...t})})};var oe=(e=5)=>t=>t===0?jsx(Text,{children:" - "}):jsx(Text.numeral,{rule:"percentages",dp:e,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:t}),pr=(e,t)=>[{title:"Market",dataIndex:"symbol",width:120,render:o=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:o})},{title:"Est. funding",dataIndex:"estFunding",width:120,onSort:true,render:o=>jsxs("div",{children:[jsx(Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:o}),jsx("span",{className:"oui-text-base-contrast-54",children:" / 4h "})]})},{title:"Last funding",dataIndex:"lastFunding",width:90,onSort:true,render:oe()},{title:"1d avg.",dataIndex:"funding1d",width:90,onSort:true,render:oe()},{title:"3d avg.",dataIndex:"funding3d",width:90,onSort:true,render:oe()},{title:"7d avg.",dataIndex:"funding7d",width:90,onSort:true,render:oe()},{title:"14d avg.",dataIndex:"funding14d",width:90,onSort:true,render:oe()},{title:"30d avg.",dataIndex:"funding30d",width:90,onSort:true,render:oe()},{title:"90d avg.",dataIndex:"funding90d",width:90,onSort:true,render:oe()},{title:jsxs("div",{className:"oui-flex oui-gap-1",children:[jsx("select",{value:e,onChange:o=>t(o.target.value),onClick:o=>o.stopPropagation(),className:"oui-w-12 oui-rounded-md oui-border oui-border-line oui-bg-[var(--oui-table-background-color)]",children:[{label:"1d",value:"1dPositive"},{label:"3d",value:"3dPositive"},{label:"7d",value:"7dPositive"},{label:"14d",value:"14dPositive"},{label:"30d",value:"30dPositive"},{label:"90d",value:"90dPositive"}].map(o=>jsx("option",{value:o.value,children:o.label},o.value))}),jsx("span",{children:"Positive rate"})]}),dataIndex:e,width:130,align:"right",onSort:true,render:oe(2)}];var to=e=>{let{dataSource:t,isLoading:o,pagination:r,onSort:s}=e,[a,n]=useState("1dPositive"),i=pr(a,n);return jsx("div",{className:"w-full",children:jsx(DataTable,{columns:i,dataSource:t,loading:o,bordered:true,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:r,onSort:s,manualSorting:true,generatedRowKey:l=>l.symbol})})};var ro=()=>{let{pageSize:e,pagination:t}=usePagination({pageSize:10}),[o]=useMarkets(MarketsType.ALL),{data:r,isLoading:s,getPositiveRates:a}=useFundingRateHistory(),{onSort:n,getSortedList:i}=I(),{searchValue:l}=m(),u=useMemo(()=>{if(!o?.length)return [];let g=["1d","3d","7d","14d","30d","90d"].reduce((f,h)=>(f[h]=a(r,h),f),{});return o.map(f=>{let h=r?.find(F=>F.symbol===f.symbol);return {symbol:f.symbol,estFunding:f.est_funding_rate,lastFunding:f.last_funding_rate,funding1d:h?.funding?.["1d"]?.rate??0,funding3d:h?.funding?.["3d"]?.rate??0,funding7d:h?.funding?.["7d"]?.rate??0,funding14d:h?.funding?.["14d"]?.rate??0,funding30d:h?.funding?.["30d"]?.rate??0,funding90d:h?.funding?.["90d"]?.rate??0,"1dPositive":g["1d"][f.symbol]??"-","3dPositive":g["3d"][f.symbol]??"-","7dPositive":g["7d"][f.symbol]??"-","14dPositive":g["14d"][f.symbol]??"-","30dPositive":g["30d"][f.symbol]??"-","90dPositive":g["90d"][f.symbol]??"-"}})},[o,r,a]),c=useMemo(()=>L(u,l,"base-type"),[u,l,t]);return {dataSource:useMemo(()=>i(c),[c,i]),isLoading:s,pagination:t,onSort:n}};var so=()=>{let e=ro();return jsx(to,{...e})};var rt=["WOOFi Pro","Binance","OKX","Bybit","dYdX","Bitget","Kucoin"],io=()=>{let{pageSize:e,setPage:t,pagination:o}=usePagination({pageSize:10}),{onSort:r,getSortedList:s}=I(),{searchValue:a}=m(),n=useFundingRates(),{data:i,isLoading:l}=useQuery("/v1/public/market_info/funding_comparison"),u=useMemo(()=>i?.length?i.map(b=>{let g={symbol:b.symbol};return rt.forEach((f,h)=>{let F=f.toLowerCase();if(F==="woofi pro"){let P=n[b.symbol];g[`exchange_${h}`]=P("last_funding_rate")??null;return}let S=b.exchanges.find(P=>P.name.toLowerCase()===F);g[`exchange_${h}`]=S?.last??null;}),g}):[],[i,rt,n]),c=useMemo(()=>L(u,a,"base-type"),[u,a,o]);return {data:useMemo(()=>s(c),[c,s]),isLoading:l,pagination:o,onSort:r}};var fr=()=>[{title:"Market",dataIndex:"symbol",width:150,onSort:true,render:e=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:e})},...rt.map((e,t)=>({title:jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[jsx("img",{src:`https://oss.orderly.network/static/exchange_logo/${e.toLowerCase().replace(" ","_")}.png`,style:{width:"24px",height:"24px",objectFit:"cover",borderRadius:"50%"}}),jsx("span",{children:e})]}),dataIndex:`exchange_${t}`,width:100,render:o=>o===null?"-":jsx(Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:o})}))];var no=({data:e,isLoading:t,pagination:o})=>{let r=fr();return jsx(DataTable,{columns:r,dataSource:e,loading:t,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:o})};var lo=()=>{let e=io();return jsx(no,{...e})};var co=e=>{let{collapsable:t,collapsed:o,onCollapse:r,activeTab:s,onTabChange:a,className:n}=e,{symbol:i,onSymbolChange:l}=m(),u=()=>o?s==="favorites"?jsx(ce,{collapsed:o}):s==="recent"?jsx(me,{collapsed:o}):s==="newListing"?jsx(pe,{collapsed:o}):jsx(Z,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:o}):jsx(eo,{activeTab:s,onTabChange:a,symbol:i,onSymbolChange:l});return jsxs(Flex,{id:"oui-side-markets",className:cn("oui-font-semibold",n),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsx(mi,{collapsable:t,collapsed:o,onCollapse:r}),jsx(Box,{width:"100%",className:cn(o?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:u()})]})},mi=e=>{let{collapsable:t,collapsed:o,onCollapse:r}=e,s=cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return o?jsx(Wo,{className:s,onClick:()=>{t&&r?.(false);}}):jsxs(Flex,{justify:"between",px:3,width:"100%",children:[jsx(Text,{size:"base",intensity:80,children:"Markets"}),jsx(Vo,{className:s,onClick:()=>{t&&r?.(true);}})]})};function mo(e){let[t,o]=useState(e?.collapsed),[r,s]=useLocalStorage("orderly_side_markets_sel_tab_key","all"),a=useMemo(()=>e?.collapsable??true,[e?.collapsable]),n=useCallback(i=>{typeof e?.onCollapse=="function"?e.onCollapse(i):o(i);},[e?.onCollapse]);return useEffect(()=>{o(e?.collapsed);},[e?.collapsed]),{collapsable:a,collapsed:t,onCollapse:n,activeTab:r,onTabChange:s}}var xi=e=>{let t=mo({collapsable:e.collapsable,collapsed:e.collapsed,onCollapse:e.onCollapse});return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(co,{...t,className:e.className})})};var Ie=(e,t=false)=>[{title:"Symbol",dataIndex:"symbol",width:150,render:(o,r)=>{let s;return t||(s=jsx(Q,{row:r,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r.isFavorite?jsx(be,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(xe,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{gapX:1,children:[s,jsx(TokenIcon,{symbol:o,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]})}},{title:"Last",dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(o,r)=>jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:o})},{title:"24h%",dataIndex:"change",align:"right",onSort:true,width:80,render:o=>jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})},{title:"Volume",dataIndex:"24h_amount",align:"right",onSort:true,className:"oui-relative",width:80,render:(o,r)=>{let s=i=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),i.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxs(Flex,{className:cn("oui-bg-primary-darken oui-py-[6px]","oui-hidden group-hover:oui-inline-flex"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(he,{className:a,onClick:i=>{i.stopPropagation(),e.pinToTop(r);}}),jsx(ve,{className:a,onClick:s})]})});return jsxs(Fragment,{children:[t&&n,jsx(Text.numeral,{rule:"human",dp:2,rm:Decimal.ROUND_DOWN,className:cn(t&&"group-hover:oui-invisible"),children:o})]})}}];var fo=e=>jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsx(wr,{...e,hide:e.hide})})})]}),wr=e=>{let{activeTab:t,onTabChange:o,tabSort:r,onTabSort:s}=e,{searchValue:a,onSearchValueChange:n}=m(),i=jsxs(Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsx(Input,{value:a,onValueChange:n,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line oui-flex-1"},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),autoComplete:"off"}),jsx(CloseIcon,{size:12,className:"oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]";return jsxs(Box,{className:cn("oui-font-semibold oui-overflow-hidden"),height:"100%",intensity:800,children:[i,jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsx(TabPanel,{title:"Favorites",icon:jsx(j,{}),value:"favorites",children:jsx("div",{className:l,children:jsx(ce,{getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsx(TabPanel,{title:"Recent",value:"recent",children:jsx("div",{className:l,children:jsx(me,{getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsx(TabPanel,{title:"All",value:"all",children:jsx("div",{className:l,children:jsx(Z,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:s,getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsx(TabPanel,{title:"New listings",value:"newListing",children:jsx("div",{className:l,children:jsx(pe,{getColumns:Ie,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function bo(e){let[t,o]=useState(false),[r,s]=useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:a,onTabSort:n}=Pe({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:i}=m(),l=()=>{o(false);};return useEffect(()=>{i?.();},[r]),{activeTab:r,onTabChange:u=>s(u),open:t,onOpenChange:o,hide:l,tabSort:a,onTabSort:n}}var xo=e=>{let t=bo();return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(fo,{...t,contentClassName:e.contentClassName,children:e.children})})};var kr=(e,t=false)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(o,r)=>jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:o})]})},{title:"Price / change",dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(o,r)=>{let s=i=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),i.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(he,{className:a,onClick:i=>{i.stopPropagation(),e.pinToTop(r);}}),jsx(ve,{className:a,onClick:s})]})});return jsxs("div",{className:"oui-relative",children:[t&&n,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var vo=e=>{let{className:t,tabSort:o,onTabSort:r}=e,{searchValue:s,onSearchValueChange:a,clearSearchValue:n}=m(),i=jsx(Input,{value:s,onValueChange:a,placeholder:"Search",classNames:{root:"oui-border oui-border-line oui-mt-4"},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:s&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:n})}),autoComplete:"off"});return jsxs(Grid,{cols:1,className:cn("oui-font-semibold oui-grid-rows-[auto,1fr]",t),height:"100%",width:"100%",children:[jsxs(Box,{px:3,mt:3,children:[jsx(Text,{size:"base",intensity:80,children:"Markets"}),i]}),jsx("div",{className:"oui-relative",children:jsx(Box,{width:"100%",mt:2,className:"oui-absolute oui-left-0 oui-right-9 oui-top-0 oui-bottom-0",children:jsx(Z,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:r,getColumns:kr,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function So(e){let{tabSort:t,onTabSort:o}=Pe({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:o}}var zi=e=>{let t=So();return jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(vo,{...t,className:e.className})})};var yo=e=>{let{symbol:t,data:o,leverage:r,onSymbol:s}=e,a=jsxs(Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:s,children:[jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:true,children:t}),jsx(Ke,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxs(Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:3,children:[a,jsxs(Badge,{size:"xs",color:"primary",children:[r,"x"]})]}),jsx(Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsx(Text.numeral,{size:"2xs",rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:o?.change})]}),e.trailing]})};function wo(e){let{symbol:t}=e,o=useTickerStream(t),r=useSymbolsInfo(),s=useMemo(()=>{let a=r[t],n=a("base_imr");return Xi(n)},[t,r]);return {symbol:t,data:o,leverage:s}}function Xi(e){return e?1/e:void 0}var $i=e=>{let{symbol:t,...o}=e,r=wo({symbol:t});return jsx(yo,{...r,...o})};var Co=e=>{let{symbol:t,isFavorite:o,favorite:r,data:s,quotoDp:a,openInterest:n,fundingRate:i,containerRef:l,leadingElementRef:u,tailingElementRef:c,leadingVisible:d,tailingVisible:b,onScoll:g}=e,f=jsx(Q,{row:{symbol:t},favorite:r,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o?jsx(be,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(xe,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),h=jsx(xo,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxs(Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsx(TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsx(Ke,{className:"oui-text-base-contrast-54"})]})}),F=jsx(Text.numeral,{dp:a||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:s?.["24h_close"]}),S=jsxs(Fragment,{children:[jsx(Text.numeral,{coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:s?.["24h_change"]}),jsx(Text,{intensity:36,children:"/"}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:s?.change})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxs(Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:1,children:[f,h]}),jsx(Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),F,jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxs(Flex,{gapX:8,height:"100%",children:[jsx("div",{ref:u,children:jsx(De,{label:"24h Change",value:S})}),jsx(De,{label:"Mark",value:jsx(Text.numeral,{dp:a,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:s?.mark_price}),hint:"Price for the computation of unrealized PnL and liquidation."}),jsx(De,{label:"Index",value:jsx(Text.numeral,{dp:a,children:s?.index_price}),hint:"Average of the last prices across other exchanges."}),jsx(De,{label:"24h volume",value:jsx(Text.numeral,{rule:"human",dp:2,children:s?.["24h_amount"]}),hint:"24 hour total trading volume on the Orderly Network."}),jsx(De,{label:"Pred. funding rate",value:jsx(en,{symbol:t}),hint:"Funding rates are payments between traders who are long and short. When positive, long positions pay short positions funding. When negative, short positions pay long positions."}),jsx("div",{ref:c,children:jsx(De,{label:"Open interest",value:jsxs(Fragment,{children:[jsx(Text.numeral,{rule:"human",dp:2,children:n}),jsx(Text,{intensity:36,children:" USDC"})]}),hint:"Total size of positions per side."})})]})}),jsx(Ir,{leading:true,onClick:g,visible:d}),jsx(Ir,{tailing:true,onClick:g,visible:b})]})]}),e.trailing]})},De=e=>jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Tooltip,{open:e.hint?void 0:false,content:e.hint,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsx(Text,{size:"2xs",intensity:36,className:cn("oui-data-label","oui-break-normal oui-whitespace-nowrap",e.hint&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:e.label})}),jsx(Text,{size:"2xs",intensity:98,className:cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),Ir=e=>{let{visible:t,leading:o,tailing:r,onClick:s}=e;return t?jsx("button",{onClick:()=>{s?.(o?"left":"right");},style:{background:"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)"},className:cn("oui-flex oui-items-center oui-w-[80px]","oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l",o&&"oui-left-0 oui-pl-1",r&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsx(Bo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},en=({symbol:e})=>{let t=useFundingRate(e);return t?.est_funding_rate===null?"--":jsxs("div",{className:"",children:[jsx(Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsx(Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function ko(e){let{symbol:t}=e,o=useTickerStream(t),r=useFundingRate(t),s=useMarketsStore(),n=useSymbolsInfo()[t]("quote_dp"),[i,l]=useState(false),[u,c]=useState(false),d=useRef(null),b=useRef(null),g=useRef(null),f=useMemo(()=>!!s.favorites.find(S=>S.name===t),[s.favorites,t]),h=useMemo(()=>new Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return useEffect(()=>{let S=new IntersectionObserver(P=>{for(let U=0;U<P.length;U++){let w=P[U];w&&(w.target===b.current&&l(!w.isIntersecting),w.target===g.current&&c(!w.isIntersecting));}});return b.current&&S.observe(b.current),g.current&&S.observe(g.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:f,favorite:s,data:o,quotoDp:n,openInterest:h,fundingRate:r,containerRef:d,leadingElementRef:b,tailingElementRef:g,leadingVisible:i,tailingVisible:u,onScoll:S=>{S==="left"?d.current?.scrollBy({left:-100,behavior:"smooth"}):d.current?.scrollBy({left:100,behavior:"smooth"});}}}var ln=e=>{let{symbol:t,...o}=e,r=ko({symbol:t});return jsx(Co,{...r,...o})};var Wr=({activeFundingTab:e,onFundingTabChange:t})=>{let{searchValue:o,onSearchValueChange:r,clearSearchValue:s}=m();return jsx(Box,{id:"oui-funding-list",intensity:900,p:6,mt:4,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"lg",value:e,onValueChange:t,trailing:jsx(Input,{value:o,onValueChange:r,placeholder:"Search symbol",className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsx(Box,{pl:3,pr:1,children:jsx(H,{className:"oui-text-base-contrast-36"})}),suffix:o&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:s})}),autoComplete:"off"}),children:[jsx(TabPanel,{title:"Overview",value:"overview",testid:"oui-testid-funding-overview-tab",children:jsx(so,{})}),jsx(TabPanel,{title:"Comparison",value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsx(lo,{})})]})})};function Vr(){let[e,t]=useState("overview");return {activeFundingTab:e,onFundingTabChange:o=>t(o)}}var Br=()=>{let e=Vr();return jsx(Wr,{...e})};var Sn=e=>{let[t,o]=useState("markets");return jsx(A,{onSymbolChange:e.onSymbolChange,children:jsx(Box,{id:"oui-markets-home-page",className:cn("oui-font-semibold",e.className),p:6,children:jsxs(Tabs,{variant:"text",size:"xl",value:t,onValueChange:o,children:[jsxs(TabPanel,{title:"Markets",value:"markets",testid:"oui-testid-markets-tab",children:[jsx(wt,{}),jsx(Et,{})]}),jsx(TabPanel,{title:"Funding",value:"funding",testid:"oui-testid-funding-tab",children:jsx(Br,{})})]})})})};
-export { te as CollapseMarkets, fo as DropDownMarkets, wr as DropDownMarketsConetnt, xo as DropDownMarketsWidget, Jt as ExpandMarkets, eo as ExpandMarketsWidget, Ft as FavoritesDropdownMenu, Q as FavoritesDropdownMenuWidget, Ht as FavoritesList, Wt as FavoritesListFull, Bt as FavoritesListFullWidget, ce as FavoritesListWidget, Dt as FavoritesTab, ze as FavoritesTabWidget, no as FundingComparison, lo as FundingComparisonWidget, to as FundingOverview, so as FundingOverviewWidget, zt as MarketsDataList, Et as MarketsDataListWidget, St as MarketsHeader, wt as MarketsHeaderWidget, Sn as MarketsHomePage, qt as MarketsList, Tt as MarketsListFull, Qe as MarketsListFullWidget, Z as MarketsListWidget, A as MarketsProvider, vo as MarketsSheet, _i as MarketsSheetWidget, Qt as NewListingList, pe as NewListingListWidget, $t as RecentList, me as RecentListWidget, co as SideMarkets, xi as SideMarketsWidget, yo as SymbolInfoBar, Co as SymbolInfoBarFull, ln as SymbolInfoBarFullWidget, $i as SymbolInfoBarWidget, Ie as getDropDownMarketsColumns, bo as useDropDownMarketsScript, jt as useExpandMarketsScript, kt as useFavoritesDropdownMenuScript, Vt as useFavoritesListFullScript, Kt as useFavoritesListScript, Ot as useFavoritesTabScript, io as useFundingComparisonScript, ro as useFundingOverviewScript, At as useMarketsDataListScript, yt as useMarketsHeaderScript, Pt as useMarketsListFullScript, Xt as useMarketsListScript, So as useMarketsSheetScript, Zt as useNewListingListScript, Yt as useRecentListScript, mo as useSideMarketsScript, ko as useSymbolInfoBarFullScript, wo as useSymbolInfoBarScript };
+export { te as CollapseMarkets, fo as DropDownMarkets, wr as DropDownMarketsConetnt, xo as DropDownMarketsWidget, Jt as ExpandMarkets, eo as ExpandMarketsWidget, Ft as FavoritesDropdownMenu, Q as FavoritesDropdownMenuWidget, Ht as FavoritesList, Wt as FavoritesListFull, Bt as FavoritesListFullWidget, ce as FavoritesListWidget, Dt as FavoritesTab, _e as FavoritesTabWidget, no as FundingComparison, lo as FundingComparisonWidget, to as FundingOverview, so as FundingOverviewWidget, _t as MarketsDataList, Et as MarketsDataListWidget, St as MarketsHeader, wt as MarketsHeaderWidget, Sn as MarketsHomePage, qt as MarketsList, Tt as MarketsListFull, Qe as MarketsListFullWidget, Z as MarketsListWidget, A as MarketsProvider, vo as MarketsSheet, zi as MarketsSheetWidget, Qt as NewListingList, pe as NewListingListWidget, $t as RecentList, me as RecentListWidget, co as SideMarkets, xi as SideMarketsWidget, yo as SymbolInfoBar, Co as SymbolInfoBarFull, ln as SymbolInfoBarFullWidget, $i as SymbolInfoBarWidget, Ie as getDropDownMarketsColumns, bo as useDropDownMarketsScript, jt as useExpandMarketsScript, kt as useFavoritesDropdownMenuScript, Vt as useFavoritesListFullScript, Kt as useFavoritesListScript, Ot as useFavoritesTabScript, io as useFundingComparisonScript, ro as useFundingOverviewScript, At as useMarketsDataListScript, yt as useMarketsHeaderScript, Pt as useMarketsListFullScript, Xt as useMarketsListScript, So as useMarketsSheetScript, Zt as useNewListingListScript, Yt as useRecentListScript, mo as useSideMarketsScript, ko as useSymbolInfoBarFullScript, wo as useSymbolInfoBarScript };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map