@orderly.network/markets 2.0.1-alpha.7 → 2.0.1-preview.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 (6) hide show
  1. package/dist/index.js +34 -34
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +2 -2
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -11,57 +11,57 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
11
 
12
12
  var kr__default = /*#__PURE__*/_interopDefault(kr);
13
13
 
14
- var no=react.createContext({}),z=e=>{let[t,r]=react.useState(""),o=react.useCallback(()=>{r("");},[]);return jsxRuntime.jsx(no.Provider,{value:{searchValue:t,onSearchValueChange:r,clearSearchValue:o,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function d(){return react.useContext(no)}var lo=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.jsx("path",{d:"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z"})})]}),co=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"})}),uo=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"})})]}),mo=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"})}),Z=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"})})]}),Ie=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 J=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"})}),po=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"})}),ze=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"})}),ue=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{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"})}),me=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"})}),de=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"})}),fo=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"})})]}),go=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))"})]})})]}),ho=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"})}),xo=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"})}),_e=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"})}),bo=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 ut=e=>{let{emblaRef:t,emblaApi:r,scrollIndex:o,enableScroll:s,news:a,gainers:i,losers:n,total24Amount:l,totalOpenInterest:c,tvl:m,favorite:p}=e,{onSymbolChange:h}=d(),g=ui.cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",s&&"oui-select-none oui-cursor-pointer"),b=w=>{h?.(w),p.addToHistory(w);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:s?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,mt:4,children:[jsxRuntime.jsx(gr,{total24Amount:l,totalOpenInterest:c,tvl:m,className:g}),jsxRuntime.jsx(lt,{data:a,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:"New listings"}),className:g,onSymbol:b}),jsxRuntime.jsx(lt,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:"Top gainers"}),className:g,onSymbol:b}),jsxRuntime.jsx(lt,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:"Top losers"}),className:g,onSymbol:b})]}),jsxRuntime.jsx("div",{className:"oui-mt-1 oui-mb-3 3xl:oui-mt-4 3xl:oui-mb-0",children:jsxRuntime.jsx(br,{scrollIndex:o,scrollPrev:r?.scrollPrev,scrollNext:r?.scrollNext})})]})},gr=e=>{let{total24Amount:t,totalOpenInterest:r,tvl:o}=e,s=react.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ze,{})," 24h volume"]}),value:t},{label:"Open interest",value:r},{label:"Assets (TVL)",value:o}],[t,r,o]);return jsxRuntime.jsx(ui.Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((a,i)=>jsxRuntime.jsx(hr,{...a},i))})},hr=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})]}),lt=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,r)=>jsxRuntime.jsx(xr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),xr=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui.cn("hover:oui-bg-base-8 oui-cursor-pointer",e.className),onClick:()=>{e.onSymbol(t);},children:[jsxRuntime.jsx(ui.Flex,{width:"100%",gapX:1,children:jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:!0,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:!0,size:"xs",weight:"semibold",showIdentifier:!0,children:t.change})})]})},br=e=>{let{scrollIndex:t,scrollPrev:r,scrollNext:o}=e;return jsxRuntime.jsx(ui.Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(s=>jsxRuntime.jsx(ui.Box,{py:1,pl:s===0?1:0,pr:s===1?1:0,onClick:()=>{t===0&&s===1?o?.():t===1&&s===0&&r?.();},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===s?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},s)},s))})};function De(e,t,r){let o=[...e||[]],s=a=>a==null;return t&&r&&o.sort((a,i)=>{let n=a[t],l=i[t];return s(n)?1:s(l)?-1:r==="desc"?l-n:n-l}),o}function A(e,t,r){let[o,s]=react.useState(),[a,i]=react.useState(),n=react.useCallback(p=>{s(p?.sortKey),i(p?.sort),r?.(p?.sortKey,p?.sort);},[r]),l=o||e,c=a||t,m=react.useCallback(p=>De(p,l,c),[l,c]);return {onSort:n,getSortedList:m,sortKey:l,sortOrder:c}}function G(e,t=""){let r=new RegExp(t,"i");return e?.filter(o=>r.test(o.symbol))}function So(){let[e,t]=react.useState(0),[r,o]=react.useState(0);return react.useEffect(()=>{t(window.innerWidth),o(window.innerHeight);let s=()=>{o(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",s),()=>{window?.removeEventListener("resize",s);}},[]),{width:e,height:r}}var mt=()=>{let[e,t]=react.useState(0),r=Tr(),{width:o}=So(),[s,a]=kr__default.default({loop:!0,slidesToScroll:"auto"});return react.useEffect(()=>{a?.on("select",()=>{t(a?.selectedScrollSnap());});},[a]),{scrollIndex:e,setScrollIndex:t,emblaRef:s,emblaApi:a,enableScroll:o<1440,...r}};function Tr(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:r}=hooks.useQuery("/v1/public/balance/stats"),o=react.useMemo(()=>De(e,"created_time","desc").slice(0,5),[e]),s=react.useMemo(()=>De(e,"change","desc").slice(0,5),[e]),a=react.useMemo(()=>De(e,"change","asc").slice(0,5),[e]),i=react.useMemo(()=>e?.reduce((c,m)=>c.add(m["24h_amount"]||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),n=react.useMemo(()=>e?.reduce((c,m)=>c.add(m.openInterest||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),l=react.useMemo(()=>{if(r){let{total_holding:c=0,total_unsettled_balance:m=0}=r;return new utils.Decimal(c).plus(m).toNumber()}},[r]);return {markets:e,news:o,gainers:s,losers:a,total24Amount:i.toNumber(),totalOpenInterest:n.toNumber(),tvl:l,favorite:t}}var pt=()=>{let e=mt();return jsxRuntime.jsx(ut,{...e})};var ft=e=>{let{symbol:t,favoriteTabs:r,open:o,onOpenChange:s,inputVisible:a,selectedTabs:i,value:n,onValueChange:l,hide:c,hideInput:m,showInput:p,onCheck:h,addTab:g,confirm:b}=e,w=n?.length>15,F=()=>{if(a)return jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.Input,{autoFocus:!0,value:n,onValueChange:l,classNames:{root:ui.cn("oui-bg-base-6 oui-h-7 oui-w-full oui-ml-[1px] oui-rounded-sm",w&&"focus-visible:oui-outline-danger focus-within:oui-outline-danger")},autoComplete:"off",suffix:n&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{opacity:1,size:14,className:"oui-text-base-contrast-20 oui-cursor-pointer",onClick:()=>{l("");}})})}),jsxRuntime.jsx(ui.Button,{className:"oui-rounded-sm",size:"sm",onClick:g,disabled:!n||w,children:"Add"})]}),w&&jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-bg-danger oui-rounded-full"}),jsxRuntime.jsx(ui.Text,{color:"danger",children:"List name cannot exceed 15 characters"})]})]});let y=r.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:y?void 0:!1,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:jsxRuntime.jsx("div",{children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn(y?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:y?500:600,onClick:y?void 0:p,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:"Add a new watchlist"})]})})})},S=jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-mt-3 oui-mb-[10px]",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:["Select lists for",jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:!0,children:t})]}),jsxRuntime.jsx(ui.CloseIcon,{size:16,className:"oui-text-base-contrast oui-cursor-pointer",onClick:c})]}),V=jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Box,{my:2,className:"oui-max-h-[288px] oui-overflow-y-auto oui-custom-scrollbar",children:r?.slice(0,10)?.map(y=>{let C=!!i.find(O=>O.id===y.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:()=>{h(y,C);},children:[C?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:y.name})]})},y.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:F()})]}),B=jsxRuntime.jsxs(ui.Flex,{gapX:3,mt:3,children:[jsxRuntime.jsx(ui.Button,{color:"gray",onClick:c,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Cancel"},"secondary"),jsxRuntime.jsx(ui.Button,{onClick:b,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Confirm"},"primary")]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:o,onOpenChange:s,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:!0,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:y=>y.preventDefault(),onClick:y=>y.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:[S,jsxRuntime.jsx(ui.Divider,{}),V,B]})})})})]})};function gt(e){let{symbol:t}=e.row||{},{favorites:r,favoriteTabs:o,updateFavoriteTabs:s,updateSymbolFavoriteState:a}=e.favorite,[i,n]=react.useState(!1),[l,c]=react.useState(!1),[m,p]=react.useState(""),[h,g]=react.useState([]),b=()=>{n(!1);},w=()=>{c(!0);},F=()=>{c(!1);},S=()=>{p(""),F(),g([]);},V=()=>{let C={name:m||`WatchList_${o.length}`,id:Date.now()};s(C,{add:!0}),S();},B=(C,O)=>{g(O?h?.filter(Ne=>Ne.id!==C.id):[...h,C]),F();},y=()=>{a(e.row,h,!1),n(!1);};return react.useEffect(()=>{if(!i)return;let C=r?.find(O=>O.name===t);C?.tabs?.length&&g(C?.tabs);},[i,r,o,t]),react.useEffect(()=>{i||S();},[i]),{symbol:t,favoriteTabs:o,open:i,onOpenChange:n,inputVisible:l,selectedTabs:h,value:m,onValueChange:p,hide:b,hideInput:F,showInput:w,onCheck:B,addTab:V,confirm:y}}var X=e=>{let t=gt(e);return jsxRuntime.jsx(ft,{...t,children:e.children})};var He=(e,t=!1)=>react.useMemo(()=>[{title:jsxRuntime.jsx(Ie,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(o,s)=>{let i=jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?n=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,!0),n.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:o?jsxRuntime.jsx(Z,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Ie,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(X,{row:s,favorite:e,children:i})}},{title:"Market",dataIndex:"symbol",width:90,render:o=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:!0,children:o})},{title:"Price",dataIndex:"24h_close",width:100,align:"right",onSort:!0,render:(o,s)=>jsxRuntime.jsx(ui.Text.numeral,{dp:s.quote_dp||2,currency:"$",children:o})},{title:"24h change",dataIndex:"change",width:100,align:"right",onSort:!0,render:o=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:o})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ze,{})," 24h volume"]}),dataIndex:"24h_amount",width:100,align:"right",onSort:!0,render:o=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:o})},{title:"Open interest",dataIndex:"openInterest",width:100,align:"right",onSort:!0,render:o=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:o})},{title:"8h funding",dataIndex:"8h_funding",width:100,align:"right",onSort:!0,render:o=>o===null?"--":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,dp:4,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:o})},{dataIndex:"action",type:"action",width:40,render:(o,s)=>t?jsxRuntime.jsx(ui.Flex,{justify:"end",mr:4,children:jsxRuntime.jsx(ui.Tooltip,{content:"Move to top",align:"center",delayDuration:0,children:jsxRuntime.jsx(ui.Box,{className:"oui-hidden group-hover:oui-block oui-cursor-pointer",onClick:a=>{a.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsxRuntime.jsx(po,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t]);var xt=e=>{let{loading:t,dataSource:r,favorite:o,onSort:s,initialSort:a,type:i,pagination:n}=e,{symbol:l,onSymbolChange:c}=d(),m=He(o,!1);return jsxRuntime.jsx(ui.DataTable,{bordered:!0,columns:m,loading:t,dataSource:r,onRow:(p,h)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{c?.(p),o.addToHistory(p);},"data-testid":`oui-testid-markets-${i==="new"?"newListing":"all"}-tr-${p.symbol}`}),generatedRowKey:p=>p.symbol,rowSelection:{[l]:!0},onSort:s,initialSort:a,pagination:n,classNames:{header:"oui-h-12"},manualSorting:!0})};var vt=e=>{let[t,r]=react.useState(!0),{pageSize:o,setPage:s,pagination:a}=ui.usePagination({pageSize:10}),[i,n]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:l}=d(),{onSort:c,getSortedList:m,sortKey:p,sortOrder:h}=A(e?.sortKey,e?.sortOrder),g=react.useMemo(()=>{let b=m(i);return G(b,l)},[i,m,l]);return react.useEffect(()=>{r(!1);},[i]),react.useEffect(()=>{s(1);},[l]),react.useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",p,h);},[p,h,e.type]),{loading:t,dataSource:g,favorite:n,onSort:c,pagination:a}};var Ke=e=>{let t=vt(e),r=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsxRuntime.jsx(xt,{...t,type:e.type,initialSort:{sortKey:r?.sortKey||e.sortKey,sort:r?.sortOrder||e.sortOrder}})};var kt=e=>{let{open:t,setOpen:r,container:o,inputRef:s,inputWidth:a,spanRef:i,editing:n,value:l,onValueChange:c,updateCurTab:m,onEdit:p,addTab:h,delTab:g,size:b="default",scrollable:w}=e,{selectedFavoriteTab:F,favoriteTabs:S,updateSelectedFavoriteTab:V}=e.favorite,B=b==="sm"?28:36,y=b==="sm"?18:24,C=l?.length>15,O="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)]",Ne=x=>{ui.modal.confirm({title:"Delete list",content:jsxRuntime.jsx(ui.Text,{size:"sm",children:`Are you sure you want to delete ${x.name}?`}),onOk(){return g(x),Promise.resolve()}});},at=x=>{x.key==="Enter"&&m(C);},it=x=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(lo,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{p(x);}}),jsxRuntime.jsx(co,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{Ne(x);}})]}),Ue=()=>{let x=S.length>=10,M=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",x?"oui-cursor-not-allowed":"oui-cursor-pointer",x?"oui-bg-base-3":O),width:B,height:y,r:"base",justify:"center",itemAlign:"center",onClick:x?void 0:h,children:x?jsxRuntime.jsx(fo,{className:"oui-text-base-contrast-54 oui-w-3 oui-h-3 oui-z-[1]"}):jsxRuntime.jsx(go,{className:"oui-w-3 oui-h-3"})});return x?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:M}):M},nt=x=>jsxRuntime.jsx(ui.Tooltip,{open:C,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:s,style:C?{width:a}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:a},classNames:{root:ui.cn("oui-p-0 oui-rounded oui-px-2 oui-my-[1px]","focus-visible:oui-outline-none focus-within:oui-outline-transparent",b==="sm"?"oui-h-[18px]":"oui-h-[24px]",x&&ui.cn(C?"oui-bg-danger/15":O)),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",C?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",b==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:c,onBlur:()=>{m(C);},onKeyUp:at,autoComplete:"off"})}),D=(x,M)=>{if(n&&M)return nt(M);let le={weight:"semibold",size:b==="sm"?"2xs":"sm",className:b==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},ce=M?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...le,children:x.name}):jsxRuntime.jsx(ui.Text,{...le,children:x.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:y,className:ui.cn("oui-cursor-pointer oui-select-none",M?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",M?O:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{V(x),M&&r(!0);},children:ce})};return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,className:e.className,children:[jsxRuntime.jsxs(ui.Flex,{ref:o,id:"oui-markets-favorites-tabs-container",className:ui.cn("oui-relative oui-cursor-pointer oui-hide-scrollbar","oui-overflow-hidden oui-overflow-x-auto"),gapX:b==="sm"?2:3,width:"100%",children:[S?.slice(0,10)?.map(x=>{let M=F.id===x.id;return jsxRuntime.jsx(ui.Tooltip,{open:M&&!n?t:!1,onOpenChange:le=>{M&&r(le);},content:it(x),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:D(x,M)},x.id)}),!w&&Ue(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:i,className:"oui-invisible",children:l})]}),w&&Ue()]})};function Ct(e){let{favorite:t,size:r="default"}=e,{favorites:o,favoriteTabs:s,selectedFavoriteTab:a,updateFavoriteTabs:i,updateSelectedFavoriteTab:n,updateFavorites:l}=t,[c,m]=react.useState(!1),[p,h]=react.useState(!1),[g,b]=react.useState(""),[w,F]=react.useState(!1),S=react.useRef(null),V=react.useRef(null),B=react.useRef(null),[y,C]=react.useState(50),O=()=>{setTimeout(()=>{let{scrollWidth:x,clientWidth:M}=S.current||{};x>M&&F(!0);},0);},Ne=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},at=D=>{h(!0),b(D.name),setTimeout(()=>{V.current?.focus(),V.current?.setSelectionRange(-1,-1);},0);},it=D=>{i({...a,name:D?a.name:g},{update:!0}),h(!1),m(!1),O();},Ue=()=>{let D={name:`WatchList_${s.length}`,id:Date.now()};i(D,{add:!0}),n(D),O(),Ne();},nt=D=>{i(D,{delete:!0}),setTimeout(()=>{let x=o.map(ce=>({...ce,tabs:ce.tabs?.filter(nr=>nr.id!==D.id)}));l(x);let M=s.filter(ce=>ce.id!==D.id),le=M?.[M?.length-1]||M?.[0];n(le);},0);};return react.useEffect(()=>{if(g){let D=B.current?.getBoundingClientRect(),x=r==="sm"?0:14;C(Math.max((D?.width||0)+x,50));}},[g]),react.useEffect(()=>{O();},[]),{favorite:t,open:c,setOpen:m,container:S,inputRef:V,inputWidth:y,spanRef:B,editing:p,value:g,onValueChange:b,onEdit:at,updateCurTab:it,addTab:Ue,delTab:nt,scrollable:w}}var Oe=e=>{let{className:t,...r}=e,o=Ct(r);return jsxRuntime.jsx(kt,{...o,size:e.size,className:t})};var Co=He;var Mt=e=>{let{dataSource:t,favorite:r,onSort:o,loading:s,pagination:a}=e,{symbol:i,onSymbolChange:n}=d(),l=Co(r,!0);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Oe,{favorite:r,className:"oui-my-3"}),jsxRuntime.jsx(ui.DataTable,{bordered:!0,columns:l,dataSource:t,emptyView:jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"Click on the"}),jsxRuntime.jsx(Ie,{className:"oui-text-base-contrast-36"}),jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"icon next to a market to add it to your list."})]}),loading:s,onRow:(m,p)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{n?.(m),r.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[i]:!0},onSort:o,pagination:a,manualSorting:!0})]})};var Tt=()=>{let{pageSize:e,setPage:t,pagination:r}=ui.usePagination({pageSize:10}),[o,s]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[a,i]=react.useState(!0),{favorites:n,selectedFavoriteTab:l}=s,{searchValue:c}=d(),{onSort:m,getSortedList:p}=A(),h=react.useMemo(()=>{let b=n?.filter(w=>w.tabs?.findIndex(F=>F.id===l.id)!==-1)?.map(w=>{let F=o?.findIndex(S=>S.symbol===w.name);return F!==-1?o[F]:null})?.filter(w=>w);return G(b,c)},[o,l,n,c]),g=react.useMemo(()=>p(h),[h,p]);return react.useEffect(()=>{i(!1);},[n]),react.useEffect(()=>{t(1);},[c]),{loading:a,dataSource:g,favorite:s,onSort:m,pagination:r}};var Ft=()=>{let e=Tt();return jsxRuntime.jsx(Mt,{...e})};var Pt=e=>{let{activeTab:t,onTabChange:r}=e,{searchValue:o,onSearchValueChange:s,clearSearchValue:a}=d();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:r,trailing:jsxRuntime.jsx(ui.Input,{value:o,onValueChange:s,placeholder:"Search market",className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),suffix:o&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:a})}),autoComplete:"off"}),children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(Ft,{})}),jsxRuntime.jsx(ui.TabPanel,{title:"All markets",icon:jsxRuntime.jsx(uo,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(Ke,{type:"all",sortKey:"24h_amount",sortOrder:"desc"})}),jsxRuntime.jsx(ui.TabPanel,{title:"New listings",icon:jsxRuntime.jsx(mo,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Ke,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function Dt(){let[e,t]=react.useState("all"),{clearSearchValue:r}=d();return react.useEffect(()=>{r?.();},[e]),{activeTab:e,onTabChange:o=>t(o)}}var Lt=()=>{let e=Dt();return jsxRuntime.jsx(Pt,{...e})};var Se=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let s;return t||(s=jsxRuntime.jsx(X,{row:o,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o.isFavorite?jsxRuntime.jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(me,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[s,jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:r})]})]})}},{title:"Price / change",dataIndex:"change",align:"right",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let s=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(pe,{className:a,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(de,{className:a,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:o.quote_dp||2,size:"2xs",children:o["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r})]})]})}}];var Ce=e=>{let{symbol:t,onSymbolChange:r}=d();return jsxRuntime.jsx("div",{className:"oui-overflow-y-auto oui-custom-scrollbar oui-h-full",children:jsxRuntime.jsx(ui.Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(o=>{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:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o.symbol})]}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:"Price"}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:"24h change"})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]}),jsxRuntime.jsx(ui.Text.numeral,{dp:o.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:o["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o.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===o.symbol&&"oui-bg-base-6 hover:oui-bg-base-6"),onClick:()=>{r?.(o);},children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o.change})]})},o.symbol)})})})};var Ot=e=>{let{dataSource:t,favorite:r,onSort:o,loading:s,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),c=react.useMemo(()=>typeof a=="function"?a(r,!0):Se(r,!0),[r]);return i?jsxRuntime.jsx(Ce,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Oe,{favorite:r,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:c,dataSource:t,loading:s,onRow:(m,p)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(m),r.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[n]:!0},onSort:o,manualSorting:!0})]})};var Vt=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[r,o]=react.useState(!0),{favorites:s,selectedFavoriteTab:a}=t,{searchValue:i}=d(),{onSort:n,getSortedList:l}=A(),c=react.useMemo(()=>{let m=s?.filter(h=>h.tabs?.findIndex(g=>g.id===a.id)!==-1)?.map(h=>{let g=e?.findIndex(b=>b.symbol===h.name);return g!==-1?e[g]:null})?.filter(h=>h),p=G(m,i);return l(p)},[e,a,s,i,l]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:c,favorite:t,onSort:n}};var ae=e=>{let t=Vt();return jsxRuntime.jsx(Ot,{...t,...e})};var Bt=e=>{let{loading:t,dataSource:r,favorite:o,onSort:s,initialSort:a,getColumns:i,collapsed:n}=e,{symbol:l,onSymbolChange:c}=d(),m=react.useMemo(()=>typeof i=="function"?i(o,!1):Se(o,!1),[o]);return n?jsxRuntime.jsx(Ce,{dataSource:r}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:m,loading:t,dataSource:r,onRow:(p,h)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{c?.(p),o.addToHistory(p);}}),generatedRowKey:p=>p.symbol,rowSelection:{[l]:!0},onSort:s,initialSort:a,manualSorting:!0})};var Wt=e=>{let[t,r]=react.useState(!0),[o,s]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:a}=d(),{onSort:i,getSortedList:n}=A(e?.sortKey,e?.sortOrder,e.onSort),l=react.useMemo(()=>{let c=G(o,a);return n(c)},[o,n,a]);return react.useEffect(()=>{r(!1);},[o]),{loading:t,dataSource:l,favorite:s,onSort:i}};var $=e=>{let t=Wt(e);return jsxRuntime.jsx(Bt,{...t,initialSort:{sortKey:e.sortKey,sort:e.sortOrder},getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName})};var Ut=e=>{let{dataSource:t,favorite:r,onSort:o,loading:s,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),c=react.useMemo(()=>typeof a=="function"?a(r,!1):Se(r,!1),[r]);return i?jsxRuntime.jsx(Ce,{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:c,dataSource:t,loading:s,onRow:(m,p)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(m),r.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[n]:!0},onSort:o,manualSorting:!0})};var zt=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[r,o]=react.useState(!0),{searchValue:s}=d(),{onSort:a,getSortedList:i}=A(),n=react.useMemo(()=>{let l=G(e,s);return i(l)},[e,s,i]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:n,favorite:t,onSort:a}};var ie=e=>{let t=zt();return jsxRuntime.jsx(Ut,{...t,...e})};var Et=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:s}=e,{searchValue:a,onSearchValueChange:i,clearSearchValue:n}=d(),l=jsxRuntime.jsx(ui.Input,{value:a,onValueChange:i,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),suffix:a&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:n})}),autoComplete:"off"}),c="oui-h-[calc(100%_-_36px)]";return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold oui-overflow-hidden"),height:"100%",children:[jsxRuntime.jsx(ui.Box,{px:3,pb:2,children:l}),jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:r,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:c,children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx(ae,{tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:"Recent",value:"recent",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx(ie,{tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:"All",value:"all",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx($,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:s,tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var Uo="24h_amount",zo="desc";function Me(e){let{storageKey:t,type:r="all",initialSort:o}=e,[s,a]=hooks.useSessionStorage(t,{[r]:{sortKey:o?.sortKey||Uo,sortOrder:o?.sortOrder||zo}}),i=react.useCallback((n=Uo,l=zo)=>{a({...s,all:{sortKey:n,sortOrder:l}});},[]);return {tabSort:s[r],onTabSort:i}}function At(e){let[t,r]=react.useState(e?.activeTab),{tabSort:o,onTabSort:s}=Me({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:a}=d(),i=react.useCallback(n=>{typeof e?.onTabChange=="function"?e.onTabChange(n):r(n);},[e?.onTabChange]);return react.useEffect(()=>{r(e?.activeTab||"favorites");},[e?.activeTab]),react.useEffect(()=>{a?.();},[t]),{activeTab:t,onTabChange:i,tabSort:o,onTabSort:s}}var Gt=e=>{let t=At({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Et,{...t})})};var Ht=e=>{let{collapsed:t,onCollapse:r,activeTab:o,onTabChange:s,className:a}=e,{symbol:i,onSymbolChange:n}=d(),l=()=>t?o==="favorites"?jsxRuntime.jsx(ae,{collapsed:t}):o==="recent"?jsxRuntime.jsx(ie,{collapsed:t}):jsxRuntime.jsx($,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:t}):jsxRuntime.jsx(Gt,{activeTab:o,onTabChange:s,symbol:i,onSymbolChange:n});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold",a),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(na,{collapsed:t,onCollapse:r}),jsxRuntime.jsx(ui.Box,{width:"100%",className:ui.cn(t?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:l()})]})},na=e=>{let{collapsed:t,onCollapse:r}=e;return t?jsxRuntime.jsx(ho,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:()=>{r?.(!1);}}):jsxRuntime.jsxs(ui.Flex,{justify:"between",px:3,width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:"Markets"}),jsxRuntime.jsx(xo,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:()=>{r?.(!0);}})]})};function Kt(e){let[t,r]=react.useState(e?.collapsed),[o,s]=hooks.useLocalStorage("orderly_side_markets_sel_tab_key","all");react.useEffect(()=>{r(e?.collapsed);},[e?.collapsed]);let a=react.useCallback(i=>{typeof e?.onCollapse=="function"?e.onCollapse(i):r(i);},[e?.onCollapse]);return {collapsed:t,onCollapse:a,activeTab:o,onTabChange:s}}var pa=e=>{let t=Kt({collapsed:e.collapsed,onCollapse:e.onCollapse});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Ht,{...t,className:e.className})})};var Be=(e,t=!1)=>[{title:"Instrument",dataIndex:"symbol",width:150,render:(r,o)=>{let s;return t||(s=jsxRuntime.jsx(X,{row:o,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o.isFavorite?jsxRuntime.jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(me,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[s,jsxRuntime.jsx(ui.TokenIcon,{symbol:r,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]})]})}},{title:"Last",dataIndex:"24h_close",align:"right",onSort:!0,width:100,render:(r,o)=>jsxRuntime.jsx(ui.Text.numeral,{dp:o.quote_dp||2,size:"2xs",children:r})},{title:"24h%",dataIndex:"change",align:"right",onSort:!0,width:80,render:r=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r})},{title:"Volume",dataIndex:"24h_amount",align:"right",onSort:!0,className:"oui-relative",width:80,render:(r,o)=>{let s=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-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:a,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(de,{className:a,onClick:s})]})});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t&&i,jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,className:ui.cn(t&&"group-hover:oui-invisible"),children:r})]})}}];var Yt=e=>jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:!0,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(Yo,{...e,hide:e.hide})})})]}),Yo=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:s}=e,{searchValue:a,onSearchValueChange:i}=d(),n=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(ui.Input,{value:a,onValueChange:i,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line oui-flex-1"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),autoComplete:"off"}),jsxRuntime.jsx(ui.CloseIcon,{size:12,className:"oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]";return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold oui-overflow-hidden"),height:"100%",intensity:800,children:[n,jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:r,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(ae,{getColumns:Be,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:"Recent",value:"recent",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(ie,{getColumns:Be,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:"All",value:"all",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx($,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:s,getColumns:Be,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function Qt(e){let[t,r]=react.useState(!1),[o,s]=hooks.useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:a,onTabSort:i}=Me({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:n}=d(),l=()=>{r(!1);};return react.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:c=>s(c),open:t,onOpenChange:r,hide:l,tabSort:a,onTabSort:i}}var Zt=e=>{let t=Qt();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Yt,{...t,contentClassName:e.contentClassName,children:e.children})})};var Jo=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:r})]})},{title:"Price / change",dataIndex:"change",align:"right",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let s=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(pe,{className:a,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(de,{className:a,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:o.quote_dp||2,size:"2xs",children:o["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r})]})]})}}];var jt=e=>{let{className:t,tabSort:r,onTabSort:o}=e,{searchValue:s,onSearchValueChange:a,clearSearchValue:i}=d(),n=jsxRuntime.jsx(ui.Input,{value:s,onValueChange:a,placeholder:"Search",classNames:{root:"oui-border oui-border-line oui-mt-4"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),suffix:s&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:i})}),autoComplete:"off"});return jsxRuntime.jsxs(ui.Grid,{cols:1,className:ui.cn("oui-font-semibold oui-grid-rows-[auto,1fr]",t),height:"100%",width:"100%",children:[jsxRuntime.jsxs(ui.Box,{px:3,mt:3,children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:"Markets"}),n]}),jsxRuntime.jsx("div",{className:"oui-relative",children:jsxRuntime.jsx(ui.Box,{width:"100%",mt:2,className:"oui-absolute oui-left-0 oui-right-9 oui-top-0 oui-bottom-0",children:jsxRuntime.jsx($,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:o,getColumns:Jo,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function eo(e){let{tabSort:t,onTabSort:r}=Me({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:r}}var Oa=e=>{let t=eo();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(jt,{...t,className:e.className})})};var to=e=>{let{symbol:t,data:r,leverage:o,onSymbol:s}=e,a=jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:s,children:[jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:!0,children:t}),jsxRuntime.jsx(_e,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold oui-h-full",e.className),children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,children:[a,jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o,"x"]})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsxRuntime.jsx(ui.Text.numeral,{size:"2xs",rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:r?.change})]}),e.trailing]})};function oo(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useSymbolsInfo(),s=react.useMemo(()=>{let a=o[t],i=a("base_imr");return Aa(i)},[t,o]);return {symbol:t,data:r,leverage:s}}function Aa(e){return e?1/e:void 0}var Ga=e=>{let{symbol:t,...r}=e,o=oo({symbol:t});return jsxRuntime.jsx(to,{...o,...r})};var so=e=>{let{symbol:t,isFavorite:r,favorite:o,data:s,quotoDp:a,openInterest:i,fundingRate:n,containerRef:l,leadingElementRef:c,tailingElementRef:m,leadingVisible:p,tailingVisible:h,onScoll:g}=e,b=jsxRuntime.jsx(X,{row:{symbol:t},favorite:o,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r?jsxRuntime.jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(me,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),w=jsxRuntime.jsx(Zt,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui.Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsxRuntime.jsx(_e,{className:"oui-text-base-contrast-54"})]})}),F=jsxRuntime.jsx(ui.Text.numeral,{dp:a||2,currency:"$",size:"sm",intensity:98,children:s?.["24h_close"]}),S=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:s?.["24h_change"]}),jsxRuntime.jsx(ui.Text,{intensity:36,children:"/"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:s?.change})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxRuntime.jsxs(ui.Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[b,w]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),F,jsxRuntime.jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxRuntime.jsxs(ui.Flex,{gapX:8,height:"100%",children:[jsxRuntime.jsx("div",{ref:c,children:jsxRuntime.jsx(Fe,{label:"24h Change",value:S})}),jsxRuntime.jsx(Fe,{label:"Mark",value:jsxRuntime.jsx(ui.Text.numeral,{dp:a,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:s?.mark_price}),hint:"Price for the computation of unrealized PnL and liquidation."}),jsxRuntime.jsx(Fe,{label:"Index",value:jsxRuntime.jsx(ui.Text.numeral,{dp:a,children:s?.index_price}),hint:"Average of the last prices across other exchanges."}),jsxRuntime.jsx(Fe,{label:"24h volume",value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:s?.["24h_amount"]}),hint:"24 hour total trading volume on the Orderly Network."}),jsxRuntime.jsx(Fe,{label:"Pred. funding rate",value:jsxRuntime.jsx(Ya,{symbol:t}),hint:"Funding rates are payments between traders who are long and short. When positive, long positions pay short positions funding. When negative, short positions pay long positions."}),jsxRuntime.jsx("div",{ref:m,children:jsxRuntime.jsx(Fe,{label:"Open interest",value:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:i}),jsxRuntime.jsx(ui.Text,{intensity:36,children:" USDC"})]}),hint:"Total size of positions per side."})})]})}),jsxRuntime.jsx(rr,{leading:!0,onClick:g,visible:p}),jsxRuntime.jsx(rr,{tailing:!0,onClick:g,visible:h})]})]}),e.trailing]})},Fe=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Tooltip,{open:e.hint?void 0:!1,content:e.hint,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,className:ui.cn("oui-break-normal oui-whitespace-nowrap",e.hint&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:e.label})}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:98,className:"oui-leading-[20px] oui-break-normal oui-whitespace-nowrap",children:e.value})]}),rr=e=>{let{visible:t,leading:r,tailing:o,onClick:s}=e;return t?jsxRuntime.jsx("button",{onClick:()=>{s?.(r?"left":"right");},style:{background:"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)"},className:ui.cn("oui-flex oui-items-center oui-w-[80px]","oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l",r&&"oui-left-0 oui-pl-1",o&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsxRuntime.jsx(bo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},Ya=({symbol:e})=>{let t=hooks.useFundingRate(e);return t?.est_funding_rate===null?"--":jsxRuntime.jsxs("div",{className:"",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 io(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useFundingRate(t),s=hooks.useMarketsStore(),i=hooks.useSymbolsInfo()[t]("quote_dp"),[n,l]=react.useState(!1),[c,m]=react.useState(!1),p=react.useRef(null),h=react.useRef(null),g=react.useRef(null),b=react.useMemo(()=>!!s.favorites.find(S=>S.name===t),[s.favorites,t]),w=react.useMemo(()=>new utils.Decimal(r?.open_interest??0).mul(r?.index_price??0).toDecimalPlaces(2).valueOf(),[r]);return react.useEffect(()=>{let S=new IntersectionObserver(V=>{for(let B=0;B<V.length;B++){let y=V[B];y&&(y.target===h.current&&l(!y.isIntersecting),y.target===g.current&&m(!y.isIntersecting));}});return h.current&&S.observe(h.current),g.current&&S.observe(g.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:b,favorite:s,data:r,quotoDp:i,openInterest:w,fundingRate:o,containerRef:p,leadingElementRef:h,tailingElementRef:g,leadingVisible:n,tailingVisible:c,onScoll:S=>{S==="left"?p.current?.scrollBy({left:-100,behavior:"smooth"}):p.current?.scrollBy({left:100,behavior:"smooth"});}}}var oi=e=>{let{symbol:t,...r}=e,o=io({symbol:t});return jsxRuntime.jsx(so,{...o,...r})};var ni=e=>jsxRuntime.jsx(z,{onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui.Box,{id:"oui-markets-home-page",className:ui.cn("oui-font-semibold",e.className),p:6,children:[jsxRuntime.jsx(ui.Text,{size:"2xl",weight:"semibold",children:"Markets"}),jsxRuntime.jsx(pt,{}),jsxRuntime.jsx(Lt,{})]})});
14
+ var no=react.createContext({}),z=e=>{let[t,r]=react.useState(""),o=react.useCallback(()=>{r("");},[]);return jsxRuntime.jsx(no.Provider,{value:{searchValue:t,onSearchValueChange:r,clearSearchValue:o,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function d(){return react.useContext(no)}var lo=e=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsxRuntime.jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsxRuntime.jsx("g",{mask:"url(#a)",children:jsxRuntime.jsx("path",{d:"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z"})})]}),co=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"})}),uo=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"})})]}),mo=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"})}),Z=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"})})]}),Ie=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 J=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"})}),po=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"})}),ze=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"})}),ue=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{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"})}),me=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"})}),de=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"})}),fo=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"})})]}),go=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))"})]})})]}),ho=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"})}),xo=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"})}),_e=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"})}),bo=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 mt=e=>{let{emblaRef:t,emblaApi:r,scrollIndex:o,enableScroll:s,news:a,gainers:i,losers:n,total24Amount:l,totalOpenInterest:c,tvl:m,favorite:p}=e,{onSymbolChange:h}=d(),g=ui.cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",s&&"oui-select-none oui-cursor-pointer"),b=w=>{h?.(w),p.addToHistory(w);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:s?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,mt:4,children:[jsxRuntime.jsx(gr,{total24Amount:l,totalOpenInterest:c,tvl:m,className:g}),jsxRuntime.jsx(ct,{data:a,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:"New listings"}),className:g,onSymbol:b}),jsxRuntime.jsx(ct,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:"Top gainers"}),className:g,onSymbol:b}),jsxRuntime.jsx(ct,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:"Top losers"}),className:g,onSymbol:b})]}),jsxRuntime.jsx("div",{className:"oui-mt-1 oui-mb-3 3xl:oui-mt-4 3xl:oui-mb-0",children:jsxRuntime.jsx(br,{scrollIndex:o,scrollPrev:r?.scrollPrev,scrollNext:r?.scrollNext})})]})},gr=e=>{let{total24Amount:t,totalOpenInterest:r,tvl:o}=e,s=react.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ze,{})," 24h volume"]}),value:t},{label:"Open interest",value:r},{label:"Assets (TVL)",value:o}],[t,r,o]);return jsxRuntime.jsx(ui.Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((a,i)=>jsxRuntime.jsx(hr,{...a},i))})},hr=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})]}),ct=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,r)=>jsxRuntime.jsx(xr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),xr=e=>{let{item:t}=e;return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,py:2,px:4,className:ui.cn("hover:oui-bg-base-8 oui-cursor-pointer",e.className),onClick:()=>{e.onSymbol(t);},children:[jsxRuntime.jsx(ui.Flex,{width:"100%",gapX:1,children:jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:!0,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:!0,size:"xs",weight:"semibold",showIdentifier:!0,children:t.change})})]})},br=e=>{let{scrollIndex:t,scrollPrev:r,scrollNext:o}=e;return jsxRuntime.jsx(ui.Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(s=>jsxRuntime.jsx(ui.Box,{py:1,pl:s===0?1:0,pr:s===1?1:0,onClick:()=>{t===0&&s===1?o?.():t===1&&s===0&&r?.();},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===s?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},s)},s))})};function De(e,t,r){let o=[...e||[]],s=a=>a==null;return t&&r&&o.sort((a,i)=>{let n=a[t],l=i[t];return s(n)?1:s(l)?-1:r==="desc"?l-n:n-l}),o}function A(e,t,r){let[o,s]=react.useState(),[a,i]=react.useState(),n=react.useCallback(p=>{s(p?.sortKey),i(p?.sort),r?.(p?.sortKey,p?.sort);},[r]),l=o||e,c=a||t,m=react.useCallback(p=>De(p,l,c),[l,c]);return {onSort:n,getSortedList:m,sortKey:l,sortOrder:c}}function G(e,t=""){let r=new RegExp(t,"i");return e?.filter(o=>r.test(o.symbol))}function So(){let[e,t]=react.useState(0),[r,o]=react.useState(0);return react.useEffect(()=>{t(window.innerWidth),o(window.innerHeight);let s=()=>{o(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",s),()=>{window?.removeEventListener("resize",s);}},[]),{width:e,height:r}}var pt=()=>{let[e,t]=react.useState(0),r=Tr(),{width:o}=So(),[s,a]=kr__default.default({loop:!0,slidesToScroll:"auto"});return react.useEffect(()=>{a?.on("select",()=>{t(a?.selectedScrollSnap());});},[a]),{scrollIndex:e,setScrollIndex:t,emblaRef:s,emblaApi:a,enableScroll:o<1440,...r}};function Tr(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:r}=hooks.useQuery("/v1/public/balance/stats"),o=react.useMemo(()=>De(e,"created_time","desc").slice(0,5),[e]),s=react.useMemo(()=>De(e,"change","desc").slice(0,5),[e]),a=react.useMemo(()=>De(e,"change","asc").slice(0,5),[e]),i=react.useMemo(()=>e?.reduce((c,m)=>c.add(m["24h_amount"]||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),n=react.useMemo(()=>e?.reduce((c,m)=>c.add(m.openInterest||0),new utils.Decimal(0))||new utils.Decimal(0),[e]),l=react.useMemo(()=>{if(r){let{total_holding:c=0,total_unsettled_balance:m=0}=r;return new utils.Decimal(c).plus(m).toNumber()}},[r]);return {markets:e,news:o,gainers:s,losers:a,total24Amount:i.toNumber(),totalOpenInterest:n.toNumber(),tvl:l,favorite:t}}var dt=()=>{let e=pt();return jsxRuntime.jsx(mt,{...e})};var gt=e=>{let{symbol:t,favoriteTabs:r,open:o,onOpenChange:s,inputVisible:a,selectedTabs:i,value:n,onValueChange:l,hide:c,hideInput:m,showInput:p,onCheck:h,addTab:g,confirm:b}=e,w=n?.length>15,F=()=>{if(a)return jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.Input,{autoFocus:!0,value:n,onValueChange:l,classNames:{root:ui.cn("oui-bg-base-6 oui-h-7 oui-w-full oui-ml-[1px] oui-rounded-sm",w&&"focus-visible:oui-outline-danger focus-within:oui-outline-danger")},autoComplete:"off",suffix:n&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{opacity:1,size:14,className:"oui-text-base-contrast-20 oui-cursor-pointer",onClick:()=>{l("");}})})}),jsxRuntime.jsx(ui.Button,{className:"oui-rounded-sm",size:"sm",onClick:g,disabled:!n||w,children:"Add"})]}),w&&jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsxRuntime.jsx("div",{className:"oui-h-1 oui-w-1 oui-bg-danger oui-rounded-full"}),jsxRuntime.jsx(ui.Text,{color:"danger",children:"List name cannot exceed 15 characters"})]})]});let y=r.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:y?void 0:!1,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:jsxRuntime.jsx("div",{children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn(y?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:y?500:600,onClick:y?void 0:p,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:"Add a new watchlist"})]})})})},S=jsxRuntime.jsxs(ui.Flex,{justify:"between",className:"oui-mt-3 oui-mb-[10px]",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:["Select lists for",jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:!0,children:t})]}),jsxRuntime.jsx(ui.CloseIcon,{size:16,className:"oui-text-base-contrast oui-cursor-pointer",onClick:c})]}),V=jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Box,{my:2,className:"oui-max-h-[288px] oui-overflow-y-auto oui-custom-scrollbar",children:r?.slice(0,10)?.map(y=>{let C=!!i.find(O=>O.id===y.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:()=>{h(y,C);},children:[C?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:y.name})]})},y.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:F()})]}),B=jsxRuntime.jsxs(ui.Flex,{gapX:3,mt:3,children:[jsxRuntime.jsx(ui.Button,{color:"gray",onClick:c,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Cancel"},"secondary"),jsxRuntime.jsx(ui.Button,{onClick:b,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Confirm"},"primary")]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:o,onOpenChange:s,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:!0,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:y=>y.preventDefault(),onClick:y=>y.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:[S,jsxRuntime.jsx(ui.Divider,{}),V,B]})})})})]})};function ht(e){let{symbol:t}=e.row||{},{favorites:r,favoriteTabs:o,updateFavoriteTabs:s,updateSymbolFavoriteState:a}=e.favorite,[i,n]=react.useState(!1),[l,c]=react.useState(!1),[m,p]=react.useState(""),[h,g]=react.useState([]),b=()=>{n(!1);},w=()=>{c(!0);},F=()=>{c(!1);},S=()=>{p(""),F(),g([]);},V=()=>{let C={name:m||`WatchList_${o.length}`,id:Date.now()};s(C,{add:!0}),S();},B=(C,O)=>{g(O?h?.filter(Ne=>Ne.id!==C.id):[...h,C]),F();},y=()=>{a(e.row,h,!1),n(!1);};return react.useEffect(()=>{if(!i)return;let C=r?.find(O=>O.name===t);C?.tabs?.length&&g(C?.tabs);},[i,r,o,t]),react.useEffect(()=>{i||S();},[i]),{symbol:t,favoriteTabs:o,open:i,onOpenChange:n,inputVisible:l,selectedTabs:h,value:m,onValueChange:p,hide:b,hideInput:F,showInput:w,onCheck:B,addTab:V,confirm:y}}var X=e=>{let t=ht(e);return jsxRuntime.jsx(gt,{...t,children:e.children})};var He=(e,t=!1)=>react.useMemo(()=>[{title:jsxRuntime.jsx(Ie,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(o,s)=>{let i=jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?n=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,!0),n.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:o?jsxRuntime.jsx(Z,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Ie,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(X,{row:s,favorite:e,children:i})}},{title:"Market",dataIndex:"symbol",width:90,render:o=>jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:!0,children:o})},{title:"Price",dataIndex:"24h_close",width:100,align:"right",onSort:!0,render:(o,s)=>jsxRuntime.jsx(ui.Text.numeral,{dp:s.quote_dp||2,currency:"$",children:o})},{title:"24h change",dataIndex:"change",width:100,align:"right",onSort:!0,render:o=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:o})},{title:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ze,{})," 24h volume"]}),dataIndex:"24h_amount",width:100,align:"right",onSort:!0,render:o=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:o})},{title:"Open interest",dataIndex:"openInterest",width:100,align:"right",onSort:!0,render:o=>jsxRuntime.jsx(ui.Text.numeral,{currency:"$",dp:0,rm:utils.Decimal.ROUND_DOWN,children:o})},{title:"8h funding",dataIndex:"8h_funding",width:100,align:"right",onSort:!0,render:o=>o===null?"--":jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,dp:4,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:o})},{dataIndex:"action",type:"action",width:40,render:(o,s)=>t?jsxRuntime.jsx(ui.Flex,{justify:"end",mr:4,children:jsxRuntime.jsx(ui.Tooltip,{content:"Move to top",align:"center",delayDuration:0,children:jsxRuntime.jsx(ui.Box,{className:"oui-hidden group-hover:oui-block oui-cursor-pointer",onClick:a=>{a.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsxRuntime.jsx(po,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t]);var bt=e=>{let{loading:t,dataSource:r,favorite:o,onSort:s,initialSort:a,type:i,pagination:n}=e,{symbol:l,onSymbolChange:c}=d(),m=He(o,!1);return jsxRuntime.jsx(ui.DataTable,{bordered:!0,columns:m,loading:t,dataSource:r,onRow:(p,h)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{c?.(p),o.addToHistory(p);},"data-testid":`oui-testid-markets-${i==="new"?"newListing":"all"}-tr-${p.symbol}`}),generatedRowKey:p=>p.symbol,rowSelection:{[l]:!0},onSort:s,initialSort:a,pagination:n,classNames:{header:"oui-h-12"},manualSorting:!0})};var St=e=>{let[t,r]=react.useState(!0),{pageSize:o,setPage:s,pagination:a}=ui.usePagination({pageSize:10}),[i,n]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:l}=d(),{onSort:c,getSortedList:m,sortKey:p,sortOrder:h}=A(e?.sortKey,e?.sortOrder),g=react.useMemo(()=>{let b=m(i);return G(b,l)},[i,m,l]);return react.useEffect(()=>{r(!1);},[i]),react.useEffect(()=>{s(1);},[l]),react.useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",p,h);},[p,h,e.type]),{loading:t,dataSource:g,favorite:n,onSort:c,pagination:a}};var Ke=e=>{let t=St(e),r=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsxRuntime.jsx(bt,{...t,type:e.type,initialSort:{sortKey:r?.sortKey||e.sortKey,sort:r?.sortOrder||e.sortOrder}})};var wt=e=>{let{open:t,setOpen:r,container:o,inputRef:s,inputWidth:a,spanRef:i,editing:n,value:l,onValueChange:c,updateCurTab:m,onEdit:p,addTab:h,delTab:g,size:b="default",scrollable:w}=e,{selectedFavoriteTab:F,favoriteTabs:S,updateSelectedFavoriteTab:V}=e.favorite,B=b==="sm"?28:36,y=b==="sm"?18:24,C=l?.length>15,O="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)]",Ne=x=>{ui.modal.confirm({title:"Delete list",content:jsxRuntime.jsx(ui.Text,{size:"sm",children:`Are you sure you want to delete ${x.name}?`}),onOk(){return g(x),Promise.resolve()}});},it=x=>{x.key==="Enter"&&m(C);},nt=x=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(lo,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{p(x);}}),jsxRuntime.jsx(co,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{Ne(x);}})]}),Ue=()=>{let x=S.length>=10,M=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",x?"oui-cursor-not-allowed":"oui-cursor-pointer",x?"oui-bg-base-3":O),width:B,height:y,r:"base",justify:"center",itemAlign:"center",onClick:x?void 0:h,children:x?jsxRuntime.jsx(fo,{className:"oui-text-base-contrast-54 oui-w-3 oui-h-3 oui-z-[1]"}):jsxRuntime.jsx(go,{className:"oui-w-3 oui-h-3"})});return x?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:M}):M},lt=x=>jsxRuntime.jsx(ui.Tooltip,{open:C,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:s,style:C?{width:a}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:a},classNames:{root:ui.cn("oui-p-0 oui-rounded oui-px-2 oui-my-[1px]","focus-visible:oui-outline-none focus-within:oui-outline-transparent",b==="sm"?"oui-h-[18px]":"oui-h-[24px]",x&&ui.cn(C?"oui-bg-danger/15":O)),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",C?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",b==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:c,onBlur:()=>{m(C);},onKeyUp:it,autoComplete:"off"})}),D=(x,M)=>{if(n&&M)return lt(M);let le={weight:"semibold",size:b==="sm"?"2xs":"sm",className:b==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},ce=M?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...le,children:x.name}):jsxRuntime.jsx(ui.Text,{...le,children:x.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:y,className:ui.cn("oui-cursor-pointer oui-select-none",M?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",M?O:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{V(x),M&&r(!0);},children:ce})};return jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:3,className:e.className,children:[jsxRuntime.jsxs(ui.Flex,{ref:o,id:"oui-markets-favorites-tabs-container",className:ui.cn("oui-relative oui-cursor-pointer oui-hide-scrollbar","oui-overflow-hidden oui-overflow-x-auto"),gapX:b==="sm"?2:3,width:"100%",children:[S?.slice(0,10)?.map(x=>{let M=F.id===x.id;return jsxRuntime.jsx(ui.Tooltip,{open:M&&!n?t:!1,onOpenChange:le=>{M&&r(le);},content:nt(x),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:D(x,M)},x.id)}),!w&&Ue(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:i,className:"oui-invisible",children:l})]}),w&&Ue()]})};function Mt(e){let{favorite:t,size:r="default"}=e,{favorites:o,favoriteTabs:s,selectedFavoriteTab:a,updateFavoriteTabs:i,updateSelectedFavoriteTab:n,updateFavorites:l}=t,[c,m]=react.useState(!1),[p,h]=react.useState(!1),[g,b]=react.useState(""),[w,F]=react.useState(!1),S=react.useRef(null),V=react.useRef(null),B=react.useRef(null),[y,C]=react.useState(50),O=()=>{setTimeout(()=>{let{scrollWidth:x,clientWidth:M}=S.current||{};x>M&&F(!0);},0);},Ne=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},it=D=>{h(!0),b(D.name),setTimeout(()=>{V.current?.focus(),V.current?.setSelectionRange(-1,-1);},0);},nt=D=>{i({...a,name:D?a.name:g},{update:!0}),h(!1),m(!1),O();},Ue=()=>{let D={name:`WatchList_${s.length}`,id:Date.now()};i(D,{add:!0}),n(D),O(),Ne();},lt=D=>{i(D,{delete:!0}),setTimeout(()=>{let x=o.map(ce=>({...ce,tabs:ce.tabs?.filter(nr=>nr.id!==D.id)}));l(x);let M=s.filter(ce=>ce.id!==D.id),le=M?.[M?.length-1]||M?.[0];n(le);},0);};return react.useEffect(()=>{if(g){let D=B.current?.getBoundingClientRect(),x=r==="sm"?0:14;C(Math.max((D?.width||0)+x,50));}},[g]),react.useEffect(()=>{O();},[]),{favorite:t,open:c,setOpen:m,container:S,inputRef:V,inputWidth:y,spanRef:B,editing:p,value:g,onValueChange:b,onEdit:it,updateCurTab:nt,addTab:Ue,delTab:lt,scrollable:w}}var Oe=e=>{let{className:t,...r}=e,o=Mt(r);return jsxRuntime.jsx(wt,{...o,size:e.size,className:t})};var Co=He;var Tt=e=>{let{dataSource:t,favorite:r,onSort:o,loading:s,pagination:a}=e,{symbol:i,onSymbolChange:n}=d(),l=Co(r,!0);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Oe,{favorite:r,className:"oui-my-3"}),jsxRuntime.jsx(ui.DataTable,{bordered:!0,columns:l,dataSource:t,emptyView:jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"Click on the"}),jsxRuntime.jsx(Ie,{className:"oui-text-base-contrast-36"}),jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"icon next to a market to add it to your list."})]}),loading:s,onRow:(m,p)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{n?.(m),r.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[i]:!0},onSort:o,pagination:a,manualSorting:!0})]})};var Ft=()=>{let{pageSize:e,setPage:t,pagination:r}=ui.usePagination({pageSize:10}),[o,s]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[a,i]=react.useState(!0),{favorites:n,selectedFavoriteTab:l}=s,{searchValue:c}=d(),{onSort:m,getSortedList:p}=A(),h=react.useMemo(()=>{let b=n?.filter(w=>w.tabs?.findIndex(F=>F.id===l.id)!==-1)?.map(w=>{let F=o?.findIndex(S=>S.symbol===w.name);return F!==-1?o[F]:null})?.filter(w=>w);return G(b,c)},[o,l,n,c]),g=react.useMemo(()=>p(h),[h,p]);return react.useEffect(()=>{i(!1);},[n]),react.useEffect(()=>{t(1);},[c]),{loading:a,dataSource:g,favorite:s,onSort:m,pagination:r}};var Nt=()=>{let e=Ft();return jsxRuntime.jsx(Tt,{...e})};var Dt=e=>{let{activeTab:t,onTabChange:r}=e,{searchValue:o,onSearchValueChange:s,clearSearchValue:a}=d();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:r,trailing:jsxRuntime.jsx(ui.Input,{value:o,onValueChange:s,placeholder:"Search market",className:"oui-w-[240px] oui-my-1",size:"sm","data-testid":"oui-testid-markets-searchMarket-input",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),suffix:o&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:a})}),autoComplete:"off"}),children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(Nt,{})}),jsxRuntime.jsx(ui.TabPanel,{title:"All markets",icon:jsxRuntime.jsx(uo,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(Ke,{type:"all",sortKey:"24h_amount",sortOrder:"desc"})}),jsxRuntime.jsx(ui.TabPanel,{title:"New listings",icon:jsxRuntime.jsx(mo,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Ke,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function Lt(){let[e,t]=react.useState("all"),{clearSearchValue:r}=d();return react.useEffect(()=>{r?.();},[e]),{activeTab:e,onTabChange:o=>t(o)}}var Rt=()=>{let e=Lt();return jsxRuntime.jsx(Dt,{...e})};var Se=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let s;return t||(s=jsxRuntime.jsx(X,{row:o,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o.isFavorite?jsxRuntime.jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(me,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[s,jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:r})]})]})}},{title:"Price / change",dataIndex:"change",align:"right",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let s=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(pe,{className:a,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(de,{className:a,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:o.quote_dp||2,size:"2xs",children:o["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r})]})]})}}];var Ce=e=>{let{symbol:t,onSymbolChange:r}=d();return jsxRuntime.jsx("div",{className:"oui-overflow-y-auto oui-custom-scrollbar oui-h-full",children:jsxRuntime.jsx(ui.Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(o=>{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:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o.symbol})]}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:"Price"}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:"24h change"})]}),jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]}),jsxRuntime.jsx(ui.Text.numeral,{dp:o.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:o["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o.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===o.symbol&&"oui-bg-base-6 hover:oui-bg-base-6"),onClick:()=>{r?.(o);},children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:o.change})]})},o.symbol)})})})};var Vt=e=>{let{dataSource:t,favorite:r,onSort:o,loading:s,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),c=react.useMemo(()=>typeof a=="function"?a(r,!0):Se(r,!0),[r]);return i?jsxRuntime.jsx(Ce,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Oe,{favorite:r,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:c,dataSource:t,loading:s,onRow:(m,p)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(m),r.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[n]:!0},onSort:o,manualSorting:!0})]})};var Bt=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[r,o]=react.useState(!0),{favorites:s,selectedFavoriteTab:a}=t,{searchValue:i}=d(),{onSort:n,getSortedList:l}=A(),c=react.useMemo(()=>{let m=s?.filter(h=>h.tabs?.findIndex(g=>g.id===a.id)!==-1)?.map(h=>{let g=e?.findIndex(b=>b.symbol===h.name);return g!==-1?e[g]:null})?.filter(h=>h),p=G(m,i);return l(p)},[e,a,s,i,l]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:c,favorite:t,onSort:n}};var ae=e=>{let t=Bt();return jsxRuntime.jsx(Vt,{...t,...e})};var Wt=e=>{let{loading:t,dataSource:r,favorite:o,onSort:s,initialSort:a,getColumns:i,collapsed:n}=e,{symbol:l,onSymbolChange:c}=d(),m=react.useMemo(()=>typeof i=="function"?i(o,!1):Se(o,!1),[o]);return n?jsxRuntime.jsx(Ce,{dataSource:r}):jsxRuntime.jsx(ui.DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:ui.cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:m,loading:t,dataSource:r,onRow:(p,h)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{c?.(p),o.addToHistory(p);}}),generatedRowKey:p=>p.symbol,rowSelection:{[l]:!0},onSort:s,initialSort:a,manualSorting:!0})};var Ut=e=>{let[t,r]=react.useState(!0),[o,s]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:a}=d(),{onSort:i,getSortedList:n}=A(e?.sortKey,e?.sortOrder,e.onSort),l=react.useMemo(()=>{let c=G(o,a);return n(c)},[o,n,a]);return react.useEffect(()=>{r(!1);},[o]),{loading:t,dataSource:l,favorite:s,onSort:i}};var $=e=>{let t=Ut(e);return jsxRuntime.jsx(Wt,{...t,initialSort:{sortKey:e.sortKey,sort:e.sortOrder},getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName})};var zt=e=>{let{dataSource:t,favorite:r,onSort:o,loading:s,getColumns:a,collapsed:i}=e,{symbol:n,onSymbolChange:l}=d(),c=react.useMemo(()=>typeof a=="function"?a(r,!1):Se(r,!1),[r]);return i?jsxRuntime.jsx(Ce,{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:c,dataSource:t,loading:s,onRow:(m,p)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(m),r.addToHistory(m);}}),generatedRowKey:m=>m.symbol,rowSelection:{[n]:!0},onSort:o,manualSorting:!0})};var _t=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[r,o]=react.useState(!0),{searchValue:s}=d(),{onSort:a,getSortedList:i}=A(),n=react.useMemo(()=>{let l=G(e,s);return i(l)},[e,s,i]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:n,favorite:t,onSort:a}};var ie=e=>{let t=_t();return jsxRuntime.jsx(zt,{...t,...e})};var At=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:s}=e,{searchValue:a,onSearchValueChange:i,clearSearchValue:n}=d(),l=jsxRuntime.jsx(ui.Input,{value:a,onValueChange:i,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),suffix:a&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:n})}),autoComplete:"off"}),c="oui-h-[calc(100%_-_36px)]";return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold oui-overflow-hidden"),height:"100%",children:[jsxRuntime.jsx(ui.Box,{px:3,pb:2,children:l}),jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:r,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:c,children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx(ae,{tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:"Recent",value:"recent",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx(ie,{tableClassNames:{scroll:"oui-px-1"}})})}),jsxRuntime.jsx(ui.TabPanel,{title:"All",value:"all",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx($,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:s,tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var Uo="24h_amount",zo="desc";function Me(e){let{storageKey:t,type:r="all",initialSort:o}=e,[s,a]=hooks.useSessionStorage(t,{[r]:{sortKey:o?.sortKey||Uo,sortOrder:o?.sortOrder||zo}}),i=react.useCallback((n=Uo,l=zo)=>{a({...s,all:{sortKey:n,sortOrder:l}});},[]);return {tabSort:s[r],onTabSort:i}}function Gt(e){let[t,r]=react.useState(e?.activeTab),{tabSort:o,onTabSort:s}=Me({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:a}=d(),i=react.useCallback(n=>{typeof e?.onTabChange=="function"?e.onTabChange(n):r(n);},[e?.onTabChange]);return react.useEffect(()=>{r(e?.activeTab||"favorites");},[e?.activeTab]),react.useEffect(()=>{a?.();},[t]),{activeTab:t,onTabChange:i,tabSort:o,onTabSort:s}}var Ht=e=>{let t=Gt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(At,{...t})})};var Kt=e=>{let{collapsed:t,onCollapse:r,activeTab:o,onTabChange:s,className:a}=e,{symbol:i,onSymbolChange:n}=d(),l=()=>t?o==="favorites"?jsxRuntime.jsx(ae,{collapsed:t}):o==="recent"?jsxRuntime.jsx(ie,{collapsed:t}):jsxRuntime.jsx($,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:t}):jsxRuntime.jsx(Ht,{activeTab:o,onTabChange:s,symbol:i,onSymbolChange:n});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold",a),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(na,{collapsed:t,onCollapse:r}),jsxRuntime.jsx(ui.Box,{width:"100%",className:ui.cn(t?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:l()})]})},na=e=>{let{collapsed:t,onCollapse:r}=e;return t?jsxRuntime.jsx(ho,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:()=>{r?.(!1);}}):jsxRuntime.jsxs(ui.Flex,{justify:"between",px:3,width:"100%",children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:"Markets"}),jsxRuntime.jsx(xo,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:()=>{r?.(!0);}})]})};function qt(e){let[t,r]=react.useState(e?.collapsed),[o,s]=hooks.useLocalStorage("orderly_side_markets_sel_tab_key","all");react.useEffect(()=>{r(e?.collapsed);},[e?.collapsed]);let a=react.useCallback(i=>{typeof e?.onCollapse=="function"?e.onCollapse(i):r(i);},[e?.onCollapse]);return {collapsed:t,onCollapse:a,activeTab:o,onTabChange:s}}var pa=e=>{let t=qt({collapsed:e.collapsed,onCollapse:e.onCollapse});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Kt,{...t,className:e.className})})};var Be=(e,t=!1)=>[{title:"Instrument",dataIndex:"symbol",width:150,render:(r,o)=>{let s;return t||(s=jsxRuntime.jsx(X,{row:o,favorite:e,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o.isFavorite?jsxRuntime.jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(me,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[s,jsxRuntime.jsx(ui.TokenIcon,{symbol:r,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]})]})}},{title:"Last",dataIndex:"24h_close",align:"right",onSort:!0,width:100,render:(r,o)=>jsxRuntime.jsx(ui.Text.numeral,{dp:o.quote_dp||2,size:"2xs",children:r})},{title:"24h%",dataIndex:"change",align:"right",onSort:!0,width:80,render:r=>jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r})},{title:"Volume",dataIndex:"24h_amount",align:"right",onSort:!0,className:"oui-relative",width:80,render:(r,o)=>{let s=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-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:a,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(de,{className:a,onClick:s})]})});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t&&i,jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,className:ui.cn(t&&"group-hover:oui-invisible"),children:r})]})}}];var Qt=e=>jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:!0,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(Yo,{...e,hide:e.hide})})})]}),Yo=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:s}=e,{searchValue:a,onSearchValueChange:i}=d(),n=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(ui.Input,{value:a,onValueChange:i,placeholder:"Search",classNames:{root:"oui-border oui-mt-[1px] oui-border-line oui-flex-1"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),autoComplete:"off"}),jsxRuntime.jsx(ui.CloseIcon,{size:12,className:"oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]";return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold oui-overflow-hidden"),height:"100%",intensity:800,children:[n,jsxRuntime.jsxs(ui.Tabs,{variant:"contained",size:"md",value:t,onValueChange:r,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(ae,{getColumns:Be,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:"Recent",value:"recent",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(ie,{getColumns:Be,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})}),jsxRuntime.jsx(ui.TabPanel,{title:"All",value:"all",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx($,{type:"all",sortKey:o?.sortKey,sortOrder:o?.sortOrder,onSort:s,getColumns:Be,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function Zt(e){let[t,r]=react.useState(!1),[o,s]=hooks.useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:a,onTabSort:i}=Me({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:n}=d(),l=()=>{r(!1);};return react.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:c=>s(c),open:t,onOpenChange:r,hide:l,tabSort:a,onTabSort:i}}var Jt=e=>{let t=Zt();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Qt,{...t,contentClassName:e.contentClassName,children:e.children})})};var Jo=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:o.symbol,className:"oui-w-[18px] oui-h-[18px]"}),jsxRuntime.jsx(ui.Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o.symbol}),jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o.leverage,"x"]})]}),jsxRuntime.jsx(ui.Text.numeral,{intensity:54,rule:"human",dp:2,rm:utils.Decimal.ROUND_DOWN,children:r})]})},{title:"Price / change",dataIndex:"change",align:"right",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let s=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},a="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(pe,{className:a,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(de,{className:a,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:o.quote_dp||2,size:"2xs",children:o["24h_close"]}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,size:"2xs",children:r})]})]})}}];var eo=e=>{let{className:t,tabSort:r,onTabSort:o}=e,{searchValue:s,onSearchValueChange:a,clearSearchValue:i}=d(),n=jsxRuntime.jsx(ui.Input,{value:s,onValueChange:a,placeholder:"Search",classNames:{root:"oui-border oui-border-line oui-mt-4"},size:"sm",prefix:jsxRuntime.jsx(ui.Box,{pl:3,pr:1,children:jsxRuntime.jsx(J,{className:"oui-text-base-contrast-36"})}),suffix:s&&jsxRuntime.jsx(ui.Box,{mr:2,children:jsxRuntime.jsx(ui.CloseCircleFillIcon,{size:14,className:"oui-text-base-contrast-36 oui-cursor-pointer",onClick:i})}),autoComplete:"off"});return jsxRuntime.jsxs(ui.Grid,{cols:1,className:ui.cn("oui-font-semibold oui-grid-rows-[auto,1fr]",t),height:"100%",width:"100%",children:[jsxRuntime.jsxs(ui.Box,{px:3,mt:3,children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:"Markets"}),n]}),jsxRuntime.jsx("div",{className:"oui-relative",children:jsxRuntime.jsx(ui.Box,{width:"100%",mt:2,className:"oui-absolute oui-left-0 oui-right-9 oui-top-0 oui-bottom-0",children:jsxRuntime.jsx($,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:o,getColumns:Jo,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function to(e){let{tabSort:t,onTabSort:r}=Me({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:r}}var Oa=e=>{let t=to();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(eo,{...t,className:e.className})})};var oo=e=>{let{symbol:t,data:r,leverage:o,onSymbol:s}=e,a=jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:s,children:[jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:!0,children:t}),jsxRuntime.jsx(_e,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:3,children:[a,jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primary",children:[o,"x"]})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsxRuntime.jsx(ui.Text.numeral,{size:"2xs",rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:r?.change})]}),e.trailing]})};function ro(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useSymbolsInfo(),s=react.useMemo(()=>{let a=o[t],i=a("base_imr");return Aa(i)},[t,o]);return {symbol:t,data:r,leverage:s}}function Aa(e){return e?1/e:void 0}var Ga=e=>{let{symbol:t,...r}=e,o=ro({symbol:t});return jsxRuntime.jsx(oo,{...o,...r})};var so=e=>{let{symbol:t,isFavorite:r,favorite:o,data:s,quotoDp:a,openInterest:i,fundingRate:n,containerRef:l,leadingElementRef:c,tailingElementRef:m,leadingVisible:p,tailingVisible:h,onScoll:g}=e,b=jsxRuntime.jsx(X,{row:{symbol:t},favorite:o,children:jsxRuntime.jsx(ui.Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:r?jsxRuntime.jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(me,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),w=jsxRuntime.jsx(Jt,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui.Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsxRuntime.jsx(ui.TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsxRuntime.jsx(ui.Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsxRuntime.jsx(_e,{className:"oui-text-base-contrast-54"})]})}),F=jsxRuntime.jsx(ui.Text.numeral,{dp:a||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:s?.["24h_close"]}),S=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:s?.["24h_change"]}),jsxRuntime.jsx(ui.Text,{intensity:36,children:"/"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:s?.change})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxRuntime.jsxs(ui.Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[b,w]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),F,jsxRuntime.jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsxRuntime.jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxRuntime.jsxs(ui.Flex,{gapX:8,height:"100%",children:[jsxRuntime.jsx("div",{ref:c,children:jsxRuntime.jsx(Fe,{label:"24h Change",value:S})}),jsxRuntime.jsx(Fe,{label:"Mark",value:jsxRuntime.jsx(ui.Text.numeral,{dp:a,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:s?.mark_price}),hint:"Price for the computation of unrealized PnL and liquidation."}),jsxRuntime.jsx(Fe,{label:"Index",value:jsxRuntime.jsx(ui.Text.numeral,{dp:a,children:s?.index_price}),hint:"Average of the last prices across other exchanges."}),jsxRuntime.jsx(Fe,{label:"24h volume",value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:s?.["24h_amount"]}),hint:"24 hour total trading volume on the Orderly Network."}),jsxRuntime.jsx(Fe,{label:"Pred. funding rate",value:jsxRuntime.jsx(Ya,{symbol:t}),hint:"Funding rates are payments between traders who are long and short. When positive, long positions pay short positions funding. When negative, short positions pay long positions."}),jsxRuntime.jsx("div",{ref:m,children:jsxRuntime.jsx(Fe,{label:"Open interest",value:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:i}),jsxRuntime.jsx(ui.Text,{intensity:36,children:" USDC"})]}),hint:"Total size of positions per side."})})]})}),jsxRuntime.jsx(rr,{leading:!0,onClick:g,visible:p}),jsxRuntime.jsx(rr,{tailing:!0,onClick:g,visible:h})]})]}),e.trailing]})},Fe=e=>jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",children:[jsxRuntime.jsx(ui.Tooltip,{open:e.hint?void 0:!1,content:e.hint,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,className:ui.cn("oui-data-label","oui-break-normal oui-whitespace-nowrap",e.hint&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:e.label})}),jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:98,className:ui.cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),rr=e=>{let{visible:t,leading:r,tailing:o,onClick:s}=e;return t?jsxRuntime.jsx("button",{onClick:()=>{s?.(r?"left":"right");},style:{background:"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)"},className:ui.cn("oui-flex oui-items-center oui-w-[80px]","oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l",r&&"oui-left-0 oui-pl-1",o&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsxRuntime.jsx(bo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},Ya=({symbol:e})=>{let t=hooks.useFundingRate(e);return t?.est_funding_rate===null?"--":jsxRuntime.jsxs("div",{className:"",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 io(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useFundingRate(t),s=hooks.useMarketsStore(),i=hooks.useSymbolsInfo()[t]("quote_dp"),[n,l]=react.useState(!1),[c,m]=react.useState(!1),p=react.useRef(null),h=react.useRef(null),g=react.useRef(null),b=react.useMemo(()=>!!s.favorites.find(S=>S.name===t),[s.favorites,t]),w=react.useMemo(()=>new utils.Decimal(r?.open_interest??0).mul(r?.index_price??0).toDecimalPlaces(2).valueOf(),[r]);return react.useEffect(()=>{let S=new IntersectionObserver(V=>{for(let B=0;B<V.length;B++){let y=V[B];y&&(y.target===h.current&&l(!y.isIntersecting),y.target===g.current&&m(!y.isIntersecting));}});return h.current&&S.observe(h.current),g.current&&S.observe(g.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:b,favorite:s,data:r,quotoDp:i,openInterest:w,fundingRate:o,containerRef:p,leadingElementRef:h,tailingElementRef:g,leadingVisible:n,tailingVisible:c,onScoll:S=>{S==="left"?p.current?.scrollBy({left:-100,behavior:"smooth"}):p.current?.scrollBy({left:100,behavior:"smooth"});}}}var oi=e=>{let{symbol:t,...r}=e,o=io({symbol:t});return jsxRuntime.jsx(so,{...o,...r})};var ni=e=>jsxRuntime.jsx(z,{onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsxs(ui.Box,{id:"oui-markets-home-page",className:ui.cn("oui-font-semibold",e.className),p:6,children:[jsxRuntime.jsx(ui.Text,{size:"2xl",weight:"semibold",children:"Markets"}),jsxRuntime.jsx(dt,{}),jsxRuntime.jsx(Rt,{})]})});
15
15
 
16
16
  exports.CollapseMarkets = Ce;
17
- exports.DropDownMarkets = Yt;
17
+ exports.DropDownMarkets = Qt;
18
18
  exports.DropDownMarketsConetnt = Yo;
19
- exports.DropDownMarketsWidget = Zt;
20
- exports.ExpandMarkets = Et;
21
- exports.ExpandMarketsWidget = Gt;
22
- exports.FavoritesDropdownMenu = ft;
19
+ exports.DropDownMarketsWidget = Jt;
20
+ exports.ExpandMarkets = At;
21
+ exports.ExpandMarketsWidget = Ht;
22
+ exports.FavoritesDropdownMenu = gt;
23
23
  exports.FavoritesDropdownMenuWidget = X;
24
- exports.FavoritesList = Ot;
25
- exports.FavoritesListFull = Mt;
26
- exports.FavoritesListFullWidget = Ft;
24
+ exports.FavoritesList = Vt;
25
+ exports.FavoritesListFull = Tt;
26
+ exports.FavoritesListFullWidget = Nt;
27
27
  exports.FavoritesListWidget = ae;
28
- exports.FavoritesTab = kt;
28
+ exports.FavoritesTab = wt;
29
29
  exports.FavoritesTabWidget = Oe;
30
- exports.MarketsDataList = Pt;
31
- exports.MarketsDataListWidget = Lt;
32
- exports.MarketsHeader = ut;
33
- exports.MarketsHeaderWidget = pt;
30
+ exports.MarketsDataList = Dt;
31
+ exports.MarketsDataListWidget = Rt;
32
+ exports.MarketsHeader = mt;
33
+ exports.MarketsHeaderWidget = dt;
34
34
  exports.MarketsHomePage = ni;
35
- exports.MarketsList = Bt;
36
- exports.MarketsListFull = xt;
35
+ exports.MarketsList = Wt;
36
+ exports.MarketsListFull = bt;
37
37
  exports.MarketsListFullWidget = Ke;
38
38
  exports.MarketsListWidget = $;
39
39
  exports.MarketsProvider = z;
40
- exports.MarketsSheet = jt;
40
+ exports.MarketsSheet = eo;
41
41
  exports.MarketsSheetWidget = Oa;
42
- exports.RecentList = Ut;
42
+ exports.RecentList = zt;
43
43
  exports.RecentListWidget = ie;
44
- exports.SideMarkets = Ht;
44
+ exports.SideMarkets = Kt;
45
45
  exports.SideMarketsWidget = pa;
46
- exports.TokenInfoBar = to;
46
+ exports.TokenInfoBar = oo;
47
47
  exports.TokenInfoBarFull = so;
48
48
  exports.TokenInfoBarFullWidget = oi;
49
49
  exports.TokenInfoBarWidget = Ga;
50
50
  exports.getDropDownMarketsColumns = Be;
51
- exports.useDropDownMarketsScript = Qt;
52
- exports.useExpandMarketsScript = At;
53
- exports.useFavoritesDropdownMenuScript = gt;
54
- exports.useFavoritesListFullScript = Tt;
55
- exports.useFavoritesListScript = Vt;
56
- exports.useFavoritesTabScript = Ct;
57
- exports.useMarketsDataListScript = Dt;
58
- exports.useMarketsHeaderScript = mt;
59
- exports.useMarketsListFullScript = vt;
60
- exports.useMarketsListScript = Wt;
61
- exports.useMarketsSheetScript = eo;
62
- exports.useRecentListScript = zt;
63
- exports.useSideMarketsScript = Kt;
51
+ exports.useDropDownMarketsScript = Zt;
52
+ exports.useExpandMarketsScript = Gt;
53
+ exports.useFavoritesDropdownMenuScript = ht;
54
+ exports.useFavoritesListFullScript = Ft;
55
+ exports.useFavoritesListScript = Bt;
56
+ exports.useFavoritesTabScript = Mt;
57
+ exports.useMarketsDataListScript = Lt;
58
+ exports.useMarketsHeaderScript = pt;
59
+ exports.useMarketsListFullScript = St;
60
+ exports.useMarketsListScript = Ut;
61
+ exports.useMarketsSheetScript = to;
62
+ exports.useRecentListScript = _t;
63
+ exports.useSideMarketsScript = qt;
64
64
  exports.useTokenInfoBarFullScript = io;
65
- exports.useTokenInfoBarScript = oo;
65
+ exports.useTokenInfoBarScript = ro;
66
66
  //# sourceMappingURL=out.js.map
67
67
  //# sourceMappingURL=index.js.map