@orderly.network/markets 2.0.1-alpha.1 → 2.0.1-alpha.2

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 (8) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +6 -6
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +3 -3
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +6 -6
package/dist/index.d.mts CHANGED
@@ -641,7 +641,7 @@ type TokenInfoBarFullProps = Pick<MarketsProviderProps, "onSymbolChange"> & UseT
641
641
  declare const TokenInfoBarFull: React.FC<TokenInfoBarFullProps>;
642
642
 
643
643
  type TokenInfoBarFullWidgetPros = UseTokenInfoBarFullScriptOptions & Pick<TokenInfoBarFullProps, "className" | "trailing"> & Pick<MarketsProviderProps, "onSymbolChange">;
644
- declare const TokenInfoBarFullWidget: React.FC<TokenInfoBarFullWidgetPros>;
644
+ declare const TokenInfoBarFullWidget: FC<TokenInfoBarFullWidgetPros>;
645
645
 
646
646
  type MarketsHomePageProps = MarketsProviderProps & {
647
647
  className?: string;
package/dist/index.d.ts CHANGED
@@ -641,7 +641,7 @@ type TokenInfoBarFullProps = Pick<MarketsProviderProps, "onSymbolChange"> & UseT
641
641
  declare const TokenInfoBarFull: React.FC<TokenInfoBarFullProps>;
642
642
 
643
643
  type TokenInfoBarFullWidgetPros = UseTokenInfoBarFullScriptOptions & Pick<TokenInfoBarFullProps, "className" | "trailing"> & Pick<MarketsProviderProps, "onSymbolChange">;
644
- declare const TokenInfoBarFullWidget: React.FC<TokenInfoBarFullWidgetPros>;
644
+ declare const TokenInfoBarFullWidget: FC<TokenInfoBarFullWidgetPros>;
645
645
 
646
646
  type MarketsHomePageProps = MarketsProviderProps & {
647
647
  className?: string;
package/dist/index.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
11
 
12
12
  var Cr__default = /*#__PURE__*/_interopDefault(Cr);
13
13
 
14
- var uo=react.createContext({}),z=e=>{let[t,r]=react.useState(""),o=react.useCallback(()=>{r("");},[]);return jsxRuntime.jsx(uo.Provider,{value:{searchValue:t,onSearchValueChange:r,clearSearchValue:o,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function g(){return react.useContext(uo)}var mo=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"})})]}),po=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"})}),go=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:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),fo=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"})})]}),ho=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"})}),Q=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"})})]}),Fe=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 Z=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"})}),xo=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"})}),_e=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"})}),le=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"})}),ce=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.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"})}),ue=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"})}),me=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"})}),bo=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z",fill:"url(#paint0_linear_1951_55156)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#59B0FE"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]}),vo=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),So=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"})}),Ue=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"})}),yo=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 pt=e=>{let{emblaRef:t,emblaApi:r,scrollIndex:o,enableScroll:a,news:s,gainers:i,losers:n,total24Amount:l,totalOpenInterest:c,tvl:m,favorite:d}=e,{onSymbolChange:b}=g(),p=ui.cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",a&&"oui-select-none oui-cursor-pointer"),h=w=>{b?.(w),d.addToHistory(w);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:a?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,mt:4,children:[jsxRuntime.jsx(xr,{total24Amount:l,totalOpenInterest:c,tvl:m,className:p}),jsxRuntime.jsx(ut,{data:s,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:"New listings"}),className:p,onSymbol:h}),jsxRuntime.jsx(ut,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:"Top gainers"}),className:p,onSymbol:h}),jsxRuntime.jsx(ut,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:"Top losers"}),className:p,onSymbol:h})]}),jsxRuntime.jsx("div",{className:"oui-mt-1 oui-mb-3 3xl:oui-mt-4 3xl:oui-mb-0",children:jsxRuntime.jsx(Sr,{scrollIndex:o,scrollPrev:r?.scrollPrev,scrollNext:r?.scrollNext})})]})},xr=e=>{let{total24Amount:t,totalOpenInterest:r,tvl:o}=e,a=react.useMemo(()=>[{label:jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(_e,{})," 24h volume"]}),value:t,rule:"human",dp:2},{label:"Open interest",value:r,rule:"human",dp:2},{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:a?.map((s,i)=>jsxRuntime.jsx(br,{...s},i))})},br=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})]}),ut=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(vr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),vr=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})})]})},Sr=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(a=>jsxRuntime.jsx(ui.Box,{py:1,pl:a===0?1:0,pr:a===1?1:0,onClick:()=>{t===0&&a===1?o?.():t===1&&a===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===a?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},a)},a))})};function Ae(e,t,r){let o=[],a=[];for(let s=0;s<e.length;s++)a.push(e[s]),((s+1)%t===0||s===e.length-1)&&(o.push(a),a=[]);return o[r-1]||[]}function Pe(e,t,r){let o=[...e||[]],a=s=>s==null;return t&&r&&o.sort((s,i)=>{let n=s[t],l=i[t];return a(n)?1:a(l)?-1:r==="desc"?l-n:n-l}),o}function A(e,t,r){let[o,a]=react.useState(),[s,i]=react.useState(),n=react.useCallback(d=>{a(d?.sortKey),i(d?.sort),r?.(d?.sortKey,d?.sort);},[r]),l=o||e,c=s||t,m=react.useCallback(d=>Pe(d,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 wo(){let[e,t]=react.useState(0),[r,o]=react.useState(0);return react.useEffect(()=>{t(window.innerWidth),o(window.innerHeight);let a=()=>{o(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",a),()=>{window?.removeEventListener("resize",a);}},[]),{width:e,height:r}}var dt=()=>{let[e,t]=react.useState(0),r=Nr(),{width:o}=wo(),[a,s]=Cr__default.default({loop:!0,slidesToScroll:"auto"});return react.useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:a,emblaApi:s,enableScroll:o<1440,...r}};function Nr(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:r}=hooks.useQuery("/v1/public/balance/stats"),o=react.useMemo(()=>Pe(e,"created_time","desc").slice(0,5),[e]),a=react.useMemo(()=>Pe(e,"change","desc").slice(0,5),[e]),s=react.useMemo(()=>Pe(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:a,losers:s,total24Amount:i.toNumber(),totalOpenInterest:n.toNumber(),tvl:l,favorite:t}}var gt=()=>{let e=dt();return jsxRuntime.jsx(pt,{...e})};var ht=e=>{let{symbol:t,favoriteTabs:r,open:o,onOpenChange:a,inputVisible:s,selectedTabs:i,value:n,onValueChange:l,hide:c,hideInput:m,showInput:d,onCheck:b,addTab:p,confirm:h}=e,w=n?.length>15,N=()=>{if(s)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:p,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 v=r.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:v?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(v?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:v?500:600,onClick:v?void 0:d,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})]}),P=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(v=>{let C=!!i.find(O=>O.id===v.id);return jsxRuntime.jsx(ui.Box,{className:"oui-cursor-pointer",children:jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{b(v,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:v.name})]})},v.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:N()})]}),T=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:h,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Confirm"},"primary")]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:o,onOpenChange:a,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:!0,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:v=>v.preventDefault(),onClick:v=>v.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,{}),P,T]})})})})]})};function xt(e){let{symbol:t}=e.row||{},{favorites:r,favoriteTabs:o,updateFavoriteTabs:a,updateSymbolFavoriteState:s}=e.favorite,[i,n]=react.useState(!1),[l,c]=react.useState(!1),[m,d]=react.useState(""),[b,p]=react.useState([]),h=()=>{n(!1);},w=()=>{c(!0);},N=()=>{c(!1);},S=()=>{d(""),N(),p([]);},P=()=>{let C={name:m||`WatchList_${o.length}`,id:Date.now()};a(C,{add:!0}),S();},T=(C,O)=>{p(O?b?.filter(Me=>Me.id!==C.id):[...b,C]),N();},v=()=>{s(e.row,b,!1),n(!1);};return react.useEffect(()=>{if(!i)return;let C=r?.find(O=>O.name===t);C?.tabs?.length&&p(C?.tabs);},[i,r,o,t]),react.useEffect(()=>{i||S();},[i]),{symbol:t,favoriteTabs:o,open:i,onOpenChange:n,inputVisible:l,selectedTabs:b,value:m,onValueChange:d,hide:h,hideInput:N,showInput:w,onCheck:T,addTab:P,confirm:v}}var X=e=>{let t=xt(e);return jsxRuntime.jsx(ht,{...t,children:e.children})};var Ke=(e,t=!1)=>react.useMemo(()=>[{title:jsxRuntime.jsx(Fe,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(o,a)=>{let i=jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?n=>{e.updateSymbolFavoriteState(a,e.selectedFavoriteTab,!0),n.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:o?jsxRuntime.jsx(Q,{className:"oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(Fe,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(X,{row:a,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,a)=>jsxRuntime.jsx(ui.Text.numeral,{dp:a.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(_e,{})," 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,a)=>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:s=>{s.stopPropagation(),e.pinToTop(a);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsxRuntime.jsx(xo,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t]);var vt=e=>{let{loading:t,dataSource:r,meta:o,setPage:a,setPageSize:s,favorite:i,onSort:n,initialSort:l,type:c,pagination:m}=e,{symbol:d,onSymbolChange:b}=g(),p=Ke(i,!1);return jsxRuntime.jsx(ui.TableView,{bordered:!0,columns:p,loading:t,dataSource:r,onRow:(h,w)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{b?.(h),i.addToHistory(h);},"data-testid":`oui-testid-markets-${c==="new"?"newListing":"all"}-tr-${h.symbol}`}),generatedRowKey:h=>h.symbol,rowSelection:{[d]:!0},onSort:n,initialSort:l,pagination:m,classNames:{header:"oui-h-12"},manualPagination:!0,manualSorting:!0})};var kt=e=>{let[t,r]=react.useState(!0),{page:o,pageSize:a,setPage:s,setPageSize:i,parseMeta:n}=ui.usePagination({pageSize:10}),[l,c]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:m}=g(),{onSort:d,getSortedList:b,sortKey:p,sortOrder:h}=A(e?.sortKey,e?.sortOrder),{totalData:w,pagedData:N}=react.useMemo(()=>{let T=b(l),v=G(T,m);return {totalData:v,pagedData:Ae(v,a,o)}},[l,a,o,b,m]),S=react.useMemo(()=>n({total:w?.length,current_page:o,records_per_page:a}),[l,o,a,w]);react.useEffect(()=>{r(!1);},[l]),react.useEffect(()=>{s(1);},[a,m]),react.useEffect(()=>{e.type==="all"&&c.updateTabsSortState("all",p,h);},[p,h,e.type]);let P=react.useMemo(()=>({...S,onPageChange:s,onPageSizeChange:i}),[S,s,i]);return {loading:t,dataSource:N,meta:S,setPage:s,setPageSize:i,favorite:c,onSort:d,pagination:P}};var qe=e=>{let t=kt(e),r=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsxRuntime.jsx(vt,{...t,type:e.type,initialSort:{sortKey:r?.sortKey||e.sortKey,sort:r?.sortOrder||e.sortOrder}})};var Tt=e=>{let{open:t,setOpen:r,container:o,inputRef:a,inputWidth:s,spanRef:i,editing:n,value:l,onValueChange:c,updateCurTab:m,onEdit:d,addTab:b,delTab:p,size:h="default",scrollable:w}=e,{selectedFavoriteTab:N,favoriteTabs:S,updateSelectedFavoriteTab:P}=e.favorite,T=h==="sm"?28:36,v=h==="sm"?18:24,C=l?.length>15,O=f=>{ui.modal.confirm({title:"Delete list",content:jsxRuntime.jsx(ui.Text,{size:"sm",children:`Are you sure you want to delete ${f.name}?`}),onOk(){return p(f),Promise.resolve()}});},Me=f=>{f.key==="Enter"&&m(C);},it=f=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(mo,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{d(f);}}),jsxRuntime.jsx(po,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{O(f);}})]}),We=()=>{let f=S.length>=10,M=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",f?"oui-cursor-not-allowed":"oui-cursor-pointer",f?"oui-bg-base-3":"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]"),width:T,height:v,r:"base",justify:"center",itemAlign:"center",onClick:f?void 0:b,children:f?jsxRuntime.jsx(go,{className:"oui-text-base-contrast-36 oui-w-3 oui-h-3"}):jsxRuntime.jsx(bo,{className:"oui-w-3 oui-h-3"})});return f?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=f=>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:a,style:C?{width:s}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:s},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",h==="sm"?"oui-h-[18px]":"oui-h-[24px]",f&&ui.cn(C?"oui-bg-danger/15":"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]")),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",C?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",h==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:c,onBlur:()=>{m(C);},onKeyUp:Me,autoComplete:"off"})}),lt=(f,M)=>{if(n&&M)return nt(M);let E={weight:"semibold",size:h==="sm"?"2xs":"sm",className:h==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},ct=M?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...E,children:f.name}):jsxRuntime.jsx(ui.Text,{...E,children:f.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:v,className:ui.cn("oui-cursor-pointer oui-select-none",M?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",M?"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]":"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{P(f),M&&r(!0);},children:ct})};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:h==="sm"?2:3,width:"100%",children:[S?.slice(0,10)?.map(f=>{let M=N.id===f.id;return jsxRuntime.jsx(ui.Tooltip,{open:M&&!n?t:!1,onOpenChange:E=>{M&&r(E);},content:it(f),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:lt(f,M)},f.id)}),!w&&We(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:i,className:"oui-invisible",children:l})]}),w&&We()]})};function Ft(e){let{favorite:t,size:r="default"}=e,{favorites:o,favoriteTabs:a,selectedFavoriteTab:s,updateFavoriteTabs:i,updateSelectedFavoriteTab:n,updateFavorites:l}=t,[c,m]=react.useState(!1),[d,b]=react.useState(!1),[p,h]=react.useState(""),[w,N]=react.useState(!1),S=react.useRef(null),P=react.useRef(null),T=react.useRef(null),[v,C]=react.useState(50),O=()=>{setTimeout(()=>{let{scrollWidth:M,clientWidth:E}=S.current||{};M>E&&N(!0);},0);},Me=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},it=f=>{b(!0),h(f.name),setTimeout(()=>{P.current?.focus(),P.current?.setSelectionRange(-1,-1);},0);},We=f=>{i({...s,name:f?s.name:p},{update:!0}),b(!1),m(!1),O();},nt=()=>{let f={name:`WatchList_${a.length}`,id:Date.now()};i(f,{add:!0}),n(f),O(),Me();},lt=f=>{i(f,{delete:!0}),setTimeout(()=>{let M=o.map(ze=>({...ze,tabs:ze.tabs?.filter(cr=>cr.id!==f.id)}));l(M);let E=a.filter(ze=>ze.id!==f.id),ct=E?.[E?.length-1]||E?.[0];n(ct);},0);};return react.useEffect(()=>{if(p){let f=T.current?.getBoundingClientRect(),M=r==="sm"?0:14;C(Math.max((f?.width||0)+M,50));}},[p]),react.useEffect(()=>{O();},[]),{favorite:t,open:c,setOpen:m,container:S,inputRef:P,inputWidth:v,spanRef:T,editing:d,value:p,onValueChange:h,onEdit:it,updateCurTab:We,addTab:nt,delTab:lt,scrollable:w}}var Le=e=>{let{className:t,...r}=e,o=Ft(r);return jsxRuntime.jsx(Tt,{...o,size:e.size,className:t})};var Fo=Ke;var Nt=e=>{let{dataSource:t,meta:r,setPage:o,setPageSize:a,favorite:s,onSort:i,loading:n,pagination:l}=e,{symbol:c,onSymbolChange:m}=g(),d=Fo(s,!0);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Le,{favorite:s,className:"oui-my-3"}),jsxRuntime.jsx(ui.TableView,{bordered:!0,columns:d,dataSource:t,emptyView:jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"Click on the"}),jsxRuntime.jsx(Fe,{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:n,onRow:(p,h)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{m?.(p),s.addToHistory(p);}}),generatedRowKey:p=>p.symbol,rowSelection:{[c]:!0},onSort:i,pagination:l,manualPagination:!0,manualSorting:!0})]})};var Pt=()=>{let{page:e,pageSize:t,setPage:r,setPageSize:o,parseMeta:a}=ui.usePagination({pageSize:10}),[s,i]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[n,l]=react.useState(!0),{favorites:c,selectedFavoriteTab:m}=i,{searchValue:d}=g(),{onSort:b,getSortedList:p}=A(),h=react.useMemo(()=>{let T=c?.filter(v=>v.tabs?.findIndex(C=>C.id===m.id)!==-1)?.map(v=>{let C=s?.findIndex(O=>O.symbol===v.name);return C!==-1?s[C]:null})?.filter(v=>v);return G(T,d)},[s,m,c,d]),{totalData:w,pagedData:N}=react.useMemo(()=>{let T=p(h);return {totalData:T,pagedData:Ae(T,t,e)}},[h,t,e,p]),S=react.useMemo(()=>a({total:w?.length,current_page:e,records_per_page:t}),[s,e,t,w]);react.useEffect(()=>{l(!1);},[c]),react.useEffect(()=>{r(1);},[t,d]);let P=react.useMemo(()=>({...S,onPageChange:r,onPageSizeChange:o}),[S,r,o]);return {loading:n,dataSource:N,meta:S,setPage:r,setPageSize:o,favorite:i,onSort:b,pagination:P}};var It=()=>{let e=Pt();return jsxRuntime.jsx(Nt,{...e})};var Rt=e=>{let{activeTab:t,onTabChange:r}=e,{searchValue:o,onSearchValueChange:a,clearSearchValue:s}=g();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:a,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(Z,{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:s})}),autoComplete:"off"}),children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Q,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(It,{})}),jsxRuntime.jsx(ui.TabPanel,{title:"All markets",icon:jsxRuntime.jsx(fo,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsxRuntime.jsx(qe,{type:"all",sortKey:"24h_amount",sortOrder:"desc"})}),jsxRuntime.jsx(ui.TabPanel,{title:"New listings",icon:jsxRuntime.jsx(ho,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(qe,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function Vt(){let[e,t]=react.useState("all"),{clearSearchValue:r}=g();return react.useEffect(()=>{r?.();},[e]),{activeTab:e,onTabChange:o=>t(o)}}var Ot=()=>{let e=Vt();return jsxRuntime.jsx(Rt,{...e})};var be=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let a;return t||(a=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(le,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(ce,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[a,jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol: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:"primaryLight",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 a=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},s="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-[rgba(51,71,253,1)] oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ue,{className:s,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(me,{className:s,onClick:a})]})});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 ke=e=>{let{symbol:t,onSymbolChange:r}=g();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 a=jsxRuntime.jsxs(ui.Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol: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:"primaryLight",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:a,delayDuration:0,children:jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:ui.cn("oui-cursor-pointer","hover:oui-bg-base-7",t===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 Wt=e=>{let{dataSource:t,favorite:r,onSort:o,loading:a,getColumns:s,collapsed:i}=e,{symbol:n,onSymbolChange:l}=g(),c=react.useMemo(()=>typeof s=="function"?s(r,!0):be(r,!0),[r]);return i?jsxRuntime.jsx(ke,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Le,{favorite:r,size:"sm"})}),jsxRuntime.jsx(ui.TableView,{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:a,onRow:(m,d)=>({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.FAVORITES),[r,o]=react.useState(!0),{favorites:a,selectedFavoriteTab:s}=t,{searchValue:i}=g(),{onSort:n,getSortedList:l}=A(),c=react.useMemo(()=>{let m=a?.filter(b=>b.tabs?.findIndex(p=>p.id===s.id)!==-1)?.map(b=>{let p=e?.findIndex(h=>h.symbol===b.name);return p!==-1?e[p]:null})?.filter(b=>b),d=G(m,i);return l(d)},[e,s,a,i,l]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:c,favorite:t,onSort:n}};var se=e=>{let t=zt();return jsxRuntime.jsx(Wt,{...t,...e})};var _t=e=>{let{loading:t,dataSource:r,favorite:o,onSort:a,initialSort:s,getColumns:i,collapsed:n}=e,{symbol:l,onSymbolChange:c}=g(),m=react.useMemo(()=>typeof i=="function"?i(o,!1):be(o,!1),[o]);return n?jsxRuntime.jsx(ke,{dataSource:r}):jsxRuntime.jsx(ui.TableView,{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:(d,b)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{c?.(d),o.addToHistory(d);}}),generatedRowKey:d=>d.symbol,rowSelection:{[l]:!0},onSort:a,initialSort:s,manualSorting:!0})};var Ut=e=>{let[t,r]=react.useState(!0),[o,a]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:s}=g(),{onSort:i,getSortedList:n}=A(e?.sortKey,e?.sortOrder,e.onSort),l=react.useMemo(()=>{let c=G(o,s);return n(c)},[o,n,s]);return react.useEffect(()=>{r(!1);},[o]),{loading:t,dataSource:l,favorite:a,onSort:i}};var $=e=>{let t=Ut(e);return jsxRuntime.jsx(_t,{...t,initialSort:{sortKey:e.sortKey,sort:e.sortOrder},getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName})};var Et=e=>{let{dataSource:t,favorite:r,onSort:o,loading:a,getColumns:s,collapsed:i}=e,{symbol:n,onSymbolChange:l}=g(),c=react.useMemo(()=>typeof s=="function"?s(r,!1):be(r,!1),[r]);return i?jsxRuntime.jsx(ke,{dataSource:t}):jsxRuntime.jsx(ui.TableView,{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:a,onRow:(m,d)=>({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 At=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[r,o]=react.useState(!0),{searchValue:a}=g(),{onSort:s,getSortedList:i}=A(),n=react.useMemo(()=>{let l=G(e,a);return i(l)},[e,a,i]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:n,favorite:t,onSort:s}};var ie=e=>{let t=At();return jsxRuntime.jsx(Et,{...t,...e})};var Ht=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:a}=e,{searchValue:s,onSearchValueChange:i,clearSearchValue:n}=g(),l=jsxRuntime.jsx(ui.Input,{value:s,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(Z,{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: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(Q,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:c,children:jsxRuntime.jsx(se,{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:a,tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var Uo="24h_amount",Eo="desc";function we(e){let{storageKey:t,type:r="all",initialSort:o}=e,[a,s]=hooks.useSessionStorage(t,{[r]:{sortKey:o?.sortKey||Uo,sortOrder:o?.sortOrder||Eo}}),i=react.useCallback((n=Uo,l=Eo)=>{s({...a,all:{sortKey:n,sortOrder:l}});},[]);return {tabSort:a[r],onTabSort:i}}function Kt(e){let[t,r]=react.useState(e?.activeTab),{tabSort:o,onTabSort:a}=we({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:s}=g(),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(()=>{s?.();},[t]),{activeTab:t,onTabChange:i,tabSort:o,onTabSort:a}}var qt=e=>{let t=Kt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Ht,{...t})})};var Xt=e=>{let{collapsed:t,onCollapse:r,activeTab:o,onTabChange:a,className:s}=e,{symbol:i,onSymbolChange:n}=g(),l=()=>t?o==="favorites"?jsxRuntime.jsx(se,{collapsed:t}):o==="recent"?jsxRuntime.jsx(ie,{collapsed:t}):jsxRuntime.jsx($,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:t}):jsxRuntime.jsx(qt,{activeTab:o,onTabChange:a,symbol:i,onSymbolChange:n});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold",s),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(ls,{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()})]})},ls=e=>{let{collapsed:t,onCollapse:r}=e;return t?jsxRuntime.jsx(vo,{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(So,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:()=>{r?.(!0);}})]})};function $t(e){let[t,r]=react.useState(e?.collapsed),[o,a]=hooks.useLocalStorage("orderly_side_markets_sel_tab_key","all");react.useEffect(()=>{r(e?.collapsed);},[e?.collapsed]);let s=react.useCallback(i=>{typeof e?.onCollapse=="function"?e.onCollapse(i):r(i);},[e?.onCollapse]);return {collapsed:t,onCollapse:s,activeTab:o,onTabChange:a}}var ds=e=>{let t=$t({collapsed:e.collapsed,onCollapse:e.onCollapse});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Xt,{...t,className:e.className})})};var Ve=(e,t=!1)=>[{title:"Instrument",dataIndex:"symbol",width:150,render:(r,o)=>{let a;return t||(a=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(le,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(ce,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[a,jsxRuntime.jsx(ui.TokenIcon,{symbol: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:"primaryLight",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 a=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},s="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-[rgba(51,71,253,1)] oui-py-[6px]","oui-hidden group-hover:oui-inline-flex"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ue,{className:s,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(me,{className:s,onClick:a})]})});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 Jt=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(Zo,{...e,hide:e.hide})})})]}),Zo=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:a}=e,{searchValue:s,onSearchValueChange:i}=g(),n=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(ui.Input,{value:s,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(Z,{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(Q,{}),value:"favorites",children:jsxRuntime.jsx("div",{className:l,children:jsxRuntime.jsx(se,{getColumns:Ve,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:Ve,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:a,getColumns:Ve,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function jt(e){let[t,r]=react.useState(!1),[o,a]=hooks.useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:s,onTabSort:i}=we({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:n}=g(),l=()=>{r(!1);};return react.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:c=>a(c),open:t,onOpenChange:r,hide:l,tabSort:s,onTabSort:i}}var eo=e=>{let t=jt();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Jt,{...t,contentClassName:e.contentClassName,children:e.children})})};var er=(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:"primaryLight",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 a=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},s="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-[rgba(51,71,253,1)] oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ue,{className:s,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(me,{className:s,onClick:a})]})});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 oo=e=>{let{className:t,tabSort:r,onTabSort:o}=e,{searchValue:a,onSearchValueChange:s,clearSearchValue:i}=g(),n=jsxRuntime.jsx(ui.Input,{value:a,onValueChange:s,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(Z,{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:i})}),autoComplete:"off"});return jsxRuntime.jsxs(ui.Box,{className:ui.cn("oui-font-semibold",t),height:"100%",width:"100%",children:[jsxRuntime.jsxs(ui.Box,{px:3,mt:3,children:[jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,children:"Markets"}),n]}),jsxRuntime.jsx(ui.Box,{width:"100%",mt:2,className:"oui-h-[calc(100vh_-_88px)]",children:jsxRuntime.jsx($,{type:"all",sortKey:r?.sortKey,sortOrder:r?.sortOrder,onSort:o,getColumns:er,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[env(safe-area-inset-bottom)]"}})})]})};function ro(e){let{tabSort:t,onTabSort:r}=we({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:r}}var Vs=e=>{let t=ro();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(oo,{...t,className:e.className})})};var ao=e=>{let{symbol:t,data:r,leverage:o,onSymbol:a}=e,s=jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:a,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(Ue,{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:[s,jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primaryLight",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 so(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useSymbolsInfo(),a=react.useMemo(()=>{let s=o[t],i=s("base_imr");return As(i)},[t,o]);return {symbol:t,data:r,leverage:a}}function As(e){return e?1/e:void 0}var Gs=e=>{let{symbol:t,...r}=e,o=so({symbol:t});return jsxRuntime.jsx(ao,{...o,...r})};var no=e=>{let{symbol:t,isFavorite:r,favorite:o,data:a,quotoDp:s,openInterest:i,fundingRate:n,containerRef:l,leadingElementRef:c,tailingElementRef:m,leadingVisible:d,tailingVisible:b,onScoll:p}=e,h=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(le,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(ce,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),w=jsxRuntime.jsx(eo,{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(Ue,{className:"oui-text-base-contrast-54"})]})}),N=jsxRuntime.jsx(ui.Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,children:a?.["24h_close"]}),S=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:a?.["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:a?.change})]});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold oui-h-full",e.className),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:[h,w]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),N,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(Te,{label:"24h Change",value:S})}),jsxRuntime.jsx(Te,{label:"Mark",value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,children:a?.mark_price}),hint:"Price for the computation of unrealized PnL and liquidation."}),jsxRuntime.jsx(Te,{label:"Index",value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,children:a?.index_price}),hint:"Average of the last prices across other exchanges."}),jsxRuntime.jsx(Te,{label:"24h volume",value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:a?.["24h_amount"]}),hint:"24 hour total trading volume on the Orderly Network."}),jsxRuntime.jsx(Te,{label:"Pred. funding rate",value:jsxRuntime.jsx(Ys,{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(Te,{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(sr,{leading:!0,onClick:p,visible:d}),jsxRuntime.jsx(sr,{tailing:!0,onClick:p,visible:b})]})]}),e.trailing]})},Te=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})]}),sr=e=>{let{visible:t,leading:r,tailing:o,onClick:a}=e;return t?jsxRuntime.jsx("button",{onClick:()=>{a?.(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(yo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},Ys=({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 co(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useFundingRate(t),a=hooks.useMarketsStore(),i=hooks.useSymbolsInfo()[t]("quote_dp"),[n,l]=react.useState(!1),[c,m]=react.useState(!1),d=react.useRef(null),b=react.useRef(null),p=react.useRef(null),h=react.useMemo(()=>!!a.favorites.find(S=>S.name===t),[a.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(P=>{for(let T=0;T<P.length;T++){let v=P[T];v&&(v.target===b.current&&l(!v.isIntersecting),v.target===p.current&&m(!v.isIntersecting));}});return b.current&&S.observe(b.current),p.current&&S.observe(p.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:h,favorite:a,data:r,quotoDp:i,openInterest:w,fundingRate:o,containerRef:d,leadingElementRef:b,tailingElementRef:p,leadingVisible:n,tailingVisible:c,onScoll:S=>{S==="left"?d.current?.scrollBy({left:-100,behavior:"smooth"}):d.current?.scrollBy({left:100,behavior:"smooth"});}}}var oi=e=>{let{symbol:t,...r}=e,o=co({symbol:t});return jsxRuntime.jsx(no,{...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(gt,{}),jsxRuntime.jsx(Ot,{})]})});
14
+ var uo=react.createContext({}),z=e=>{let[t,r]=react.useState(""),o=react.useCallback(()=>{r("");},[]);return jsxRuntime.jsx(uo.Provider,{value:{searchValue:t,onSearchValueChange:r,clearSearchValue:o,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function g(){return react.useContext(uo)}var mo=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"})})]}),po=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"})}),go=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:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),fo=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"})})]}),ho=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"})})]}),Fe=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"})}),xo=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"})}),le=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"})}),ce=e=>jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.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"})}),ue=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"})}),me=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"})}),bo=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z",fill:"url(#paint0_linear_1951_55156)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#59B0FE"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#26FEFE"})]})})]}),vo=e=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),So=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"})}),yo=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 pt=e=>{let{emblaRef:t,emblaApi:r,scrollIndex:o,enableScroll:a,news:s,gainers:i,losers:n,total24Amount:l,totalOpenInterest:c,tvl:m,favorite:d}=e,{onSymbolChange:b}=g(),p=ui.cn("oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0",a&&"oui-select-none oui-cursor-pointer"),h=w=>{b?.(w),d.addToHistory(w);};return jsxRuntime.jsxs("div",{id:"oui-markets-header",className:"oui-overflow-hidden",ref:a?t:void 0,children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",gapX:4,mt:4,children:[jsxRuntime.jsx(xr,{total24Amount:l,totalOpenInterest:c,tvl:m,className:p}),jsxRuntime.jsx(ut,{data:s,title:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",children:"New listings"}),className:p,onSymbol:h}),jsxRuntime.jsx(ut,{data:i,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-success-light",children:"Top gainers"}),className:p,onSymbol:h}),jsxRuntime.jsx(ut,{data:n,title:jsxRuntime.jsx(ui.Text,{className:"oui-text-danger-light",children:"Top losers"}),className:p,onSymbol:h})]}),jsxRuntime.jsx("div",{className:"oui-mt-1 oui-mb-3 3xl:oui-mt-4 3xl:oui-mb-0",children:jsxRuntime.jsx(Sr,{scrollIndex:o,scrollPrev:r?.scrollPrev,scrollNext:r?.scrollNext})})]})},xr=e=>{let{total24Amount:t,totalOpenInterest:r,tvl:o}=e,a=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:a?.map((s,i)=>jsxRuntime.jsx(br,{...s},i))})},br=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})]}),ut=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(vr,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),vr=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})})]})},Sr=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(a=>jsxRuntime.jsx(ui.Box,{py:1,pl:a===0?1:0,pr:a===1?1:0,onClick:()=>{t===0&&a===1?o?.():t===1&&a===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===a?"oui-bg-base-contrast-36 oui-w-4":"oui-bg-base-contrast-20")},a)},a))})};function Ee(e,t,r){let o=[],a=[];for(let s=0;s<e.length;s++)a.push(e[s]),((s+1)%t===0||s===e.length-1)&&(o.push(a),a=[]);return o[r-1]||[]}function Pe(e,t,r){let o=[...e||[]],a=s=>s==null;return t&&r&&o.sort((s,i)=>{let n=s[t],l=i[t];return a(n)?1:a(l)?-1:r==="desc"?l-n:n-l}),o}function A(e,t,r){let[o,a]=react.useState(),[s,i]=react.useState(),n=react.useCallback(d=>{a(d?.sortKey),i(d?.sort),r?.(d?.sortKey,d?.sort);},[r]),l=o||e,c=s||t,m=react.useCallback(d=>Pe(d,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 wo(){let[e,t]=react.useState(0),[r,o]=react.useState(0);return react.useEffect(()=>{t(window.innerWidth),o(window.innerHeight);let a=()=>{o(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",a),()=>{window?.removeEventListener("resize",a);}},[]),{width:e,height:r}}var dt=()=>{let[e,t]=react.useState(0),r=Nr(),{width:o}=wo(),[a,s]=Cr__default.default({loop:!0,slidesToScroll:"auto"});return react.useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:a,emblaApi:s,enableScroll:o<1440,...r}};function Nr(){let[e,t]=hooks.useMarkets(hooks.MarketsType.ALL),{data:r}=hooks.useQuery("/v1/public/balance/stats"),o=react.useMemo(()=>Pe(e,"created_time","desc").slice(0,5),[e]),a=react.useMemo(()=>Pe(e,"change","desc").slice(0,5),[e]),s=react.useMemo(()=>Pe(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:a,losers:s,total24Amount:i.toNumber(),totalOpenInterest:n.toNumber(),tvl:l,favorite:t}}var gt=()=>{let e=dt();return jsxRuntime.jsx(pt,{...e})};var ht=e=>{let{symbol:t,favoriteTabs:r,open:o,onOpenChange:a,inputVisible:s,selectedTabs:i,value:n,onValueChange:l,hide:c,hideInput:m,showInput:d,onCheck:b,addTab:p,confirm:h}=e,w=n?.length>15,N=()=>{if(s)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:p,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 v=r.length>=10;return jsxRuntime.jsx(ui.Tooltip,{open:v?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(v?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:v?500:600,onClick:v?void 0:d,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})]}),P=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(v=>{let C=!!i.find(O=>O.id===v.id);return jsxRuntime.jsx(ui.Box,{className:"oui-cursor-pointer",children:jsxRuntime.jsxs(ui.Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{b(v,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:v.name})]})},v.id)})}),jsxRuntime.jsx(ui.Box,{mt:3,pb:5,children:N()})]}),T=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:h,fullWidth:!0,className:"oui-text-sm",size:"md",children:"Confirm"},"primary")]});return jsxRuntime.jsxs(ui.DropdownMenuRoot,{open:o,onOpenChange:a,children:[jsxRuntime.jsx(ui.DropdownMenuTrigger,{asChild:!0,children:e.children}),jsxRuntime.jsx(ui.DropdownMenuPortal,{children:jsxRuntime.jsx(ui.DropdownMenuContent,{onCloseAutoFocus:v=>v.preventDefault(),onClick:v=>v.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,{}),P,T]})})})})]})};function xt(e){let{symbol:t}=e.row||{},{favorites:r,favoriteTabs:o,updateFavoriteTabs:a,updateSymbolFavoriteState:s}=e.favorite,[i,n]=react.useState(!1),[l,c]=react.useState(!1),[m,d]=react.useState(""),[b,p]=react.useState([]),h=()=>{n(!1);},w=()=>{c(!0);},N=()=>{c(!1);},S=()=>{d(""),N(),p([]);},P=()=>{let C={name:m||`WatchList_${o.length}`,id:Date.now()};a(C,{add:!0}),S();},T=(C,O)=>{p(O?b?.filter(Me=>Me.id!==C.id):[...b,C]),N();},v=()=>{s(e.row,b,!1),n(!1);};return react.useEffect(()=>{if(!i)return;let C=r?.find(O=>O.name===t);C?.tabs?.length&&p(C?.tabs);},[i,r,o,t]),react.useEffect(()=>{i||S();},[i]),{symbol:t,favoriteTabs:o,open:i,onOpenChange:n,inputVisible:l,selectedTabs:b,value:m,onValueChange:d,hide:h,hideInput:N,showInput:w,onCheck:T,addTab:P,confirm:v}}var X=e=>{let t=xt(e);return jsxRuntime.jsx(ht,{...t,children:e.children})};var He=(e,t=!1)=>react.useMemo(()=>[{title:jsxRuntime.jsx(Fe,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(o,a)=>{let i=jsxRuntime.jsx(ui.Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?n=>{e.updateSymbolFavoriteState(a,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(Fe,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsxRuntime.jsx(X,{row:a,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,a)=>jsxRuntime.jsx(ui.Text.numeral,{dp:a.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,a)=>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:s=>{s.stopPropagation(),e.pinToTop(a);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsxRuntime.jsx(xo,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t]);var vt=e=>{let{loading:t,dataSource:r,meta:o,setPage:a,setPageSize:s,favorite:i,onSort:n,initialSort:l,type:c,pagination:m}=e,{symbol:d,onSymbolChange:b}=g(),p=He(i,!1);return jsxRuntime.jsx(ui.TableView,{bordered:!0,columns:p,loading:t,dataSource:r,onRow:(h,w)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{b?.(h),i.addToHistory(h);},"data-testid":`oui-testid-markets-${c==="new"?"newListing":"all"}-tr-${h.symbol}`}),generatedRowKey:h=>h.symbol,rowSelection:{[d]:!0},onSort:n,initialSort:l,pagination:m,classNames:{header:"oui-h-12"},manualPagination:!0,manualSorting:!0})};var kt=e=>{let[t,r]=react.useState(!0),{page:o,pageSize:a,setPage:s,setPageSize:i,parseMeta:n}=ui.usePagination({pageSize:10}),[l,c]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:m}=g(),{onSort:d,getSortedList:b,sortKey:p,sortOrder:h}=A(e?.sortKey,e?.sortOrder),{totalData:w,pagedData:N}=react.useMemo(()=>{let T=b(l),v=G(T,m);return {totalData:v,pagedData:Ee(v,a,o)}},[l,a,o,b,m]),S=react.useMemo(()=>n({total:w?.length,current_page:o,records_per_page:a}),[l,o,a,w]);react.useEffect(()=>{r(!1);},[l]),react.useEffect(()=>{s(1);},[a,m]),react.useEffect(()=>{e.type==="all"&&c.updateTabsSortState("all",p,h);},[p,h,e.type]);let P=react.useMemo(()=>({...S,onPageChange:s,onPageSizeChange:i}),[S,s,i]);return {loading:t,dataSource:N,meta:S,setPage:s,setPageSize:i,favorite:c,onSort:d,pagination:P}};var Ke=e=>{let t=kt(e),r=e.type==="all"?t.favorite.tabSort?.all:void 0;return jsxRuntime.jsx(vt,{...t,type:e.type,initialSort:{sortKey:r?.sortKey||e.sortKey,sort:r?.sortOrder||e.sortOrder}})};var Tt=e=>{let{open:t,setOpen:r,container:o,inputRef:a,inputWidth:s,spanRef:i,editing:n,value:l,onValueChange:c,updateCurTab:m,onEdit:d,addTab:b,delTab:p,size:h="default",scrollable:w}=e,{selectedFavoriteTab:N,favoriteTabs:S,updateSelectedFavoriteTab:P}=e.favorite,T=h==="sm"?28:36,v=h==="sm"?18:24,C=l?.length>15,O=f=>{ui.modal.confirm({title:"Delete list",content:jsxRuntime.jsx(ui.Text,{size:"sm",children:`Are you sure you want to delete ${f.name}?`}),onOk(){return p(f),Promise.resolve()}});},Me=f=>{f.key==="Enter"&&m(C);},it=f=>jsxRuntime.jsxs(ui.Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsxRuntime.jsx(mo,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{d(f);}}),jsxRuntime.jsx(po,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer",onClick:()=>{O(f);}})]}),Be=()=>{let f=S.length>=10,M=jsxRuntime.jsx(ui.Flex,{className:ui.cn("oui-inline-flex",f?"oui-cursor-not-allowed":"oui-cursor-pointer",f?"oui-bg-base-3":"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]"),width:T,height:v,r:"base",justify:"center",itemAlign:"center",onClick:f?void 0:b,children:f?jsxRuntime.jsx(go,{className:"oui-text-base-contrast-36 oui-w-3 oui-h-3"}):jsxRuntime.jsx(bo,{className:"oui-w-3 oui-h-3"})});return f?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=f=>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:a,style:C?{width:s}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:s},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",h==="sm"?"oui-h-[18px]":"oui-h-[24px]",f&&ui.cn(C?"oui-bg-danger/15":"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]")),input:ui.cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",C?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",h==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:c,onBlur:()=>{m(C);},onKeyUp:Me,autoComplete:"off"})}),lt=(f,M)=>{if(n&&M)return nt(M);let E={weight:"semibold",size:h==="sm"?"2xs":"sm",className:h==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},ct=M?jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,...E,children:f.name}):jsxRuntime.jsx(ui.Text,{...E,children:f.name});return jsxRuntime.jsx(ui.Box,{r:"base",px:2,height:v,className:ui.cn("oui-cursor-pointer oui-select-none",M?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",M?"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]":"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{P(f),M&&r(!0);},children:ct})};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:h==="sm"?2:3,width:"100%",children:[S?.slice(0,10)?.map(f=>{let M=N.id===f.id;return jsxRuntime.jsx(ui.Tooltip,{open:M&&!n?t:!1,onOpenChange:E=>{M&&r(E);},content:it(f),delayDuration:0,className:ui.cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:lt(f,M)},f.id)}),!w&&Be(),jsxRuntime.jsx(ui.Text,{size:"xs",ref:i,className:"oui-invisible",children:l})]}),w&&Be()]})};function Ft(e){let{favorite:t,size:r="default"}=e,{favorites:o,favoriteTabs:a,selectedFavoriteTab:s,updateFavoriteTabs:i,updateSelectedFavoriteTab:n,updateFavorites:l}=t,[c,m]=react.useState(!1),[d,b]=react.useState(!1),[p,h]=react.useState(""),[w,N]=react.useState(!1),S=react.useRef(null),P=react.useRef(null),T=react.useRef(null),[v,C]=react.useState(50),O=()=>{setTimeout(()=>{let{scrollWidth:M,clientWidth:E}=S.current||{};M>E&&N(!0);},0);},Me=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},it=f=>{b(!0),h(f.name),setTimeout(()=>{P.current?.focus(),P.current?.setSelectionRange(-1,-1);},0);},Be=f=>{i({...s,name:f?s.name:p},{update:!0}),b(!1),m(!1),O();},nt=()=>{let f={name:`WatchList_${a.length}`,id:Date.now()};i(f,{add:!0}),n(f),O(),Me();},lt=f=>{i(f,{delete:!0}),setTimeout(()=>{let M=o.map(We=>({...We,tabs:We.tabs?.filter(cr=>cr.id!==f.id)}));l(M);let E=a.filter(We=>We.id!==f.id),ct=E?.[E?.length-1]||E?.[0];n(ct);},0);};return react.useEffect(()=>{if(p){let f=T.current?.getBoundingClientRect(),M=r==="sm"?0:14;C(Math.max((f?.width||0)+M,50));}},[p]),react.useEffect(()=>{O();},[]),{favorite:t,open:c,setOpen:m,container:S,inputRef:P,inputWidth:v,spanRef:T,editing:d,value:p,onValueChange:h,onEdit:it,updateCurTab:Be,addTab:nt,delTab:lt,scrollable:w}}var Le=e=>{let{className:t,...r}=e,o=Ft(r);return jsxRuntime.jsx(Tt,{...o,size:e.size,className:t})};var Fo=He;var Nt=e=>{let{dataSource:t,meta:r,setPage:o,setPageSize:a,favorite:s,onSort:i,loading:n,pagination:l}=e,{symbol:c,onSymbolChange:m}=g(),d=Fo(s,!0);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Le,{favorite:s,className:"oui-my-3"}),jsxRuntime.jsx(ui.TableView,{bordered:!0,columns:d,dataSource:t,emptyView:jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"Click on the"}),jsxRuntime.jsx(Fe,{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:n,onRow:(p,h)=>({className:ui.cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{m?.(p),s.addToHistory(p);}}),generatedRowKey:p=>p.symbol,rowSelection:{[c]:!0},onSort:i,pagination:l,manualPagination:!0,manualSorting:!0})]})};var Pt=()=>{let{page:e,pageSize:t,setPage:r,setPageSize:o,parseMeta:a}=ui.usePagination({pageSize:10}),[s,i]=hooks.useMarkets(hooks.MarketsType.FAVORITES),[n,l]=react.useState(!0),{favorites:c,selectedFavoriteTab:m}=i,{searchValue:d}=g(),{onSort:b,getSortedList:p}=A(),h=react.useMemo(()=>{let T=c?.filter(v=>v.tabs?.findIndex(C=>C.id===m.id)!==-1)?.map(v=>{let C=s?.findIndex(O=>O.symbol===v.name);return C!==-1?s[C]:null})?.filter(v=>v);return G(T,d)},[s,m,c,d]),{totalData:w,pagedData:N}=react.useMemo(()=>{let T=p(h);return {totalData:T,pagedData:Ee(T,t,e)}},[h,t,e,p]),S=react.useMemo(()=>a({total:w?.length,current_page:e,records_per_page:t}),[s,e,t,w]);react.useEffect(()=>{l(!1);},[c]),react.useEffect(()=>{r(1);},[t,d]);let P=react.useMemo(()=>({...S,onPageChange:r,onPageSizeChange:o}),[S,r,o]);return {loading:n,dataSource:N,meta:S,setPage:r,setPageSize:o,favorite:i,onSort:b,pagination:P}};var It=()=>{let e=Pt();return jsxRuntime.jsx(Nt,{...e})};var Rt=e=>{let{activeTab:t,onTabChange:r}=e,{searchValue:o,onSearchValueChange:a,clearSearchValue:s}=g();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:a,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:s})}),autoComplete:"off"}),children:[jsxRuntime.jsx(ui.TabPanel,{title:"Favorites",icon:jsxRuntime.jsx(Z,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsxRuntime.jsx(It,{})}),jsxRuntime.jsx(ui.TabPanel,{title:"All markets",icon:jsxRuntime.jsx(fo,{}),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(ho,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsxRuntime.jsx(Ke,{type:"new",sortKey:"created_time",sortOrder:"desc"})})]})})};function Vt(){let[e,t]=react.useState("all"),{clearSearchValue:r}=g();return react.useEffect(()=>{r?.();},[e]),{activeTab:e,onTabChange:o=>t(o)}}var Ot=()=>{let e=Vt();return jsxRuntime.jsx(Rt,{...e})};var be=(e,t=!1)=>[{title:"Market / Volume",dataIndex:"24h_amount",onSort:!0,className:"oui-h-[36px]",render:(r,o)=>{let a;return t||(a=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(le,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(ce,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{children:[a,jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol: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:"primaryLight",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 a=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},s="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(ue,{className:s,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(me,{className:s,onClick:a})]})});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 ke=e=>{let{symbol:t,onSymbolChange:r}=g();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 a=jsxRuntime.jsxs(ui.Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{symbol: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:"primaryLight",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:a,delayDuration:0,children:jsxRuntime.jsxs(ui.Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:ui.cn("oui-cursor-pointer","hover:oui-bg-base-7",t===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 Wt=e=>{let{dataSource:t,favorite:r,onSort:o,loading:a,getColumns:s,collapsed:i}=e,{symbol:n,onSymbolChange:l}=g(),c=react.useMemo(()=>typeof s=="function"?s(r,!0):be(r,!0),[r]);return i?jsxRuntime.jsx(ke,{dataSource:t}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Box,{px:3,className:"oui-my-[6px]",children:jsxRuntime.jsx(Le,{favorite:r,size:"sm"})}),jsxRuntime.jsx(ui.TableView,{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:a,onRow:(m,d)=>({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.FAVORITES),[r,o]=react.useState(!0),{favorites:a,selectedFavoriteTab:s}=t,{searchValue:i}=g(),{onSort:n,getSortedList:l}=A(),c=react.useMemo(()=>{let m=a?.filter(b=>b.tabs?.findIndex(p=>p.id===s.id)!==-1)?.map(b=>{let p=e?.findIndex(h=>h.symbol===b.name);return p!==-1?e[p]:null})?.filter(b=>b),d=G(m,i);return l(d)},[e,s,a,i,l]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:c,favorite:t,onSort:n}};var se=e=>{let t=zt();return jsxRuntime.jsx(Wt,{...t,...e})};var _t=e=>{let{loading:t,dataSource:r,favorite:o,onSort:a,initialSort:s,getColumns:i,collapsed:n}=e,{symbol:l,onSymbolChange:c}=g(),m=react.useMemo(()=>typeof i=="function"?i(o,!1):be(o,!1),[o]);return n?jsxRuntime.jsx(ke,{dataSource:r}):jsxRuntime.jsx(ui.TableView,{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:(d,b)=>({className:ui.cn("oui-h-[53px]",e.rowClassName),onClick:()=>{c?.(d),o.addToHistory(d);}}),generatedRowKey:d=>d.symbol,rowSelection:{[l]:!0},onSort:a,initialSort:s,manualSorting:!0})};var Ut=e=>{let[t,r]=react.useState(!0),[o,a]=hooks.useMarkets(hooks.MarketsType.ALL),{searchValue:s}=g(),{onSort:i,getSortedList:n}=A(e?.sortKey,e?.sortOrder,e.onSort),l=react.useMemo(()=>{let c=G(o,s);return n(c)},[o,n,s]);return react.useEffect(()=>{r(!1);},[o]),{loading:t,dataSource:l,favorite:a,onSort:i}};var $=e=>{let t=Ut(e);return jsxRuntime.jsx(_t,{...t,initialSort:{sortKey:e.sortKey,sort:e.sortOrder},getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName})};var Et=e=>{let{dataSource:t,favorite:r,onSort:o,loading:a,getColumns:s,collapsed:i}=e,{symbol:n,onSymbolChange:l}=g(),c=react.useMemo(()=>typeof s=="function"?s(r,!1):be(r,!1),[r]);return i?jsxRuntime.jsx(ke,{dataSource:t}):jsxRuntime.jsx(ui.TableView,{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:a,onRow:(m,d)=>({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 At=()=>{let[e,t]=hooks.useMarkets(hooks.MarketsType.RECENT),[r,o]=react.useState(!0),{searchValue:a}=g(),{onSort:s,getSortedList:i}=A(),n=react.useMemo(()=>{let l=G(e,a);return i(l)},[e,a,i]);return react.useEffect(()=>{o(!1);},[e]),{loading:r,dataSource:n,favorite:t,onSort:s}};var ie=e=>{let t=At();return jsxRuntime.jsx(Et,{...t,...e})};var Ht=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:a}=e,{searchValue:s,onSearchValueChange:i,clearSearchValue:n}=g(),l=jsxRuntime.jsx(ui.Input,{value:s,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:s&&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(se,{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:a,tableClassNames:{scroll:"oui-px-1"}})})})]})]})};var Uo="24h_amount",Eo="desc";function we(e){let{storageKey:t,type:r="all",initialSort:o}=e,[a,s]=hooks.useSessionStorage(t,{[r]:{sortKey:o?.sortKey||Uo,sortOrder:o?.sortOrder||Eo}}),i=react.useCallback((n=Uo,l=Eo)=>{s({...a,all:{sortKey:n,sortOrder:l}});},[]);return {tabSort:a[r],onTabSort:i}}function Kt(e){let[t,r]=react.useState(e?.activeTab),{tabSort:o,onTabSort:a}=we({storageKey:"orderly_side_markets_tab_sort"}),{clearSearchValue:s}=g(),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(()=>{s?.();},[t]),{activeTab:t,onTabChange:i,tabSort:o,onTabSort:a}}var qt=e=>{let t=Kt({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Ht,{...t})})};var Xt=e=>{let{collapsed:t,onCollapse:r,activeTab:o,onTabChange:a,className:s}=e,{symbol:i,onSymbolChange:n}=g(),l=()=>t?o==="favorites"?jsxRuntime.jsx(se,{collapsed:t}):o==="recent"?jsxRuntime.jsx(ie,{collapsed:t}):jsxRuntime.jsx($,{type:"all",sortKey:"24h_amount",sortOrder:"desc",collapsed:t}):jsxRuntime.jsx(qt,{activeTab:o,onTabChange:a,symbol:i,onSymbolChange:n});return jsxRuntime.jsxs(ui.Flex,{className:ui.cn("oui-font-semibold",s),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsxRuntime.jsx(ls,{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()})]})},ls=e=>{let{collapsed:t,onCollapse:r}=e;return t?jsxRuntime.jsx(vo,{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(So,{className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:()=>{r?.(!0);}})]})};function $t(e){let[t,r]=react.useState(e?.collapsed),[o,a]=hooks.useLocalStorage("orderly_side_markets_sel_tab_key","all");react.useEffect(()=>{r(e?.collapsed);},[e?.collapsed]);let s=react.useCallback(i=>{typeof e?.onCollapse=="function"?e.onCollapse(i):r(i);},[e?.onCollapse]);return {collapsed:t,onCollapse:s,activeTab:o,onTabChange:a}}var ds=e=>{let t=$t({collapsed:e.collapsed,onCollapse:e.onCollapse});return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Xt,{...t,className:e.className})})};var Ve=(e,t=!1)=>[{title:"Instrument",dataIndex:"symbol",width:150,render:(r,o)=>{let a;return t||(a=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(le,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(ce,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[a,jsxRuntime.jsx(ui.TokenIcon,{symbol: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:"primaryLight",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 a=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},s="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-[rgba(51,71,253,1)] oui-py-[6px]","oui-hidden group-hover:oui-inline-flex"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ue,{className:s,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(me,{className:s,onClick:a})]})});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 Jt=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(Zo,{...e,hide:e.hide})})})]}),Zo=e=>{let{activeTab:t,onTabChange:r,tabSort:o,onTabSort:a}=e,{searchValue:s,onSearchValueChange:i}=g(),n=jsxRuntime.jsxs(ui.Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsxRuntime.jsx(ui.Input,{value:s,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(se,{getColumns:Ve,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:Ve,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:a,getColumns:Ve,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]"})})})]})]})};function jt(e){let[t,r]=react.useState(!1),[o,a]=hooks.useLocalStorage("orderly_dropdown_markets_sel_tab_key","all"),{tabSort:s,onTabSort:i}=we({storageKey:"orderly_dropdown_markets_tab_sort"}),{clearSearchValue:n}=g(),l=()=>{r(!1);};return react.useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:c=>a(c),open:t,onOpenChange:r,hide:l,tabSort:s,onTabSort:i}}var eo=e=>{let t=jt();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(Jt,{...t,contentClassName:e.contentClassName,children:e.children})})};var er=(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:"primaryLight",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 a=n=>{e.updateSymbolFavoriteState(o,e.selectedFavoriteTab,!0),n.stopPropagation();},s="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-[rgba(51,71,253,1)] oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsxRuntime.jsx(ue,{className:s,onClick:n=>{n.stopPropagation(),e.pinToTop(o);}}),jsxRuntime.jsx(me,{className:s,onClick:a})]})});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 oo=e=>{let{className:t,tabSort:r,onTabSort:o}=e,{searchValue:a,onSearchValueChange:s,clearSearchValue:i}=g(),n=jsxRuntime.jsx(ui.Input,{value:a,onValueChange:s,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:a&&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:er,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-[calc(env(safe-area-inset-bottom))]"}})})})]})};function ro(e){let{tabSort:t,onTabSort:r}=we({storageKey:"orderly_side_markets_tab_sort"});return {tabSort:t,onTabSort:r}}var Os=e=>{let t=ro();return jsxRuntime.jsx(z,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxRuntime.jsx(oo,{...t,className:e.className})})};var ao=e=>{let{symbol:t,data:r,leverage:o,onSymbol:a}=e,s=jsxRuntime.jsxs(ui.Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:a,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:[s,jsxRuntime.jsxs(ui.Badge,{size:"xs",color:"primaryLight",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 so(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useSymbolsInfo(),a=react.useMemo(()=>{let s=o[t],i=s("base_imr");return Gs(i)},[t,o]);return {symbol:t,data:r,leverage:a}}function Gs(e){return e?1/e:void 0}var Hs=e=>{let{symbol:t,...r}=e,o=so({symbol:t});return jsxRuntime.jsx(ao,{...o,...r})};var no=e=>{let{symbol:t,isFavorite:r,favorite:o,data:a,quotoDp:s,openInterest:i,fundingRate:n,containerRef:l,leadingElementRef:c,tailingElementRef:m,leadingVisible:d,tailingVisible:b,onScoll:p}=e,h=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(le,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsxRuntime.jsx(ce,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),w=jsxRuntime.jsx(eo,{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"})]})}),N=jsxRuntime.jsx(ui.Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,children:a?.["24h_close"]}),S=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:!0,rm:utils.Decimal.ROUND_DOWN,showIdentifier:!0,children:a?.["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:a?.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:[h,w]}),jsxRuntime.jsx(ui.Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),N,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(Te,{label:"24h Change",value:S})}),jsxRuntime.jsx(Te,{label:"Mark",value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,children:a?.mark_price}),hint:"Price for the computation of unrealized PnL and liquidation."}),jsxRuntime.jsx(Te,{label:"Index",value:jsxRuntime.jsx(ui.Text.numeral,{dp:s,children:a?.index_price}),hint:"Average of the last prices across other exchanges."}),jsxRuntime.jsx(Te,{label:"24h volume",value:jsxRuntime.jsx(ui.Text.numeral,{rule:"human",dp:2,children:a?.["24h_amount"]}),hint:"24 hour total trading volume on the Orderly Network."}),jsxRuntime.jsx(Te,{label:"Pred. funding rate",value:jsxRuntime.jsx(Qs,{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(Te,{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(sr,{leading:!0,onClick:p,visible:d}),jsxRuntime.jsx(sr,{tailing:!0,onClick:p,visible:b})]})]}),e.trailing]})},Te=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})]}),sr=e=>{let{visible:t,leading:r,tailing:o,onClick:a}=e;return t?jsxRuntime.jsx("button",{onClick:()=>{a?.(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(yo,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},Qs=({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 co(e){let{symbol:t}=e,r=hooks.useTickerStream(t),o=hooks.useFundingRate(t),a=hooks.useMarketsStore(),i=hooks.useSymbolsInfo()[t]("quote_dp"),[n,l]=react.useState(!1),[c,m]=react.useState(!1),d=react.useRef(null),b=react.useRef(null),p=react.useRef(null),h=react.useMemo(()=>!!a.favorites.find(S=>S.name===t),[a.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(P=>{for(let T=0;T<P.length;T++){let v=P[T];v&&(v.target===b.current&&l(!v.isIntersecting),v.target===p.current&&m(!v.isIntersecting));}});return b.current&&S.observe(b.current),p.current&&S.observe(p.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:h,favorite:a,data:r,quotoDp:i,openInterest:w,fundingRate:o,containerRef:d,leadingElementRef:b,tailingElementRef:p,leadingVisible:n,tailingVisible:c,onScoll:S=>{S==="left"?d.current?.scrollBy({left:-100,behavior:"smooth"}):d.current?.scrollBy({left:100,behavior:"smooth"});}}}var ri=e=>{let{symbol:t,...r}=e,o=co({symbol:t});return jsxRuntime.jsx(no,{...o,...r})};var li=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(gt,{}),jsxRuntime.jsx(Ot,{})]})});
15
15
 
16
16
  exports.CollapseMarkets = ke;
17
17
  exports.DropDownMarkets = Jt;
@@ -31,22 +31,22 @@ exports.MarketsDataList = Rt;
31
31
  exports.MarketsDataListWidget = Ot;
32
32
  exports.MarketsHeader = pt;
33
33
  exports.MarketsHeaderWidget = gt;
34
- exports.MarketsHomePage = ni;
34
+ exports.MarketsHomePage = li;
35
35
  exports.MarketsList = _t;
36
36
  exports.MarketsListFull = vt;
37
- exports.MarketsListFullWidget = qe;
37
+ exports.MarketsListFullWidget = Ke;
38
38
  exports.MarketsListWidget = $;
39
39
  exports.MarketsProvider = z;
40
40
  exports.MarketsSheet = oo;
41
- exports.MarketsSheetWidget = Vs;
41
+ exports.MarketsSheetWidget = Os;
42
42
  exports.RecentList = Et;
43
43
  exports.RecentListWidget = ie;
44
44
  exports.SideMarkets = Xt;
45
45
  exports.SideMarketsWidget = ds;
46
46
  exports.TokenInfoBar = ao;
47
47
  exports.TokenInfoBarFull = no;
48
- exports.TokenInfoBarFullWidget = oi;
49
- exports.TokenInfoBarWidget = Gs;
48
+ exports.TokenInfoBarFullWidget = ri;
49
+ exports.TokenInfoBarWidget = Hs;
50
50
  exports.getDropDownMarketsColumns = Ve;
51
51
  exports.useDropDownMarketsScript = jt;
52
52
  exports.useExpandMarketsScript = Kt;