@orderly.network/markets 2.1.2 → 2.1.3
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.
- package/dist/index.d.mts +206 -213
- package/dist/index.d.ts +206 -213
- package/dist/index.js +59 -59
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +7 -7
package/dist/index.js
CHANGED
|
@@ -5,73 +5,73 @@ var ui = require('@orderly.network/ui');
|
|
|
5
5
|
var utils = require('@orderly.network/utils');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var i18n = require('@orderly.network/i18n');
|
|
8
|
-
var
|
|
8
|
+
var sa = require('embla-carousel-react');
|
|
9
9
|
var hooks = require('@orderly.network/hooks');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var sa__default = /*#__PURE__*/_interopDefault(sa);
|
|
14
14
|
|
|
15
|
-
var No=react.createContext({}),A=e=>{let[t,o]=react.useState(""),s=react.useCallback(()=>{o("");},[]);return jsxRuntime.jsx(No.Provider,{value:{searchValue:t,onSearchValueChange:o,clearSearchValue:s,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function d(){return react.useContext(No)}var Po=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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"})})]}),Io=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Lo=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"12",height:"12",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 0h12v12H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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"})})]}),Do=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),te=e=>jsxRuntime.jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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"})})]}),Be=e=>jsxRuntime.jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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 K=e=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Ro=e=>jsxRuntime.jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ue=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ve=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Se=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ye=e=>jsxRuntime.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),we=e=>jsxRuntime.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Oo=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsxRuntime.jsx("path",{d:"M0 0h16v16H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.jsx("path",{d:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),Bo=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsxRuntime.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)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Vo=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Wo=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),He=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Uo=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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 yt=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:s,enableScroll:r,news:a,gainers:i,losers:n,total24Amount:l,totalOpenInterest:u,tvl:m,favorite:c}=e,{onSymbolChange:f}=d(),{t:b}=i18n.useTranslation(),p=ui.cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",r&&"oui-select-none oui-cursor-pointer"),x=y=>{f?.(y),c.addToHistory(y);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:r?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,mt:4,children:[jsxRuntime.jsx(Yr,{total24Amount:l,totalOpenInterest:u,tvl:m,className:p}),jsxRuntime.jsx(vt,{data:a,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:b("markets.newListings")}),className:p,onSymbol:x}),jsxRuntime.jsx(vt,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:b("markets.topGainers")}),className:p,onSymbol:x}),jsxRuntime.jsx(vt,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:b("markets.topLosers")}),className:p,onSymbol:x})]}),jsxRuntime.jsx("div",{className:"oui-mt-1 oui-mb-3 3xl:oui-mt-4 3xl:oui-mb-0",children:jsxRuntime.jsx(Jr,{scrollIndex:s,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},Yr=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:s}=e,{t:r}=i18n.useTranslation(),a=react.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ue,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ue,{})," ",r("markets.openInterest")]}),value:o},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ue,{})," ",`${r("common.assets")} (TVL)`]}),value:s}],[t,o,s]);return jsxRuntime.jsx(ui.Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:a?.map((i,n)=>jsxRuntime.jsx(Qr,{...i},n))})},Qr=e=>jsxRuntime.jsxs(ui.Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsxRuntime.jsx(ui.Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:utils.Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),vt=e=>jsxRuntime.jsxs(ui.Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsxRuntime.jsx(ui.Box,{px:4,children:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsxRuntime.jsx(Zr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),Zr=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui.cn("hover:oui-bg-base-8 oui-cursor-pointer",e.className),onClick:()=>{e.onSymbol(t);},children:[jsxRuntime.jsx(ui.Flex,{width:"100%",gapX:1,children:jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsxRuntime.jsx(ui.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui.Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsxRuntime.jsx(ui.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})},Jr=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:s}=e;return jsxRuntime.jsx(ui.Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(r=>jsxRuntime.jsx(ui.Box,{py:1,pl:r===0?1:0,pr:r===1?1:0,onClick:()=>{t===0&&r===1?s?.():t===1&&r===0&&o?.();},className:"oui-cursor-pointer",children:jsxRuntime.jsx(ui.Box,{width:8,height:4,r:"full",className:ui.cn("oui-transition-all oui-duration-300",t===r?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},r)},r))})};function We(e,t,o){let s=[...e||[]],r=a=>a==null;return t&&o&&s.sort((a,i)=>{let n=a[t],l=i[t];return r(n)?1:r(l)?-1:o==="desc"?l-n:n-l}),s}function I(e,t,o){let[s,r]=react.useState(),[a,i]=react.useState(),n=react.useCallback(c=>{r(c?.sortKey),i(c?.sort),o?.(c?.sortKey,c?.sort);},[o]),l=s||e,u=a||t,m=react.useCallback(c=>We(c,l,u),[l,u]);return {onSort:n,getSortedList:m,sortKey:l,sortOrder:u}}function L(e,t="",o){let s=new RegExp(t,"i");return e?.filter(r=>s.test(es(r.symbol,o)))}function es(e,t="base"){let o=e.split("_"),s=o[0],r=o[1],a=o[2];return t.replace("type",s).replace("base",r).replace("quote",a)}function Ao(){let[e,t]=react.useState(0),[o,s]=react.useState(0);return react.useEffect(()=>{t(window.innerWidth),s(window.innerHeight);let r=()=>{s(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r);}},[]),{width:e,height:o}}var wt=()=>{let[e,t]=react.useState(0),o=is(),{width:s}=Ao(),[r,a]=rs__default.default({loop:true,slidesToScroll:"auto"});return react.useEffect(()=>{a?.on("select",()=>{t(a?.selectedScrollSnap());});},[a]),{scrollIndex:e,setScrollIndex:t,emblaRef:r,emblaApi:a,enableScroll:s<1440,...o}};function is(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:o}=hooks.useQuery("/v1/public/balance/stats"),s=react.useMemo(()=>We(e,"created_time","desc").slice(0,5),[e]),r=react.useMemo(()=>We(e,"change","desc").slice(0,5),[e]),a=react.useMemo(()=>We(e,"change","asc").slice(0,5),[e]),i=react.useMemo(()=>e?.reduce((u,m)=>u.add(m["24h_amount"]||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),n=react.useMemo(()=>e?.reduce((u,m)=>u.add(m.openInterest||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),l=react.useMemo(()=>{if(!o)return 0;let{total_holding:u=0}=o;return new utils.Decimal(u).toNumber()},[o]);return {markets:e,news:s,gainers:r,losers:a,total24Amount:i.toNumber(),totalOpenInterest:n.toNumber(),tvl:l,favorite:t}}var kt=()=>{let e=wt();return jsxRuntime.jsx(yt,{...e})};var Ft=e=>{let{symbol:t,favoriteTabs:o,open:s,onOpenChange:r,inputVisible:a,selectedTabs:i,value:n,onValueChange:l,hide:u,hideInput:m,showInput:c,onCheck:f,addTab:b,confirm:p}=e,{t:x}=i18n.useTranslation(),y=n?.length>15,w=()=>{if(a)return jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.Input,{autoFocus:true,value:n,onValueChange:l,classNames:{root:ui.cn("oui-bg-base-6 oui-h-7 oui-w-full oui-ml-[1px] oui-rounded-sm",y&&"focus-visible:oui-outline-danger focus-within:oui-outline-danger")},autoComplete:"off",suffix:n&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{opacity:1,size:14,className:"oui-text-base-contrast-20 oui-cursor-pointer",onClick:()=>{l("");}})})}),jsxRuntime.jsx(ui.Button,{className:"oui-rounded-sm",size:"sm",onClick:b,disabled:!n||y,children:x("common.add")})]}),y&&jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-bg-danger oui-rounded-full"}),jsxRuntime.jsx(ui.Text,{color:"danger",children:x("markets.favorites.tabs.maxName")})]})]});let k=o.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:k?void 0:false,content:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:x("markets.favorites.tabs.maxList")}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:jsxRuntime.jsx("div",{children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn(k?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:k?500:600,onClick:k?void 0:c,height:28,r:"base",children:[jsxRuntime.jsx(ui.PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsxRuntime.jsx(ui.Text,{className:"",intensity:20,children:x("markets.favorites.dropdown.addPlaceholder")})]})})})},M=jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-mt-3 oui-mb-[10px]",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[x("markets.favorites.dropdown.title"),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:t})]}),jsxRuntime.jsx(ui.CloseIcon,{size:16,className:"oui-text-base-contrast oui-cursor-pointer",onClick:u})]}),U=jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Box,{my:2,className:"oui-max-h-[288px] oui-overflow-y-auto oui-custom-scrollbar",children:o?.slice(0,10)?.map(k=>{let N=!!i.find(Y=>Y.id===k.id);return jsxRuntime.jsx(ui.Box,{className:"oui-cursor-pointer",children:jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{f(k,N);},children:[N?jsxRuntime.jsx(ui.CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsxRuntime.jsx(ui.CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsxRuntime.jsx(ui.Text,{intensity:54,children:k.name})]})},k.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:w()})]}),W=jsxRuntime.jsxs(ui.Flex,{gapX:3,mt:3,children:[jsxRuntime.jsx(ui.Button,{color:"gray",onClick:u,fullWidth:true,className:"oui-text-sm",size:"md",children:x("common.cancel")},"secondary"),jsxRuntime.jsx(ui.Button,{onClick:p,fullWidth:true,className:"oui-text-sm",size:"md",children:x("common.confirm")},"primary")]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:s,onOpenChange:r,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:k=>k.preventDefault(),onClick:k=>k.stopPropagation(),align:"start",alignOffset:-12,sideOffset:24,className:"oui-markets-favorite-dropdown-menu-content oui-bg-base-8",children:jsxRuntime.jsx(ui.Box,{px:5,pb:5,width:360,children:jsxRuntime.jsxs(ui.Text,{as:"div",size:"sm",weight:"semibold",children:[M,jsxRuntime.jsx(ui.Divider,{}),U,W]})})})})]})};function Mt(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:s,updateFavoriteTabs:r,updateSymbolFavoriteState:a}=e.favorite,[i,n]=react.useState(false),[l,u]=react.useState(false),[m,c]=react.useState(""),[f,b]=react.useState([]),p=()=>{n(false);},x=()=>{u(true);},y=()=>{u(false);},w=()=>{c(""),y(),b([]);},M=()=>{let k={name:m||`WatchList_${s.length}`,id:Date.now()};r(k,{add:true}),w();},U=(k,N)=>{b(N?f?.filter(Y=>Y.id!==k.id):[...f,k]),y();},W=()=>{a(e.row,f,false),n(false);};return react.useEffect(()=>{if(!i)return;let k=o?.find(N=>N.name===t);k?.tabs?.length&&b(k?.tabs);},[i,o,s,t]),react.useEffect(()=>{i||w();},[i]),{symbol:t,favoriteTabs:s,open:i,onOpenChange:n,inputVisible:l,selectedTabs:f,value:m,onValueChange:c,hide:p,hideInput:y,showInput:x,onCheck:U,addTab:M,confirm:W}}var J=e=>{let t=Mt(e);return jsxRuntime.jsx(Ft,{...t,children:e.children})};var Ye=(e,t=false)=>{let{t:o}=i18n.useTranslation();return react.useMemo(()=>[{title:jsxRuntime.jsx(Be,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,a)=>{let n=jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?l=>{e.updateSymbolFavoriteState(a,e.selectedFavoriteTab,true),l.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:r?jsxRuntime.jsx(te,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Be,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?n:jsxRuntime.jsx(J,{row:a,favorite:e,children:n})}},{title:o("markets.column.market"),dataIndex:"symbol",width:90,render:r=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:r})},{title:o("common.price"),dataIndex:"24h_close",width:100,align:"right",onSort:true,render:(r,a)=>jsxRuntime.jsx(ui.Text.numeral,{dp:a.quote_dp||2,currency:"$",children:r})},{title:o("markets.column.24hChange"),dataIndex:"change",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ue,{})," ",o("markets.column.24hVolume")]}),dataIndex:"24h_amount",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:r})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ue,{})," ",o("markets.openInterest")]}),dataIndex:"openInterest",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:r})},{title:o("markets.dataList.column.8hFunding"),dataIndex:"8h_funding",width:100,align:"right",onSort:true,render:r=>r===null?"--":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,dp:4,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{dataIndex:"action",type:"action",width:40,render:(r,a)=>t?jsxRuntime.jsx(ui.Flex,{justify:"end",mr:4,children:jsxRuntime.jsx(ui.Tooltip,{content:o("markets.dataList.column.moveTop"),align:"center",delayDuration:0,children:jsxRuntime.jsx(ui.Box,{className:"oui-hidden group-hover:oui-block oui-cursor-pointer",onClick:i=>{i.stopPropagation(),e.pinToTop(a);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsxRuntime.jsx(Ro,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t,o])};var Tt=e=>{let{loading:t,dataSource:o,favorite:s,onSort:r,initialSort:a,type:i,pagination:n}=e,{symbol:l,onSymbolChange:u}=d(),m=Ye(s,false);return jsxRuntime.jsx(ui.DataTable,{bordered:true,columns:m,loading:t,dataSource:o,onRow:(c,f)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{u?.(c),s.addToHistory(c);},"data-testid":`oui-testid-markets-${i==="new"?"newListing":"all"}-tr-${c.symbol}`}),generatedRowKey:c=>c.symbol,rowSelection:{[l]:true},onSort:r,initialSort:a,pagination:n,classNames:{header:"oui-h-12"},manualSorting:true})};var Pt=e=>{let[t,o]=react.useState(true),{pageSize:s,setPage:r,pagination:a}=ui.usePagination({pageSize:10}),[i,n]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:l}=d(),{onSort:u,getSortedList:m,sortKey:c,sortOrder:f}=I(e?.sortKey,e?.sortOrder),b=react.useMemo(()=>{let p=m(i);return L(p,l,"base-type")},[i,m,l]);return react.useEffect(()=>{o(false);},[i]),react.useEffect(()=>{r(1);},[l]),react.useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",c,f);},[c,f,e.type]),{loading:t,dataSource:b,favorite:n,onSort:u,pagination:a}};var Qe=e=>{let t=Pt(e),o=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsxRuntime.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:s,inputRef:r,inputWidth:a,spanRef:i,editing:n,value:l,onValueChange:u,updateCurTab:m,onEdit:c,addTab:f,delTab:b,size:p="default",scrollable:x}=e,{t:y}=i18n.useTranslation(),{selectedFavoriteTab:w,favoriteTabs:M,updateSelectedFavoriteTab:U}=e.favorite,W=p==="sm"?28:36,k=p==="sm"?18:24,N=l?.length>15,Y="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)]",ft=v=>{ui.modal.confirm({title:y("markets.favorites.tabs.delete.dialog.title"),content:jsxRuntime.jsx(ui.Text,{size:"sm",children:y("markets.favorites.tabs.delete.dialog.description",{name:v.name})}),onOk(){return b(v),Promise.resolve()}});},bt=v=>{v.key==="Enter"&&m(N);},xt=v=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(Po,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{c(v);}}),jsxRuntime.jsx(Io,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{ft(v);}})]}),Ge=()=>{let v=M.length>=10,O=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",v?"oui-cursor-not-allowed":"oui-cursor-pointer",v?"oui-bg-base-3":Y),width:W,height:k,r:"base",justify:"center",itemAlign:"center",onClick:v?void 0:f,children:v?jsxRuntime.jsx(Oo,{className:"oui-text-base-contrast-54 oui-w-3 oui-h-3 oui-z-[1]"}):jsxRuntime.jsx(Bo,{className:"oui-w-3 oui-h-3"})});return v?jsxRuntime.jsx(ui.Tooltip,{content:jsxRuntime.jsx(ui.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:O}):O},R=v=>jsxRuntime.jsx(ui.Tooltip,{open:N,content:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:"List name cannot exceed 15 characters"}),className:"oui-bg-base-6",delayDuration:0,sideOffset:0,children:jsxRuntime.jsx(ui.Input,{ref:r,style:N?{width:a}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:a},classNames:{root:ui.cn("oui-p-0 oui-rounded oui-px-2 oui-my-[1px]","focus-visible:oui-outline-none focus-within:oui-outline-transparent",p==="sm"?"oui-h-[18px]":"oui-h-[24px]",v&&ui.cn(N?"oui-bg-danger/15":Y)),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",N?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",p==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:u,onBlur:()=>{m(N);},onKeyUp:bt,autoComplete:"off"})}),le=(v,O)=>{if(n&&O)return R(O);let Q={weight:"semibold",size:p==="sm"?"2xs":"sm",className:p==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},ht=O?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...Q,children:v.name}):jsxRuntime.jsx(ui.Text,{...Q,children:v.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:k,className:ui.cn("oui-cursor-pointer oui-select-none",O?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",O?Y:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{U(v),O&&o(true);},children:ht})};return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,className:e.className,children:[jsxRuntime.jsxs(ui.Flex,{ref:s,id:"oui-markets-favorites-tabs-container",className:ui.cn("oui-relative oui-cursor-pointer oui-hide-scrollbar","oui-overflow-hidden oui-overflow-x-auto"),gapX:p==="sm"?2:3,width:"100%",children:[M?.slice(0,10)?.map(v=>{let O=w.id===v.id;return jsxRuntime.jsx(ui.Tooltip,{open:O&&!n?t:false,onOpenChange:Q=>{O&&o(Q);},content:xt(v),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:le(v,O)},v.id)}),!x&&Ge(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:i,className:"oui-invisible",children:l})]}),x&&Ge()]})};function Ot(e){let{favorite:t,size:o="default"}=e,{favorites:s,favoriteTabs:r,selectedFavoriteTab:a,updateFavoriteTabs:i,updateSelectedFavoriteTab:n,updateFavorites:l}=t,[u,m]=react.useState(false),[c,f]=react.useState(false),[b,p]=react.useState(""),[x,y]=react.useState(false),w=react.useRef(null),M=react.useRef(null),U=react.useRef(null),[W,k]=react.useState(50),N=()=>{setTimeout(()=>{let{scrollWidth:le,clientWidth:v}=w.current||{};le>v&&y(true);},0);},Y=()=>{setTimeout(()=>{w.current&&(w.current.scrollLeft=w.current.scrollWidth-w.current.clientWidth);},0);},ft=R=>{f(true),p(R.name),setTimeout(()=>{M.current?.focus(),M.current?.setSelectionRange(-1,-1);},0);},bt=R=>{i({...a,name:R?a.name:b},{update:true}),f(false),m(false),N();},xt=()=>{let R={name:`WatchList_${r.length}`,id:Date.now()};i(R,{add:true}),n(R),N(),Y();},Ge=R=>{i(R,{delete:true}),setTimeout(()=>{let le=s.map(Q=>({...Q,tabs:Q.tabs?.filter(ht=>ht.id!==R.id)}));l(le);let v=r.filter(Q=>Q.id!==R.id),O=v?.[v?.length-1]||v?.[0];n(O);},0);};return react.useEffect(()=>{if(b){let R=U.current?.getBoundingClientRect(),le=o==="sm"?0:14;k(Math.max((R?.width||0)+le,50));}},[b]),react.useEffect(()=>{N();},[]),{favorite:t,open:u,setOpen:m,container:w,inputRef:M,inputWidth:W,spanRef:U,editing:c,value:b,onValueChange:p,onEdit:ft,updateCurTab:bt,addTab:xt,delTab:Ge,scrollable:x}}var ze=e=>{let{className:t,...o}=e,s=Ot(o);return jsxRuntime.jsx(Dt,{...s,size:e.size,className:t})};var Xo=Ye;var Bt=e=>{let{dataSource:t,favorite:o,onSort:s,loading:r,pagination:a}=e,{symbol:i,onSymbolChange:n}=d(),l=Xo(o,true);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ze,{favorite:o,className:"oui-my-3"}),jsxRuntime.jsx(ui.DataTable,{bordered:true,columns:l,dataSource:t,emptyView:jsxRuntime.jsx(ui.Flex,{className:"oui-text-xs oui-text-base-contrast-36",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"markets.dataList.favorites.empty",components:[jsxRuntime.jsx(Be,{className:"oui-text-base-contrast-36"})]})}),loading:r,onRow:(m,c)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{n?.(m),o.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[i]:true},onSort:s,pagination:a,manualSorting:true})]})};var Vt=()=>{let{pageSize:e,setPage:t,pagination:o}=ui.usePagination({pageSize:10}),[s,r]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[a,i]=react.useState(true),{favorites:n,selectedFavoriteTab:l}=r,{searchValue:u}=d(),{onSort:m,getSortedList:c}=I(),f=react.useMemo(()=>{let p=n?.filter(x=>x.tabs?.findIndex(y=>y.id===l.id)!==-1)?.map(x=>{let y=s?.findIndex(w=>w.symbol===x.name);return y!==-1?s[y]:null})?.filter(x=>x);return L(p,u,"base-type")},[s,l,n,u]),b=react.useMemo(()=>c(f),[f,c]);return react.useEffect(()=>{i(false);},[n]),react.useEffect(()=>{t(1);},[u]),{loading:a,dataSource:b,favorite:r,onSort:m,pagination:o}};var Wt=()=>{let e=Vt();return jsxRuntime.jsx(Bt,{...e})};var zt=e=>{let{activeTab:t,onTabChange:o}=e,{t:s}=i18n.useTranslation(),{searchValue:r,onSearchValueChange:a,clearSearchValue:i}=d(),n=jsxRuntime.jsx(ui.Input,{value:r,onValueChange:a,placeholder:s("markets.search.placeholder"),className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:r&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:i})}),autoComplete:"off"});return jsxRuntime.jsx(ui.Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:n,children:[jsxRuntime.jsx(ui.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(te,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(Wt,{})}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.allMarkets"),icon:jsxRuntime.jsx(Lo,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(Qe,{type:"all",sortKey:"24h_amount",sortOrder:"desc"})}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.newListings"),icon:jsxRuntime.jsx(Do,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Qe,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function At(){let[e,t]=react.useState("all"),{clearSearchValue:o}=d();return react.useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:s=>t(s)}}var Et=()=>{let e=At();return jsxRuntime.jsx(zt,{...e})};var re=(e,t=false)=>{let{t:o}=i18n.useTranslation();return [{title:o("markets.column.market&Volume"),dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(s,r)=>{let a;return t||(a=jsxRuntime.jsx(J,{row:r,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r.isFavorite?jsxRuntime.jsx(ve,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Se,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[a,jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:s})]})]})}},{title:o("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(s,r)=>{let a=l=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),l.stopPropagation();},i="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ye,{className:i,onClick:l=>{l.stopPropagation(),e.pinToTop(r);}}),jsxRuntime.jsx(we,{className:i,onClick:a})]})});return jsxRuntime.jsxs("div",{className:"oui-relative",children:[t&&n,jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:ui.cn(t&&"group-hover:oui-invisible"),children:[jsxRuntime.jsx(ui.Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:s})]})]})}}]};var se=e=>{let{symbol:t,onSymbolChange:o}=d(),{t:s}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-overflow-y-auto oui-custom-scrollbar oui-h-full",children:jsxRuntime.jsx(ui.Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let a=jsxRuntime.jsxs(ui.Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:s("markets.column.last")}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:s("markets.column.24hPercentage")})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsxRuntime.jsx(ui.Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})]});return jsxRuntime.jsx(ui.Tooltip,{side:"right",sideOffset:6,content:a,delayDuration:0,children:jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:ui.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:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})},r.symbol)})})})};var Ht=e=>{let{dataSource:t,favorite:o,onSort:s,loading:r,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),u=re(o,true),m=typeof a=="function"?a(o,true):u;return i?jsxRuntime.jsx(se,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(ze,{favorite:o,size:"sm"})}),jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:m,dataSource:t,loading:r,onRow:(c,f)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:true},onSort:s,manualSorting:true})]})};var Kt=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[o,s]=react.useState(true),{favorites:r,selectedFavoriteTab:a}=t,{searchValue:i}=d(),{onSort:n,getSortedList:l}=I(),u=react.useMemo(()=>{let m=r?.filter(f=>f.tabs?.findIndex(b=>b.id===a.id)!==-1)?.map(f=>{let b=e?.findIndex(p=>p.symbol===f.name);return b!==-1?e[b]:null})?.filter(f=>f),c=L(m,i,"base");return l(c)},[e,a,r,i,l]);return react.useEffect(()=>{s(false);},[e]),{loading:o,dataSource:u,favorite:t,onSort:n}};var fe=e=>{let t=Kt();return jsxRuntime.jsx(Ht,{...t,...e})};var Xt=e=>{let{loading:t,dataSource:o,favorite:s,onSort:r,initialSort:a,getColumns:i,collapsed:n}=e,{symbol:l,onSymbolChange:u}=d(),m=re(s,false),c=typeof i=="function"?i(s,false):m;return n?jsxRuntime.jsx(se,{dataSource:o}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,loading:t,dataSource:o,onRow:(f,b)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{u?.(f),s.addToHistory(f);}}),generatedRowKey:f=>f.symbol,rowSelection:{[l]:true},onSort:r,initialSort:a,manualSorting:true})};var qt=e=>{let[t,o]=react.useState(true),[s,r]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:a}=d(),{onSort:i,getSortedList:n}=I(e?.sortKey,e?.sortOrder,e.onSort),l=react.useMemo(()=>{let u=L(s,a,"base");return n(u)},[s,n,a]);return react.useEffect(()=>{o(false);},[s]),{loading:t,dataSource:l,favorite:r,onSort:i}};var j=e=>{let t=qt(e);return jsxRuntime.jsx(Xt,{...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:s,loading:r,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),u=re(o,false),m=typeof a=="function"?a(o,false):u;return i?jsxRuntime.jsx(se,{dataSource:t}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:m,dataSource:t,loading:r,onRow:(c,f)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:true},onSort:s,manualSorting:true})};var Yt=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[o,s]=react.useState(true),{searchValue:r}=d(),{onSort:a,getSortedList:i}=I(),n=react.useMemo(()=>{let l=L(e,r,"base");return i(l)},[e,r,i]);return react.useEffect(()=>{s(false);},[e]),{loading:o,dataSource:n,favorite:t,onSort:a}};var be=e=>{let t=Yt();return jsxRuntime.jsx($t,{...t,...e})};var Qt=e=>{let{dataSource:t,favorite:o,onSort:s,loading:r,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),u=re(o,false),m=typeof a=="function"?a(o,false):u;return i?jsxRuntime.jsx(se,{dataSource:t}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:m,dataSource:t,loading:r,onRow:(c,f)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:true},onSort:s,manualSorting:true})};var Zt=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.NEW_LISTING),[o,s]=react.useState(true),{searchValue:r}=d(),{onSort:a,getSortedList:i}=I(),n=react.useMemo(()=>{let l=L(e,r,"base");return i(l)},[e,r,i]);return react.useEffect(()=>{s(false);},[e]),{loading:o,dataSource:n,favorite:t,onSort:a}};var xe=e=>{let t=Zt();return jsxRuntime.jsx(Qt,{...t,...e})};var Jt=e=>{let{activeTab:t,onTabChange:o,tabSort:s,onTabSort:r}=e,{searchValue:a,onSearchValueChange:i,clearSearchValue:n}=d(),{t:l}=i18n.useTranslation(),u=jsxRuntime.jsx(ui.Input,{value:a,onValueChange:i,placeholder:l("markets.search.placeholder"),classNames:{root:"oui-border oui-mt-[1px] oui-border-line"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:a&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:n})}),autoComplete:"off"}),m="oui-h-[calc(100%_-_36px)]";return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold oui-overflow-hidden"),height:"100%",children:[jsxRuntime.jsx(ui.Box,{px:3,pb:2,children:u}),jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:ui.cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:m,showScrollIndicator:true,children:[jsxRuntime.jsx(ui.TabPanel,{title:l("markets.favorites"),icon:jsxRuntime.jsx(te,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(fe,{tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:l("markets.recent"),value:"recent",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(be,{tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:l("common.all"),value:"all",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(j,{type:"all",sortKey:s?.sortKey,sortOrder:s?.sortOrder,onSort:r,tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:l("markets.newListings"),value:"newListing",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(xe,{tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var ir="24h_amount",lr="desc";function Le(e){let{storageKey:t,type:o="all",initialSort:s}=e,[r,a]=hooks.useSessionStorage(t,{[o]:{sortKey:s?.sortKey||ir,sortOrder:s?.sortOrder||lr}}),i=react.useCallback((n=ir,l=lr)=>{a({...r,all:{sortKey:n,sortOrder:l}});},[]);return {tabSort:r[o],onTabSort:i}}function jt(e){let[t,o]=react.useState(e?.activeTab),{tabSort:s,onTabSort:r}=Le({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:a}=d(),i=react.useCallback(n=>{typeof e?.onTabChange=="function"?e.onTabChange(n):o(n);},[e?.onTabChange]);return react.useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),react.useEffect(()=>{a?.();},[t]),{activeTab:t,onTabChange:i,tabSort:s,onTabSort:r}}var eo=e=>{let t=jt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Jt,{...t})})};var ae=(e=5)=>t=>t===0?jsxRuntime.jsx(ui.Text,{children:" - "}):jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:e,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:t}),dr=(e,t)=>{let{t:o}=i18n.useTranslation();return [{title:o("markets.column.market"),dataIndex:"symbol",width:120,render:s=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:s})},{title:o("markets.funding.column.estFunding"),dataIndex:"estFunding",width:120,onSort:true,render:s=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:s}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:" / 4h "})]})},{title:o("markets.funding.column.lastFunding"),dataIndex:"lastFunding",width:90,onSort:true,render:ae()},{title:o("markets.funding.column.1dAvg"),dataIndex:"funding1d",width:90,onSort:true,render:ae()},{title:o("markets.funding.column.3dAvg"),dataIndex:"funding3d",width:90,onSort:true,render:ae()},{title:o("markets.funding.column.7dAvg"),dataIndex:"funding7d",width:90,onSort:true,render:ae()},{title:o("markets.funding.column.14dAvg"),dataIndex:"funding14d",width:90,onSort:true,render:ae()},{title:o("markets.funding.column.30dAvg"),dataIndex:"funding30d",width:90,onSort:true,render:ae()},{title:o("markets.funding.column.90dAvg"),dataIndex:"funding90d",width:90,onSort:true,render:ae()},{title:jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-1",children:[jsxRuntime.jsx("select",{value:e,onChange:s=>t(s.target.value),onClick:s=>s.stopPropagation(),className:"oui-w-12 oui-rounded-md oui-border oui-border-line oui-bg-[var(--oui-table-background-color)]",children:[{label:o("common.select.1d"),value:"1dPositive"},{label:o("common.select.3d"),value:"3dPositive"},{label:o("common.select.7d"),value:"7dPositive"},{label:o("common.select.14d"),value:"14dPositive"},{label:o("common.select.30d"),value:"30dPositive"},{label:o("common.select.90d"),value:"90dPositive"}].map(s=>jsxRuntime.jsx("option",{value:s.value,children:s.label},s.value))}),jsxRuntime.jsx("span",{children:o("markets.funding.column.positiveRate")})]}),dataIndex:e,width:130,align:"right",onSort:true,render:ae(2)}]};var to=e=>{let{dataSource:t,isLoading:o,pagination:s,onSort:r}=e,[a,i]=react.useState("1dPositive"),n=dr(a,i);return jsxRuntime.jsx("div",{className:"w-full",children:jsxRuntime.jsx(ui.DataTable,{columns:n,dataSource:t,loading:o,bordered:true,onRow:()=>({className:ui.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:s,onSort:r,manualSorting:true,generatedRowKey:l=>l.symbol})})};var ro=()=>{let{pageSize:e,pagination:t}=ui.usePagination({pageSize:10}),[o]=hooks.useMarkets(hooks.MarketsType.ALL),{data:s,isLoading:r,getPositiveRates:a}=hooks.useFundingRateHistory(),{onSort:i,getSortedList:n}=I(),{searchValue:l}=d(),u=react.useMemo(()=>{if(!o?.length)return [];let b=["1d","3d","7d","14d","30d","90d"].reduce((p,x)=>(p[x]=a(s,x),p),{});return o.map(p=>{let x=s?.find(y=>y.symbol===p.symbol);return {symbol:p.symbol,estFunding:p.est_funding_rate,lastFunding:p.last_funding_rate,funding1d:x?.funding?.["1d"]?.rate??0,funding3d:x?.funding?.["3d"]?.rate??0,funding7d:x?.funding?.["7d"]?.rate??0,funding14d:x?.funding?.["14d"]?.rate??0,funding30d:x?.funding?.["30d"]?.rate??0,funding90d:x?.funding?.["90d"]?.rate??0,"1dPositive":b["1d"][p.symbol]??"-","3dPositive":b["3d"][p.symbol]??"-","7dPositive":b["7d"][p.symbol]??"-","14dPositive":b["14d"][p.symbol]??"-","30dPositive":b["30d"][p.symbol]??"-","90dPositive":b["90d"][p.symbol]??"-"}})},[o,s,a]),m=react.useMemo(()=>L(u,l,"base-type"),[u,l,t]);return {dataSource:react.useMemo(()=>n(m),[m,n]),isLoading:r,pagination:t,onSort:i}};var so=()=>{let e=ro();return jsxRuntime.jsx(to,{...e})};var rt=["WOOFi Pro","Binance","OKX","Bybit","dYdX","Bitget","Kucoin"],no=()=>{let{pageSize:e,setPage:t,pagination:o}=ui.usePagination({pageSize:10}),{onSort:s,getSortedList:r}=I(),{searchValue:a}=d(),i=hooks.useFundingRates(),{data:n,isLoading:l}=hooks.useQuery("/v1/public/market_info/funding_comparison"),u=react.useMemo(()=>n?.length?n.map(f=>{let b={symbol:f.symbol};return rt.forEach((p,x)=>{let y=p.toLowerCase();if(y==="woofi pro"){let M=i[f.symbol];b[`exchange_${x}`]=M("last_funding_rate")??null;return}let w=f.exchanges.find(M=>M.name.toLowerCase()===y);b[`exchange_${x}`]=w?.last??null;}),b}):[],[n,rt,i]),m=react.useMemo(()=>L(u,a,"base-type"),[u,a,o]);return {data:react.useMemo(()=>r(m),[m,r]),isLoading:l,pagination:o,onSort:s}};var br=()=>{let{t:e}=i18n.useTranslation();return [{title:e("markets.column.market"),dataIndex:"symbol",width:150,onSort:true,render:t=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:t})},...rt.map((t,o)=>({title:jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[jsxRuntime.jsx("img",{src:`https://oss.orderly.network/static/exchange_logo/${t.toLowerCase().replace(" ","_")}.png`,style:{width:"24px",height:"24px",objectFit:"cover",borderRadius:"50%"}}),jsxRuntime.jsx("span",{children:t})]}),dataIndex:`exchange_${o}`,width:100,render:s=>s===null?"-":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:s})}))]};var io=({data:e,isLoading:t,pagination:o})=>{let s=br();return jsxRuntime.jsx(ui.DataTable,{columns:s,dataSource:e,loading:t,onRow:()=>({className:ui.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:o})};var lo=()=>{let e=no();return jsxRuntime.jsx(io,{...e})};var uo=e=>{let{collapsable:t,collapsed:o,onCollapse:s,activeTab:r,onTabChange:a,className:i}=e,{symbol:n,onSymbolChange:l}=d(),u=()=>o?r==="favorites"?jsxRuntime.jsx(fe,{collapsed:o}):r==="recent"?jsxRuntime.jsx(be,{collapsed:o}):r==="newListing"?jsxRuntime.jsx(xe,{collapsed:o}):jsxRuntime.jsx(j,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:o}):jsxRuntime.jsx(eo,{activeTab:r,onTabChange:a,symbol:n,onSymbolChange:l});return jsxRuntime.jsxs(ui.Flex,{id:"oui-side-markets",className:ui.cn("oui-font-semibold",i),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(Sn,{collapsable:t,collapsed:o,onCollapse:s}),jsxRuntime.jsx(ui.Box,{width:"100%",className:ui.cn(o?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:u()})]})},Sn=e=>{let{collapsable:t,collapsed:o,onCollapse:s}=e,{t:r}=i18n.useTranslation(),a=ui.cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return o?jsxRuntime.jsx(Vo,{className:a,onClick:()=>{t&&s?.(false);}}):jsxRuntime.jsxs(ui.Flex,{justify:"between",px:3,width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:r("common.markets")}),jsxRuntime.jsx(Wo,{className:a,onClick:()=>{t&&s?.(true);}})]})};function co(e){let[t,o]=react.useState(e?.collapsed),[s,r]=hooks.useLocalStorage("orderly_side_markets_sel_tab_key","all"),a=react.useMemo(()=>e?.collapsable??true,[e?.collapsable]),i=react.useCallback(n=>{typeof e?.onCollapse=="function"?e.onCollapse(n):o(n);},[e?.onCollapse]);return react.useEffect(()=>{o(e?.collapsed);},[e?.collapsed]),{collapsable:a,collapsed:t,onCollapse:i,activeTab:s,onTabChange:r}}var Mn=e=>{let t=co({collapsable:e.collapsable,collapsed:e.collapsed,onCollapse:e.onCollapse});return jsxRuntime.jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(uo,{...t,className:e.className})})};var fo=()=>{let{t:e}=i18n.useTranslation();return react.useCallback((t,o=false)=>[{title:e("common.symbol"),dataIndex:"symbol",width:150,render:(s,r)=>{let a;return o||(a=jsxRuntime.jsx(J,{row:r,favorite:t,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r.isFavorite?jsxRuntime.jsx(ve,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Se,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[a,jsxRuntime.jsx(ui.TokenIcon,{symbol:s,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:s}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]})}},{title:e("markets.column.last"),dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(s,r)=>jsxRuntime.jsx(ui.Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:s})},{title:e("markets.column.24hPercentage"),dataIndex:"change",align:"right",onSort:true,width:80,render:s=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:s})},{title:e("common.volume"),dataIndex:"24h_amount",align:"right",onSort:true,className:"oui-relative",width:80,render:(s,r)=>{let a=l=>{t.updateSymbolFavoriteState(r,t.selectedFavoriteTab,true),l.stopPropagation();},i="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.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:[jsxRuntime.jsx(ye,{className:i,onClick:l=>{l.stopPropagation(),t.pinToTop(r);}}),jsxRuntime.jsx(we,{className:i,onClick:a})]})});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o&&n,jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,className:ui.cn(o&&"group-hover:oui-invisible"),children:s})]})}}],[e])};var bo=e=>jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:ui.cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsxRuntime.jsx(kr,{...e,hide:e.hide})})})]}),kr=e=>{let{activeTab:t,onTabChange:o,tabSort:s,onTabSort:r}=e,{searchValue:a,onSearchValueChange:i}=d(),{t:n}=i18n.useTranslation(),l=fo(),u=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(ui.Input,{value:a,onValueChange:i,placeholder:n("markets.search.placeholder"),classNames:{root:"oui-border oui-mt-[1px] oui-border-line oui-flex-1"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),autoComplete:"off"}),jsxRuntime.jsx(ui.CloseIcon,{size:12,className:"oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.hide,opacity:1})]}),m="oui-h-[calc(100%_-_36px)]";return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold oui-overflow-hidden"),height:"100%",intensity:800,children:[u,jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:m,children:[jsxRuntime.jsx(ui.TabPanel,{title:n("markets.favorites"),icon:jsxRuntime.jsx(te,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(fe,{getColumns:l,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:n("markets.recent"),value:"recent",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(be,{getColumns:l,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:n("common.all"),value:"all",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(j,{type:"all",sortKey:s?.sortKey,sortOrder:s?.sortOrder,onSort:r,getColumns:l,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:n("markets.newListings"),value:"newListing",children:jsxRuntime.jsx("div",{className:m,children:jsxRuntime.jsx(xe,{getColumns:l,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function xo(e){let[t,o]=react.useState(false),[s,r]=hooks.useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:a,onTabSort:i}=Le({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:n}=d(),l=()=>{o(false);};return react.useEffect(()=>{n?.();},[s]),{activeTab:s,onTabChange:u=>r(u),open:t,onOpenChange:o,hide:l,tabSort:a,onTabSort:i}}var ho=e=>{let t=xo();return jsxRuntime.jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(bo,{...t,contentClassName:e.contentClassName,children:e.children})})};var Tr=(e,t=false)=>[{title:i18n.i18n.t("markets.column.market&Volume"),dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(o,s)=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:s.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:s.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[s.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:o})]})},{title:i18n.i18n.t("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(o,s)=>{let r=n=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,true),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ye,{className:a,onClick:n=>{n.stopPropagation(),e.pinToTop(s);}}),jsxRuntime.jsx(we,{className:a,onClick:r})]})});return jsxRuntime.jsxs("div",{className:"oui-relative",children:[t&&i,jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:ui.cn(t&&"group-hover:oui-invisible"),children:[jsxRuntime.jsx(ui.Text.numeral,{dp:s.quote_dp||2,size:"2xs",children:s["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var So=e=>{let{className:t,tabSort:o,onTabSort:s}=e,{searchValue:r,onSearchValueChange:a,clearSearchValue:i}=d(),{t:n}=i18n.useTranslation(),l=jsxRuntime.jsx(ui.Input,{value:r,onValueChange:a,placeholder:n("markets.search.placeholder"),classNames:{root:"oui-border oui-border-line oui-mt-4"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:r&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:i})}),autoComplete:"off"});return jsxRuntime.jsxs(ui.Grid,{cols:1,className:ui.cn("oui-font-semibold oui-grid-rows-[auto,1fr]",t),height:"100%",width:"100%",children:[jsxRuntime.jsxs(ui.Box,{px:3,mt:3,children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:n("common.markets")}),l]}),jsxRuntime.jsx("div",{className:"oui-relative",children:jsxRuntime.jsx(ui.Box,{width:"100%",mt:2,className:"oui-absolute oui-left-0 oui-right-9 oui-top-0 oui-bottom-0",children:jsxRuntime.jsx(j,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:s,getColumns:Tr,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function yo(e){let{tabSort:t,onTabSort:o}=Le({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:o}}var Jn=e=>{let t=yo();return jsxRuntime.jsx(A,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(So,{...t,className:e.className})})};var wo=e=>{let{symbol:t,data:o,leverage:s,onSymbol:r}=e,a=jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:r,children:[jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:true,children:t}),jsxRuntime.jsx(He,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,children:[a,jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[s,"x"]})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsxRuntime.jsx(ui.Text.numeral,{size:"2xs",rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:o?.change})]}),e.trailing]})};function ko(e){let{symbol:t}=e,o=hooks.useTickerStream(t),s=hooks.useSymbolsInfo(),r=react.useMemo(()=>{let a=s[t],i=a("base_imr");return ni(i)},[t,s]);return {symbol:t,data:o,leverage:r}}function ni(e){return e?1/e:void 0}var ii=e=>{let{symbol:t,...o}=e,s=ko({symbol:t});return jsxRuntime.jsx(wo,{...s,...o})};var Co=e=>{let{symbol:t,isFavorite:o,favorite:s,data:r,quotoDp:a,openInterest:i,fundingRate:n,containerRef:l,leadingElementRef:u,tailingElementRef:m,leadingVisible:c,tailingVisible:f,onScoll:b}=e,{t:p}=i18n.useTranslation(),x=jsxRuntime.jsx(J,{row:{symbol:t},favorite:s,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o?jsxRuntime.jsx(ve,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Se,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),y=jsxRuntime.jsx(ho,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui.Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsxRuntime.jsx(He,{className:"oui-text-base-contrast-54"})]})}),w=jsxRuntime.jsx(ui.Text.numeral,{dp:a||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:r?.["24h_close"]}),M=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r?.["24h_change"]}),jsxRuntime.jsx(ui.Text,{intensity:36,children:"/"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r?.change})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxRuntime.jsxs(ui.Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[x,y]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),w,jsxRuntime.jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxRuntime.jsxs(ui.Flex,{gapX:8,height:"100%",children:[jsxRuntime.jsx("div",{ref:u,children:jsxRuntime.jsx(Re,{label:p("markets.column.24hChange"),value:M})}),jsxRuntime.jsx(Re,{label:p("markets.symbolInfoBar.Mark"),value:jsxRuntime.jsx(ui.Text.numeral,{dp:a,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:r?.mark_price}),hint:p("markets.symbolInfoBar.Mark.tooltip")}),jsxRuntime.jsx(Re,{label:p("markets.symbolInfoBar.Index"),value:jsxRuntime.jsx(ui.Text.numeral,{dp:a,children:r?.index_price}),hint:p("markets.symbolInfoBar.Index.tooltip")}),jsxRuntime.jsx(Re,{label:p("markets.symbolInfoBar.24hVolume"),value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:r?.["24h_amount"]}),hint:p("markets.symbolInfoBar.24hVolume.tooltip")}),jsxRuntime.jsx(Re,{label:p("markets.symbolInfoBar.predFundingRate"),value:jsxRuntime.jsx(gi,{symbol:t}),hint:p("markets.symbolInfoBar.predFundingRate.tooltip")}),jsxRuntime.jsx("div",{ref:m,children:jsxRuntime.jsx(Re,{label:p("markets.openInterest"),value:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:i}),jsxRuntime.jsx(ui.Text,{intensity:36,children:" USDC"})]}),hint:p("markets.openInterest.tooltip")})})]})}),jsxRuntime.jsx(Dr,{leading:true,onClick:b,visible:c}),jsxRuntime.jsx(Dr,{tailing:true,onClick:b,visible:f})]})]}),e.trailing]})},Re=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.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:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,className:ui.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})}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:98,className:ui.cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),Dr=e=>{let{visible:t,leading:o,tailing:s,onClick:r}=e;return t?jsxRuntime.jsx("button",{onClick:()=>{r?.(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:ui.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",s&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsxRuntime.jsx(Uo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},gi=({symbol:e})=>{let t=hooks.useFundingRate(e);return t?.est_funding_rate===null?"--":jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsxRuntime.jsx(ui.Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function Mo(e){let{symbol:t}=e,o=hooks.useTickerStream(t),s=hooks.useFundingRate(t),r=hooks.useMarketsStore(),i=hooks.useSymbolsInfo()[t]("quote_dp"),[n,l]=react.useState(false),[u,m]=react.useState(false),c=react.useRef(null),f=react.useRef(null),b=react.useRef(null),p=react.useMemo(()=>!!r.favorites.find(w=>w.name===t),[r.favorites,t]),x=react.useMemo(()=>new utils.Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return react.useEffect(()=>{let w=new IntersectionObserver(M=>{for(let U=0;U<M.length;U++){let W=M[U];W&&(W.target===f.current&&l(!W.isIntersecting),W.target===b.current&&m(!W.isIntersecting));}});return f.current&&w.observe(f.current),b.current&&w.observe(b.current),()=>{w.disconnect();}},[]),{symbol:t,isFavorite:p,favorite:r,data:o,quotoDp:i,openInterest:x,fundingRate:s,containerRef:c,leadingElementRef:f,tailingElementRef:b,leadingVisible:n,tailingVisible:u,onScoll:w=>{w==="left"?c.current?.scrollBy({left:-100,behavior:"smooth"}):c.current?.scrollBy({left:100,behavior:"smooth"});}}}var yi=e=>{let{symbol:t,...o}=e,s=Mo({symbol:t});return jsxRuntime.jsx(Co,{...s,...o})};var Wr=({activeFundingTab:e,onFundingTabChange:t})=>{let{searchValue:o,onSearchValueChange:s,clearSearchValue:r}=d(),{t:a}=i18n.useTranslation(),i=jsxRuntime.jsx(ui.Input,{value:o,onValueChange:s,placeholder:a("markets.search.placeholder"),className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:o&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:r})}),autoComplete:"off"});return jsxRuntime.jsx(ui.Box,{id:"oui-funding-list",intensity:900,p:6,mt:4,r:"2xl",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"lg",value:e,onValueChange:t,trailing:i,children:[jsxRuntime.jsx(ui.TabPanel,{title:a("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxRuntime.jsx(so,{})}),jsxRuntime.jsx(ui.TabPanel,{title:a("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxRuntime.jsx(lo,{})})]})})};function Ur(){let[e,t]=react.useState("overview");return {activeFundingTab:e,onFundingTabChange:o=>t(o)}}var _r=()=>{let e=Ur();return jsxRuntime.jsx(Wr,{...e})};var Bi=e=>{let[t,o]=react.useState("markets"),{t:s}=i18n.useTranslation();return jsxRuntime.jsx(A,{onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(ui.Box,{id:"oui-markets-home-page",className:ui.cn("oui-font-semibold",e.className),p:6,children:jsxRuntime.jsxs(ui.Tabs,{variant:"text",size:"xl",value:t,onValueChange:o,children:[jsxRuntime.jsxs(ui.TabPanel,{title:s("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsxRuntime.jsx(kt,{}),jsxRuntime.jsx(Et,{})]}),jsxRuntime.jsx(ui.TabPanel,{title:s("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(_r,{})})]})})})};
|
|
15
|
+
var Io=react.createContext({}),E=e=>{let[t,o]=react.useState(""),a=react.useCallback(()=>{o("");},[]);return jsxRuntime.jsx(Io.Provider,{value:{searchValue:t,onSearchValueChange:o,clearSearchValue:a,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function f(){return react.useContext(Io)}var Lo=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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"})})]}),Do=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Ro=e=>jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"12",height:"12",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 0h12v12H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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"})})]}),Bo=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),te=e=>jsxRuntime.jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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"})})]}),Ve=e=>jsxRuntime.jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.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 K=e=>jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Oo=e=>jsxRuntime.jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ce=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ve=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Se=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ye=e=>jsxRuntime.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),ke=e=>jsxRuntime.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Vo=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsxRuntime.jsx("path",{d:"M0 0h16v16H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.jsx("path",{d:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),Wo=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsxRuntime.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)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),_o=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),Ao=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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"})}),zo=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.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 yt=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:a,enableScroll:r,news:s,gainers:n,losers:i,total24Amount:l,totalOpenInterest:d,tvl:p,favorite:c}=e,{onSymbolChange:b}=f(),{t:m}=i18n.useTranslation(),u=ui.cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",r&&"oui-select-none oui-cursor-pointer"),x=v=>{b?.(v),c.addToHistory(v);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:r?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,mt:4,children:[jsxRuntime.jsx(Zr,{total24Amount:l,totalOpenInterest:d,tvl:p,className:u}),jsxRuntime.jsx(vt,{data:s,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:m("markets.newListings")}),className:u,onSymbol:x}),jsxRuntime.jsx(vt,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:m("markets.topGainers")}),className:u,onSymbol:x}),jsxRuntime.jsx(vt,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:m("markets.topLosers")}),className:u,onSymbol:x})]}),jsxRuntime.jsx("div",{className:"oui-mt-1 oui-mb-3 3xl:oui-mt-4 3xl:oui-mb-0",children:jsxRuntime.jsx(ea,{scrollIndex:a,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},Zr=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=i18n.useTranslation(),s=react.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ce,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ce,{})," ",r("markets.openInterest")]}),value:o},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ce,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsxRuntime.jsx(ui.Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((n,i)=>jsxRuntime.jsx(Jr,{...n},i))})},Jr=e=>jsxRuntime.jsxs(ui.Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsxRuntime.jsx(ui.Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:utils.Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),vt=e=>jsxRuntime.jsxs(ui.Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsxRuntime.jsx(ui.Box,{px:4,children:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsxRuntime.jsx(jr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),jr=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui.cn("hover:oui-bg-base-8 oui-cursor-pointer",e.className),onClick:()=>{e.onSymbol(t);},children:[jsxRuntime.jsx(ui.Flex,{width:"100%",gapX:1,children:jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsxRuntime.jsx(ui.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui.Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsxRuntime.jsx(ui.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})},ea=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:a}=e;return jsxRuntime.jsx(ui.Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(r=>jsxRuntime.jsx(ui.Box,{py:1,pl:r===0?1:0,pr:r===1?1:0,onClick:()=>{t===0&&r===1?a?.():t===1&&r===0&&o?.();},className:"oui-cursor-pointer",children:jsxRuntime.jsx(ui.Box,{width:8,height:4,r:"full",className:ui.cn("oui-transition-all oui-duration-300",t===r?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},r)},r))})};function _e(e,t){let{sortKey:o,sortOrder:a}=t||{},r=[...e||[]],s=n=>n==null;return o&&a&&r.sort((n,i)=>{let l=n[o],d=i[o];return s(l)?1:s(d)?-1:a==="desc"?d-l:l-d}),r}function N(e,t){let[o,a]=react.useState(e),r=react.useCallback(n=>{let i=n?{sortKey:n.sortKey,sortOrder:n.sort}:void 0;a(i||e),t?.(i);},[]),s=react.useCallback(n=>_e(n,o),[o]);return {sort:o,onSort:r,getSortedList:s}}function P(e,t="",o){let a=new RegExp(t,"i");return e?.filter(r=>a.test(oa(r.symbol,o)))}function oa(e,t="base"){let o=e.split("_"),a=o[0],r=o[1],s=o[2];return t.replace("type",a).replace("base",r).replace("quote",s)}function Go(){let[e,t]=react.useState(0),[o,a]=react.useState(0);return react.useEffect(()=>{t(window.innerWidth),a(window.innerHeight);let r=()=>{a(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r);}},[]),{width:e,height:o}}var wt=()=>{let[e,t]=react.useState(0),o=ma(),{width:a}=Go(),[r,s]=sa__default.default({loop:true,slidesToScroll:"auto"});return react.useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:r,emblaApi:s,enableScroll:a<1440,...o}};function ma(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:o}=hooks.useQuery("/v1/public/balance/stats"),a=react.useMemo(()=>_e(e,{sortKey:"created_time",sortOrder:"desc"}).slice(0,5),[e]),r=react.useMemo(()=>_e(e,{sortKey:"change",sortOrder:"desc"}).slice(0,5),[e]),s=react.useMemo(()=>_e(e,{sortKey:"change",sortOrder:"asc"}).slice(0,5),[e]),n=react.useMemo(()=>e?.reduce((d,p)=>d.add(p["24h_amount"]||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),i=react.useMemo(()=>e?.reduce((d,p)=>d.add(p.openInterest||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),l=react.useMemo(()=>{if(!o)return 0;let{total_holding:d=0}=o;return new utils.Decimal(d).toNumber()},[o]);return {markets:e,news:a,gainers:r,losers:s,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var Ft=()=>{let e=wt();return jsxRuntime.jsx(yt,{...e})};var Mt=e=>{let{open:t,setOpen:o,container:a,inputRef:r,inputWidth:s,spanRef:n,editing:i,value:l,onValueChange:d,updateCurTab:p,onEdit:c,addTab:b,delTab:m,size:u="default",scrollable:x}=e,{t:v}=i18n.useTranslation(),{selectedFavoriteTab:S,favoriteTabs:C,updateSelectedFavoriteTab:O}=e.favorite,W=u==="sm"?28:36,w=u==="sm"?18:24,T=l?.length>15,$="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)]",gt=y=>{ui.modal.confirm({title:v("markets.favorites.tabs.delete.dialog.title"),content:jsxRuntime.jsx(ui.Text,{size:"sm",children:v("markets.favorites.tabs.delete.dialog.description",{name:y.name})}),onOk(){return m(y),Promise.resolve()}});},bt=y=>{y.key==="Enter"&&p(T);},xt=y=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(Lo,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{c(y);}}),jsxRuntime.jsx(Do,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{gt(y);}})]}),He=()=>{let y=C.length>=10,D=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",y?"oui-cursor-not-allowed":"oui-cursor-pointer",y?"oui-bg-base-3":$),width:W,height:w,r:"base",justify:"center",itemAlign:"center",onClick:y?void 0:b,children:y?jsxRuntime.jsx(Vo,{className:"oui-z-[1] oui-size-3 oui-text-base-contrast-54"}):jsxRuntime.jsx(Wo,{className:"oui-size-3"})});return y?jsxRuntime.jsx(ui.Tooltip,{content:jsxRuntime.jsx(ui.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:D}):D},L=y=>jsxRuntime.jsx(ui.Tooltip,{open:T,content:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:"List name cannot exceed 15 characters"}),className:"oui-bg-base-6",delayDuration:0,sideOffset:0,children:jsxRuntime.jsx(ui.Input,{ref:r,style:T?{width:s}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:s},classNames:{root:ui.cn("oui-my-px oui-rounded oui-p-0 oui-px-2","focus-within:oui-outline-transparent focus-visible:oui-outline-none",u==="sm"?"oui-h-[18px]":"oui-h-[24px]",y&&ui.cn(T?"oui-bg-danger/15":$)),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",T?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",u==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:d,onBlur:()=>{p(T);},onKeyUp:bt,autoComplete:"off"})}),me=(y,D)=>{if(i&&D)return L(D);let Y={weight:"semibold",size:u==="sm"?"2xs":"sm",className:u==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},ht=D?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...Y,children:y.name}):jsxRuntime.jsx(ui.Text,{...Y,children:y.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:w,className:ui.cn("oui-cursor-pointer oui-select-none",D?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",D?$:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{O(y),D&&o(true);},children:ht})};return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,className:e.className,children:[jsxRuntime.jsxs(ui.Flex,{ref:a,id:"oui-markets-favorites-tabs-container",className:ui.cn("oui-hide-scrollbar oui-relative oui-cursor-pointer","oui-overflow-hidden oui-overflow-x-auto"),gapX:u==="sm"?2:3,width:"100%",children:[C?.slice(0,10)?.map(y=>{let D=S.id===y.id;return jsxRuntime.jsx(ui.Tooltip,{open:D&&!i?t:false,onOpenChange:Y=>{D&&o(Y);},content:xt(y),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:me(y,D)},y.id)}),!x&&He(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),x&&He()]})};function Pt(e){let{favorite:t,size:o="default"}=e,{favorites:a,favoriteTabs:r,selectedFavoriteTab:s,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[d,p]=react.useState(false),[c,b]=react.useState(false),[m,u]=react.useState(""),[x,v]=react.useState(false),S=react.useRef(null),C=react.useRef(null),O=react.useRef(null),[W,w]=react.useState(50),T=()=>{setTimeout(()=>{let{scrollWidth:me,clientWidth:y}=S.current||{};me>y&&v(true);},0);},$=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},gt=L=>{b(true),u(L.name),setTimeout(()=>{C.current?.focus(),C.current?.setSelectionRange(-1,-1);},0);},bt=L=>{n({...s,name:L?s.name:m},{update:true}),b(false),p(false),T();},xt=()=>{let L={name:`WatchList_${r.length}`,id:Date.now()};n(L,{add:true}),i(L),T(),$();},He=L=>{n(L,{delete:true}),setTimeout(()=>{let me=a.map(Y=>({...Y,tabs:Y.tabs?.filter(ht=>ht.id!==L.id)}));l(me);let y=r.filter(Y=>Y.id!==L.id),D=y?.[y?.length-1]||y?.[0];i(D);},0);};return react.useEffect(()=>{if(m){let L=O.current?.getBoundingClientRect(),me=o==="sm"?0:14;w(Math.max((L?.width||0)+me,50));}},[m]),react.useEffect(()=>{T();},[]),{favorite:t,open:d,setOpen:p,container:S,inputRef:C,inputWidth:W,spanRef:O,editing:c,value:m,onValueChange:u,onEdit:gt,updateCurTab:bt,addTab:xt,delTab:He,scrollable:x}}var de=e=>{let{className:t,...o}=e,a=Pt(o);return jsxRuntime.jsx(Mt,{...a,size:e.size,className:t})};var Lt=e=>{let{symbol:t,favoriteTabs:o,open:a,onOpenChange:r,inputVisible:s,selectedTabs:n,value:i,onValueChange:l,hide:d,hideInput:p,showInput:c,onCheck:b,addTab:m,confirm:u}=e,{t:x}=i18n.useTranslation(),v=i?.length>15,S=()=>{if(s)return jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.Input,{autoFocus:true,value:i,onValueChange:l,classNames:{root:ui.cn("oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6",v&&"focus-within:oui-outline-danger focus-visible:oui-outline-danger")},autoComplete:"off",suffix:i&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{opacity:1,size:14,className:"oui-cursor-pointer oui-text-base-contrast-20",onClick:()=>{l("");}})})}),jsxRuntime.jsx(ui.Button,{className:"oui-rounded-sm",size:"sm",onClick:m,disabled:!i||v,children:x("common.add")})]}),v&&jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsxRuntime.jsx("div",{className:"oui-size-1 oui-rounded-full oui-bg-danger"}),jsxRuntime.jsx(ui.Text,{color:"danger",children:x("markets.favorites.tabs.maxName")})]})]});let w=o.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:w?void 0:false,content:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:x("markets.favorites.tabs.maxList")}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:jsxRuntime.jsx("div",{children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn(w?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:w?500:600,onClick:w?void 0:c,height:28,r:"base",children:[jsxRuntime.jsx(ui.PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsxRuntime.jsx(ui.Text,{className:"",intensity:20,children:x("markets.favorites.dropdown.addPlaceholder")})]})})})},C=jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-mb-[10px] oui-mt-3",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[x("markets.favorites.dropdown.title"),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:t})]}),jsxRuntime.jsx(ui.CloseIcon,{size:16,className:"oui-cursor-pointer oui-text-base-contrast",onClick:d})]}),O=jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Box,{my:2,className:"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto",children:o?.slice(0,10)?.map(w=>{let T=!!n.find($=>$.id===w.id);return jsxRuntime.jsx(ui.Box,{className:"oui-cursor-pointer",children:jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{b(w,T);},children:[T?jsxRuntime.jsx(ui.CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsxRuntime.jsx(ui.CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsxRuntime.jsx(ui.Text,{intensity:54,children:w.name})]})},w.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:S()})]}),W=jsxRuntime.jsxs(ui.Flex,{gapX:3,mt:3,children:[jsxRuntime.jsx(ui.Button,{color:"gray",onClick:d,fullWidth:true,className:"oui-text-sm",size:"md",children:x("common.cancel")},"secondary"),jsxRuntime.jsx(ui.Button,{onClick:u,fullWidth:true,className:"oui-text-sm",size:"md",children:x("common.confirm")},"primary")]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:a,onOpenChange:r,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.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:jsxRuntime.jsx(ui.Box,{px:5,pb:5,width:360,children:jsxRuntime.jsxs(ui.Text,{as:"div",size:"sm",weight:"semibold",children:[C,jsxRuntime.jsx(ui.Divider,{}),O,W]})})})})]})};function Dt(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:a,updateFavoriteTabs:r,updateSymbolFavoriteState:s}=e.favorite,[n,i]=react.useState(false),[l,d]=react.useState(false),[p,c]=react.useState(""),[b,m]=react.useState([]),u=()=>{i(false);},x=()=>{d(true);},v=()=>{d(false);},S=()=>{c(""),v(),m([]);},C=()=>{let w={name:p||`WatchList_${a.length}`,id:Date.now()};r(w,{add:true}),S();},O=(w,T)=>{m(T?b?.filter($=>$.id!==w.id):[...b,w]),v();},W=()=>{s(e.row,b,false),i(false);};return react.useEffect(()=>{if(!n)return;let w=o?.find(T=>T.name===t);w?.tabs?.length&&m(w?.tabs);},[n,o,a,t]),react.useEffect(()=>{n||S();},[n]),{symbol:t,favoriteTabs:a,open:n,onOpenChange:i,inputVisible:l,selectedTabs:b,value:p,onValueChange:c,hide:u,hideInput:v,showInput:x,onCheck:O,addTab:C,confirm:W}}var Z=e=>{let t=Dt(e);return jsxRuntime.jsx(Lt,{...t,children:e.children})};var Qe=(e,t=false)=>{let{t:o}=i18n.useTranslation();return react.useMemo(()=>[{title:jsxRuntime.jsx(Ve,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,s)=>{let i=jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?l=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,true),l.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:r?jsxRuntime.jsx(te,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Ve,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(Z,{row:s,favorite:e,children:i})}},{title:o("markets.column.market"),dataIndex:"symbol",width:90,render:r=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:r})},{title:o("common.price"),dataIndex:"24h_close",width:100,align:"right",onSort:true,render:(r,s)=>jsxRuntime.jsx(ui.Text.numeral,{dp:s.quote_dp||2,currency:"$",children:r})},{title:o("markets.column.24hChange"),dataIndex:"change",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ce,{})," ",o("markets.column.24hVolume")]}),dataIndex:"24h_amount",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:r})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ce,{})," ",o("markets.openInterest")]}),dataIndex:"openInterest",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:r})},{title:o("markets.dataList.column.8hFunding"),dataIndex:"8h_funding",width:100,align:"right",onSort:true,render:r=>r===null?"--":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,dp:4,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{dataIndex:"action",type:"action",width:40,render:(r,s)=>t?jsxRuntime.jsx(ui.Flex,{justify:"end",mr:4,children:jsxRuntime.jsx(ui.Tooltip,{content:o("markets.dataList.column.moveTop"),align:"center",delayDuration:0,children:jsxRuntime.jsx(ui.Box,{className:"oui-hidden oui-cursor-pointer group-hover:oui-block",onClick:n=>{n.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsxRuntime.jsx(Oo,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t,o])};var $o=Qe;var Rt=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,pagination:s}=e,{symbol:n,onSymbolChange:i}=f(),l=$o(o,true);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(de,{favorite:o,className:"oui-my-3"}),jsxRuntime.jsx(ui.DataTable,{bordered:true,columns:l,dataSource:t,emptyView:jsxRuntime.jsx(ui.Flex,{className:"oui-text-xs oui-text-base-contrast-36",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"markets.dataList.favorites.empty",components:[jsxRuntime.jsx(Ve,{className:"oui-text-base-contrast-36"},"0")]})}),loading:r,onRow:(p,c)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(p),o.addToHistory(p);}}),generatedRowKey:p=>p.symbol,rowSelection:{[n]:true},onSort:a,pagination:s,manualSorting:true})]})};var Bt=()=>{let{pageSize:e,setPage:t,pagination:o}=ui.usePagination({pageSize:10}),[a,r]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[s,n]=react.useState(true),{favorites:i,selectedFavoriteTab:l}=r,{searchValue:d}=f(),{onSort:p,getSortedList:c}=N(),b=react.useMemo(()=>{let u=i?.filter(x=>x.tabs?.findIndex(v=>v.id===l.id)!==-1)?.map(x=>{let v=a?.findIndex(S=>S.symbol===x.name);return v!==-1?a[v]:null})?.filter(x=>x);return P(u,d,"base-type")},[a,l,i,d]),m=react.useMemo(()=>c(b),[b,c]);return react.useEffect(()=>{n(false);},[i]),react.useEffect(()=>{t(1);},[d]),{loading:s,dataSource:m,favorite:r,onSort:p,pagination:o}};var Ot=()=>{let e=Bt();return jsxRuntime.jsx(Rt,{...e})};var Vt=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,type:n,pagination:i}=e,{symbol:l,onSymbolChange:d}=f(),p=Qe(a,false);return jsxRuntime.jsx(ui.DataTable,{bordered:true,columns:p,loading:t,dataSource:o,onRow:(c,b)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{d?.(c),a.addToHistory(c);},"data-testid":`oui-testid-markets-${n==="new"?"newListing":"all"}-tr-${c.symbol}`}),generatedRowKey:c=>c.symbol,rowSelection:{[l]:true},onSort:r,initialSort:s,pagination:i,classNames:{header:"oui-h-12"},manualSorting:true})};var _t=e=>{let[t,o]=react.useState(true),{setPage:a,pagination:r}=ui.usePagination({pageSize:10}),[s,n]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:i}=f(),{onSort:l,getSortedList:d,sort:p}=N(e.initialSort),c=react.useMemo(()=>{let m=d(s);return P(m,i,"base-type")},[s,d,i]);react.useEffect(()=>{o(false);},[s]),react.useEffect(()=>{a(1);},[i]),react.useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",p?.sortKey,p?.sortOrder);},[p,e.type]);let b=react.useMemo(()=>{let m=e.type==="all"?n.tabSort?.all:void 0;return {sortKey:m?.sortKey||e?.initialSort?.sortKey,sort:m?.sortOrder||e?.initialSort?.sortOrder}},[n.tabSort,e.initialSort,e.type]);return {loading:t,dataSource:c,favorite:n,onSort:l,pagination:r,initialSort:b}};var Ze=e=>{let t=_t(e);return jsxRuntime.jsx(Vt,{...t,type:e.type})};var Et=e=>{let{activeTab:t,onTabChange:o}=e,{t:a}=i18n.useTranslation(),{searchValue:r,onSearchValueChange:s,clearSearchValue:n}=f(),i=jsxRuntime.jsx(ui.Input,{value:r,onValueChange:s,placeholder:a("markets.search.placeholder"),className:"oui-my-1 oui-w-[240px]",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:r&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:n})}),autoComplete:"off"});return jsxRuntime.jsx(ui.Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:i,children:[jsxRuntime.jsx(ui.TabPanel,{title:a("markets.favorites"),icon:jsxRuntime.jsx(te,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(Ot,{})}),jsxRuntime.jsx(ui.TabPanel,{title:a("markets.allMarkets"),icon:jsxRuntime.jsx(Ro,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(Ze,{type:"all",initialSort:{sortKey:"24h_amount",sortOrder:"desc"}})}),jsxRuntime.jsx(ui.TabPanel,{title:a("markets.newListings"),icon:jsxRuntime.jsx(Bo,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Ze,{type:"new",initialSort:{sortKey:"created_time",sortOrder:"desc"}})})]})})};function Ut(){let[e,t]=react.useState("all"),{clearSearchValue:o}=f();return react.useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:a=>t(a)}}var Gt=()=>{let e=Ut();return jsxRuntime.jsx(Et,{...e})};var re=e=>{let{symbol:t,onSymbolChange:o}=f(),{t:a}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-custom-scrollbar oui-h-full oui-overflow-y-auto",children:jsxRuntime.jsx(ui.Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let s=jsxRuntime.jsxs(ui.Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:a("markets.column.last")}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:a("markets.column.24hPercentage")})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsxRuntime.jsx(ui.Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})]});return jsxRuntime.jsx(ui.Tooltip,{side:"right",sideOffset:6,content:s,delayDuration:0,children:jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:ui.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:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})},r.symbol)})})})};var ae=(e,t=false)=>{let{t:o}=i18n.useTranslation();return [{title:o("markets.column.market&Volume"),dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(a,r)=>{let s;return t||(s=jsxRuntime.jsx(Z,{row:r,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:r.isFavorite?jsxRuntime.jsx(ve,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Se,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[s,jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:a})]})]})}},{title:o("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(a,r)=>{let s=l=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),l.stopPropagation();},n="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ye,{className:n,onClick:l=>{l.stopPropagation(),e.pinToTop(r);}}),jsxRuntime.jsx(ke,{className:n,onClick:s})]})});return jsxRuntime.jsxs("div",{className:"oui-relative",children:[t&&i,jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:ui.cn(t&&"group-hover:oui-invisible"),children:[jsxRuntime.jsx(ui.Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:a})]})]})}}]};var Kt=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,getColumns:n,collapsed:i,isFavoritesList:l,renderHeader:d}=e,{symbol:p,onSymbolChange:c}=f(),b=ae(a,l),m=typeof n=="function"?n(a,l):b;return i?jsxRuntime.jsx(re,{dataSource:o}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[d?.(a),jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:m,loading:t,dataSource:o,onRow:(u,x)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{c?.(u),a.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[p]:true},onSort:r,initialSort:s?{sortKey:s.sortKey,sort:s.sortOrder}:void 0,manualSorting:true})]})};var Ss={all:hooks.MarketsType.ALL,favorites:hooks.MarketsType.FAVORITES,recent:hooks.MarketsType.RECENT,newListing:hooks.MarketsType.NEW_LISTING},Xt=e=>{let[t,o]=react.useState(true),[a,r]=hooks.useMarkets(Ss[e.type]||hooks.MarketsType.ALL),{favorites:s,selectedFavoriteTab:n}=r,{searchValue:i}=f(),{onSort:l,getSortedList:d}=N(e.initialSort,e.onSort),p=react.useMemo(()=>{let b=typeof e.dataFilter=="function"?e.dataFilter(a,{favorites:s,selectedFavoriteTab:n}):a,m=P(b,i,"base");return d(m)},[a,d,i,e.dataFilter,s,n]);react.useEffect(()=>{o(false);},[a]);let c=e.type==="favorites";return {loading:t,dataSource:p,favorite:r,onSort:l,isFavoritesList:c}};var j=e=>{let t=Xt(e);return jsxRuntime.jsx(Kt,{...t,initialSort:e.initialSort,getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName,renderHeader:e.renderHeader})};function Le(){let e=react.useCallback(o=>jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(de,{favorite:o,size:"sm"})}),[]),t=react.useCallback((o,a)=>{let{favorites:r,selectedFavoriteTab:s}=a;return r?.filter(n=>n.tabs?.findIndex(i=>i.id===s.id)!==-1)?.map(n=>{let i=o?.findIndex(l=>l.symbol===n.name);return i!==-1?o[i]:null})?.filter(n=>n)},[]);return {renderHeader:e,dataFilter:t}}var $t=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{searchValue:s,onSearchValueChange:n,clearSearchValue:i}=f(),{t:l}=i18n.useTranslation(),d=jsxRuntime.jsx(ui.Input,{value:s,onValueChange:n,placeholder:l("markets.search.placeholder"),classNames:{root:"oui-border oui-mt-[1px] oui-border-line"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:s&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:i})}),autoComplete:"off"}),p="oui-h-[calc(100%_-_36px)]",{renderHeader:c,dataFilter:b}=Le(),m=u=>{let x=u==="favorites"?{renderHeader:c,dataFilter:b}:{};return jsxRuntime.jsx("div",{className:p,children:jsxRuntime.jsx(j,{type:u,initialSort:a[u],onSort:r(u),tableClassNames:{scroll:ui.cn("oui-px-1",u==="favorites"?"oui-pb-9":"oui-pb-2")},...x})})};return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-overflow-hidden oui-font-semibold"),height:"100%",children:[jsxRuntime.jsx(ui.Box,{px:3,pb:2,children:d}),jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:ui.cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:p,showScrollIndicator:true,children:[jsxRuntime.jsx(ui.TabPanel,{title:l("markets.favorites"),icon:jsxRuntime.jsx(te,{}),value:"favorites",children:m("favorites")}),jsxRuntime.jsx(ui.TabPanel,{title:l("markets.recent"),value:"recent",children:m("recent")}),jsxRuntime.jsx(ui.TabPanel,{title:l("common.all"),value:"all",children:m("all")}),jsxRuntime.jsx(ui.TabPanel,{title:l("markets.newListings"),value:"newListing",children:m("newListing")})]})]})};var De="orderly_side_markets_tab_sort";function se(e){let[t,o]=hooks.useSessionStorage(e.storageKey,{all:{sortKey:"24h_amount",sortOrder:"desc"}}),a=react.useCallback(r=>s=>{o({...t,[r]:s});},[t]);return {tabSort:t,onTabSort:a}}function Yt(e){let[t,o]=react.useState(e.activeTab),{tabSort:a,onTabSort:r}=se({storageKey:De}),{clearSearchValue:s}=f(),n=react.useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return react.useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),react.useEffect(()=>{s?.();},[t]),{activeTab:t,onTabChange:n,tabSort:a,onTabSort:r}}var Qt=e=>{let t=Yt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(E,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx($t,{...t})})};var ne=(e=5)=>t=>t===0?jsxRuntime.jsx(ui.Text,{children:" - "}):jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:e,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:t}),ur=(e,t)=>{let{t:o}=i18n.useTranslation();return [{title:o("markets.column.market"),dataIndex:"symbol",width:120,render:a=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:a})},{title:o("markets.funding.column.estFunding"),dataIndex:"estFunding",width:120,onSort:true,render:(a,r)=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:a}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:`/ ${r.fundingInterval}h`})]})},{title:o("markets.funding.column.lastFunding"),dataIndex:"lastFunding",width:90,onSort:true,render:ne()},{title:o("markets.funding.column.1dAvg"),dataIndex:"funding1d",width:90,onSort:true,render:ne()},{title:o("markets.funding.column.3dAvg"),dataIndex:"funding3d",width:90,onSort:true,render:ne()},{title:o("markets.funding.column.7dAvg"),dataIndex:"funding7d",width:90,onSort:true,render:ne()},{title:o("markets.funding.column.14dAvg"),dataIndex:"funding14d",width:90,onSort:true,render:ne()},{title:o("markets.funding.column.30dAvg"),dataIndex:"funding30d",width:90,onSort:true,render:ne()},{title:o("markets.funding.column.90dAvg"),dataIndex:"funding90d",width:90,onSort:true,render:ne()},{title:jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-1",children:[jsxRuntime.jsx("select",{value:e,onChange:a=>t(a.target.value),onClick:a=>a.stopPropagation(),className:"oui-w-12 oui-rounded-md oui-border oui-border-line oui-bg-[var(--oui-table-background-color)]",children:[{label:o("common.select.1d"),value:"1dPositive"},{label:o("common.select.3d"),value:"3dPositive"},{label:o("common.select.7d"),value:"7dPositive"},{label:o("common.select.14d"),value:"14dPositive"},{label:o("common.select.30d"),value:"30dPositive"},{label:o("common.select.90d"),value:"90dPositive"}].map(a=>jsxRuntime.jsx("option",{value:a.value,children:a.label},a.value))}),jsxRuntime.jsx("span",{children:o("markets.funding.column.positiveRate")})]}),dataIndex:e,width:130,align:"right",onSort:true,render:ne(2)}]};var Zt=e=>{let{dataSource:t,isLoading:o,pagination:a,onSort:r}=e,[s,n]=react.useState("1dPositive"),i=ur(s,n);return jsxRuntime.jsx("div",{className:"w-full",children:jsxRuntime.jsx(ui.DataTable,{columns:i,dataSource:t,loading:o,bordered:true,onRow:()=>({className:ui.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:a,onSort:r,manualSorting:true,generatedRowKey:l=>l.symbol})})};var jt=()=>{let{pagination:e}=ui.usePagination({pageSize:10}),[t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:o,isLoading:a,getPositiveRates:r}=hooks.useFundingRateHistory(),s=hooks.useFundingRates(),{onSort:n,getSortedList:i}=N(),{searchValue:l}=f(),d=react.useMemo(()=>{if(!t?.length)return [];let m=["1d","3d","7d","14d","30d","90d"].reduce((u,x)=>(u[x]=r(o,x),u),{});return t.map(u=>{let x=u.symbol,v=o?.find(O=>O.symbol===x),S=s[x],C=zs(S("next_funding_time"),S("last_funding_rate_timestamp"));return {symbol:x,estFunding:S("est_funding_rate"),lastFunding:S("last_funding_rate"),fundingInterval:C,funding1d:v?.funding?.["1d"]?.rate??0,funding3d:v?.funding?.["3d"]?.rate??0,funding7d:v?.funding?.["7d"]?.rate??0,funding14d:v?.funding?.["14d"]?.rate??0,funding30d:v?.funding?.["30d"]?.rate??0,funding90d:v?.funding?.["90d"]?.rate??0,"1dPositive":m["1d"][x]??"-","3dPositive":m["3d"][x]??"-","7dPositive":m["7d"][x]??"-","14dPositive":m["14d"][x]??"-","30dPositive":m["30d"][x]??"-","90dPositive":m["90d"][x]??"-"}})},[t,o,s,r]),p=react.useMemo(()=>P(d,l,"base-type"),[d,l,e]);return {dataSource:react.useMemo(()=>i(p),[p,i]),isLoading:a,pagination:e,onSort:n}};function zs(e,t){if(!e||!t)return 8;let o=e-t;return Math.round(o/36e5)}var eo=()=>{let e=jt();return jsxRuntime.jsx(Zt,{...e})};var ot=["WOOFi Pro","Binance","OKX","Bybit","dYdX","Bitget","Kucoin"],oo=()=>{let{pagination:e}=ui.usePagination({pageSize:10}),{onSort:t,getSortedList:o}=N(),{searchValue:a}=f(),r=hooks.useFundingRates(),{data:s,isLoading:n}=hooks.useQuery("/v1/public/market_info/funding_comparison"),i=react.useMemo(()=>s?.length?s.map(p=>{let c={symbol:p.symbol};return ot.forEach((b,m)=>{let u=b.toLowerCase();if(u==="woofi pro"){let v=r[p.symbol];c[`exchange_${m}`]=v("last_funding_rate")??null;return}let x=p.exchanges.find(v=>v.name.toLowerCase()===u);c[`exchange_${m}`]=x?.last??null;}),c}):[],[s,ot,r]),l=react.useMemo(()=>P(i,a,"base-type"),[i,a,e]);return {data:react.useMemo(()=>o(l),[l,o]),isLoading:n,pagination:e,onSort:t}};var dr=()=>{let{t:e}=i18n.useTranslation();return [{title:e("markets.column.market"),dataIndex:"symbol",width:150,onSort:true,render:t=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:t})},...ot.map((t,o)=>({title:jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[jsxRuntime.jsx("img",{src:`https://oss.orderly.network/static/exchange_logo/${t.toLowerCase().replace(" ","_")}.png`,style:{width:"24px",height:"24px",objectFit:"cover",borderRadius:"50%"}}),jsxRuntime.jsx("span",{children:t})]}),dataIndex:`exchange_${o}`,onSort:true,width:100,render:a=>a===null?"-":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:a})}))]};var ro=({data:e,isLoading:t,pagination:o})=>{let a=dr();return jsxRuntime.jsx(ui.DataTable,{columns:a,dataSource:e,loading:t,onRow:()=>({className:ui.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:o})};var ao=()=>{let e=oo();return jsxRuntime.jsx(ro,{...e})};var no=e=>{let{collapsable:t,collapsed:o,onCollapse:a,activeTab:r,onTabChange:s,className:n,tabSort:i}=e,{symbol:l,onSymbolChange:d}=f(),{renderHeader:p,dataFilter:c}=Le(),b=()=>{if(!o)return jsxRuntime.jsx(Qt,{activeTab:r,onTabChange:s,symbol:l,onSymbolChange:d});let m=r==="favorites"?{renderHeader:p,dataFilter:c}:{};return jsxRuntime.jsx(j,{type:r,initialSort:i[r],collapsed:o,...m})};return jsxRuntime.jsxs(ui.Flex,{id:"oui-side-markets",className:ui.cn("oui-font-semibold",n),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(tn,{collapsable:t,collapsed:o,onCollapse:a}),jsxRuntime.jsx(ui.Box,{width:"100%",className:ui.cn(o?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:b()})]})},tn=e=>{let{collapsable:t,collapsed:o,onCollapse:a}=e,{t:r}=i18n.useTranslation(),s=ui.cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return o?jsxRuntime.jsx(_o,{className:s,onClick:()=>{a?.(false);}}):jsxRuntime.jsxs(ui.Flex,{justify:"between",px:3,width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:r("common.markets")}),jsxRuntime.jsx(Ao,{className:s,onClick:()=>{a?.(true);}})]})};var ln="orderly_side_markets_sel_tab_key";function io(e){let[t,o]=react.useState(e?.collapsed),[a,r]=hooks.useLocalStorage(ln,"all"),{tabSort:s}=se({storageKey:De}),n=react.useMemo(()=>e?.collapsable??true,[e?.collapsable]),i=react.useCallback(l=>{typeof e?.onCollapse=="function"?e.onCollapse(l):o(l);},[e?.onCollapse]);return react.useEffect(()=>{o(e?.collapsed);},[e?.collapsed]),{collapsable:n,collapsed:t,onCollapse:i,activeTab:a,onTabChange:r,tabSort:s}}var mn=e=>{let t=io({collapsable:e.collapsable,collapsed:e.collapsed,onCollapse:e.onCollapse});return jsxRuntime.jsx(E,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(no,{...t,className:e.className})})};var uo=()=>{let{t:e}=i18n.useTranslation();return react.useCallback((t,o=false)=>[{title:e("common.symbol"),dataIndex:"symbol",width:150,render:(a,r)=>{let s;return o||(s=jsxRuntime.jsx(Z,{row:r,favorite:t,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:r.isFavorite?jsxRuntime.jsx(ve,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Se,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[s,jsxRuntime.jsx(ui.TokenIcon,{symbol:a,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:a}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]})}},{title:e("markets.column.last"),dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(a,r)=>jsxRuntime.jsx(ui.Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:a})},{title:e("markets.column.24hPercentage"),dataIndex:"change",align:"right",onSort:true,width:80,render:a=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:a})},{title:e("common.volume"),dataIndex:"24h_amount",align:"right",onSort:true,className:"oui-relative",width:80,render:(a,r)=>{let s=l=>{t.updateSymbolFavoriteState(r,t.selectedFavoriteTab,true),l.stopPropagation();},n="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.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:[jsxRuntime.jsx(ye,{className:n,onClick:l=>{l.stopPropagation(),t.pinToTop(r);}}),jsxRuntime.jsx(ke,{className:n,onClick:s})]})});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o&&i,jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,className:ui.cn(o&&"group-hover:oui-invisible"),children:a})]})}}],[e])};var co=e=>jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:ui.cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsxRuntime.jsx(Sr,{...e,hide:e.hide})})})]}),Sr=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{searchValue:s,onSearchValueChange:n}=f(),{t:i}=i18n.useTranslation(),l=uo(),d=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(ui.Input,{value:s,onValueChange:n,placeholder:i("markets.search.placeholder"),classNames:{root:"oui-border oui-mt-[1px] oui-border-line oui-flex-1"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),autoComplete:"off"}),jsxRuntime.jsx(ui.CloseIcon,{size:12,className:"oui-cursor-pointer oui-text-base-contrast-80",onClick:e.hide,opacity:1})]}),p="oui-h-[calc(100%_-_36px)]",{renderHeader:c,dataFilter:b}=Le(),m=u=>{let x=u==="favorites"?{renderHeader:c,dataFilter:b}:{};return jsxRuntime.jsx("div",{className:p,children:jsxRuntime.jsx(j,{type:u,initialSort:a[u],onSort:r(u),getColumns:l,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]",...x})})};return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-overflow-hidden oui-font-semibold"),height:"100%",intensity:800,children:[d,jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:p,children:[jsxRuntime.jsx(ui.TabPanel,{title:i("markets.favorites"),icon:jsxRuntime.jsx(te,{}),value:"favorites",children:m("favorites")}),jsxRuntime.jsx(ui.TabPanel,{title:i("markets.recent"),value:"recent",children:m("recent")}),jsxRuntime.jsx(ui.TabPanel,{title:i("common.all"),value:"all",children:m("all")}),jsxRuntime.jsx(ui.TabPanel,{title:i("markets.newListings"),value:"newListing",children:m("newListing")})]})]})};var Mn="orderly_dropdown_markets_sel_tab_key",Nn="orderly_dropdown_markets_tab_sort";function po(){let[e,t]=react.useState(false),[o,a]=hooks.useLocalStorage(Mn,"all"),{tabSort:r,onTabSort:s}=se({storageKey:Nn}),{clearSearchValue:n}=f(),i=()=>{t(false);};return react.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:l=>a(l),open:e,onOpenChange:t,hide:i,tabSort:r,onTabSort:s}}var fo=e=>{let t=po();return jsxRuntime.jsx(E,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(co,{...t,contentClassName:e.contentClassName,children:e.children})})};var Fr=(e,t=false)=>[{title:i18n.i18n.t("markets.column.market&Volume"),dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(o,a)=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:a.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:a.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:o})]})},{title:i18n.i18n.t("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(o,a)=>{let r=i=>{e.updateSymbolFavoriteState(a,e.selectedFavoriteTab,true),i.stopPropagation();},s="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ye,{className:s,onClick:i=>{i.stopPropagation(),e.pinToTop(a);}}),jsxRuntime.jsx(ke,{className:s,onClick:r})]})});return jsxRuntime.jsxs("div",{className:"oui-relative",children:[t&&n,jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:ui.cn(t&&"group-hover:oui-invisible"),children:[jsxRuntime.jsx(ui.Text.numeral,{dp:a.quote_dp||2,size:"2xs",children:a["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var bo=e=>{let{className:t,tabSort:o,onTabSort:a}=e,{searchValue:r,onSearchValueChange:s,clearSearchValue:n}=f(),{t:i}=i18n.useTranslation(),l=jsxRuntime.jsx(ui.Input,{value:r,onValueChange:s,placeholder:i("markets.search.placeholder"),classNames:{root:"oui-border oui-border-line oui-mt-4"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:r&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:n})}),autoComplete:"off"});return jsxRuntime.jsxs(ui.Grid,{cols:1,className:ui.cn("oui-grid-rows-[auto,1fr] oui-font-semibold",t),height:"100%",width:"100%",children:[jsxRuntime.jsxs(ui.Box,{px:3,mt:3,children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:i("common.markets")}),l]}),jsxRuntime.jsx("div",{className:"oui-relative",children:jsxRuntime.jsx(ui.Box,{width:"100%",mt:2,className:"oui-absolute oui-inset-y-0 oui-left-0 oui-right-9",children:jsxRuntime.jsx(j,{type:"all",initialSort:o.all,onSort:a("all"),getColumns:Fr,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function xo(){let{tabSort:e,onTabSort:t}=se({storageKey:De});return {tabSort:e,onTabSort:t}}var Wn=e=>{let t=xo();return jsxRuntime.jsx(E,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(bo,{...t,className:e.className})})};var ho=e=>{let{symbol:t,data:o,leverage:a,onSymbol:r}=e,s=jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:r,children:[jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:true,children:t}),jsxRuntime.jsx(Ke,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,children:[s,jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[a,"x"]})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsxRuntime.jsx(ui.Text.numeral,{size:"2xs",rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:o?.change})]}),e.trailing]})};function vo(e){let{symbol:t}=e,o=hooks.useTickerStream(t),a=hooks.useSymbolsInfo(),r=react.useMemo(()=>{let s=a[t],n=s("base_imr");return Kn(n)},[t,a]);return {symbol:t,data:o,leverage:r}}function Kn(e){return e?1/e:void 0}var Xn=e=>{let{symbol:t,...o}=e,a=vo({symbol:t});return jsxRuntime.jsx(ho,{...a,...o})};var So=e=>{let{symbol:t,isFavorite:o,favorite:a,data:r,quotoDp:s,openInterest:n,fundingRate:i,containerRef:l,leadingElementRef:d,tailingElementRef:p,leadingVisible:c,tailingVisible:b,onScoll:m}=e,{t:u}=i18n.useTranslation(),x=jsxRuntime.jsx(Z,{row:{symbol:t},favorite:a,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o?jsxRuntime.jsx(ve,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Se,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),v=jsxRuntime.jsx(fo,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui.Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsxRuntime.jsx(Ke,{className:"oui-text-base-contrast-54"})]})}),S=jsxRuntime.jsx(ui.Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:r?.["24h_close"]}),C=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r?.["24h_change"]}),jsxRuntime.jsx(ui.Text,{intensity:36,children:"/"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r?.change})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxRuntime.jsxs(ui.Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[x,v]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),S,jsxRuntime.jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxRuntime.jsxs(ui.Flex,{gapX:8,height:"100%",children:[jsxRuntime.jsx("div",{ref:d,children:jsxRuntime.jsx(Be,{label:u("markets.column.24hChange"),value:C})}),jsxRuntime.jsx(Be,{label:u("markets.symbolInfoBar.Mark"),value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:r?.mark_price}),hint:u("markets.symbolInfoBar.Mark.tooltip")}),jsxRuntime.jsx(Be,{label:u("markets.symbolInfoBar.Index"),value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,children:r?.index_price}),hint:u("markets.symbolInfoBar.Index.tooltip")}),jsxRuntime.jsx(Be,{label:u("markets.symbolInfoBar.24hVolume"),value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:r?.["24h_amount"]}),hint:u("markets.symbolInfoBar.24hVolume.tooltip")}),jsxRuntime.jsx(Be,{label:u("markets.symbolInfoBar.predFundingRate"),value:jsxRuntime.jsx(jn,{symbol:t}),hint:u("markets.symbolInfoBar.predFundingRate.tooltip")}),jsxRuntime.jsx("div",{ref:p,children:jsxRuntime.jsx(Be,{label:u("markets.openInterest"),value:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:n}),jsxRuntime.jsx(ui.Text,{intensity:36,children:" USDC"})]}),hint:u("markets.openInterest.tooltip")})})]})}),jsxRuntime.jsx(Pr,{leading:true,onClick:m,visible:c}),jsxRuntime.jsx(Pr,{tailing:true,onClick:m,visible:b})]})]}),e.trailing]})},Be=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.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:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,className:ui.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})}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:98,className:ui.cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),Pr=e=>{let{visible:t,leading:o,tailing:a,onClick:r}=e;return t?jsxRuntime.jsx("button",{onClick:()=>{r?.(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:ui.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",a&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsxRuntime.jsx(zo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},jn=({symbol:e})=>{let t=hooks.useFundingRate(e);return t?.est_funding_rate===null?"--":jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsxRuntime.jsx(ui.Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function ko(e){let{symbol:t}=e,o=hooks.useTickerStream(t),a=hooks.useFundingRate(t),r=hooks.useMarketsStore(),n=hooks.useSymbolsInfo()[t]("quote_dp"),[i,l]=react.useState(false),[d,p]=react.useState(false),c=react.useRef(null),b=react.useRef(null),m=react.useRef(null),u=react.useMemo(()=>!!r.favorites.find(S=>S.name===t),[r.favorites,t]),x=react.useMemo(()=>new utils.Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return react.useEffect(()=>{let S=new IntersectionObserver(C=>{for(let O=0;O<C.length;O++){let W=C[O];W&&(W.target===b.current&&l(!W.isIntersecting),W.target===m.current&&p(!W.isIntersecting));}});return b.current&&S.observe(b.current),m.current&&S.observe(m.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:u,favorite:r,data:o,quotoDp:n,openInterest:x,fundingRate:a,containerRef:c,leadingElementRef:b,tailingElementRef:m,leadingVisible:i,tailingVisible:d,onScoll:S=>{S==="left"?c.current?.scrollBy({left:-100,behavior:"smooth"}):c.current?.scrollBy({left:100,behavior:"smooth"});}}}var ni=e=>{let{symbol:t,...o}=e,a=ko({symbol:t});return jsxRuntime.jsx(So,{...a,...o})};var wo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=f(),d=ae(o,false),p=typeof s=="function"?s(o,false):d;return n?jsxRuntime.jsx(re,{dataSource:t}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:p,dataSource:t,loading:r,onRow:(c,b)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var Fo=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.NEW_LISTING),[o,a]=react.useState(true),{searchValue:r}=f(),{onSort:s,getSortedList:n}=N(),i=react.useMemo(()=>{let l=P(e,r,"base");return n(l)},[e,r,n]);return react.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var fi=e=>{let t=Fo();return jsxRuntime.jsx(wo,{...t,...e})};var Co=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=f(),d=ae(o,true),p=typeof s=="function"?s(o,true):d;return n?jsxRuntime.jsx(re,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(de,{favorite:o,size:"sm"})}),jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:p,dataSource:t,loading:r,onRow:(c,b)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})]})};var To=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[o,a]=react.useState(true),{favorites:r,selectedFavoriteTab:s}=t,{searchValue:n}=f(),{onSort:i,getSortedList:l}=N(),d=react.useMemo(()=>{let p=r?.filter(b=>b.tabs?.findIndex(m=>m.id===s.id)!==-1)?.map(b=>{let m=e?.findIndex(u=>u.symbol===b.name);return m!==-1?e[m]:null})?.filter(b=>b),c=P(p,n,"base");return l(c)},[e,s,r,n,l]);return react.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:d,favorite:t,onSort:i}};var Ci=e=>{let t=To();return jsxRuntime.jsx(Co,{...t,...e})};var Mo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=f(),d=ae(o,false),p=typeof s=="function"?s(o,false):d;return n?jsxRuntime.jsx(re,{dataSource:t}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:p,dataSource:t,loading:r,onRow:(c,b)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var No=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[o,a]=react.useState(true),{searchValue:r}=f(),{onSort:s,getSortedList:n}=N(),i=react.useMemo(()=>{let l=P(e,r,"base");return n(l)},[e,r,n]);return react.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var Ri=e=>{let t=No();return jsxRuntime.jsx(Mo,{...t,...e})};var Ar=({activeFundingTab:e,onFundingTabChange:t})=>{let{searchValue:o,onSearchValueChange:a,clearSearchValue:r}=f(),{t:s}=i18n.useTranslation(),n=jsxRuntime.jsx(ui.Input,{value:o,onValueChange:a,placeholder:s("markets.search.placeholder"),className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(K,{className:"oui-text-base-contrast-36"})}),suffix:o&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:r})}),autoComplete:"off"});return jsxRuntime.jsx(ui.Box,{id:"oui-funding-list",intensity:900,p:6,mt:4,r:"2xl",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"lg",value:e,onValueChange:t,trailing:n,children:[jsxRuntime.jsx(ui.TabPanel,{title:s("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxRuntime.jsx(eo,{})}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxRuntime.jsx(ao,{})})]})})};function zr(){let[e,t]=react.useState("overview");return {activeFundingTab:e,onFundingTabChange:o=>t(o)}}var Er=()=>{let e=zr();return jsxRuntime.jsx(Ar,{...e})};var qi=e=>{let[t,o]=react.useState("markets"),{t:a}=i18n.useTranslation();return jsxRuntime.jsx(E,{onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(ui.Box,{id:"oui-markets-home-page",className:ui.cn("oui-font-semibold",e.className),p:6,children:jsxRuntime.jsxs(ui.Tabs,{variant:"text",size:"xl",value:t,onValueChange:o,children:[jsxRuntime.jsxs(ui.TabPanel,{title:a("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsxRuntime.jsx(Ft,{}),jsxRuntime.jsx(Gt,{})]}),jsxRuntime.jsx(ui.TabPanel,{title:a("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(Er,{})})]})})})};
|
|
16
16
|
|
|
17
|
-
exports.CollapseMarkets =
|
|
18
|
-
exports.DropDownMarkets =
|
|
19
|
-
exports.DropDownMarketsConetnt =
|
|
20
|
-
exports.DropDownMarketsWidget =
|
|
21
|
-
exports.ExpandMarkets =
|
|
22
|
-
exports.ExpandMarketsWidget =
|
|
23
|
-
exports.FavoritesDropdownMenu =
|
|
24
|
-
exports.FavoritesDropdownMenuWidget =
|
|
25
|
-
exports.FavoritesList =
|
|
26
|
-
exports.FavoritesListFull =
|
|
27
|
-
exports.FavoritesListFullWidget =
|
|
28
|
-
exports.FavoritesListWidget =
|
|
29
|
-
exports.FavoritesTab =
|
|
30
|
-
exports.FavoritesTabWidget =
|
|
31
|
-
exports.FundingComparison =
|
|
32
|
-
exports.FundingComparisonWidget =
|
|
33
|
-
exports.FundingOverview =
|
|
34
|
-
exports.FundingOverviewWidget =
|
|
35
|
-
exports.MarketsDataList =
|
|
36
|
-
exports.MarketsDataListWidget =
|
|
17
|
+
exports.CollapseMarkets = re;
|
|
18
|
+
exports.DropDownMarkets = co;
|
|
19
|
+
exports.DropDownMarketsConetnt = Sr;
|
|
20
|
+
exports.DropDownMarketsWidget = fo;
|
|
21
|
+
exports.ExpandMarkets = $t;
|
|
22
|
+
exports.ExpandMarketsWidget = Qt;
|
|
23
|
+
exports.FavoritesDropdownMenu = Lt;
|
|
24
|
+
exports.FavoritesDropdownMenuWidget = Z;
|
|
25
|
+
exports.FavoritesList = Co;
|
|
26
|
+
exports.FavoritesListFull = Rt;
|
|
27
|
+
exports.FavoritesListFullWidget = Ot;
|
|
28
|
+
exports.FavoritesListWidget = Ci;
|
|
29
|
+
exports.FavoritesTab = Mt;
|
|
30
|
+
exports.FavoritesTabWidget = de;
|
|
31
|
+
exports.FundingComparison = ro;
|
|
32
|
+
exports.FundingComparisonWidget = ao;
|
|
33
|
+
exports.FundingOverview = Zt;
|
|
34
|
+
exports.FundingOverviewWidget = eo;
|
|
35
|
+
exports.MarketsDataList = Et;
|
|
36
|
+
exports.MarketsDataListWidget = Gt;
|
|
37
37
|
exports.MarketsHeader = yt;
|
|
38
|
-
exports.MarketsHeaderWidget =
|
|
39
|
-
exports.MarketsHomePage =
|
|
40
|
-
exports.MarketsList =
|
|
41
|
-
exports.MarketsListFull =
|
|
42
|
-
exports.MarketsListFullWidget =
|
|
38
|
+
exports.MarketsHeaderWidget = Ft;
|
|
39
|
+
exports.MarketsHomePage = qi;
|
|
40
|
+
exports.MarketsList = Kt;
|
|
41
|
+
exports.MarketsListFull = Vt;
|
|
42
|
+
exports.MarketsListFullWidget = Ze;
|
|
43
43
|
exports.MarketsListWidget = j;
|
|
44
|
-
exports.MarketsProvider =
|
|
45
|
-
exports.MarketsSheet =
|
|
46
|
-
exports.MarketsSheetWidget =
|
|
47
|
-
exports.NewListingList =
|
|
48
|
-
exports.NewListingListWidget =
|
|
49
|
-
exports.RecentList =
|
|
50
|
-
exports.RecentListWidget =
|
|
51
|
-
exports.SideMarkets =
|
|
52
|
-
exports.SideMarketsWidget =
|
|
53
|
-
exports.SymbolInfoBar =
|
|
54
|
-
exports.SymbolInfoBarFull =
|
|
55
|
-
exports.SymbolInfoBarFullWidget =
|
|
56
|
-
exports.SymbolInfoBarWidget =
|
|
57
|
-
exports.useDropDownMarketsColumns =
|
|
58
|
-
exports.useDropDownMarketsScript =
|
|
59
|
-
exports.useExpandMarketsScript =
|
|
60
|
-
exports.useFavoritesDropdownMenuScript =
|
|
61
|
-
exports.useFavoritesListFullScript =
|
|
62
|
-
exports.useFavoritesListScript =
|
|
63
|
-
exports.useFavoritesTabScript =
|
|
64
|
-
exports.useFundingComparisonScript =
|
|
65
|
-
exports.useFundingOverviewScript =
|
|
66
|
-
exports.useMarketsDataListScript =
|
|
44
|
+
exports.MarketsProvider = E;
|
|
45
|
+
exports.MarketsSheet = bo;
|
|
46
|
+
exports.MarketsSheetWidget = Wn;
|
|
47
|
+
exports.NewListingList = wo;
|
|
48
|
+
exports.NewListingListWidget = fi;
|
|
49
|
+
exports.RecentList = Mo;
|
|
50
|
+
exports.RecentListWidget = Ri;
|
|
51
|
+
exports.SideMarkets = no;
|
|
52
|
+
exports.SideMarketsWidget = mn;
|
|
53
|
+
exports.SymbolInfoBar = ho;
|
|
54
|
+
exports.SymbolInfoBarFull = So;
|
|
55
|
+
exports.SymbolInfoBarFullWidget = ni;
|
|
56
|
+
exports.SymbolInfoBarWidget = Xn;
|
|
57
|
+
exports.useDropDownMarketsColumns = uo;
|
|
58
|
+
exports.useDropDownMarketsScript = po;
|
|
59
|
+
exports.useExpandMarketsScript = Yt;
|
|
60
|
+
exports.useFavoritesDropdownMenuScript = Dt;
|
|
61
|
+
exports.useFavoritesListFullScript = Bt;
|
|
62
|
+
exports.useFavoritesListScript = To;
|
|
63
|
+
exports.useFavoritesTabScript = Pt;
|
|
64
|
+
exports.useFundingComparisonScript = oo;
|
|
65
|
+
exports.useFundingOverviewScript = jt;
|
|
66
|
+
exports.useMarketsDataListScript = Ut;
|
|
67
67
|
exports.useMarketsHeaderScript = wt;
|
|
68
|
-
exports.useMarketsListFullScript =
|
|
69
|
-
exports.useMarketsListScript =
|
|
70
|
-
exports.useMarketsSheetScript =
|
|
71
|
-
exports.useNewListingListScript =
|
|
72
|
-
exports.useRecentListScript =
|
|
73
|
-
exports.useSideMarketsScript =
|
|
74
|
-
exports.useSymbolInfoBarFullScript =
|
|
75
|
-
exports.useSymbolInfoBarScript =
|
|
68
|
+
exports.useMarketsListFullScript = _t;
|
|
69
|
+
exports.useMarketsListScript = Xt;
|
|
70
|
+
exports.useMarketsSheetScript = xo;
|
|
71
|
+
exports.useNewListingListScript = Fo;
|
|
72
|
+
exports.useRecentListScript = No;
|
|
73
|
+
exports.useSideMarketsScript = io;
|
|
74
|
+
exports.useSymbolInfoBarFullScript = ko;
|
|
75
|
+
exports.useSymbolInfoBarScript = vo;
|
|
76
76
|
//# sourceMappingURL=out.js.map
|
|
77
77
|
//# sourceMappingURL=index.js.map
|