@orderly.network/markets 2.6.1 → 2.6.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +12 -12
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +3 -3
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +8 -8
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var Xi = require('react');
3
+ var Ki = require('react');
4
4
  var i18n = require('@orderly.network/i18n');
5
- var ui$1 = require('@orderly.network/ui');
5
+ var ui = require('@orderly.network/ui');
6
6
  var utils = require('@orderly.network/utils');
7
7
  var jsxRuntime = require('react/jsx-runtime');
8
8
  var ns = require('embla-carousel-react');
@@ -12,10 +12,10 @@ var uiScaffold = require('@orderly.network/ui-scaffold');
12
12
 
13
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
14
 
15
- var Xi__default = /*#__PURE__*/_interopDefault(Xi);
15
+ var Ki__default = /*#__PURE__*/_interopDefault(Ki);
16
16
  var ns__default = /*#__PURE__*/_interopDefault(ns);
17
17
 
18
- var dr=Xi.createContext({}),Y=e=>{let{symbol:t,comparisonProps:o,children:a,onSymbolChange:r}=e,[s,n]=Xi.useState(""),i=Xi.useCallback(()=>{n("");},[]),l=Xi.useMemo(()=>({searchValue:s,onSearchValueChange:n,clearSearchValue:i,symbol:t,onSymbolChange:r,comparisonProps:o}),[s,t,r,n,o]);return jsxRuntime.jsx(dr.Provider,{value:l,children:a})},x=()=>Xi.useContext(dr);var gr=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"})})]}),fr=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"})}),it=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"})})]}),lt=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"})}),K=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"})})]}),Xe=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 br=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"})}),xr=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"})}),G=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"})}),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",{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"})}),pe=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"})}),Pe=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"})}),Ie=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"})}),vr=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"})})]}),hr=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))"})]})})]}),Gt=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"})}),Ht=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"})}),mt=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"})}),Sr=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 Xt=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:a,enableScroll:r,news:s,gainers:n,losers:i,total24Amount:l,totalOpenInterest:m,tvl:u,favorite:c}=e,{onSymbolChange:g}=x(),{t:p}=i18n.useTranslation(),h=ui$1.cn("oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]",r&&"oui-cursor-pointer oui-select-none"),f=d=>{g?.(d),c.addToHistory(d);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:ui$1.cn("oui-overflow-hidden",e.className),ref:r?t:void 0,children:[jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gapX:4,children:[jsxRuntime.jsx(Za,{total24Amount:l,totalOpenInterest:m,tvl:u,className:h}),jsxRuntime.jsx(Kt,{data:s,title:jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",children:p("markets.newListings")}),className:h,onSymbol:f}),jsxRuntime.jsx(Kt,{data:n,title:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-success-light",children:p("markets.topGainers")}),className:h,onSymbol:f}),jsxRuntime.jsx(Kt,{data:i,title:jsxRuntime.jsx(ui$1.Text,{className:"oui-text-danger-light",children:p("markets.topLosers")}),className:h,onSymbol:f})]}),jsxRuntime.jsx("div",{className:"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4",children:jsxRuntime.jsx(es,{scrollIndex:a,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},Za=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=i18n.useTranslation(),s=Xi.useMemo(()=>[{label:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.openInterest")]}),value:o},{label:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsxRuntime.jsx(ui$1.Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((n,i)=>jsxRuntime.jsx(Ja,{...n},i))})},Ja=e=>jsxRuntime.jsxs(ui$1.Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:utils.Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),Kt=e=>jsxRuntime.jsxs(ui$1.Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsxRuntime.jsx(ui$1.Box,{px:4,children:jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsxRuntime.jsx(ja,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),ja=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui$1.cn("oui-cursor-pointer hover:oui-bg-base-8",e.className),onClick:()=>{e.onSymbol(t);},children:[jsxRuntime.jsx(ui$1.Flex,{width:"100%",gapX:1,children:jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui$1.Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})},es=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:a}=e;return jsxRuntime.jsx(ui$1.Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(r=>jsxRuntime.jsx(ui$1.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$1.Box,{width:8,height:4,r:"full",className:ui$1.cn("oui-transition-all oui-duration-300",t===r?"oui-w-4 oui-bg-base-contrast-36":"oui-bg-base-contrast-20")},r)},r))})};var os=(e,t)=>{if(e==null&&t==null)return 0;if(e==null)return 1;if(t==null)return -1;let o=String(e).trim(),a=String(t).trim(),r=Number(o),s=Number(a),n=!isNaN(r)&&isFinite(r)&&/^-?\d*\.?\d+([eE][+-]?\d+)?$/.test(o),i=!isNaN(s)&&isFinite(s)&&/^-?\d*\.?\d+([eE][+-]?\d+)?$/.test(a);if(n&&i)return r-s;let l=/^\d{4}-\d{2}-\d{2}/.test(o)||/^\d{13}$/.test(o),m=/^\d{4}-\d{2}-\d{2}/.test(a)||/^\d{13}$/.test(a);if(l&&m){let u=new Date(e),c=new Date(t);if(!isNaN(u.getTime())&&!isNaN(c.getTime()))return u.getTime()-c.getTime()}return o.localeCompare(a,void 0,{sensitivity:"base",numeric:false,caseFirst:"upper"})};function qe(e,t){let{sortKey:o,sortOrder:a}=t||{},r=[...e||[]];return o&&a&&r.sort((s,n)=>{let i=os(s[o],n[o]);return a==="desc"?-i:i}),r}function R(e,t){let[o,a]=Xi.useState(e),r=Xi.useCallback(n=>{let i=n?{sortKey:n.sortKey,sortOrder:n.sort}:void 0;a(i),t?.(i);},[]),s=Xi.useCallback(n=>qe(n,o),[o]);return {sort:o,onSort:r,getSortedList:s}}function rs(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function D(e,t="",o){if(!t)return e;let a=rs(t),r=new RegExp(a,"i"),s=t.toLowerCase(),n=[],i=[],l=[];e?.forEach(u=>{let c=utils.formatSymbol(u.symbol,o),g=c.toLowerCase();r.test(c)&&(g===s?n.push(u):g.startsWith(s)?i.push(u):l.push(u));});let m=(u,c)=>{let g=utils.formatSymbol(u.symbol,o),p=utils.formatSymbol(c.symbol,o);return g<p?-1:g>p?1:0};return i.sort(m),l.sort(m),[...n,...i,...l]}function Fr(){let[e,t]=Xi.useState(0),[o,a]=Xi.useState(0);return Xi.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 Yt=()=>{let[e,t]=Xi.useState(0),o=us(),{width:a}=Fr(),[r,s]=ns__default.default({loop:true,slidesToScroll:"auto"});return Xi.useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:r,emblaApi:s,enableScroll:a<1440,...o}};function us(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:o}=hooks.useQuery("/v1/public/balance/stats"),a=Xi.useMemo(()=>qe(e,{sortKey:"created_time",sortOrder:"desc"}).slice(0,5),[e]),r=Xi.useMemo(()=>qe(e,{sortKey:"change",sortOrder:"desc"}).slice(0,5),[e]),s=Xi.useMemo(()=>qe(e,{sortKey:"change",sortOrder:"asc"}).slice(0,5),[e]),n=Xi.useMemo(()=>e?.reduce((m,u)=>m.add(u["24h_amount"]||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),i=Xi.useMemo(()=>e?.reduce((m,u)=>m.add(u.openInterest||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),l=Xi.useMemo(()=>{if(!o)return 0;let{total_holding:m=0}=o;return new utils.Decimal(m).toNumber()},[o]);return {markets:e,news:a,gainers:r,losers:s,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var Tr=e=>{let{news:t,gainers:o,losers:a,total24Amount:r,totalOpenInterest:s,tvl:n,favorite:i}=e,[l,m]=Xi.useState("newListings"),{onSymbolChange:u}=x(),{t:c}=i18n.useTranslation(),g=p=>{u?.(p),i.addToHistory(p);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:ui$1.cn("oui-overflow-hidden",e.className),children:[jsxRuntime.jsx(fs,{total24Amount:r,totalOpenInterest:s,tvl:n}),jsxRuntime.jsx(ui$1.Box,{intensity:900,r:"xl",p:3,mt:3,children:jsxRuntime.jsxs(ui$1.Tabs,{size:"md",value:l,onValueChange:m,children:[jsxRuntime.jsx(ui$1.TabPanel,{title:c("markets.newListings"),value:"newListings",testid:"oui-testid-markets-tab",children:jsxRuntime.jsx(Zt,{data:t,onSymbol:g})}),jsxRuntime.jsx(ui$1.TabPanel,{title:c("markets.topGainers"),value:"topGainers",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(Zt,{data:o,onSymbol:g})}),jsxRuntime.jsx(ui$1.TabPanel,{title:c("markets.topLosers"),value:"topLosers",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(Zt,{data:a,onSymbol:g})})]})})]})},fs=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=i18n.useTranslation(),s=Xi.useMemo(()=>[{label:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.openInterest")]}),value:o},{label:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsxRuntime.jsx(ui$1.Flex,{intensity:900,r:"xl",width:"100%",py:3,className:e.className,children:s?.map((n,i)=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(bs,{...n,className:ui$1.cn(i!==s.length-1&&"oui-border-r oui-border-line-6")},i)}))})},bs=e=>jsxRuntime.jsxs(ui$1.Box,{px:3,width:"100%",className:e.className,children:[jsxRuntime.jsx(ui$1.Text,{as:"div",intensity:36,size:"2xs",weight:"semibold",children:e.label}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"base",currency:"$",dp:e.dp||2,rm:utils.Decimal.ROUND_DOWN,rule:e.rule||"human",children:e.value})]}),Zt=e=>jsxRuntime.jsx(ui$1.Flex,{direction:"column",itemAlign:"start",mt:3,children:e.data?.map((t,o)=>jsxRuntime.jsx(xs,{item:t,onSymbol:e.onSymbol,className:"oui-px-0"},t.symbol))}),xs=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui$1.cn("oui-cursor-pointer hover:oui-bg-base-8",e.className),onClick:()=>{e.onSymbol(t);},children:[jsxRuntime.jsx(ui$1.Flex,{width:"100%",gapX:1,children:jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui$1.Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsxRuntime.jsx(ui$1.Flex,{width:"100%",justify:"end",children:jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})};var ct=e=>{let t=Yt(),{isMobile:o}=ui$1.useScreen();return o?jsxRuntime.jsx(Tr,{className:e.className,...t}):jsxRuntime.jsx(Xt,{className:e.className,...t})};var ge=e=>{let{symbol:t,onSymbolChange:o}=x(),{t:a}=i18n.useTranslation();return jsxRuntime.jsx("div",{className:"oui-custom-scrollbar oui-h-full oui-overflow-y-auto",children:jsxRuntime.jsx(ui$1.Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let s=jsxRuntime.jsxs(ui$1.Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(ui$1.TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:a("markets.column.last")}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,children:a("markets.column.24hPercentage")})]}),jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxRuntime.jsxs(ui$1.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsxRuntime.jsx(ui$1.Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})]});return jsxRuntime.jsx(ui$1.Tooltip,{side:"right",sideOffset:6,content:s,delayDuration:0,children:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:ui$1.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$1.TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})},r.symbol)})})})};var eo=e=>{let{symbol:t,favoriteTabs:o,open:a,onOpenChange:r,inputVisible:s,selectedTabs:n,value:i,onValueChange:l,hide:m,hideInput:u,showInput:c,onCheck:g,addTab:p,confirm:h}=e,{t:f}=i18n.useTranslation(),d=i?.length>15,k=()=>{if(s)return jsxRuntime.jsxs(ui$1.Box,{children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:2,children:[jsxRuntime.jsx(ui$1.Input,{autoFocus:true,value:i,onValueChange:l,classNames:{root:ui$1.cn("oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6",d&&"focus-within:oui-outline-danger focus-visible:oui-outline-danger")},autoComplete:"off",suffix:i&&jsxRuntime.jsx(ui$1.Box,{mr:2,children:jsxRuntime.jsx(ui$1.CloseCircleFillIcon,{opacity:1,size:14,className:"oui-cursor-pointer oui-text-base-contrast-20",onClick:()=>{l("");}})})}),jsxRuntime.jsx(ui$1.Button,{className:"oui-rounded-sm",size:"sm",onClick:p,disabled:!i||d,children:f("common.add")})]}),d&&jsxRuntime.jsxs(ui$1.Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsxRuntime.jsx("div",{className:"oui-size-1 oui-rounded-full oui-bg-danger"}),jsxRuntime.jsx(ui$1.Text,{color:"danger",children:f("markets.favorites.tabs.maxName")})]})]});let F=o.length>=10;return jsxRuntime.jsx(ui$1.Tooltip,{open:F?void 0:false,content:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:80,children:f("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$1.Flex,{className:ui$1.cn(F?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:F?500:600,onClick:F?void 0:c,height:28,r:"base",children:[jsxRuntime.jsx(ui$1.PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsxRuntime.jsx(ui$1.Text,{className:"",intensity:20,children:f("markets.favorites.dropdown.addPlaceholder")})]})})})},T=jsxRuntime.jsxs(ui$1.Flex,{justify:"between",className:"oui-mb-[10px] oui-mt-3",children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[f("markets.favorites.dropdown.title"),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:t})]}),jsxRuntime.jsx(ui$1.CloseIcon,{size:16,className:"oui-cursor-pointer oui-text-base-contrast",onClick:m})]}),P=jsxRuntime.jsxs(ui$1.Box,{children:[jsxRuntime.jsx(ui$1.Box,{my:2,className:"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto",children:o?.slice(0,10)?.map(F=>{let w=!!n.find(A=>A.id===F.id);return jsxRuntime.jsx(ui$1.Box,{className:"oui-cursor-pointer",children:jsxRuntime.jsxs(ui$1.Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{g(F,w);},children:[w?jsxRuntime.jsx(ui$1.CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsxRuntime.jsx(ui$1.CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsxRuntime.jsx(ui$1.Text,{intensity:54,children:F.name})]})},F.id)})}),jsxRuntime.jsx(ui$1.Box,{mt:3,pb:5,children:k()})]}),V=jsxRuntime.jsxs(ui$1.Flex,{gapX:3,mt:3,children:[jsxRuntime.jsx(ui$1.Button,{color:"gray",onClick:m,fullWidth:true,className:"oui-text-sm",size:"md",children:f("common.cancel")},"secondary"),jsxRuntime.jsx(ui$1.Button,{onClick:h,fullWidth:true,className:"oui-text-sm",size:"md",children:f("common.confirm")},"primary")]});return jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:a,onOpenChange:r,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui$1.DropdownMenuPortal,{children:jsxRuntime.jsx(ui$1.DropdownMenuContent,{onCloseAutoFocus:F=>F.preventDefault(),onClick:F=>F.stopPropagation(),align:"start",alignOffset:-12,sideOffset:24,className:"oui-markets-favorite-dropdown-menu-content oui-bg-base-8",children:jsxRuntime.jsx(ui$1.Box,{px:5,pb:5,width:360,children:jsxRuntime.jsxs(ui$1.Text,{as:"div",size:"sm",weight:"semibold",children:[T,jsxRuntime.jsx(ui$1.Divider,{}),P,V]})})})})]})};function to(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:a,updateFavoriteTabs:r,updateSymbolFavoriteState:s}=e.favorite,[n,i]=Xi.useState(false),[l,m]=Xi.useState(false),[u,c]=Xi.useState(""),[g,p]=Xi.useState([]),h=()=>{i(false);},f=()=>{m(true);},d=()=>{m(false);},k=()=>{c(""),d(),p([]);},T=()=>{let F={name:u||`WatchList_${a.length}`,id:Date.now()};r(F,{add:true}),k();},P=(F,w)=>{p(w?g?.filter(A=>A.id!==F.id):[...g,F]),d();},V=()=>{s(e.row,g,false),i(false);};return Xi.useEffect(()=>{if(!n)return;let F=o?.find(w=>w.name===t);F?.tabs?.length&&p(F?.tabs);},[n,o,a,t]),Xi.useEffect(()=>{n||k();},[n]),{symbol:t,favoriteTabs:a,open:n,onOpenChange:i,inputVisible:l,selectedTabs:g,value:u,onValueChange:c,hide:h,hideInput:d,showInput:f,onCheck:P,addTab:T,confirm:V}}var j=e=>{let t=to(e);return jsxRuntime.jsx(eo,{...t,children:e.children})};var fe=(e,t=false)=>{let{t:o}=i18n.useTranslation();return [{title:`${o("markets.column.market")} / ${o("common.volume")}`,dataIndex:"24h_amount",multiSort:{fields:[{sortKey:"symbol",label:o("markets.column.market")},{sortKey:"24h_amount",label:o("common.volume")}]},className:"oui-h-[36px]",render:(a,r)=>{let s;return t||(s=jsxRuntime.jsx(j,{row:r,favorite:e,children:jsxRuntime.jsx(ui$1.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:r.isFavorite?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui$1.Flex,{children:[s,jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(ui$1.TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxRuntime.jsxs(ui$1.Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsxRuntime.jsx(ui$1.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$1.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(Pe,{className:n,onClick:l=>{l.stopPropagation(),e.pinToTop(r);}}),jsxRuntime.jsx(Ie,{className:n,onClick:s})]})});return jsxRuntime.jsxs("div",{className:"oui-relative",children:[t&&i,jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:ui$1.cn(t&&"group-hover:oui-invisible"),children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:a})]})]})}}]};var ro=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,getColumns:n,panelSize:i,isFavoritesList:l,renderHeader:m,emptyView:u}=e,{symbol:c,onSymbolChange:g}=x(),p=fe(a,l),h=typeof n=="function"?n(a,l):p;return i==="small"?null:i==="middle"?jsxRuntime.jsx(ge,{dataSource:o}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[m?.(a),jsxRuntime.jsx(ui$1.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui$1.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll,empty:"oui-items-start oui-mt-6"},columns:h,loading:t,dataSource:o,onRow:f=>({className:ui$1.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{g?.(f),a.addToHistory(f);}}),generatedRowKey:f=>f.symbol,rowSelection:{[c]:true},onSort:r,initialSort:s?{sortKey:s.sortKey,sort:s.sortOrder}:void 0,manualSorting:true,emptyView:u})]})};var zr=(o=>(o.Markets="markets",o.Funding="funding",o))(zr||{}),W=(r=>(r.Favorites="favorites",r.Recent="recent",r.All="all",r.NewListing="newListing",r))(W||{}),Or=(o=>(o.Overview="overview",o.Comparison="comparison",o))(Or||{});var qs={all:hooks.MarketsType.ALL,favorites:hooks.MarketsType.FAVORITES,recent:hooks.MarketsType.RECENT,newListing:hooks.MarketsType.NEW_LISTING},ao=e=>{let[t,o]=Xi.useState(true),[a,r]=hooks.useMarkets(qs[e.type]||hooks.MarketsType.ALL),{favorites:s,selectedFavoriteTab:n}=r,{searchValue:i}=x(),{onSort:l,getSortedList:m}=R(e.initialSort,e.onSort),u=Xi.useMemo(()=>{let g=typeof e.dataFilter=="function"?e.dataFilter(a,{favorites:s,selectedFavoriteTab:n}):a,p=D(g,i,"base");return m(p)},[a,m,i,e.dataFilter,s,n]);Xi.useEffect(()=>{o(false);},[a]);let c=e.type==="favorites";return {loading:t,dataSource:u,favorite:r,onSort:l,isFavoritesList:c}};var ee=e=>{let t=ao(e);return jsxRuntime.jsx(ro,{...t,initialSort:e.initialSort,getColumns:e.getColumns,panelSize:e.panelSize,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName,renderHeader:e.renderHeader,emptyView:e.emptyView})};var E=e=>{let{classNames:t,suffix:o}=e,a=Xi.useRef(false),{t:r}=i18n.useTranslation(),{searchValue:s,onSearchValueChange:n,clearSearchValue:i}=x(),l=Xi.useCallback(()=>{a.current=true;},[]),m=Xi.useCallback(u=>{a.current=false,n?.(u.currentTarget.value);},[n]);return jsxRuntime.jsx(ui$1.Input,{value:s,onValueChange:n,onCompositionStart:l,onCompositionEnd:m,placeholder:r("markets.search.placeholder"),classNames:{...t,root:ui$1.cn("oui-mt-px oui-border oui-border-line",t?.root)},size:"sm",prefix:jsxRuntime.jsx(ui$1.Box,{pl:3,pr:1,children:jsxRuntime.jsx(br,{className:"oui-text-base-contrast-36"})}),suffix:o||s&&jsxRuntime.jsx(ui$1.Box,{mr:2,children:jsxRuntime.jsx(ui$1.CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:i})}),autoComplete:"off"})};function gt(e,t=false){return {title:i18n.i18n.t("common.symbol"),dataIndex:"symbol",width:150,onSort:true,render:(o,a)=>{let r;return t||(r=jsxRuntime.jsx(j,{row:a,favorite:e,children:jsxRuntime.jsx(ui$1.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[r,jsxRuntime.jsx(ui$1.TokenIcon,{symbol:o,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o}),jsxRuntime.jsxs(ui$1.Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]})}}}function ft(){return {title:i18n.i18n.t("markets.column.last"),dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(e,t)=>jsxRuntime.jsx(ui$1.Text.numeral,{dp:t.quote_dp||2,size:"2xs",children:e})}}function bt(){return {title:i18n.i18n.t("markets.column.24hPercentage"),dataIndex:"change",align:"right",onSort:true,width:80,render:e=>jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:e})}}var xt=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"center",gapY:4,className:ui$1.cn("oui-text-center",e.className),children:[jsxRuntime.jsx(ui$1.EmptyStateIcon,{}),jsxRuntime.jsxs(ui$1.Button,{color:"gray",size:"xs",className:"oui-bg-base-4",onClick:e.onClick,children:[jsxRuntime.jsx(ui$1.PlusIcon,{className:"oui-mr-1 oui-text-base-contrast",opacity:1,size:12}),jsxRuntime.jsx(ui$1.Text,{intensity:98,children:t("markets.favorites.addFavorites")})]})]})};var uo=e=>{let{open:t,setOpen:o,container:a,inputRef:r,inputWidth:s,spanRef:n,editing:i,value:l,onValueChange:m,updateCurTab:u,onEdit:c,addTab:g,delTab:p,size:h="default",scrollable:f}=e,{t:d}=i18n.useTranslation(),{selectedFavoriteTab:k,favoriteTabs:T,updateSelectedFavoriteTab:P}=e.favorite,V=h==="sm"?28:36,F=h==="sm"?18:24,w=l?.length>15,A="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)]",ve=S=>{ui$1.modal.confirm({title:d("markets.favorites.tabs.delete.dialog.title"),content:jsxRuntime.jsx(ui$1.Text,{size:"sm",children:d("markets.favorites.tabs.delete.dialog.description",{name:S.name})}),onOk(){return p(S),Promise.resolve()}});},se=S=>{S.key==="Enter"&&u(w);},Et=S=>jsxRuntime.jsxs(ui$1.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(gr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{c(S);}}),jsxRuntime.jsx(fr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{ve(S);}})]}),nt=()=>{let S=T.length>=10,O=jsxRuntime.jsx(ui$1.Flex,{className:ui$1.cn("oui-inline-flex",S?"oui-cursor-not-allowed":"oui-cursor-pointer",S?"oui-bg-base-3":A),width:V,height:F,r:"base",justify:"center",itemAlign:"center",onClick:S?void 0:g,children:S?jsxRuntime.jsx(vr,{className:"oui-z-[1] oui-size-3 oui-text-base-contrast-54"}):jsxRuntime.jsx(hr,{className:"oui-size-3"})});return S?jsxRuntime.jsx(ui$1.Tooltip,{content:jsxRuntime.jsx(ui$1.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},z=S=>jsxRuntime.jsx(ui$1.Tooltip,{open:w,content:jsxRuntime.jsx(ui$1.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$1.Input,{ref:r,style:w?{width:s}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:s},classNames:{root:ui$1.cn("oui-my-px oui-rounded oui-p-0 oui-px-2","focus-within:oui-outline-transparent focus-visible:oui-outline-none",h==="sm"?"oui-h-[18px]":"oui-h-[24px]",S&&ui$1.cn(w?"oui-bg-danger/15":A)),input:ui$1.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",w?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",h==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:m,onBlur:()=>{u(w);},onKeyUp:se,autoComplete:"off"})}),he=(S,O)=>{if(i&&O)return z(O);let ne={weight:"semibold",size:h==="sm"?"2xs":"sm",className:h==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},Ut=O?jsxRuntime.jsx(ui$1.Text.gradient,{color:"brand",angle:270,...ne,children:S.name}):jsxRuntime.jsx(ui$1.Text,{...ne,children:S.name});return jsxRuntime.jsx(ui$1.Box,{r:"base",px:2,height:F,className:ui$1.cn("oui-cursor-pointer oui-select-none",O?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",O?A:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{P(S),O&&o(true);},children:Ut})};return jsxRuntime.jsxs(ui$1.Flex,{width:"100%",gapX:3,className:e.className,children:[jsxRuntime.jsxs(ui$1.Flex,{ref:a,id:"oui-markets-favorites-tabs-container",className:ui$1.cn("oui-hide-scrollbar oui-relative oui-cursor-pointer","oui-overflow-hidden oui-overflow-x-auto"),gapX:h==="sm"?2:3,width:"100%",children:[T?.slice(0,10)?.map(S=>{let O=k.id===S.id;return jsxRuntime.jsx(ui$1.Tooltip,{open:O&&!i?t:false,onOpenChange:ne=>{O&&o(ne);},content:Et(S),delayDuration:0,className:ui$1.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:he(S,O)},S.id)}),!f&&nt(),jsxRuntime.jsx(ui$1.Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),f&&nt()]})};function po(e){let{favorite:t,size:o="default"}=e,{favorites:a,favoriteTabs:r,selectedFavoriteTab:s,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[m,u]=Xi.useState(false),[c,g]=Xi.useState(false),[p,h]=Xi.useState(""),[f,d]=Xi.useState(false),k=Xi.useRef(null),T=Xi.useRef(null),P=Xi.useRef(null),[V,F]=Xi.useState(50),w=()=>{setTimeout(()=>{let{scrollWidth:he,clientWidth:S}=k.current||{};he>S&&d(true);},0);},A=()=>{setTimeout(()=>{k.current&&(k.current.scrollLeft=k.current.scrollWidth-k.current.clientWidth);},0);},ve=z=>{g(true),h(z.name),setTimeout(()=>{T.current?.focus(),T.current?.setSelectionRange(-1,-1);},0);},se=z=>{n({...s,name:z?s.name:p},{update:true}),g(false),u(false),w();},Et=()=>{let z={name:`WatchList_${r.length}`,id:Date.now()};n(z,{add:true}),i(z),w(),A();},nt=z=>{n(z,{delete:true}),setTimeout(()=>{let he=a.map(ne=>({...ne,tabs:ne.tabs?.filter(Ut=>Ut.id!==z.id)}));l(he);let S=r.filter(ne=>ne.id!==z.id),O=S?.[S?.length-1]||S?.[0];i(O);},0);};return Xi.useEffect(()=>{if(p){let z=P.current?.getBoundingClientRect(),he=o==="sm"?0:14;F(Math.max((z?.width||0)+he,50));}},[p]),Xi.useEffect(()=>{w();},[]),{favorite:t,open:m,setOpen:u,container:k,inputRef:T,inputWidth:V,spanRef:P,editing:c,value:p,onValueChange:h,onEdit:ve,updateCurTab:se,addTab:Et,delTab:nt,scrollable:f}}var Te=e=>{let{className:t,...o}=e,a=po(o);return jsxRuntime.jsx(uo,{...a,size:e.size,className:t})};function te(){let{searchValue:e}=x(),t=Xi.useCallback(s=>jsxRuntime.jsx(ui$1.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Te,{favorite:s,size:"sm"})}),[]),o=Xi.useCallback((s,n)=>{let{favorites:i,selectedFavoriteTab:l}=n;return i?.filter(m=>m.tabs?.findIndex(u=>u.id===l.id)!==-1)?.map(m=>{let u=s?.findIndex(c=>c.symbol===m.name);return u!==-1?s[u]:null})?.filter(m=>m)},[]),a=Xi.useCallback(s=>s==="favorites"?{renderHeader:t,dataFilter:o}:{},[t,o]),r=Xi.useCallback(s=>{if(s.type==="favorites"&&!e)return jsxRuntime.jsx(xt,{onClick:s.onClick,className:s.className})},[e]);return {renderHeader:t,dataFilter:o,getFavoritesProps:a,renderEmptyView:r}}var Hr=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=i18n.useTranslation(),n=Xi.useCallback((m,u=false)=>[gt(m,u),ft(),bt()],[]),{getFavoritesProps:i}=te(),l=m=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(E,{classNames:{root:ui$1.cn("oui-mx-3 oui-mb-4 oui-mt-5",t!=="favorites"&&"oui-mb-2")}}),jsxRuntime.jsx(ee,{type:m,initialSort:a[m],onSort:r(m),getColumns:n,rowClassName:"!oui-h-[34px]",...i(m)})]});return jsxRuntime.jsx(ui$1.Box,{id:"oui-markets-list",intensity:900,py:3,mt:2,r:"2xl",children:jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"lg",value:t,onValueChange:o,classNames:{scrollIndicator:"oui-mx-3"},showScrollIndicator:true,children:[jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:l("favorites")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.allMarkets"),icon:jsxRuntime.jsx(it,{}),value:"all",children:l("all")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.newListings"),icon:jsxRuntime.jsx(lt,{}),value:"new",children:l("newListing")})]})})};function oe(e){let[t,o]=hooks.useSessionStorage(e.storageKey,{all:{sortKey:"24h_amount",sortOrder:"desc"}}),a=Xi.useCallback(r=>s=>{o({...t,[r]:s});},[t]);return {tabSort:t,onTabSort:a}}var Nn="orderly_mobile_markets_tab_sort";function bo(){let[e,t]=Xi.useState("all"),{clearSearchValue:o,searchValue:a}=x(),{tabSort:r,onTabSort:s}=oe({storageKey:Nn});return Xi.useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:n=>t(n),tabSort:r,onTabSort:s,searchValue:a}}var kt=(e,t=false)=>{let{t:o}=i18n.useTranslation();return Xi.useMemo(()=>[{title:jsxRuntime.jsx(Xe,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,s)=>{let i=jsxRuntime.jsx(ui$1.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(K,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Xe,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(j,{row:s,favorite:e,children:i})}},{title:o("markets.column.market"),dataIndex:"symbol",width:90,onSort:true,render:r=>jsxRuntime.jsx(ui$1.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$1.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$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{title:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",o("markets.column.24hVolume")]}),dataIndex:"24h_amount",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui$1.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:r})},{title:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",o("markets.openInterest")]}),dataIndex:"openInterest",width:100,align:"right",onSort:true,render:r=>jsxRuntime.jsx(ui$1.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$1.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$1.Flex,{justify:"end",mr:4,children:jsxRuntime.jsx(ui$1.Tooltip,{content:o("markets.dataList.column.moveTop"),align:"center",delayDuration:0,children:jsxRuntime.jsx(ui$1.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(xr,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t,o])};var xo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,pagination:s}=e,{symbol:n,onSymbolChange:i}=x(),l=kt(o,true),m=e.emptyView||jsxRuntime.jsx(ui$1.Flex,{className:"oui-text-xs oui-text-base-contrast-36",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"markets.dataList.favorites.empty",components:[jsxRuntime.jsx(Xe,{className:"oui-text-base-contrast-36"},"0")]})});return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Te,{favorite:o,className:"oui-my-3"}),jsxRuntime.jsx(ui$1.DataTable,{bordered:true,columns:l,dataSource:t,emptyView:m,classNames:{empty:"oui-items-start oui-mt-6"},loading:r,onRow:(u,c)=>({className:ui$1.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[n]:true},onSort:a,pagination:s,manualSorting:true})]})};var vo=()=>{let{pageSize:e,setPage:t,pagination:o}=ui$1.usePagination({pageSize:10}),[a,r]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[s,n]=Xi.useState(true),{favorites:i,selectedFavoriteTab:l}=r,{searchValue:m}=x(),{onSort:u,getSortedList:c}=R(),g=Xi.useMemo(()=>{let h=i?.filter(f=>f.tabs?.findIndex(d=>d.id===l.id)!==-1)?.map(f=>{let d=a?.findIndex(k=>k.symbol===f.name);return d!==-1?a[d]:null})?.filter(f=>!!f);return D(h,m,"base-type")},[a,l,i,m]),p=Xi.useMemo(()=>c(g),[g,c]);return Xi.useEffect(()=>{n(false);},[i]),Xi.useEffect(()=>{t(1);},[m]),{loading:s,dataSource:p,favorite:r,onSort:u,pagination:o}};var ho=e=>{let t=vo();return jsxRuntime.jsx(xo,{...t,emptyView:e.emptyView})};var So=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,type:n,pagination:i}=e,{symbol:l,onSymbolChange:m}=x(),u=kt(a,false);return jsxRuntime.jsx(ui$1.DataTable,{bordered:true,columns:u,loading:t,dataSource:o,onRow:(c,g)=>({className:ui$1.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{m?.(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 ko=e=>{let[t,o]=Xi.useState(true),{setPage:a,pagination:r}=ui$1.usePagination({pageSize:10}),[s,n]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:i}=x(),{onSort:l,getSortedList:m,sort:u}=R(e.initialSort),c=Xi.useMemo(()=>{let p=D(s,i,"base-type");return m(p)},[s,m,i]);Xi.useEffect(()=>{o(false);},[s]),Xi.useEffect(()=>{a(1);},[i]),Xi.useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",u?.sortKey,u?.sortOrder);},[u,e.type]);let g=Xi.useMemo(()=>{let p=e.type==="all"?n.tabSort?.all:void 0;return {sortKey:p?.sortKey||e?.initialSort?.sortKey,sort:p?.sortOrder||e?.initialSort?.sortOrder}},[n.tabSort,e.initialSort,e.type]);return {loading:t,dataSource:c,favorite:n,onSort:l,pagination:r,initialSort:g}};var Ft=e=>{let t=ko(e);return jsxRuntime.jsx(So,{...t,type:e.type})};var wo=e=>{let{activeTab:t,onTabChange:o}=e,{t:a}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:jsxRuntime.jsx(E,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsxRuntime.jsx(ui$1.TabPanel,{title:a("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(ho,{emptyView:!e.searchValue&&jsxRuntime.jsx(xt,{onClick:()=>{o("all");}})})}),jsxRuntime.jsx(ui$1.TabPanel,{title:a("markets.allMarkets"),icon:jsxRuntime.jsx(it,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(Ft,{type:"all",initialSort:{sortKey:"24h_amount",sortOrder:"desc"}})}),jsxRuntime.jsx(ui$1.TabPanel,{title:a("markets.newListings"),icon:jsxRuntime.jsx(lt,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Ft,{type:"new",initialSort:{sortKey:"created_time",sortOrder:"desc"}})})]})})};var wt=()=>{let{isMobile:e}=ui$1.useScreen(),t=bo();return e?jsxRuntime.jsx(Hr,{...t}):jsxRuntime.jsx(wo,{...t})};var To=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=i18n.useTranslation(),n="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:i,renderEmptyView:l}=te(),m=u=>jsxRuntime.jsx("div",{className:n,children:jsxRuntime.jsx(ee,{type:u,initialSort:a[u],onSort:r(u),tableClassNames:{scroll:ui$1.cn("oui-px-1",u==="favorites"?"oui-pb-9":"oui-pb-2")},...i(u),emptyView:l({type:u,onClick:()=>{o("all");}})})});return jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-overflow-hidden oui-font-semibold"),height:"100%",children:[jsxRuntime.jsx(ui$1.Box,{px:3,pb:2,children:jsxRuntime.jsx(E,{})}),jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:ui$1.cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:n,showScrollIndicator:true,children:[jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:m("favorites")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.recent"),value:"recent",children:m("recent")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("common.all"),value:"all",children:m("all")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.newListings"),value:"newListing",children:m("newListing")})]})]})};var Ae="orderly_side_markets_tab_sort";function Mo(e){let[t,o]=Xi.useState(e.activeTab),{tabSort:a,onTabSort:r}=oe({storageKey:Ae}),{clearSearchValue:s}=x(),n=Xi.useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return Xi.useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),Xi.useEffect(()=>{s?.();},[t]),{activeTab:t,onTabChange:n,tabSort:a,onTabSort:r}}var No=e=>{let t=Mo({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(To,{...t})})};var xe=(e=5)=>t=>t===0?jsxRuntime.jsx(ui$1.Text,{children:" - "}):jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",dp:e,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:t}),Mt=(e,t)=>{let{t:o}=i18n.useTranslation(),{isMobile:a}=ui$1.useScreen();return Xi.useMemo(()=>[{title:o("markets.column.market"),dataIndex:"symbol",onSort:true,width:135,className:a?"oui-pl-0":void 0,render:r=>jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(ui$1.TokenIcon,{symbol:r,className:a?"oui-size-[18px]":"oui-size-5"}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-type",weight:"semibold",children:r})]})},{title:o("markets.funding.column.estFunding"),dataIndex:"estFunding",width:120,onSort:true,render:(r,s)=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:`/ ${s.fundingInterval}h`})]})},{title:o("markets.funding.column.lastFunding"),dataIndex:"lastFunding",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.1dAvg"),dataIndex:"funding1d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.3dAvg"),dataIndex:"funding3d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.7dAvg"),dataIndex:"funding7d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.14dAvg"),dataIndex:"funding14d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.30dAvg"),dataIndex:"funding30d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.90dAvg"),dataIndex:"funding90d",width:90,onSort:true,render:xe()},{title:jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-1",children:[jsxRuntime.jsx(ui,{value:e,onValueChange:t}),jsxRuntime.jsx("span",{children:o("markets.funding.column.positiveRate")})]}),dataIndex:e,width:130,align:"right",onSort:true,render:xe(2)}],[o,a,e,t])},ui=e=>{let{t}=i18n.useTranslation(),{isMobile:o}=ui$1.useScreen(),a=Xi.useMemo(()=>[{label:t("common.select.1d"),value:"1dPositive"},{label:t("common.select.3d"),value:"3dPositive"},{label:t("common.select.7d"),value:"7dPositive"},{label:t("common.select.14d"),value:"14dPositive"},{label:t("common.select.30d"),value:"30dPositive"},{label:t("common.select.90d"),value:"90dPositive"}],[t]);return o?jsxRuntime.jsx(ui$1.Picker,{size:"sm",value:e.value,onValueChange:e.onValueChange,options:a}):jsxRuntime.jsx(ui$1.Select.options,{size:"xs",value:e.value,onValueChange:e.onValueChange,options:a})};var Io=e=>{let{dataSource:t,isLoading:o,pagination:a,onSort:r}=e,[s,n]=Xi.useState("1dPositive"),i=Mt(s,n);return jsxRuntime.jsx(ui$1.DataTable,{columns:i,dataSource:t,loading:o,bordered:true,onRow:()=>({className:ui$1.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:a,onSort:r,manualSorting:true,generatedRowKey:l=>l.symbol})};var Ro=()=>{let{pagination:e}=ui$1.usePagination({pageSize:10}),[t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:o,isLoading:a,getPositiveRates:r}=hooks.useFundingRateHistory(),s=hooks.useFundingRates(),{onSort:n,getSortedList:i}=R(),{searchValue:l}=x(),m=Xi.useMemo(()=>{if(!t?.length)return [];let p=["1d","3d","7d","14d","30d","90d"].reduce((h,f)=>(h[f]=r(o,f),h),{});return t.map(h=>{let f=h.symbol,d=o?.find(P=>P.symbol===f),k=s[f],T=Si(k("next_funding_time"),k("last_funding_rate_timestamp"));return {symbol:f,estFunding:k("est_funding_rate"),lastFunding:k("last_funding_rate"),fundingInterval:T,funding1d:d?.funding?.["1d"]?.rate??0,funding3d:d?.funding?.["3d"]?.rate??0,funding7d:d?.funding?.["7d"]?.rate??0,funding14d:d?.funding?.["14d"]?.rate??0,funding30d:d?.funding?.["30d"]?.rate??0,funding90d:d?.funding?.["90d"]?.rate??0,"1dPositive":p["1d"][f]??"-","3dPositive":p["3d"][f]??"-","7dPositive":p["7d"][f]??"-","14dPositive":p["14d"][f]??"-","30dPositive":p["30d"][f]??"-","90dPositive":p["90d"][f]??"-"}})},[t,o,s,r]),u=Xi.useMemo(()=>D(m,l,"base-type"),[m,l,e]);return {dataSource:Xi.useMemo(()=>i(u),[u,i]),isLoading:a,pagination:e,onSort:n}};function Si(e,t){if(!e||!t)return 8;let o=e-t;return Math.round(o/36e5)}var aa=e=>{let{dataSource:t,isLoading:o,onSort:a}=e,[r,s]=Xi.useState("1dPositive"),n=Mt(r,s);return jsxRuntime.jsx(ui$1.DataTable,{columns:n,dataSource:t,loading:o,onRow:()=>({className:ui$1.cn("oui-h-[34px] oui-cursor-pointer")}),classNames:{header:"oui-h-9",body:"oui-text-2xs"},onSort:a,manualSorting:true,generatedRowKey:i=>i.symbol})};var tt=()=>{let e=Ro(),{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(aa,{...e}):jsxRuntime.jsx(Io,{...e})};var Nt=()=>{let{comparisonProps:e}=x(),t=e?.exchangesName||"Orderly",o=e?.exchangesIconSrc||"https://oss.orderly.network/static/exchange_logo/orderly.png";return {exchanges:Xi.useMemo(()=>[t,"Binance",`${t} - Binance`,"OKX",`${t} - OKX`,"Bybit",`${t} - Bybit`,"dYdX",`${t} - dYdX`,"Bitget",`${t} - Bitget`,"KuCoin",`${t} - KuCoin`],[e?.exchangesName]),brokerName:t,brokerIconSrc:o}};var Di="https://oss.orderly.network/static/exchange_logo",Pt=()=>{let{t:e}=i18n.useTranslation(),{isMobile:t}=ui$1.useScreen(),{exchanges:o,brokerName:a,brokerIconSrc:r}=Nt(),s=Xi.useCallback(n=>n===a?r:`${Di}/${n.toLowerCase().replace(" ","_")}.png`,[a,r]);return Xi.useMemo(()=>[{title:e("markets.column.market"),dataIndex:"symbol",width:150,onSort:true,className:t?"oui-pl-0":void 0,render:n=>jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(ui$1.TokenIcon,{symbol:n,className:t?"oui-size-[18px]":"oui-size-5"}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",children:n})]})},{title:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",e("markets.openInterest")]}),dataIndex:"openInterest",width:120,onSort:true,render:n=>n==="-"?"-":jsxRuntime.jsx(ui$1.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:n})},...o.map(n=>{let i=s(n);return {title:jsxRuntime.jsxs(ui$1.Flex,{justify:"start",itemAlign:"center",gap:1,children:[!n.includes(" - ")&&i&&jsxRuntime.jsx("img",{src:i,className:ui$1.cn("oui-size-6 oui-rounded-full oui-object-cover",t?"oui-size-[18px]":"oui-size-6")}),n]}),dataIndex:n,onSort:true,width:n.includes(" - ")?160:130,render(l){return l===null?"-":jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",dp:5,coloring:n.includes(" - ")||n===a,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:l})}}})],[e,t,o,a,s])};var Oo=e=>{let t=Pt();return jsxRuntime.jsx(ui$1.DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:ui$1.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:e.pagination})};function Ei(e,t){return new utils.Decimal(e||0).mul(t||0).toNumber()}var Vo=()=>{let{pagination:e}=ui$1.usePagination({pageSize:10}),{onSort:t,getSortedList:o}=R(),{searchValue:a}=x(),{exchanges:r,brokerName:s}=Nt(),n=hooks.useFundingRates(),{data:i,isLoading:l}=hooks.useQuery("/v1/public/market_info/funding_comparison"),{data:m}=hooks.useMarketsStream(),u=Xi.useMemo(()=>!Array.isArray(i)||!i.length?[]:i.map(p=>{let h=m?.find(d=>d.symbol===p.symbol),f={symbol:p.symbol,openInterest:h?Ei(h?.open_interest,h?.index_price):"-"};for(let d of r)if(d.includes(" - ")){let[,T]=d.replace(/ /g,"").split("-"),P=n[p.symbol],V=P("last_funding_rate")??null,w=p.exchanges?.find(A=>A.name.toLowerCase()===T.toLowerCase())?.last??null;V!==null&&w!==null?f[d]=new utils.Decimal(V).sub(w).toString():f[d]=null;}else if(d===s){let T=n[p.symbol];f[d]=T("last_funding_rate")??null;}else {let T=p.exchanges?.find(P=>P.name.toLowerCase()===d.toLowerCase());f[d]=T?.last??null;}return f}),[i,m,n,r,s]),c=Xi.useMemo(()=>D(u,a,"base-type"),[u,a,e]);return {dataSource:Xi.useMemo(()=>o(c),[o,c]),isLoading:l,pagination:e,onSort:t}};var la=e=>{let t=Pt();return jsxRuntime.jsx(ui$1.DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:ui$1.cn("oui-h-[34px] oui-cursor-pointer")}),onSort:e.onSort,classNames:{header:"oui-h-9",body:"oui-text-2xs"},manualSorting:true})};var ot=()=>{let e=Vo(),{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(la,{...e}):jsxRuntime.jsx(Oo,{...e})};var Ji=Xi__default.default.forwardRef((e,t)=>jsxRuntime.jsxs("svg",{width:10,height:16,viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,focusable:false,...e,children:[jsxRuntime.jsx("rect",{x:2,y:2,width:8,height:2,rx:1}),jsxRuntime.jsx("rect",{x:2,y:7,width:8,height:2,rx:1}),jsxRuntime.jsx("rect",{x:2,y:12,width:8,height:2,rx:1})]})),ji=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange:a}=e,{t:r}=i18n.useTranslation(),s=ui$1.cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return jsxRuntime.jsxs(ui$1.Flex,{className:o==="small"?"oui-absolute oui-end-[-20px] oui-z-50":"oui-relative",justify:o==="large"?"between":"end",width:"100%",px:3,children:[o==="large"&&jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:80,children:r("common.markets")}),jsxRuntime.jsx(ui$1.Tooltip,{side:o==="small"?"right":"left",align:"start",sideOffset:-4,alignOffset:-4,content:jsxRuntime.jsxs(ui$1.Flex,{direction:"column",gap:2,children:[o==="large"&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{onClick:()=>a?.("middle"),children:jsxRuntime.jsx(Ht,{className:s})}),jsxRuntime.jsx("div",{onClick:()=>a?.("small"),children:jsxRuntime.jsx(ui$1.EyeCloseIcon,{size:16,className:s,opacity:1})})]}),o==="middle"&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{onClick:()=>a?.("large"),children:jsxRuntime.jsx(Gt,{className:s})}),jsxRuntime.jsx("div",{onClick:()=>a?.("small"),children:jsxRuntime.jsx(ui$1.EyeCloseIcon,{size:16,className:s,opacity:1})})]}),o==="small"&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{onClick:()=>a?.("large"),children:jsxRuntime.jsx(Gt,{className:s})}),jsxRuntime.jsx("div",{onClick:()=>a?.("middle"),children:jsxRuntime.jsx(Ht,{className:s})})]})]}),delayDuration:0,className:"oui-rounded oui-border oui-border-line-12 oui-bg-base-9 oui-p-1",arrow:{className:"oui-fill-transparent"},children:jsxRuntime.jsx("div",{className:"oui-cursor-pointer",children:jsxRuntime.jsx(Ji,{className:ui$1.cn("oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast-80")})})})]})},Eo=e=>{let{panelSize:t,activeTab:o,onTabChange:a,className:r,tabSort:s}=e,{symbol:n,onSymbolChange:i}=x(),{getFavoritesProps:l}=te(),m=()=>{if(t==="small")return null;if(t==="middle")return jsxRuntime.jsx(ee,{type:o,initialSort:s[o],panelSize:t,...l(o)});if(t==="large")return jsxRuntime.jsx(No,{activeTab:o,onTabChange:a,symbol:n,onSymbolChange:i})};return jsxRuntime.jsxs(ui$1.Flex,{id:"oui-side-markets",className:ui$1.cn("oui-relative oui-font-semibold",r),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(ji,{...ramda.pick(["resizeable","panelSize","onPanelSizeChange"],e)}),jsxRuntime.jsx(ui$1.Box,{width:"100%",className:ui$1.cn(t==="large"&&"oui-h-[calc(100%_-_56px)]",t==="middle"&&"oui-h-[calc(100%_-_52px)]"),children:m()})]})};var al="orderly_side_markets_sel_tab_key",Uo=e=>{let[t,o]=Xi.useState(e?.panelSize),[a,r]=hooks.useLocalStorage(al,"all"),{tabSort:s}=oe({storageKey:Ae}),n=Xi.useCallback(i=>{typeof e?.onPanelSizeChange=="function"?e.onPanelSizeChange(i):o(i);},[e?.onPanelSizeChange]);return Xi.useEffect(()=>{o(e?.panelSize);},[e?.panelSize]),{resizeable:e?.resizeable??true,panelSize:t,onPanelSizeChange:n,activeTab:a,onTabChange:r,tabSort:s}};var sl=e=>{let t=Uo(ramda.pick(["resizeable","panelSize","onPanelSizeChange"],e));return jsxRuntime.jsx(Y,{...ramda.pick(["symbol","onSymbolChange"],e),children:jsxRuntime.jsx(Eo,{...t,className:e.className})})};var Ho=()=>{let{t:e}=i18n.useTranslation();return Xi.useCallback((t,o=false)=>[gt(t,o),ft(),bt(),{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$1.cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.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(Pe,{className:n,onClick:l=>{l.stopPropagation(),t.pinToTop(r);}}),jsxRuntime.jsx(Ie,{className:n,onClick:s})]})});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o&&i,jsxRuntime.jsx(ui$1.Text.numeral,{rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,className:ui$1.cn(o&&"group-hover:oui-invisible"),children:a})]})}}],[e])};var Ko=e=>jsxRuntime.jsxs(ui$1.DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsxRuntime.jsx(ui$1.DropdownMenuTrigger,{asChild:true,children:e.children}),jsxRuntime.jsx(ui$1.DropdownMenuPortal,{children:jsxRuntime.jsx(ui$1.DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:ui$1.cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsxRuntime.jsx(fa,{...e,hide:e.hide})})})]}),fa=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=i18n.useTranslation(),n=Ho(),i=jsxRuntime.jsxs(ui$1.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(E,{classNames:{root:"oui-w-full"}}),jsxRuntime.jsx(ui$1.CloseIcon,{size:12,className:"oui-cursor-pointer oui-text-base-contrast-80",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:m,renderEmptyView:u}=te(),c=g=>jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(ee,{type:g,initialSort:a[g],onSort:r(g),getColumns:n,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]",...m(g),emptyView:u({type:g,onClick:()=>{o("all");}})})});return jsxRuntime.jsxs(ui$1.Box,{className:ui$1.cn("oui-overflow-hidden oui-font-semibold"),height:"100%",intensity:800,children:[i,jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:c("favorites")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.recent"),value:"recent",children:c("recent")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("common.all"),value:"all",children:c("all")}),jsxRuntime.jsx(ui$1.TabPanel,{title:s("markets.newListings"),value:"newListing",children:c("newListing")})]})]})};var wl="orderly_dropdown_markets_sel_tab_key",Cl="orderly_dropdown_markets_tab_sort";function Xo(){let[e,t]=Xi.useState(false),[o,a]=hooks.useLocalStorage(wl,"all"),{tabSort:r,onTabSort:s}=oe({storageKey:Cl}),{clearSearchValue:n}=x(),i=()=>{t(false);};return Xi.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:l=>a(l),open:e,onOpenChange:t,hide:i,tabSort:r,onTabSort:s}}var $o=e=>{let t=Xo();return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Ko,{...t,contentClassName:e.contentClassName,children:e.children})})};var va=(e,t=false)=>[{title:`${i18n.i18n.t("markets.column.market")} / ${i18n.i18n.t("common.volume")}`,dataIndex:"24h_amount",multiSort:{fields:[{sortKey:"symbol",label:i18n.i18n.t("markets.column.market")},{sortKey:"24h_amount",label:i18n.i18n.t("common.volume")}]},className:"oui-h-[36px]",render:(o,a)=>{let r;return t||(r=jsxRuntime.jsx(j,{row:a,favorite:e,children:jsxRuntime.jsx(ui$1.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui$1.Flex,{children:[r,jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[jsxRuntime.jsx(ui$1.TokenIcon,{symbol:a.symbol,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui$1.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:a.symbol}),jsxRuntime.jsxs(ui$1.Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]}),jsxRuntime.jsx(ui$1.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$1.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(Pe,{className:s,onClick:i=>{i.stopPropagation(),e.pinToTop(a);}}),jsxRuntime.jsx(Ie,{className:s,onClick:r})]})});return jsxRuntime.jsxs("div",{className:"oui-relative",children:[t&&n,jsxRuntime.jsxs(ui$1.Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:ui$1.cn(t&&"group-hover:oui-invisible"),children:[jsxRuntime.jsx(ui$1.Text.numeral,{dp:a.quote_dp||2,size:"2xs",children:a["24h_close"]}),jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var Zo=e=>{let{className:t,tabSort:o,onTabSort:a}=e,{t:r}=i18n.useTranslation(),{getFavoritesProps:s,renderEmptyView:n}=te(),i=l=>{let m=l==="favorites";return jsxRuntime.jsx(ee,{type:l,initialSort:o[l],onSort:a(l),getColumns:va,tableClassNames:{root:"!oui-bg-base-8",scroll:ui$1.cn("oui-pb-[env(safe-area-inset-bottom,_20px)]",m?"oui-h-[calc(100%_-_70px)]":"oui-h-[calc(100%_-_40px)]")},emptyView:n({type:l,onClick:()=>{e.onTabChange("all");}}),...s(l)})};return jsxRuntime.jsxs(ui$1.Box,{height:"100%",className:ui$1.cn("oui-font-semibold",t),children:[jsxRuntime.jsxs(ui$1.Box,{px:3,mt:3,mb:2,children:[jsxRuntime.jsx(ui$1.Text,{size:"base",intensity:80,children:r("common.markets")}),jsxRuntime.jsx(E,{classNames:{root:"oui-mt-4"}})]}),jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"md",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsList:ui$1.cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:"oui-h-[calc(100%_-_92px)]",showScrollIndicator:true,children:[jsxRuntime.jsx(ui$1.TabPanel,{title:r("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:i("favorites")}),jsxRuntime.jsx(ui$1.TabPanel,{title:r("common.all"),value:"all",children:i("all")})]})]})};var Rl="orderly_markets_sheet_sel_tab_key";function Jo(){let{tabSort:e,onTabSort:t}=oe({storageKey:Ae}),[o,a]=hooks.useLocalStorage(Rl,"favorites");return {tabSort:e,onTabSort:t,activeTab:o,onTabChange:a}}var Dl=e=>{let t=Jo();return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Zo,{...t,className:e.className})})};var jo=e=>{let{symbol:t,data:o,leverage:a,onSymbol:r}=e,s=jsxRuntime.jsxs(ui$1.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:r,children:[jsxRuntime.jsx(ui$1.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:true,children:t}),jsxRuntime.jsx(mt,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:3,children:[s,jsxRuntime.jsxs(ui$1.Badge,{size:"xs",color:"primary",children:[a,"x"]})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsxRuntime.jsx(ui$1.Text.numeral,{size:"2xs",rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:o?.change})]}),e.trailing]})};function er(e){let{symbol:t}=e,o=hooks.useTickerStream(t),a=hooks.useSymbolsInfo(),r=Xi.useMemo(()=>{let s=a[t],n=s("base_imr");return El(n)},[t,a]);return {symbol:t,data:o,leverage:r}}function El(e){return e?1/e:void 0}var Ul=e=>{let{symbol:t,...o}=e,a=er({symbol:t});return jsxRuntime.jsx(jo,{...a,...o})};var tr=e=>{let{symbol:t,isFavorite:o,favorite:a,data:r,quotoDp:s,openInterest:n,containerRef:i,leadingElementRef:l,tailingElementRef:m,leadingVisible:u,tailingVisible:c,onScoll:g,fundingPeriod:p,capFunding:h,floorFunding:f}=e,{t:d}=i18n.useTranslation(),k=jsxRuntime.jsx(j,{row:{symbol:t},favorite:a,children:jsxRuntime.jsx(ui$1.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:o?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),T=jsxRuntime.jsx($o,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui$1.Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui$1.TokenIcon,{symbol:t,className:"oui-size-4"}),jsxRuntime.jsx(ui$1.Text.formatted,{className:"oui-whitespace-nowrap oui-break-normal",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsxRuntime.jsx(mt,{className:"oui-text-base-contrast-54"})]})}),P=jsxRuntime.jsx(ui$1.Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:r?.["24h_close"]}),V=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Text.numeral,{coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r?.["24h_change"]}),jsxRuntime.jsx(ui$1.Text,{intensity:36,children:"/"}),jsxRuntime.jsx(ui$1.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r?.change})]});return jsxRuntime.jsxs(ui$1.Flex,{className:ui$1.cn("oui-symbol-info-bar-desktop","oui-h-[54px] oui-font-semibold",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:6,className:"oui-h-full oui-flex-1 oui-overflow-hidden",children:[jsxRuntime.jsxs(ui$1.Flex,{gapX:1,children:[k,T]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),P,jsxRuntime.jsxs("div",{className:"oui-relative oui-h-full oui-overflow-hidden",children:[jsxRuntime.jsx("div",{ref:i,className:"oui-hide-scrollbar oui-h-full oui-overflow-x-auto",children:jsxRuntime.jsxs(ui$1.Flex,{gapX:8,height:"100%",children:[jsxRuntime.jsx("div",{ref:l,children:jsxRuntime.jsx(Ge,{label:d("markets.column.24hChange"),value:V})}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.Mark"),value:jsxRuntime.jsx(ui$1.Text.numeral,{dp:s,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:r?.mark_price}),hint:d("markets.symbolInfoBar.Mark.tooltip")}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.Index"),value:jsxRuntime.jsx(ui$1.Text.numeral,{dp:s,children:r?.index_price}),hint:d("markets.symbolInfoBar.Index.tooltip")}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.24hVolume"),value:jsxRuntime.jsx(ui$1.Text.numeral,{rule:"human",dp:2,children:r?.["24h_amount"]}),hint:d("markets.symbolInfoBar.24hVolume.tooltip")}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.predFundingRate"),value:jsxRuntime.jsx(ql,{symbol:t}),hint:jsxRuntime.jsxs(ui$1.Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsx(ui$1.Text,{intensity:54,children:d("trading.fundingRate.predFundingRate.interval")}),jsxRuntime.jsx(ui$1.Text,{intensity:80,children:p})]}),jsxRuntime.jsxs(ui$1.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsxs(ui$1.Text,{intensity:54,children:[d("trading.fundingRate.predFundingRate.cap")," /",d("trading.fundingRate.predFundingRate.floor")]}),jsxRuntime.jsxs(ui$1.Text,{intensity:80,children:[h," / ",f]})]}),jsxRuntime.jsx(ui$1.Divider,{className:"oui-w-full",intensity:8}),d("markets.symbolInfoBar.predFundingRate.tooltip")]})}),jsxRuntime.jsx("div",{ref:m,children:jsxRuntime.jsx(Ge,{label:d("markets.openInterest"),value:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Text.numeral,{rule:"human",dp:2,children:n}),jsxRuntime.jsx(ui$1.Text,{intensity:36,children:" USDC"})]}),hint:d("markets.openInterest.tooltip")})})]})}),jsxRuntime.jsx(Ca,{leading:true,onClick:g,visible:u}),jsxRuntime.jsx(Ca,{tailing:true,onClick:g,visible:c})]})]}),e.trailing]})},Ge=e=>{let{label:t,value:o,hint:a}=e;return jsxRuntime.jsxs(ui$1.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui$1.Tooltip,{open:a?void 0:false,content:a,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:36,className:ui$1.cn("oui-data-label","oui-whitespace-nowrap oui-break-normal",a&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:t})}),jsxRuntime.jsx(ui$1.Text,{size:"2xs",intensity:98,className:ui$1.cn("oui-data-value","oui-whitespace-nowrap oui-break-normal oui-leading-[20px]"),children:o})]})},Ca=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$1.cn("oui-flex oui-w-[80px] oui-items-center","oui-absolute oui-inset-y-0 oui-rounded-l",o&&"oui-left-0 oui-pl-1",a&&"oui-right-0 oui-rotate-180 oui-pr-1"),children:jsxRuntime.jsx(Sr,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},ql=({symbol:e})=>{let t=hooks.useFundingRate(e);return t?.est_funding_rate===null?"--":jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui$1.Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsxRuntime.jsx(ui$1.Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function ar(e){let{symbol:t}=e,o=hooks.useTickerStream(t),a=hooks.useFundingRate(t),r=hooks.useMarketsStore(),{data:s,isLoading:n}=hooks.useFundingDetails(t),i=Xi.useMemo(()=>!s||n?"-":`${s.funding_period}h`,[s,n]),l=Xi.useMemo(()=>!s||n?"-":`${new utils.Decimal(s.cap_funding).mul(100).toNumber()}%`,[s,n]),m=Xi.useMemo(()=>!s||n?"-":`${new utils.Decimal(s.floor_funding).mul(100).toNumber()}%`,[s,n]),c=hooks.useSymbolsInfo()[t]("quote_dp"),[g,p]=Xi.useState(false),[h,f]=Xi.useState(false),d=Xi.useRef(null),k=Xi.useRef(null),T=Xi.useRef(null),P=Xi.useMemo(()=>!!r.favorites.find(w=>w.name===t),[r.favorites,t]),V=Xi.useMemo(()=>new utils.Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return Xi.useEffect(()=>{let w=new IntersectionObserver(A=>{for(let ve=0;ve<A.length;ve++){let se=A[ve];se&&(se.target===k.current&&p(!se.isIntersecting),se.target===T.current&&f(!se.isIntersecting));}});return k.current&&w.observe(k.current),T.current&&w.observe(T.current),()=>{w.disconnect();}},[]),{symbol:t,isFavorite:P,favorite:r,data:o,quotoDp:c,openInterest:V,fundingRate:a,containerRef:d,leadingElementRef:k,tailingElementRef:T,leadingVisible:g,tailingVisible:h,onScoll:w=>{d.current?.scrollBy({left:w==="left"?-100:100,behavior:"smooth"});},fundingPeriod:i,capFunding:l,floorFunding:m}}var tm=e=>{let{symbol:t,...o}=e,a=ar({symbol:t});return jsxRuntime.jsx(tr,{...a,...o})};var sr=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=fe(o,false),u=typeof s=="function"?s(o,false):m;return n?jsxRuntime.jsx(ge,{dataSource:t}):jsxRuntime.jsx(ui$1.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui$1.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:r,onRow:(c,g)=>({className:ui$1.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var nr=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.NEW_LISTING),[o,a]=Xi.useState(true),{searchValue:r}=x(),{onSort:s,getSortedList:n}=R(),i=Xi.useMemo(()=>{let l=D(e,r,"base");return n(l)},[e,r,n]);return Xi.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var mm=e=>{let t=nr();return jsxRuntime.jsx(sr,{...t,...e})};var ir=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=fe(o,true),u=typeof s=="function"?s(o,true):m;return n?jsxRuntime.jsx(ge,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui$1.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Te,{favorite:o,size:"sm"})}),jsxRuntime.jsx(ui$1.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui$1.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:r,onRow:(c,g)=>({className:ui$1.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})]})};var lr=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[o,a]=Xi.useState(true),{favorites:r,selectedFavoriteTab:s}=t,{searchValue:n}=x(),{onSort:i,getSortedList:l}=R(),m=Xi.useMemo(()=>{let u=r?.filter(g=>g.tabs?.findIndex(p=>p.id===s.id)!==-1)?.map(g=>{let p=e?.findIndex(h=>h.symbol===g.name);return p!==-1?e[p]:null})?.filter(g=>!!g),c=D(u,n,"base");return l(c)},[e,s,r,n,l]);return Xi.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:m,favorite:t,onSort:i}};var Sm=e=>{let t=lr();return jsxRuntime.jsx(ir,{...t,...e})};var mr=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=fe(o,false),u=typeof s=="function"?s(o,false):m;return n?jsxRuntime.jsx(ge,{dataSource:t}):jsxRuntime.jsx(ui$1.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui$1.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:u,dataSource:t,loading:r,onRow:(c,g)=>({className:ui$1.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var ur=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[o,a]=Xi.useState(true),{searchValue:r}=x(),{onSort:s,getSortedList:n}=R(),i=Xi.useMemo(()=>{let l=D(e,r,"base");return n(l)},[e,r,n]);return Xi.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var Nm=e=>{let t=ur();return jsxRuntime.jsx(mr,{...t,...e})};var za=e=>{let{t}=i18n.useTranslation(),o=jsxRuntime.jsx(E,{classNames:{root:ui$1.cn("oui-mb-2 oui-mt-5")}});return jsxRuntime.jsx(ui$1.Box,{intensity:900,p:3,mt:2,mb:5,r:"xl",height:"100%",className:"oui-markets-funding-list",children:jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o,jsxRuntime.jsx(tt,{})]})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o,jsxRuntime.jsx(ot,{})]})})]})})};function Oa(){let[e,t]=Xi.useState("overview");return {activeTab:e,onTabChange:t}}var Va=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Box,{intensity:900,p:6,mt:4,r:"2xl",className:"oui-markets-funding-list",children:jsxRuntime.jsxs(ui$1.Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,trailing:jsxRuntime.jsx(E,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsxRuntime.jsx(ui$1.TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxRuntime.jsx(tt,{})}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxRuntime.jsx(ot,{})})]})})};var pr=()=>{let e=Oa(),{isMobile:t}=ui$1.useScreen();return t?jsxRuntime.jsx(za,{...e}):jsxRuntime.jsx(Va,{...e})};var Hm=e=>{let{isMobile:t}=ui$1.useScreen(),[o,a]=Xi.useState("markets");return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,navProps:e.navProps,comparisonProps:e.comparisonProps,children:jsxRuntime.jsx("div",{id:"oui-markets-home-page",className:ui$1.cn("oui-font-semibold",e.className),children:t?jsxRuntime.jsx(Xm,{activeTab:o,onTabChange:a,navProps:e.navProps}):jsxRuntime.jsx(Km,{activeTab:o,onTabChange:a})})})},Km=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui$1.Box,{p:6,children:jsxRuntime.jsxs(ui$1.Tabs,{size:"xl",value:e.activeTab,onValueChange:e.onTabChange,children:[jsxRuntime.jsxs(ui$1.TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsxRuntime.jsx(ct,{className:"oui-mt-4"}),jsxRuntime.jsx(wt,{})]}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(pr,{})})]})})},Xm=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui$1.Tabs,{variant:"text",size:"xl",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsListContainer:"oui-border-0",tabsList:"oui-mx-6 oui-my-2",trigger:ui$1.cn("oui-text-2xl oui-font-bold","data-[state=active]:after:oui-bg-transparent!"),tabsContent:"oui-px-3"},leading:e.navProps?.leftNav&&jsxRuntime.jsx(uiScaffold.LeftNavUI,{className:"oui-ml-3 -oui-mr-4",...e?.navProps?.leftNav,logo:e?.navProps?.logo,routerAdapter:e?.navProps?.routerAdapter}),children:[jsxRuntime.jsxs(ui$1.TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsxRuntime.jsx(ct,{className:"oui-mt-2"}),jsxRuntime.jsx(wt,{})]}),jsxRuntime.jsx(ui$1.TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(pr,{})})]})};
18
+ var dr=Ki.createContext({}),Y=e=>{let{symbol:t,comparisonProps:o,children:a,onSymbolChange:r}=e,[s,n]=Ki.useState(""),i=Ki.useCallback(()=>{n("");},[]),l=Ki.useMemo(()=>({searchValue:s,onSearchValueChange:n,clearSearchValue:i,symbol:t,onSymbolChange:r,comparisonProps:o}),[s,t,r,n,o]);return jsxRuntime.jsx(dr.Provider,{value:l,children:a})},x=()=>Ki.useContext(dr);var gr=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"})})]}),fr=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"})}),it=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"})})]}),lt=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"})}),K=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"})})]}),Xe=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 br=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"})}),xr=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"})}),G=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"})}),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",{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"})}),pe=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"})}),Pe=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"})}),Ie=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"})}),vr=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"})})]}),hr=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))"})]})})]}),Gt=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"})}),Ht=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"})}),mt=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"})}),Sr=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 Xt=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:a,enableScroll:r,news:s,gainers:n,losers:i,total24Amount:l,totalOpenInterest:m,tvl:u,favorite:c}=e,{onSymbolChange:g}=x(),{t:p}=i18n.useTranslation(),h=ui.cn("oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]",r&&"oui-cursor-pointer oui-select-none"),f=d=>{g?.(d),c.addToHistory(d);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:ui.cn("oui-overflow-hidden",e.className),ref:r?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,children:[jsxRuntime.jsx(Za,{total24Amount:l,totalOpenInterest:m,tvl:u,className:h}),jsxRuntime.jsx(Kt,{data:s,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:p("markets.newListings")}),className:h,onSymbol:f}),jsxRuntime.jsx(Kt,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:p("markets.topGainers")}),className:h,onSymbol:f}),jsxRuntime.jsx(Kt,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:p("markets.topLosers")}),className:h,onSymbol:f})]}),jsxRuntime.jsx("div",{className:"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4",children:jsxRuntime.jsx(es,{scrollIndex:a,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},Za=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=i18n.useTranslation(),s=Ki.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.openInterest")]}),value:o},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",`${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(Ja,{...n},`item-${i}`))})},Ja=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})]}),Kt=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(ja,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),ja=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui.cn("oui-cursor-pointer hover:oui-bg-base-8",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})})]})},es=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-w-4 oui-bg-base-contrast-36":"oui-bg-base-contrast-20")},r)},r))})};var os=(e,t)=>{if(e==null&&t==null)return 0;if(e==null)return 1;if(t==null)return -1;let o=String(e).trim(),a=String(t).trim(),r=Number(o),s=Number(a),n=!isNaN(r)&&isFinite(r)&&/^-?\d*\.?\d+([eE][+-]?\d+)?$/.test(o),i=!isNaN(s)&&isFinite(s)&&/^-?\d*\.?\d+([eE][+-]?\d+)?$/.test(a);if(n&&i)return r-s;let l=/^\d{4}-\d{2}-\d{2}/.test(o)||/^\d{13}$/.test(o),m=/^\d{4}-\d{2}-\d{2}/.test(a)||/^\d{13}$/.test(a);if(l&&m){let u=new Date(e),c=new Date(t);if(!isNaN(u.getTime())&&!isNaN(c.getTime()))return u.getTime()-c.getTime()}return o.localeCompare(a,void 0,{sensitivity:"base",numeric:false,caseFirst:"upper"})};function qe(e,t){let{sortKey:o,sortOrder:a}=t||{},r=[...e||[]];return o&&a&&r.sort((s,n)=>{let i=os(s[o],n[o]);return a==="desc"?-i:i}),r}function R(e,t){let[o,a]=Ki.useState(e),r=Ki.useCallback(n=>{let i=n?{sortKey:n.sortKey,sortOrder:n.sort}:void 0;a(i),t?.(i);},[]),s=Ki.useCallback(n=>qe(n,o),[o]);return {sort:o,onSort:r,getSortedList:s}}function rs(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function D(e,t="",o){if(!t)return e;let a=rs(t),r=new RegExp(a,"i"),s=t.toLowerCase(),n=[],i=[],l=[];e?.forEach(u=>{let c=utils.formatSymbol(u.symbol,o),g=c.toLowerCase();r.test(c)&&(g===s?n.push(u):g.startsWith(s)?i.push(u):l.push(u));});let m=(u,c)=>{let g=utils.formatSymbol(u.symbol,o),p=utils.formatSymbol(c.symbol,o);return g<p?-1:g>p?1:0};return i.sort(m),l.sort(m),[...n,...i,...l]}function Fr(){let[e,t]=Ki.useState(0),[o,a]=Ki.useState(0);return Ki.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 Yt=()=>{let[e,t]=Ki.useState(0),o=us(),{width:a}=Fr(),[r,s]=ns__default.default({loop:true,slidesToScroll:"auto"});return Ki.useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:r,emblaApi:s,enableScroll:a<1440,...o}};function us(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:o}=hooks.useQuery("/v1/public/balance/stats"),a=Ki.useMemo(()=>qe(e,{sortKey:"created_time",sortOrder:"desc"}).slice(0,5),[e]),r=Ki.useMemo(()=>qe(e,{sortKey:"change",sortOrder:"desc"}).slice(0,5),[e]),s=Ki.useMemo(()=>qe(e,{sortKey:"change",sortOrder:"asc"}).slice(0,5),[e]),n=Ki.useMemo(()=>e?.reduce((m,u)=>m.add(u["24h_amount"]||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),i=Ki.useMemo(()=>e?.reduce((m,u)=>m.add(u.openInterest||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),l=Ki.useMemo(()=>{if(!o)return 0;let{total_holding:m=0}=o;return new utils.Decimal(m).toNumber()},[o]);return {markets:e,news:a,gainers:r,losers:s,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var Tr=e=>{let{news:t,gainers:o,losers:a,total24Amount:r,totalOpenInterest:s,tvl:n,favorite:i}=e,[l,m]=Ki.useState("newListings"),{onSymbolChange:u}=x(),{t:c}=i18n.useTranslation(),g=p=>{u?.(p),i.addToHistory(p);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:ui.cn("oui-overflow-hidden",e.className),children:[jsxRuntime.jsx(fs,{total24Amount:r,totalOpenInterest:s,tvl:n}),jsxRuntime.jsx(ui.Box,{intensity:900,r:"xl",p:3,mt:3,children:jsxRuntime.jsxs(ui.Tabs,{size:"md",value:l,onValueChange:m,children:[jsxRuntime.jsx(ui.TabPanel,{title:c("markets.newListings"),value:"newListings",testid:"oui-testid-markets-tab",children:jsxRuntime.jsx(Zt,{data:t,onSymbol:g})}),jsxRuntime.jsx(ui.TabPanel,{title:c("markets.topGainers"),value:"topGainers",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(Zt,{data:o,onSymbol:g})}),jsxRuntime.jsx(ui.TabPanel,{title:c("markets.topLosers"),value:"topLosers",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(Zt,{data:a,onSymbol:g})})]})})]})},fs=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=i18n.useTranslation(),s=Ki.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",r("markets.openInterest")]}),value:o},{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsxRuntime.jsx(ui.Flex,{intensity:900,r:"xl",width:"100%",py:3,className:e.className,children:s?.map((n,i)=>jsxRuntime.jsx(bs,{...n,className:ui.cn(i!==s.length-1&&"oui-border-r oui-border-line-6")},`item-${i}`))})},bs=e=>jsxRuntime.jsxs(ui.Box,{px:3,width:"100%",className:e.className,children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:36,size:"2xs",weight:"semibold",children:e.label}),jsxRuntime.jsx(ui.Text.numeral,{size:"base",currency:"$",dp:e.dp||2,rm:utils.Decimal.ROUND_DOWN,rule:e.rule||"human",children:e.value})]}),Zt=e=>jsxRuntime.jsx(ui.Flex,{direction:"column",itemAlign:"start",mt:3,children:e.data?.map(t=>jsxRuntime.jsx(xs,{item:t,onSymbol:e.onSymbol,className:"oui-px-0"},t.symbol))}),xs=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui.cn("oui-cursor-pointer hover:oui-bg-base-8",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})})]})};var ct=e=>{let t=Yt(),{isMobile:o}=ui.useScreen();return o?jsxRuntime.jsx(Tr,{className:e.className,...t}):jsxRuntime.jsx(Xt,{className:e.className,...t})};var ge=e=>{let{symbol:t,onSymbolChange:o}=x(),{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 eo=e=>{let{symbol:t,favoriteTabs:o,open:a,onOpenChange:r,inputVisible:s,selectedTabs:n,value:i,onValueChange:l,hide:m,hideInput:u,showInput:c,onCheck:g,addTab:p,confirm:h}=e,{t:f}=i18n.useTranslation(),d=i?.length>15,k=()=>{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",d&&"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:p,disabled:!i||d,children:f("common.add")})]}),d&&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:f("markets.favorites.tabs.maxName")})]})]});let F=o.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:F?void 0:false,content:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:80,children:f("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(F?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:F?500:600,onClick:F?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:f("markets.favorites.dropdown.addPlaceholder")})]})})})},T=jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-mb-[10px] oui-mt-3",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[f("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:m})]}),P=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(F=>{let w=!!n.find(A=>A.id===F.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:()=>{g(F,w);},children:[w?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:F.name})]})},F.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:k()})]}),V=jsxRuntime.jsxs(ui.Flex,{gapX:3,mt:3,children:[jsxRuntime.jsx(ui.Button,{color:"gray",onClick:m,fullWidth:true,className:"oui-text-sm",size:"md",children:f("common.cancel")},"secondary"),jsxRuntime.jsx(ui.Button,{onClick:h,fullWidth:true,className:"oui-text-sm",size:"md",children:f("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:F=>F.preventDefault(),onClick:F=>F.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:[T,jsxRuntime.jsx(ui.Divider,{}),P,V]})})})})]})};function to(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:a,updateFavoriteTabs:r,updateSymbolFavoriteState:s}=e.favorite,[n,i]=Ki.useState(false),[l,m]=Ki.useState(false),[u,c]=Ki.useState(""),[g,p]=Ki.useState([]),h=()=>{i(false);},f=()=>{m(true);},d=()=>{m(false);},k=()=>{c(""),d(),p([]);},T=()=>{let F={name:u||`WatchList_${a.length}`,id:Date.now()};r(F,{add:true}),k();},P=(F,w)=>{p(w?g?.filter(A=>A.id!==F.id):[...g,F]),d();},V=()=>{s(e.row,g,false),i(false);};return Ki.useEffect(()=>{if(!n)return;let F=o?.find(w=>w.name===t);F?.tabs?.length&&p(F?.tabs);},[n,o,a,t]),Ki.useEffect(()=>{n||k();},[n]),{symbol:t,favoriteTabs:a,open:n,onOpenChange:i,inputVisible:l,selectedTabs:g,value:u,onValueChange:c,hide:h,hideInput:d,showInput:f,onCheck:P,addTab:T,confirm:V}}var j=e=>{let t=to(e);return jsxRuntime.jsx(eo,{...t,children:e.children})};var fe=(e,t=false)=>{let{t:o}=i18n.useTranslation();return [{title:`${o("markets.column.market")} / ${o("common.volume")}`,dataIndex:"24h_amount",multiSort:{fields:[{sortKey:"symbol",label:o("markets.column.market")},{sortKey:"24h_amount",label:o("common.volume")}]},className:"oui-h-[36px]",render:(a,r)=>{let s;return t||(s=jsxRuntime.jsx(j,{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(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{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(Pe,{className:n,onClick:l=>{l.stopPropagation(),e.pinToTop(r);}}),jsxRuntime.jsx(Ie,{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 ro=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,getColumns:n,panelSize:i,isFavoritesList:l,renderHeader:m,emptyView:u}=e,{symbol:c,onSymbolChange:g}=x(),p=fe(a,l),h=typeof n=="function"?n(a,l):p;return i==="small"?null:i==="middle"?jsxRuntime.jsx(ge,{dataSource:o}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[m?.(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,empty:"oui-items-start oui-mt-6"},columns:h,loading:t,dataSource:o,onRow:f=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{g?.(f),a.addToHistory(f);}}),generatedRowKey:f=>f.symbol,rowSelection:{[c]:true},onSort:r,initialSort:s?{sortKey:s.sortKey,sort:s.sortOrder}:void 0,manualSorting:true,emptyView:u})]})};var zr=(o=>(o.Markets="markets",o.Funding="funding",o))(zr||{}),W=(r=>(r.Favorites="favorites",r.Recent="recent",r.All="all",r.NewListing="newListing",r))(W||{}),Or=(o=>(o.Overview="overview",o.Comparison="comparison",o))(Or||{});var $s={all:hooks.MarketsType.ALL,favorites:hooks.MarketsType.FAVORITES,recent:hooks.MarketsType.RECENT,newListing:hooks.MarketsType.NEW_LISTING},ao=e=>{let[t,o]=Ki.useState(true),[a,r]=hooks.useMarkets($s[e.type]||hooks.MarketsType.ALL),{favorites:s,selectedFavoriteTab:n}=r,{searchValue:i}=x(),{onSort:l,getSortedList:m}=R(e.initialSort,e.onSort),u=Ki.useMemo(()=>{let g=typeof e.dataFilter=="function"?e.dataFilter(a,{favorites:s,selectedFavoriteTab:n}):a,p=D(g,i,"base");return m(p)},[a,m,i,e.dataFilter,s,n]);Ki.useEffect(()=>{o(false);},[a]);let c=e.type==="favorites";return {loading:t,dataSource:u,favorite:r,onSort:l,isFavoritesList:c}};var ee=e=>{let t=ao(e);return jsxRuntime.jsx(ro,{...t,initialSort:e.initialSort,getColumns:e.getColumns,panelSize:e.panelSize,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName,renderHeader:e.renderHeader,emptyView:e.emptyView})};var E=e=>{let{classNames:t,suffix:o}=e,a=Ki.useRef(false),{t:r}=i18n.useTranslation(),{searchValue:s,onSearchValueChange:n,clearSearchValue:i}=x(),l=Ki.useCallback(()=>{a.current=true;},[]),m=Ki.useCallback(u=>{a.current=false,n?.(u.currentTarget.value);},[n]);return jsxRuntime.jsx(ui.Input,{value:s,onValueChange:n,onCompositionStart:l,onCompositionEnd:m,placeholder:r("markets.search.placeholder"),classNames:{...t,root:ui.cn("oui-mt-px oui-border oui-border-line",t?.root)},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(br,{className:"oui-text-base-contrast-36"})}),suffix:o||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"})};function gt(e,t=false){return {title:i18n.i18n.t("common.symbol"),dataIndex:"symbol",width:150,onSort:true,render:(o,a)=>{let r;return t||(r=jsxRuntime.jsx(j,{row:a,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[r,jsxRuntime.jsx(ui.TokenIcon,{symbol:o,className:"oui-size-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]})}}}function ft(){return {title:i18n.i18n.t("markets.column.last"),dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(e,t)=>jsxRuntime.jsx(ui.Text.numeral,{dp:t.quote_dp||2,size:"2xs",children:e})}}function bt(){return {title:i18n.i18n.t("markets.column.24hPercentage"),dataIndex:"change",align:"right",onSort:true,width:80,render:e=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:e})}}var xt=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"center",gapY:4,className:ui.cn("oui-text-center",e.className),children:[jsxRuntime.jsx(ui.EmptyStateIcon,{}),jsxRuntime.jsxs(ui.Button,{color:"gray",size:"xs",className:"oui-bg-base-4",onClick:e.onClick,children:[jsxRuntime.jsx(ui.PlusIcon,{className:"oui-mr-1 oui-text-base-contrast",opacity:1,size:12}),jsxRuntime.jsx(ui.Text,{intensity:98,children:t("markets.favorites.addFavorites")})]})]})};var uo=e=>{let{open:t,setOpen:o,container:a,inputRef:r,inputWidth:s,spanRef:n,editing:i,value:l,onValueChange:m,updateCurTab:u,onEdit:c,addTab:g,delTab:p,size:h="default",scrollable:f}=e,{t:d}=i18n.useTranslation(),{selectedFavoriteTab:k,favoriteTabs:T,updateSelectedFavoriteTab:P}=e.favorite,V=h==="sm"?28:36,F=h==="sm"?18:24,w=l?.length>15,A="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)]",ve=S=>{ui.modal.confirm({title:d("markets.favorites.tabs.delete.dialog.title"),content:jsxRuntime.jsx(ui.Text,{size:"sm",children:d("markets.favorites.tabs.delete.dialog.description",{name:S.name})}),onOk(){return p(S),Promise.resolve()}});},se=S=>{S.key==="Enter"&&u(w);},Et=S=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(gr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{c(S);}}),jsxRuntime.jsx(fr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{ve(S);}})]}),nt=()=>{let S=T.length>=10,O=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",S?"oui-cursor-not-allowed":"oui-cursor-pointer",S?"oui-bg-base-3":A),width:V,height:F,r:"base",justify:"center",itemAlign:"center",onClick:S?void 0:g,children:S?jsxRuntime.jsx(vr,{className:"oui-z-[1] oui-size-3 oui-text-base-contrast-54"}):jsxRuntime.jsx(hr,{className:"oui-size-3"})});return S?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},z=S=>jsxRuntime.jsx(ui.Tooltip,{open:w,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:w?{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",h==="sm"?"oui-h-[18px]":"oui-h-[24px]",S&&ui.cn(w?"oui-bg-danger/15":A)),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",w?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",h==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:m,onBlur:()=>{u(w);},onKeyUp:se,autoComplete:"off"})}),he=(S,O)=>{if(i&&O)return z(O);let ne={weight:"semibold",size:h==="sm"?"2xs":"sm",className:h==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},Ut=O?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...ne,children:S.name}):jsxRuntime.jsx(ui.Text,{...ne,children:S.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:F,className:ui.cn("oui-cursor-pointer oui-select-none",O?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",O?A:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{P(S),O&&o(true);},children:Ut})};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:h==="sm"?2:3,width:"100%",children:[T?.slice(0,10)?.map(S=>{let O=k.id===S.id;return jsxRuntime.jsx(ui.Tooltip,{open:O&&!i?t:false,onOpenChange:ne=>{O&&o(ne);},content:Et(S),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:he(S,O)},S.id)}),!f&&nt(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),f&&nt()]})};function po(e){let{favorite:t,size:o="default"}=e,{favorites:a,favoriteTabs:r,selectedFavoriteTab:s,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[m,u]=Ki.useState(false),[c,g]=Ki.useState(false),[p,h]=Ki.useState(""),[f,d]=Ki.useState(false),k=Ki.useRef(null),T=Ki.useRef(null),P=Ki.useRef(null),[V,F]=Ki.useState(50),w=()=>{setTimeout(()=>{let{scrollWidth:he,clientWidth:S}=k.current||{};he>S&&d(true);},0);},A=()=>{setTimeout(()=>{k.current&&(k.current.scrollLeft=k.current.scrollWidth-k.current.clientWidth);},0);},ve=z=>{g(true),h(z.name),setTimeout(()=>{T.current?.focus(),T.current?.setSelectionRange(-1,-1);},0);},se=z=>{n({...s,name:z?s.name:p},{update:true}),g(false),u(false),w();},Et=()=>{let z={name:`WatchList_${r.length}`,id:Date.now()};n(z,{add:true}),i(z),w(),A();},nt=z=>{n(z,{delete:true}),setTimeout(()=>{let he=a.map(ne=>({...ne,tabs:ne.tabs?.filter(Ut=>Ut.id!==z.id)}));l(he);let S=r.filter(ne=>ne.id!==z.id),O=S?.[S?.length-1]||S?.[0];i(O);},0);};return Ki.useEffect(()=>{if(p){let z=P.current?.getBoundingClientRect(),he=o==="sm"?0:14;F(Math.max((z?.width||0)+he,50));}},[p]),Ki.useEffect(()=>{w();},[]),{favorite:t,open:m,setOpen:u,container:k,inputRef:T,inputWidth:V,spanRef:P,editing:c,value:p,onValueChange:h,onEdit:ve,updateCurTab:se,addTab:Et,delTab:nt,scrollable:f}}var Te=e=>{let{className:t,...o}=e,a=po(o);return jsxRuntime.jsx(uo,{...a,size:e.size,className:t})};function te(){let{searchValue:e}=x(),t=Ki.useCallback(s=>jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Te,{favorite:s,size:"sm"})}),[]),o=Ki.useCallback((s,n)=>{let{favorites:i,selectedFavoriteTab:l}=n;return i?.filter(m=>m.tabs?.findIndex(u=>u.id===l.id)!==-1)?.map(m=>{let u=s?.findIndex(c=>c.symbol===m.name);return u!==-1?s[u]:null})?.filter(m=>m)},[]),a=Ki.useCallback(s=>s==="favorites"?{renderHeader:t,dataFilter:o}:{},[t,o]),r=Ki.useCallback(s=>{if(s.type==="favorites"&&!e)return jsxRuntime.jsx(xt,{onClick:s.onClick,className:s.className})},[e]);return {renderHeader:t,dataFilter:o,getFavoritesProps:a,renderEmptyView:r}}var Hr=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=i18n.useTranslation(),n=Ki.useCallback((m,u=false)=>[gt(m,u),ft(),bt()],[]),{getFavoritesProps:i}=te(),l=m=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(E,{classNames:{root:ui.cn("oui-mx-3 oui-mb-4 oui-mt-5",t!=="favorites"&&"oui-mb-2")}}),jsxRuntime.jsx(ee,{type:m,initialSort:a[m],onSort:r(m),getColumns:n,rowClassName:"!oui-h-[34px]",...i(m)})]});return jsxRuntime.jsx(ui.Box,{id:"oui-markets-list",intensity:900,py:3,mt:2,r:"2xl",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"lg",value:t,onValueChange:o,classNames:{scrollIndicator:"oui-mx-3"},showScrollIndicator:true,children:[jsxRuntime.jsx(ui.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:l("favorites")}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.allMarkets"),icon:jsxRuntime.jsx(it,{}),value:"all",children:l("all")}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.newListings"),icon:jsxRuntime.jsx(lt,{}),value:"new",children:l("newListing")})]})})};function oe(e){let[t,o]=hooks.useSessionStorage(e.storageKey,{all:{sortKey:"24h_amount",sortOrder:"desc"}}),a=Ki.useCallback(r=>s=>{o({...t,[r]:s});},[t]);return {tabSort:t,onTabSort:a}}var Mn="orderly_mobile_markets_tab_sort";function bo(){let[e,t]=Ki.useState("all"),{clearSearchValue:o,searchValue:a}=x(),{tabSort:r,onTabSort:s}=oe({storageKey:Mn});return Ki.useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:n=>t(n),tabSort:r,onTabSort:s,searchValue:a}}var kt=(e,t=false)=>{let{t:o}=i18n.useTranslation();return Ki.useMemo(()=>[{title:jsxRuntime.jsx(Xe,{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(K,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Xe,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(j,{row:s,favorite:e,children:i})}},{title:o("markets.column.market"),dataIndex:"symbol",width:90,onSort:true,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(G,{})," ",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(G,{})," ",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(xr,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t,o])};var xo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,pagination:s}=e,{symbol:n,onSymbolChange:i}=x(),l=kt(o,true),m=e.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(Xe,{className:"oui-text-base-contrast-36"},"0")]})});return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Te,{favorite:o,className:"oui-my-3"}),jsxRuntime.jsx(ui.DataTable,{bordered:true,columns:l,dataSource:t,emptyView:m,classNames:{empty:"oui-items-start oui-mt-6"},loading:r,onRow:(u,c)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[n]:true},onSort:a,pagination:s,manualSorting:true})]})};var vo=()=>{let{pageSize:e,setPage:t,pagination:o}=ui.usePagination({pageSize:10}),[a,r]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[s,n]=Ki.useState(true),{favorites:i,selectedFavoriteTab:l}=r,{searchValue:m}=x(),{onSort:u,getSortedList:c}=R(),g=Ki.useMemo(()=>{let h=i?.filter(f=>f.tabs?.findIndex(d=>d.id===l.id)!==-1)?.map(f=>{let d=a?.findIndex(k=>k.symbol===f.name);return d!==-1?a[d]:null})?.filter(f=>!!f);return D(h,m,"base-type")},[a,l,i,m]),p=Ki.useMemo(()=>c(g),[g,c]);return Ki.useEffect(()=>{n(false);},[i]),Ki.useEffect(()=>{t(1);},[m]),{loading:s,dataSource:p,favorite:r,onSort:u,pagination:o}};var ho=e=>{let t=vo();return jsxRuntime.jsx(xo,{...t,emptyView:e.emptyView})};var So=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,type:n,pagination:i}=e,{symbol:l,onSymbolChange:m}=x(),u=kt(a,false);return jsxRuntime.jsx(ui.DataTable,{bordered:true,columns:u,loading:t,dataSource:o,onRow:(c,g)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{m?.(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 ko=e=>{let[t,o]=Ki.useState(true),{setPage:a,pagination:r}=ui.usePagination({pageSize:10}),[s,n]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:i}=x(),{onSort:l,getSortedList:m,sort:u}=R(e.initialSort),c=Ki.useMemo(()=>{let p=D(s,i,"base-type");return m(p)},[s,m,i]);Ki.useEffect(()=>{o(false);},[s]),Ki.useEffect(()=>{a(1);},[i]),Ki.useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",u?.sortKey,u?.sortOrder);},[u,e.type]);let g=Ki.useMemo(()=>{let p=e.type==="all"?n.tabSort?.all:void 0;return {sortKey:p?.sortKey||e?.initialSort?.sortKey,sort:p?.sortOrder||e?.initialSort?.sortOrder}},[n.tabSort,e.initialSort,e.type]);return {loading:t,dataSource:c,favorite:n,onSort:l,pagination:r,initialSort:g}};var Ft=e=>{let t=ko(e);return jsxRuntime.jsx(So,{...t,type:e.type})};var wo=e=>{let{activeTab:t,onTabChange:o}=e,{t:a}=i18n.useTranslation();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:jsxRuntime.jsx(E,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsxRuntime.jsx(ui.TabPanel,{title:a("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(ho,{emptyView:!e.searchValue&&jsxRuntime.jsx(xt,{onClick:()=>{o("all");}})})}),jsxRuntime.jsx(ui.TabPanel,{title:a("markets.allMarkets"),icon:jsxRuntime.jsx(it,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(Ft,{type:"all",initialSort:{sortKey:"24h_amount",sortOrder:"desc"}})}),jsxRuntime.jsx(ui.TabPanel,{title:a("markets.newListings"),icon:jsxRuntime.jsx(lt,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Ft,{type:"new",initialSort:{sortKey:"created_time",sortOrder:"desc"}})})]})})};var wt=()=>{let{isMobile:e}=ui.useScreen(),t=bo();return e?jsxRuntime.jsx(Hr,{...t}):jsxRuntime.jsx(wo,{...t})};var To=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=i18n.useTranslation(),n="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:i,renderEmptyView:l}=te(),m=u=>jsxRuntime.jsx("div",{className:n,children:jsxRuntime.jsx(ee,{type:u,initialSort:a[u],onSort:r(u),tableClassNames:{scroll:ui.cn("oui-px-1",u==="favorites"?"oui-pb-9":"oui-pb-2")},...i(u),emptyView:l({type:u,onClick:()=>{o("all");}})})});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:jsxRuntime.jsx(E,{})}),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:n,showScrollIndicator:true,children:[jsxRuntime.jsx(ui.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:m("favorites")}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.recent"),value:"recent",children:m("recent")}),jsxRuntime.jsx(ui.TabPanel,{title:s("common.all"),value:"all",children:m("all")}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.newListings"),value:"newListing",children:m("newListing")})]})]})};var Ae="orderly_side_markets_tab_sort";function Mo(e){let[t,o]=Ki.useState(e.activeTab),{tabSort:a,onTabSort:r}=oe({storageKey:Ae}),{clearSearchValue:s}=x(),n=Ki.useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return Ki.useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),Ki.useEffect(()=>{s?.();},[t]),{activeTab:t,onTabChange:n,tabSort:a,onTabSort:r}}var No=e=>{let t=Mo({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(To,{...t})})};var xe=(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}),Mt=(e,t)=>{let{t:o}=i18n.useTranslation(),{isMobile:a}=ui.useScreen();return Ki.useMemo(()=>[{title:o("markets.column.market"),dataIndex:"symbol",onSort:true,width:135,className:a?"oui-pl-0":void 0,render:r=>jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:r,className:a?"oui-size-[18px]":"oui-size-5"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",weight:"semibold",children:r})]})},{title:o("markets.funding.column.estFunding"),dataIndex:"estFunding",width:120,onSort:true,render:(r,s)=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:r}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-54",children:`/ ${s.fundingInterval}h`})]})},{title:o("markets.funding.column.lastFunding"),dataIndex:"lastFunding",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.1dAvg"),dataIndex:"funding1d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.3dAvg"),dataIndex:"funding3d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.7dAvg"),dataIndex:"funding7d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.14dAvg"),dataIndex:"funding14d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.30dAvg"),dataIndex:"funding30d",width:90,onSort:true,render:xe()},{title:o("markets.funding.column.90dAvg"),dataIndex:"funding90d",width:90,onSort:true,render:xe()},{title:jsxRuntime.jsxs("div",{className:"oui-flex oui-gap-1",children:[jsxRuntime.jsx(mi,{value:e,onValueChange:t}),jsxRuntime.jsx("span",{children:o("markets.funding.column.positiveRate")})]}),dataIndex:e,width:130,align:"right",onSort:true,render:xe(2)}],[o,a,e,t])},mi=e=>{let{t}=i18n.useTranslation(),{isMobile:o}=ui.useScreen(),a=Ki.useMemo(()=>[{label:t("common.select.1d"),value:"1dPositive"},{label:t("common.select.3d"),value:"3dPositive"},{label:t("common.select.7d"),value:"7dPositive"},{label:t("common.select.14d"),value:"14dPositive"},{label:t("common.select.30d"),value:"30dPositive"},{label:t("common.select.90d"),value:"90dPositive"}],[t]);return o?jsxRuntime.jsx(ui.Picker,{size:"sm",value:e.value,onValueChange:e.onValueChange,options:a}):jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.value,onValueChange:e.onValueChange,options:a})};var Io=e=>{let{dataSource:t,isLoading:o,pagination:a,onSort:r}=e,[s,n]=Ki.useState("1dPositive"),i=Mt(s,n);return 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 Ro=()=>{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}=R(),{searchValue:l}=x(),m=Ki.useMemo(()=>{if(!t?.length)return [];let p=["1d","3d","7d","14d","30d","90d"].reduce((h,f)=>(h[f]=r(o,f),h),{});return t.map(h=>{let f=h.symbol,d=o?.find(P=>P.symbol===f),k=s[f],T=hi(k("next_funding_time"),k("last_funding_rate_timestamp"));return {symbol:f,estFunding:k("est_funding_rate"),lastFunding:k("last_funding_rate"),fundingInterval:T,funding1d:d?.funding?.["1d"]?.rate??0,funding3d:d?.funding?.["3d"]?.rate??0,funding7d:d?.funding?.["7d"]?.rate??0,funding14d:d?.funding?.["14d"]?.rate??0,funding30d:d?.funding?.["30d"]?.rate??0,funding90d:d?.funding?.["90d"]?.rate??0,"1dPositive":p["1d"][f]??"-","3dPositive":p["3d"][f]??"-","7dPositive":p["7d"][f]??"-","14dPositive":p["14d"][f]??"-","30dPositive":p["30d"][f]??"-","90dPositive":p["90d"][f]??"-"}})},[t,o,s,r]),u=Ki.useMemo(()=>D(m,l,"base-type"),[m,l,e]);return {dataSource:Ki.useMemo(()=>i(u),[u,i]),isLoading:a,pagination:e,onSort:n}};function hi(e,t){if(!e||!t)return 8;let o=e-t;return Math.round(o/36e5)}var aa=e=>{let{dataSource:t,isLoading:o,onSort:a}=e,[r,s]=Ki.useState("1dPositive"),n=Mt(r,s);return jsxRuntime.jsx(ui.DataTable,{columns:n,dataSource:t,loading:o,onRow:()=>({className:ui.cn("oui-h-[34px] oui-cursor-pointer")}),classNames:{header:"oui-h-9",body:"oui-text-2xs"},onSort:a,manualSorting:true,generatedRowKey:i=>i.symbol})};var tt=()=>{let e=Ro(),{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(aa,{...e}):jsxRuntime.jsx(Io,{...e})};var Nt=()=>{let{comparisonProps:e}=x(),t=e?.exchangesName||"Orderly",o=e?.exchangesIconSrc||"https://oss.orderly.network/static/exchange_logo/orderly.png";return {exchanges:Ki.useMemo(()=>[t,"Binance",`${t} - Binance`,"OKX",`${t} - OKX`,"Bybit",`${t} - Bybit`,"dYdX",`${t} - dYdX`,"Bitget",`${t} - Bitget`,"KuCoin",`${t} - KuCoin`],[e?.exchangesName]),brokerName:t,brokerIconSrc:o}};var Ri="https://oss.orderly.network/static/exchange_logo",Pt=()=>{let{t:e}=i18n.useTranslation(),{isMobile:t}=ui.useScreen(),{exchanges:o,brokerName:a,brokerIconSrc:r}=Nt(),s=Ki.useCallback(n=>n===a?r:`${Ri}/${n.toLowerCase().replace(" ","_")}.png`,[a,r]);return Ki.useMemo(()=>[{title:e("markets.column.market"),dataIndex:"symbol",width:150,onSort:true,className:t?"oui-pl-0":void 0,render:n=>jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:n,className:t?"oui-size-[18px]":"oui-size-5"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",children:n})]})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(G,{})," ",e("markets.openInterest")]}),dataIndex:"openInterest",width:120,onSort:true,render:n=>n==="-"?"-":jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:n})},...o.map(n=>{let i=s(n);return {title:jsxRuntime.jsxs(ui.Flex,{justify:"start",itemAlign:"center",gap:1,children:[!n.includes(" - ")&&i&&jsxRuntime.jsx("img",{src:i,className:ui.cn("oui-size-6 oui-rounded-full oui-object-cover",t?"oui-size-[18px]":"oui-size-6")}),n]}),dataIndex:n,onSort:true,width:n.includes(" - ")?160:130,render(l){return l===null?"-":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:5,coloring:n.includes(" - ")||n===a,rm:utils.Decimal.ROUND_DOWN,showIdentifier:true,children:l})}}})],[e,t,o,a,s])};var Oo=e=>{let t=Pt();return jsxRuntime.jsx(ui.DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:ui.cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:e.pagination})};function Wi(e,t){return new utils.Decimal(e||0).mul(t||0).toNumber()}var Vo=()=>{let{pagination:e}=ui.usePagination({pageSize:10}),{onSort:t,getSortedList:o}=R(),{searchValue:a}=x(),{exchanges:r,brokerName:s}=Nt(),n=hooks.useFundingRates(),{data:i,isLoading:l}=hooks.useQuery("/v1/public/market_info/funding_comparison"),{data:m}=hooks.useMarketsStream(),u=Ki.useMemo(()=>!Array.isArray(i)||!i.length?[]:i.map(p=>{let h=m?.find(d=>d.symbol===p.symbol),f={symbol:p.symbol,openInterest:h?Wi(h?.open_interest,h?.index_price):"-"};for(let d of r)if(d.includes(" - ")){let[,T]=d.replace(/ /g,"").split("-"),P=n[p.symbol],V=P("last_funding_rate")??null,w=p.exchanges?.find(A=>A.name.toLowerCase()===T.toLowerCase())?.last??null;V!==null&&w!==null?f[d]=new utils.Decimal(V).sub(w).toString():f[d]=null;}else if(d===s){let T=n[p.symbol];f[d]=T("last_funding_rate")??null;}else {let T=p.exchanges?.find(P=>P.name.toLowerCase()===d.toLowerCase());f[d]=T?.last??null;}return f}),[i,m,n,r,s]),c=Ki.useMemo(()=>D(u,a,"base-type"),[u,a,e]);return {dataSource:Ki.useMemo(()=>o(c),[o,c]),isLoading:l,pagination:e,onSort:t}};var la=e=>{let t=Pt();return jsxRuntime.jsx(ui.DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:ui.cn("oui-h-[34px] oui-cursor-pointer")}),onSort:e.onSort,classNames:{header:"oui-h-9",body:"oui-text-2xs"},manualSorting:true})};var ot=()=>{let e=Vo(),{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(la,{...e}):jsxRuntime.jsx(Oo,{...e})};var Zi=Ki__default.default.forwardRef((e,t)=>jsxRuntime.jsxs("svg",{width:10,height:16,viewBox:"0 0 10 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,focusable:false,...e,children:[jsxRuntime.jsx("rect",{x:2,y:2,width:8,height:2,rx:1}),jsxRuntime.jsx("rect",{x:2,y:7,width:8,height:2,rx:1}),jsxRuntime.jsx("rect",{x:2,y:12,width:8,height:2,rx:1})]})),Ji=e=>{let{resizeable:t,panelSize:o,onPanelSizeChange: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 jsxRuntime.jsxs(ui.Flex,{className:o==="small"?"oui-absolute oui-end-[-20px] oui-z-50":"oui-relative",justify:o==="large"?"between":"end",width:"100%",px:3,children:[o==="large"&&jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:r("common.markets")}),jsxRuntime.jsx(ui.Tooltip,{side:o==="small"?"right":"left",align:"start",sideOffset:-4,alignOffset:-4,content:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:2,children:[o==="large"&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{onClick:()=>a?.("middle"),children:jsxRuntime.jsx(Ht,{className:s})}),jsxRuntime.jsx("div",{onClick:()=>a?.("small"),children:jsxRuntime.jsx(ui.EyeCloseIcon,{size:16,className:s,opacity:1})})]}),o==="middle"&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{onClick:()=>a?.("large"),children:jsxRuntime.jsx(Gt,{className:s})}),jsxRuntime.jsx("div",{onClick:()=>a?.("small"),children:jsxRuntime.jsx(ui.EyeCloseIcon,{size:16,className:s,opacity:1})})]}),o==="small"&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{onClick:()=>a?.("large"),children:jsxRuntime.jsx(Gt,{className:s})}),jsxRuntime.jsx("div",{onClick:()=>a?.("middle"),children:jsxRuntime.jsx(Ht,{className:s})})]})]}),delayDuration:0,className:"oui-rounded oui-border oui-border-line-12 oui-bg-base-9 oui-p-1",arrow:{className:"oui-fill-transparent"},children:jsxRuntime.jsx("div",{className:"oui-cursor-pointer",children:jsxRuntime.jsx(Zi,{className:ui.cn("oui-text-base-contrast-36 oui-transition-all hover:oui-text-base-contrast-80")})})})]})},Eo=e=>{let{panelSize:t,activeTab:o,onTabChange:a,className:r,tabSort:s}=e,{symbol:n,onSymbolChange:i}=x(),{getFavoritesProps:l}=te(),m=()=>{if(t==="small")return null;if(t==="middle")return jsxRuntime.jsx(ee,{type:o,initialSort:s[o],panelSize:t,...l(o)});if(t==="large")return jsxRuntime.jsx(No,{activeTab:o,onTabChange:a,symbol:n,onSymbolChange:i})};return jsxRuntime.jsxs(ui.Flex,{id:"oui-side-markets",className:ui.cn("oui-relative oui-font-semibold",r),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(Ji,{...ramda.pick(["resizeable","panelSize","onPanelSizeChange"],e)}),jsxRuntime.jsx(ui.Box,{width:"100%",className:ui.cn(t==="large"&&"oui-h-[calc(100%_-_56px)]",t==="middle"&&"oui-h-[calc(100%_-_52px)]"),children:m()})]})};var rl="orderly_side_markets_sel_tab_key",Uo=e=>{let[t,o]=Ki.useState(e?.panelSize),[a,r]=hooks.useLocalStorage(rl,"all"),{tabSort:s}=oe({storageKey:Ae}),n=Ki.useCallback(i=>{typeof e?.onPanelSizeChange=="function"?e.onPanelSizeChange(i):o(i);},[e?.onPanelSizeChange]);return Ki.useEffect(()=>{o(e?.panelSize);},[e?.panelSize]),{resizeable:e?.resizeable??true,panelSize:t,onPanelSizeChange:n,activeTab:a,onTabChange:r,tabSort:s}};var al=e=>{let t=Uo(ramda.pick(["resizeable","panelSize","onPanelSizeChange"],e));return jsxRuntime.jsx(Y,{...ramda.pick(["symbol","onSymbolChange"],e),children:jsxRuntime.jsx(Eo,{...t,className:e.className})})};var Ho=()=>{let{t:e}=i18n.useTranslation();return Ki.useCallback((t,o=false)=>[gt(t,o),ft(),bt(),{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(Pe,{className:n,onClick:l=>{l.stopPropagation(),t.pinToTop(r);}}),jsxRuntime.jsx(Ie,{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 Ko=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(fa,{...e,hide:e.hide})})})]}),fa=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=i18n.useTranslation(),n=Ho(),i=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(E,{classNames:{root:"oui-w-full"}}),jsxRuntime.jsx(ui.CloseIcon,{size:12,className:"oui-cursor-pointer oui-text-base-contrast-80",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:m,renderEmptyView:u}=te(),c=g=>jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(ee,{type:g,initialSort:a[g],onSort:r(g),getColumns:n,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]",...m(g),emptyView:u({type:g,onClick:()=>{o("all");}})})});return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-overflow-hidden oui-font-semibold"),height:"100%",intensity:800,children:[i,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:l,children:[jsxRuntime.jsx(ui.TabPanel,{title:s("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:c("favorites")}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.recent"),value:"recent",children:c("recent")}),jsxRuntime.jsx(ui.TabPanel,{title:s("common.all"),value:"all",children:c("all")}),jsxRuntime.jsx(ui.TabPanel,{title:s("markets.newListings"),value:"newListing",children:c("newListing")})]})]})};var Fl="orderly_dropdown_markets_sel_tab_key",wl="orderly_dropdown_markets_tab_sort";function Xo(){let[e,t]=Ki.useState(false),[o,a]=hooks.useLocalStorage(Fl,"all"),{tabSort:r,onTabSort:s}=oe({storageKey:wl}),{clearSearchValue:n}=x(),i=()=>{t(false);};return Ki.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:l=>a(l),open:e,onOpenChange:t,hide:i,tabSort:r,onTabSort:s}}var $o=e=>{let t=Xo();return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Ko,{...t,contentClassName:e.contentClassName,children:e.children})})};var va=(e,t=false)=>[{title:`${i18n.i18n.t("markets.column.market")} / ${i18n.i18n.t("common.volume")}`,dataIndex:"24h_amount",multiSort:{fields:[{sortKey:"symbol",label:i18n.i18n.t("markets.column.market")},{sortKey:"24h_amount",label:i18n.i18n.t("common.volume")}]},className:"oui-h-[36px]",render:(o,a)=>{let r;return t||(r=jsxRuntime.jsx(j,{row:a,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[r,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(Pe,{className:s,onClick:i=>{i.stopPropagation(),e.pinToTop(a);}}),jsxRuntime.jsx(Ie,{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 Zo=e=>{let{className:t,tabSort:o,onTabSort:a}=e,{t:r}=i18n.useTranslation(),{getFavoritesProps:s,renderEmptyView:n}=te(),i=l=>{let m=l==="favorites";return jsxRuntime.jsx(ee,{type:l,initialSort:o[l],onSort:a(l),getColumns:va,tableClassNames:{root:"!oui-bg-base-8",scroll:ui.cn("oui-pb-[env(safe-area-inset-bottom,_20px)]",m?"oui-h-[calc(100%_-_70px)]":"oui-h-[calc(100%_-_40px)]")},emptyView:n({type:l,onClick:()=>{e.onTabChange("all");}}),...s(l)})};return jsxRuntime.jsxs(ui.Box,{height:"100%",className:ui.cn("oui-font-semibold",t),children:[jsxRuntime.jsxs(ui.Box,{px:3,mt:3,mb:2,children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:r("common.markets")}),jsxRuntime.jsx(E,{classNames:{root:"oui-mt-4"}})]}),jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsList:ui.cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:"oui-h-[calc(100%_-_92px)]",showScrollIndicator:true,children:[jsxRuntime.jsx(ui.TabPanel,{title:r("markets.favorites"),icon:jsxRuntime.jsx(K,{}),value:"favorites",children:i("favorites")}),jsxRuntime.jsx(ui.TabPanel,{title:r("common.all"),value:"all",children:i("all")})]})]})};var Ll="orderly_markets_sheet_sel_tab_key";function Jo(){let{tabSort:e,onTabSort:t}=oe({storageKey:Ae}),[o,a]=hooks.useLocalStorage(Ll,"favorites");return {tabSort:e,onTabSort:t,activeTab:o,onTabChange:a}}var Rl=e=>{let t=Jo();return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Zo,{...t,className:e.className})})};var jo=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(mt,{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 er(e){let{symbol:t}=e,o=hooks.useTickerStream(t),a=hooks.useSymbolsInfo(),r=Ki.useMemo(()=>{let s=a[t],n=s("base_imr");return Wl(n)},[t,a]);return {symbol:t,data:o,leverage:r}}function Wl(e){return e?1/e:void 0}var El=e=>{let{symbol:t,...o}=e,a=er({symbol:t});return jsxRuntime.jsx(jo,{...a,...o})};var tr=e=>{let{symbol:t,isFavorite:o,favorite:a,data:r,quotoDp:s,openInterest:n,containerRef:i,leadingElementRef:l,tailingElementRef:m,leadingVisible:u,tailingVisible:c,onScoll:g,fundingPeriod:p,capFunding:h,floorFunding:f}=e,{t:d}=i18n.useTranslation(),k=jsxRuntime.jsx(j,{row:{symbol:t},favorite:a,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:o?jsxRuntime.jsx(ce,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(pe,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),T=jsxRuntime.jsx($o,{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-size-4"}),jsxRuntime.jsx(ui.Text.formatted,{className:"oui-whitespace-nowrap oui-break-normal",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsxRuntime.jsx(mt,{className:"oui-text-base-contrast-54"})]})}),P=jsxRuntime.jsx(ui.Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:r?.["24h_close"]}),V=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-h-[54px] oui-font-semibold",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxRuntime.jsxs(ui.Flex,{gapX:6,className:"oui-h-full oui-flex-1 oui-overflow-hidden",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[k,T]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),P,jsxRuntime.jsxs("div",{className:"oui-relative oui-h-full oui-overflow-hidden",children:[jsxRuntime.jsx("div",{ref:i,className:"oui-hide-scrollbar oui-h-full oui-overflow-x-auto",children:jsxRuntime.jsxs(ui.Flex,{gapX:8,height:"100%",children:[jsxRuntime.jsx("div",{ref:l,children:jsxRuntime.jsx(Ge,{label:d("markets.column.24hChange"),value:V})}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.Mark"),value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:r?.mark_price}),hint:d("markets.symbolInfoBar.Mark.tooltip")}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.Index"),value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,children:r?.index_price}),hint:d("markets.symbolInfoBar.Index.tooltip")}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.24hVolume"),value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:r?.["24h_amount"]}),hint:d("markets.symbolInfoBar.24hVolume.tooltip")}),jsxRuntime.jsx(Ge,{label:d("markets.symbolInfoBar.predFundingRate"),value:jsxRuntime.jsx($l,{symbol:t}),hint:jsxRuntime.jsxs(ui.Flex,{width:"100%",itemAlign:"center",direction:"column",gap:1,children:[jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:d("trading.fundingRate.predFundingRate.interval")}),jsxRuntime.jsx(ui.Text,{intensity:80,children:p})]}),jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",width:"100%",children:[jsxRuntime.jsxs(ui.Text,{intensity:54,children:[d("trading.fundingRate.predFundingRate.cap")," /",d("trading.fundingRate.predFundingRate.floor")]}),jsxRuntime.jsxs(ui.Text,{intensity:80,children:[h," / ",f]})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full",intensity:8}),d("markets.symbolInfoBar.predFundingRate.tooltip")]})}),jsxRuntime.jsx("div",{ref:m,children:jsxRuntime.jsx(Ge,{label:d("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:d("markets.openInterest.tooltip")})})]})}),jsxRuntime.jsx(Ca,{leading:true,onClick:g,visible:u}),jsxRuntime.jsx(Ca,{tailing:true,onClick:g,visible:c})]})]}),e.trailing]})},Ge=e=>{let{label:t,value:o,hint:a}=e;return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Tooltip,{open:a?void 0:false,content:a,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-whitespace-nowrap oui-break-normal",a&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:t})}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:98,className:ui.cn("oui-data-value","oui-whitespace-nowrap oui-break-normal oui-leading-[20px]"),children:o})]})},Ca=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-w-[80px] oui-items-center","oui-absolute oui-inset-y-0 oui-rounded-l",o&&"oui-left-0 oui-pl-1",a&&"oui-right-0 oui-rotate-180 oui-pr-1"),children:jsxRuntime.jsx(Sr,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},$l=({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 ar(e){let{symbol:t}=e,o=hooks.useTickerStream(t),a=hooks.useFundingRate(t),r=hooks.useMarketsStore(),{data:s,isLoading:n}=hooks.useFundingDetails(t),i=Ki.useMemo(()=>!s||n?"-":`${s.funding_period}h`,[s,n]),l=Ki.useMemo(()=>!s||n?"-":`${new utils.Decimal(s.cap_funding).mul(100).toNumber()}%`,[s,n]),m=Ki.useMemo(()=>!s||n?"-":`${new utils.Decimal(s.floor_funding).mul(100).toNumber()}%`,[s,n]),c=hooks.useSymbolsInfo()[t]("quote_dp"),[g,p]=Ki.useState(false),[h,f]=Ki.useState(false),d=Ki.useRef(null),k=Ki.useRef(null),T=Ki.useRef(null),P=Ki.useMemo(()=>!!r.favorites.find(w=>w.name===t),[r.favorites,t]),V=Ki.useMemo(()=>new utils.Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return Ki.useEffect(()=>{let w=new IntersectionObserver(A=>{for(let ve=0;ve<A.length;ve++){let se=A[ve];se&&(se.target===k.current&&p(!se.isIntersecting),se.target===T.current&&f(!se.isIntersecting));}});return k.current&&w.observe(k.current),T.current&&w.observe(T.current),()=>{w.disconnect();}},[]),{symbol:t,isFavorite:P,favorite:r,data:o,quotoDp:c,openInterest:V,fundingRate:a,containerRef:d,leadingElementRef:k,tailingElementRef:T,leadingVisible:g,tailingVisible:h,onScoll:w=>{d.current?.scrollBy({left:w==="left"?-100:100,behavior:"smooth"});},fundingPeriod:i,capFunding:l,floorFunding:m}}var em=e=>{let{symbol:t,...o}=e,a=ar({symbol:t});return jsxRuntime.jsx(tr,{...a,...o})};var sr=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=fe(o,false),u=typeof s=="function"?s(o,false):m;return n?jsxRuntime.jsx(ge,{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:u,dataSource:t,loading:r,onRow:(c,g)=>({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 nr=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.NEW_LISTING),[o,a]=Ki.useState(true),{searchValue:r}=x(),{onSort:s,getSortedList:n}=R(),i=Ki.useMemo(()=>{let l=D(e,r,"base");return n(l)},[e,r,n]);return Ki.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var lm=e=>{let t=nr();return jsxRuntime.jsx(sr,{...t,...e})};var ir=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=fe(o,true),u=typeof s=="function"?s(o,true):m;return n?jsxRuntime.jsx(ge,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Te,{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:u,dataSource:t,loading:r,onRow:(c,g)=>({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 lr=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[o,a]=Ki.useState(true),{favorites:r,selectedFavoriteTab:s}=t,{searchValue:n}=x(),{onSort:i,getSortedList:l}=R(),m=Ki.useMemo(()=>{let u=r?.filter(g=>g.tabs?.findIndex(p=>p.id===s.id)!==-1)?.map(g=>{let p=e?.findIndex(h=>h.symbol===g.name);return p!==-1?e[p]:null})?.filter(g=>!!g),c=D(u,n,"base");return l(c)},[e,s,r,n,l]);return Ki.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:m,favorite:t,onSort:i}};var hm=e=>{let t=lr();return jsxRuntime.jsx(ir,{...t,...e})};var mr=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=fe(o,false),u=typeof s=="function"?s(o,false):m;return n?jsxRuntime.jsx(ge,{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:u,dataSource:t,loading:r,onRow:(c,g)=>({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 ur=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[o,a]=Ki.useState(true),{searchValue:r}=x(),{onSort:s,getSortedList:n}=R(),i=Ki.useMemo(()=>{let l=D(e,r,"base");return n(l)},[e,r,n]);return Ki.useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var Mm=e=>{let t=ur();return jsxRuntime.jsx(mr,{...t,...e})};var za=e=>{let{t}=i18n.useTranslation(),o=jsxRuntime.jsx(E,{classNames:{root:ui.cn("oui-mb-2 oui-mt-5")}});return jsxRuntime.jsx(ui.Box,{intensity:900,p:3,mt:2,mb:5,r:"xl",height:"100%",className:"oui-markets-funding-list",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,children:[jsxRuntime.jsx(ui.TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o,jsxRuntime.jsx(tt,{})]})}),jsxRuntime.jsx(ui.TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o,jsxRuntime.jsx(ot,{})]})})]})})};function Oa(){let[e,t]=Ki.useState("overview");return {activeTab:e,onTabChange:t}}var Va=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.Box,{intensity:900,p:6,mt:4,r:"2xl",className:"oui-markets-funding-list",children:jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,trailing:jsxRuntime.jsx(E,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsxRuntime.jsx(ui.TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxRuntime.jsx(tt,{})}),jsxRuntime.jsx(ui.TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxRuntime.jsx(ot,{})})]})})};var pr=()=>{let e=Oa(),{isMobile:t}=ui.useScreen();return t?jsxRuntime.jsx(za,{...e}):jsxRuntime.jsx(Va,{...e})};var Gm=e=>{let{isMobile:t}=ui.useScreen(),[o,a]=Ki.useState("markets");return jsxRuntime.jsx(Y,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,navProps:e.navProps,comparisonProps:e.comparisonProps,children:jsxRuntime.jsx("div",{id:"oui-markets-home-page",className:ui.cn("oui-font-semibold",e.className),children:t?jsxRuntime.jsx(Km,{activeTab:o,onTabChange:a,navProps:e.navProps}):jsxRuntime.jsx(Hm,{activeTab:o,onTabChange:a})})})},Hm=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.Box,{p:6,children:jsxRuntime.jsxs(ui.Tabs,{size:"xl",value:e.activeTab,onValueChange:e.onTabChange,children:[jsxRuntime.jsxs(ui.TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsxRuntime.jsx(ct,{className:"oui-mt-4"}),jsxRuntime.jsx(wt,{})]}),jsxRuntime.jsx(ui.TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(pr,{})})]})})},Km=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Tabs,{variant:"text",size:"xl",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsListContainer:"oui-border-0",tabsList:"oui-mx-6 oui-my-2",trigger:ui.cn("oui-text-2xl oui-font-bold","data-[state=active]:after:oui-bg-transparent!"),tabsContent:"oui-px-3"},leading:e.navProps?.leftNav&&jsxRuntime.jsx(uiScaffold.LeftNavUI,{className:"oui-ml-3 -oui-mr-4",...e?.navProps?.leftNav,logo:e?.navProps?.logo,routerAdapter:e?.navProps?.routerAdapter}),children:[jsxRuntime.jsxs(ui.TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsxRuntime.jsx(ct,{className:"oui-mt-2"}),jsxRuntime.jsx(wt,{})]}),jsxRuntime.jsx(ui.TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsxRuntime.jsx(pr,{})})]})};
19
19
 
20
20
  exports.CollapseMarkets = ge;
21
21
  exports.DropDownMarkets = Ko;
@@ -28,7 +28,7 @@ exports.FavoritesDropdownMenuWidget = j;
28
28
  exports.FavoritesList = ir;
29
29
  exports.FavoritesListFull = xo;
30
30
  exports.FavoritesListFullWidget = ho;
31
- exports.FavoritesListWidget = Sm;
31
+ exports.FavoritesListWidget = hm;
32
32
  exports.FavoritesTab = uo;
33
33
  exports.FavoritesTabWidget = Te;
34
34
  exports.FundingComparison = Oo;
@@ -40,7 +40,7 @@ exports.MarketsDataList = wo;
40
40
  exports.MarketsDataListWidget = wt;
41
41
  exports.MarketsHeader = Xt;
42
42
  exports.MarketsHeaderWidget = ct;
43
- exports.MarketsHomePage = Hm;
43
+ exports.MarketsHomePage = Gm;
44
44
  exports.MarketsList = ro;
45
45
  exports.MarketsListFull = So;
46
46
  exports.MarketsListFullWidget = Ft;
@@ -48,18 +48,18 @@ exports.MarketsListWidget = ee;
48
48
  exports.MarketsPageTab = zr;
49
49
  exports.MarketsProvider = Y;
50
50
  exports.MarketsSheet = Zo;
51
- exports.MarketsSheetWidget = Dl;
51
+ exports.MarketsSheetWidget = Rl;
52
52
  exports.MarketsTabName = W;
53
53
  exports.NewListingList = sr;
54
- exports.NewListingListWidget = mm;
54
+ exports.NewListingListWidget = lm;
55
55
  exports.RecentList = mr;
56
- exports.RecentListWidget = Nm;
56
+ exports.RecentListWidget = Mm;
57
57
  exports.SideMarkets = Eo;
58
- exports.SideMarketsWidget = sl;
58
+ exports.SideMarketsWidget = al;
59
59
  exports.SymbolInfoBar = jo;
60
60
  exports.SymbolInfoBarFull = tr;
61
- exports.SymbolInfoBarFullWidget = tm;
62
- exports.SymbolInfoBarWidget = Ul;
61
+ exports.SymbolInfoBarFullWidget = em;
62
+ exports.SymbolInfoBarWidget = El;
63
63
  exports.useDropDownMarketsColumns = Ho;
64
64
  exports.useDropDownMarketsScript = Xo;
65
65
  exports.useExpandMarketsScript = Mo;