@orderly.network/markets 2.3.2 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.mts +20 -4
  2. package/dist/index.d.ts +20 -4
  3. package/dist/index.js +61 -60
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +5 -4
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +8 -7
package/dist/index.mjs CHANGED
@@ -1,13 +1,14 @@
1
1
  import { createContext, useState, useCallback, useMemo, useEffect, useRef, useContext } from 'react';
2
2
  import { useTranslation, Trans, i18n } from '@orderly.network/i18n';
3
- import { cn, Flex, Text, Box, useScreen, TokenIcon, Badge, Tooltip, CloseIcon, CheckedSquareFillIcon, CheckSquareEmptyIcon, Button, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Divider, DataTable, usePagination, Tabs, TabPanel, Input, CloseCircleFillIcon, PlusIcon, modal, Picker, Select } from '@orderly.network/ui';
3
+ import { cn, Flex, Text, Box, useScreen, TokenIcon, Badge, Tooltip, CloseIcon, CheckedSquareFillIcon, CheckSquareEmptyIcon, Button, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Divider, DataTable, usePagination, Tabs, TabPanel, Input, CloseCircleFillIcon, PlusIcon, EmptyStateIcon, modal, Picker, Select } from '@orderly.network/ui';
4
4
  import { Decimal } from '@orderly.network/utils';
5
5
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
6
- import Ya from 'embla-carousel-react';
6
+ import Ja from 'embla-carousel-react';
7
7
  import { MarketsType, useMarkets, useQuery, useFundingRateHistory, useFundingRates, useMarketsStream, useLocalStorage, useTickerStream, useSymbolsInfo, useFundingRate, useMarketsStore, useSessionStorage } from '@orderly.network/hooks';
8
+ import { LeftNavUI } from '@orderly.network/ui-scaffold';
8
9
 
9
- var ar=createContext({}),K=e=>{let[t,o]=useState(""),a=useCallback(()=>{o("");},[]);return jsx(ar.Provider,{value:{searchValue:t,onSearchValueChange:o,clearSearchValue:a,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function b(){return useContext(ar)}var sr=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z"})})]}),nr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M7.205 1.334c-.345 0-.674.136-.918.38L6.001 2H2.667a.667.667 0 1 0 0 1.334h10.667a.667.667 0 1 0 0-1.334h-3.333l-.287-.286a1.3 1.3 0 0 0-.918-.38zM2.911 4.667l1.018 8.842c.088.66.656 1.158 1.322 1.158h5.498c.666 0 1.235-.497 1.323-1.163l1.019-8.837z"})}),rt=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"12",height:"12",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h12v12H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M8.5 10a.48.48 0 0 1-.356-.144A.48.48 0 0 1 8 9.5V7q0-.213.144-.356A.48.48 0 0 1 8.5 6.5h1q.212 0 .356.144A.48.48 0 0 1 10 7v2.5q0 .212-.144.356A.48.48 0 0 1 9.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 5 9.5v-7q0-.212.144-.356A.48.48 0 0 1 5.5 2h1q.213 0 .356.144A.48.48 0 0 1 7 2.5v7q0 .212-.144.356A.48.48 0 0 1 6.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 2 9.5V5q0-.213.144-.356A.48.48 0 0 1 2.5 4.5h1q.212 0 .356.144A.48.48 0 0 1 4 5v4.5q0 .212-.144.356A.48.48 0 0 1 3.5 10z"})})]}),at=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.993.958a.416.416 0 0 0-.41.422v.416a.416.416 0 1 0 .832 0V1.38a.416.416 0 0 0-.422-.422M2.749 2.29a.416.416 0 0 0-.29.714l.291.292a.416.416 0 1 0 .589-.588l-.292-.292a.42.42 0 0 0-.298-.126m6.489 0a.42.42 0 0 0-.286.126l-.292.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m-3.239.753a2.895 2.895 0 0 0-2.913 2.914A2.86 2.86 0 0 0 4.751 8.58v1.123c0 .458.374.833.832.833h.832a.835.835 0 0 0 .833-.833V8.58a2.86 2.86 0 0 0 1.665-2.622 2.895 2.895 0 0 0-2.914-2.914M1.421 5.541a.416.416 0 1 0 0 .833h.417a.416.416 0 1 0 0-.833zm8.74 0a.416.416 0 1 0 0 .833h.416a.417.417 0 1 0 0-.833zM3.037 8.492a.42.42 0 0 0-.287.126l-.291.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m5.913 0a.416.416 0 0 0-.29.714l.292.292a.416.416 0 1 0 .588-.588l-.292-.292a.42.42 0 0 0-.298-.126"})}),U=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"m10 14.074-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]}),Ge=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 14.396 10 12.813l2.688 1.583-.709-3 2.313-1.98-3.063-.27L10 6.292 8.77 9.146l-3.062.27 2.334 1.98zM10 14.074l-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]});var ir=e=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})}),lr=e=>jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M10 5.5a.76.76 0 0 0-.583.25l-4.334 4c0 .083-.083.25-.083.333 0 .25.167.417.417.417h2.916v6.667c0 .416.334.833.834.833h1.666c.5 0 .834-.417.834-.833V10.5h2.916c.25 0 .417-.167.417-.417 0-.083-.083-.25-.083-.333l-4.25-4.084c-.25-.083-.417-.166-.667-.166M2.177 3.06A.8.8 0 0 1 2.5 3h15a.834.834 0 1 1 0 1.667h-15a.833.833 0 0 1-.323-1.607"})}),V=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.015.34h-.029a5.98 5.98 0 0 0-3.93 1.477c-.074.065-.027.184.072.184h7.745c.099 0 .146-.119.072-.184A5.98 5.98 0 0 0 6.015.341M3.48 7.866a.23.23 0 0 1 .187.1A2.85 2.85 0 0 0 6 9.178a2.85 2.85 0 0 0 2.334-1.213.23.23 0 0 1 .186-.1h3.104c.09 0 .155.086.13.172A6 6 0 0 1 6 12.327a6 6 0 0 1-5.755-4.29.134.134 0 0 1 .13-.172zM8.26 4.6a.29.29 0 0 0 .229.116h3.11c.09 0 .156-.086.13-.173a6 6 0 0 0-1.106-2.03.22.22 0 0 0-.165-.077H1.543a.22.22 0 0 0-.165.077 6 6 0 0 0-1.105 2.03.134.134 0 0 0 .13.173h3.11A.29.29 0 0 0 3.74 4.6 2.85 2.85 0 0 1 6 3.488c.92 0 1.738.436 2.26 1.112m.414 2.717c-.02.055.02.115.079.115h3.033a.135.135 0 0 0 .133-.112 6 6 0 0 0-.015-2.058.135.135 0 0 0-.133-.11H8.72c-.06 0-.1.061-.078.117a2.83 2.83 0 0 1 .032 2.048m-5.427.115c.06 0 .1-.06.079-.115a2.84 2.84 0 0 1 .032-2.048.085.085 0 0 0-.078-.118H.23a.135.135 0 0 0-.134.11A6 6 0 0 0 .08 7.32c.01.065.067.112.133.112z"})}),me=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531"})}),ue=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531m0 1.297 1.03 2.108c.073.15.211.242.375.266l2.343.343-1.702 1.64a.48.48 0 0 0-.14.437l.405 2.312L6.246 9.03a.5.5 0 0 0-.468 0L3.7 10.123l.39-2.296a.52.52 0 0 0-.14-.453l-1.687-1.64 2.327-.328a.52.52 0 0 0 .39-.28z"})}),Me=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M2.01 2.915a.667.667 0 1 0 0 1.334h12a.667.667 0 0 0 0-1.334zM7.343 13.59a.667.667 0 0 0 1.333 0V7.88l2 1.98.937-.938L8.49 5.777a.686.686 0 0 0-.959 0L4.405 8.923l.938.937 2-1.979z"})}),Ne=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.67 2.203A2.667 2.667 0 0 0 2.005 4.87v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.87a2.667 2.667 0 0 0-2.667-2.667zm1.334 3.334c.17 0 .349.057.48.187l1.52 1.52 1.52-1.52a.68.68 0 0 1 .48-.187c.17 0 .349.057.48.187.26.26.26.698 0 .959l-1.521 1.52 1.52 1.52c.26.262.26.699 0 .96a.687.687 0 0 1-.958 0L8.004 9.162l-1.52 1.52a.687.687 0 0 1-.96 0 .687.687 0 0 1 0-.958l1.521-1.52-1.52-1.521a.687.687 0 0 1 0-.96.68.68 0 0 1 .479-.186"})}),mr=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),ur=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsx("path",{d:"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z",fill:"url(#paint0_linear_1951_55156)"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),cr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),pr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z"})}),st=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M3.003 3.998a.494.494 0 0 0-.39.797l3 4c.2.266.597.266.797 0l3-4a.5.5 0 0 0-.407-.797z"})}),dr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M9.186 3.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L7.463 7.993 9.87 4.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083"})});var Vt=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:a,enableScroll:r,news:s,gainers:n,losers:i,total24Amount:l,totalOpenInterest:m,tvl:c,favorite:u}=e,{onSymbolChange:g}=b(),{t:d}=useTranslation(),p=cn("oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]",r&&"oui-cursor-pointer oui-select-none"),x=h=>{g?.(h),u.addToHistory(h);};return jsxs("div",{id:"oui-markets-header",className:cn("oui-overflow-hidden",e.className),ref:r?t:void 0,children:[jsxs(Flex,{width:"100%",gapX:4,children:[jsx(Ua,{total24Amount:l,totalOpenInterest:m,tvl:c,className:p}),jsx(Wt,{data:s,title:jsx(Text.gradient,{color:"brand",children:d("markets.newListings")}),className:p,onSymbol:x}),jsx(Wt,{data:n,title:jsx(Text,{className:"oui-text-success-light",children:d("markets.topGainers")}),className:p,onSymbol:x}),jsx(Wt,{data:i,title:jsx(Text,{className:"oui-text-danger-light",children:d("markets.topLosers")}),className:p,onSymbol:x})]}),jsx("div",{className:"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4",children:jsx(Ka,{scrollIndex:a,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},Ua=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=useTranslation(),s=useMemo(()=>[{label:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",r("markets.openInterest")]}),value:o},{label:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsx(Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((n,i)=>jsx(Ha,{...n},i))})},Ha=e=>jsxs(Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsx(Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsx(Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),Wt=e=>jsxs(Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsx(Box,{px:4,children:jsx(Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsx(Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsx(Ga,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),Ga=e=>{let{item:t}=e;return jsxs(Flex,{width:"100%",gapX:3,py:2,px:4,className:cn("oui-cursor-pointer hover:oui-bg-base-8",e.className),onClick:()=>{e.onSymbol(t);},children:[jsx(Flex,{width:"100%",gapX:1,children:jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})},Ka=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:a}=e;return jsx(Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(r=>jsx(Box,{py:1,pl:r===0?1:0,pr:r===1?1:0,onClick:()=>{t===0&&r===1?a?.():t===1&&r===0&&o?.();},className:"oui-cursor-pointer",children:jsx(Box,{width:8,height:4,r:"full",className:cn("oui-transition-all oui-duration-300",t===r?"oui-w-4 oui-bg-base-contrast-36":"oui-bg-base-contrast-20")},r)},r))})};function Xe(e,t){let{sortKey:o,sortOrder:a}=t||{},r=[...e||[]],s=n=>n==null;return o&&a&&r.sort((n,i)=>{let l=n[o],m=i[o];return s(l)?1:s(m)?-1:a==="desc"?m-l:l-m}),r}function I(e,t){let[o,a]=useState(e),r=useCallback(n=>{let i=n?{sortKey:n.sortKey,sortOrder:n.sort}:void 0;a(i),t?.(i);},[]),s=useCallback(n=>Xe(n,o),[o]);return {sort:o,onSort:r,getSortedList:s}}function L(e,t="",o){if(!t)return e;let a=new RegExp(t,"i"),r=t.toLowerCase(),s=[],n=[],i=[];e?.forEach(m=>{let c=At(m.symbol,o),u=c.toLowerCase();a.test(c)&&(u===r?s.push(m):u.startsWith(r)?n.push(m):i.push(m));});let l=(m,c)=>{let u=At(m.symbol,o),g=At(c.symbol,o);return u<g?-1:u>g?1:0};return n.sort(l),i.sort(l),[...s,...n,...i]}function At(e,t="base"){if(!e)return "";let o=e.split("_"),a=o[0],r=o[1],s=o[2];return t.replace("type",a).replace("base",r).replace("quote",s)}function br(){let[e,t]=useState(0),[o,a]=useState(0);return useEffect(()=>{t(window.innerWidth),a(window.innerHeight);let r=()=>{a(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r);}},[]),{width:e,height:o}}var Et=()=>{let[e,t]=useState(0),o=ja(),{width:a}=br(),[r,s]=Ya({loop:true,slidesToScroll:"auto"});return useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:r,emblaApi:s,enableScroll:a<1440,...o}};function ja(){let[e,t]=useMarkets(MarketsType.ALL),{data:o}=useQuery("/v1/public/balance/stats"),a=useMemo(()=>Xe(e,{sortKey:"created_time",sortOrder:"desc"}).slice(0,5),[e]),r=useMemo(()=>Xe(e,{sortKey:"change",sortOrder:"desc"}).slice(0,5),[e]),s=useMemo(()=>Xe(e,{sortKey:"change",sortOrder:"asc"}).slice(0,5),[e]),n=useMemo(()=>e?.reduce((m,c)=>m.add(c["24h_amount"]||0),new Decimal(0))||new Decimal(0),[e]),i=useMemo(()=>e?.reduce((m,c)=>m.add(c.openInterest||0),new Decimal(0))||new Decimal(0),[e]),l=useMemo(()=>{if(!o)return 0;let{total_holding:m=0}=o;return new Decimal(m).toNumber()},[o]);return {markets:e,news:a,gainers:r,losers:s,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var hr=e=>{let{news:t,gainers:o,losers:a,total24Amount:r,totalOpenInterest:s,tvl:n,favorite:i}=e,[l,m]=useState("newListings"),{onSymbolChange:c}=b(),{t:u}=useTranslation(),g=d=>{c?.(d),i.addToHistory(d);};return jsxs("div",{id:"oui-markets-header",className:cn("oui-overflow-hidden",e.className),children:[jsx(as,{total24Amount:r,totalOpenInterest:s,tvl:n}),jsx(Box,{intensity:900,r:"xl",p:3,mt:3,children:jsxs(Tabs,{size:"md",value:l,onValueChange:m,children:[jsx(TabPanel,{title:u("markets.newListings"),value:"newListings",testid:"oui-testid-markets-tab",children:jsx(Ht,{data:t,onSymbol:g})}),jsx(TabPanel,{title:u("markets.topGainers"),value:"topGainers",testid:"oui-testid-funding-tab",children:jsx(Ht,{data:o,onSymbol:g})}),jsx(TabPanel,{title:u("markets.topLosers"),value:"topLosers",testid:"oui-testid-funding-tab",children:jsx(Ht,{data:a,onSymbol:g})})]})})]})},as=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=useTranslation(),s=useMemo(()=>[{label:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",r("markets.openInterest")]}),value:o},{label:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsx(Flex,{intensity:900,r:"xl",width:"100%",py:3,className:e.className,children:s?.map((n,i)=>jsx(Fragment,{children:jsx(ss,{...n,className:cn(i!==s.length-1&&"oui-border-r oui-border-line-6")},i)}))})},ss=e=>jsxs(Box,{px:3,width:"100%",className:e.className,children:[jsx(Text,{as:"div",intensity:36,size:"2xs",weight:"semibold",children:e.label}),jsx(Text.numeral,{size:"base",currency:"$",dp:e.dp||2,rm:Decimal.ROUND_DOWN,rule:e.rule||"human",children:e.value})]}),Ht=e=>jsx(Flex,{direction:"column",itemAlign:"start",mt:3,children:e.data?.map((t,o)=>jsx(ns,{item:t,onSymbol:e.onSymbol,className:"oui-px-0"},t.symbol))}),ns=e=>{let{item:t}=e;return jsxs(Flex,{width:"100%",gapX:3,py:2,px:4,className:cn("oui-cursor-pointer hover:oui-bg-base-8",e.className),onClick:()=>{e.onSymbol(t);},children:[jsx(Flex,{width:"100%",gapX:1,children:jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})};var it=e=>{let t=Et(),{isMobile:o}=useScreen();return o?jsx(hr,{className:e.className,...t}):jsx(Vt,{className:e.className,...t})};var pe=e=>{let{symbol:t,onSymbolChange:o}=b(),{t:a}=useTranslation();return jsx("div",{className:"oui-custom-scrollbar oui-h-full oui-overflow-y-auto",children:jsx(Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let s=jsxs(Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsx(Text,{size:"2xs",intensity:36,children:a("markets.column.last")}),jsx(Text,{size:"2xs",intensity:36,children:a("markets.column.24hPercentage")})]}),jsxs(Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsx(Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})]});return jsx(Tooltip,{side:"right",sideOffset:6,content:s,delayDuration:0,children:jsxs(Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:cn("oui-cursor-pointer","hover:oui-bg-base-7",t===r.symbol&&"oui-bg-base-6 hover:oui-bg-base-6"),onClick:()=>{o?.(r);},children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})},r.symbol)})})})};var Xt=e=>{let{symbol:t,favoriteTabs:o,open:a,onOpenChange:r,inputVisible:s,selectedTabs:n,value:i,onValueChange:l,hide:m,hideInput:c,showInput:u,onCheck:g,addTab:d,confirm:p}=e,{t:x}=useTranslation(),h=i?.length>15,S=()=>{if(s)return jsxs(Box,{children:[jsxs(Flex,{gapX:2,children:[jsx(Input,{autoFocus:true,value:i,onValueChange:l,classNames:{root:cn("oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6",h&&"focus-within:oui-outline-danger focus-visible:oui-outline-danger")},autoComplete:"off",suffix:i&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{opacity:1,size:14,className:"oui-cursor-pointer oui-text-base-contrast-20",onClick:()=>{l("");}})})}),jsx(Button,{className:"oui-rounded-sm",size:"sm",onClick:d,disabled:!i||h,children:x("common.add")})]}),h&&jsxs(Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsx("div",{className:"oui-size-1 oui-rounded-full oui-bg-danger"}),jsx(Text,{color:"danger",children:x("markets.favorites.tabs.maxName")})]})]});let F=o.length>=10;return jsx(Tooltip,{open:F?void 0:false,content:jsx(Text,{size:"2xs",intensity:80,children:x("markets.favorites.tabs.maxList")}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:jsx("div",{children:jsxs(Flex,{className:cn(F?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:F?500:600,onClick:F?void 0:u,height:28,r:"base",children:[jsx(PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsx(Text,{className:"",intensity:20,children:x("markets.favorites.dropdown.addPlaceholder")})]})})})},T=jsxs(Flex,{justify:"between",className:"oui-mb-[10px] oui-mt-3",children:[jsxs(Flex,{gapX:1,children:[x("markets.favorites.dropdown.title"),jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:t})]}),jsx(CloseIcon,{size:16,className:"oui-cursor-pointer oui-text-base-contrast",onClick:m})]}),D=jsxs(Box,{children:[jsx(Box,{my:2,className:"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto",children:o?.slice(0,10)?.map(F=>{let M=!!n.find(re=>re.id===F.id);return jsx(Box,{className:"oui-cursor-pointer",children:jsxs(Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{g(F,M);},children:[M?jsx(CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsx(CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsx(Text,{intensity:54,children:F.name})]})},F.id)})}),jsx(Box,{mt:3,pb:5,children:S()})]}),P=jsxs(Flex,{gapX:3,mt:3,children:[jsx(Button,{color:"gray",onClick:m,fullWidth:true,className:"oui-text-sm",size:"md",children:x("common.cancel")},"secondary"),jsx(Button,{onClick:p,fullWidth:true,className:"oui-text-sm",size:"md",children:x("common.confirm")},"primary")]});return jsxs(DropdownMenuRoot,{open:a,onOpenChange:r,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:F=>F.preventDefault(),onClick:F=>F.stopPropagation(),align:"start",alignOffset:-12,sideOffset:24,className:"oui-markets-favorite-dropdown-menu-content oui-bg-base-8",children:jsx(Box,{px:5,pb:5,width:360,children:jsxs(Text,{as:"div",size:"sm",weight:"semibold",children:[T,jsx(Divider,{}),D,P]})})})})]})};function qt(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:a,updateFavoriteTabs:r,updateSymbolFavoriteState:s}=e.favorite,[n,i]=useState(false),[l,m]=useState(false),[c,u]=useState(""),[g,d]=useState([]),p=()=>{i(false);},x=()=>{m(true);},h=()=>{m(false);},S=()=>{u(""),h(),d([]);},T=()=>{let F={name:c||`WatchList_${a.length}`,id:Date.now()};r(F,{add:true}),S();},D=(F,M)=>{d(M?g?.filter(re=>re.id!==F.id):[...g,F]),h();},P=()=>{s(e.row,g,false),i(false);};return useEffect(()=>{if(!n)return;let F=o?.find(M=>M.name===t);F?.tabs?.length&&d(F?.tabs);},[n,o,a,t]),useEffect(()=>{n||S();},[n]),{symbol:t,favoriteTabs:a,open:n,onOpenChange:i,inputVisible:l,selectedTabs:g,value:c,onValueChange:u,hide:p,hideInput:h,showInput:x,onCheck:D,addTab:T,confirm:P}}var Y=e=>{let t=qt(e);return jsx(Xt,{...t,children:e.children})};var de=(e,t=false)=>{let{t:o}=useTranslation();return [{title:`${o("markets.column.market")} / ${o("common.volume")}`,dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(a,r)=>{let s;return t||(s=jsx(Y,{row:r,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:r.isFavorite?jsx(me,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{children:[s,jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:a})]})]})}},{title:o("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(a,r)=>{let s=l=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),l.stopPropagation();},n="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(Me,{className:n,onClick:l=>{l.stopPropagation(),e.pinToTop(r);}}),jsx(Ne,{className:n,onClick:s})]})});return jsxs("div",{className:"oui-relative",children:[t&&i,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:a})]})]})}}]};var Yt=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,getColumns:n,collapsed:i,isFavoritesList:l,renderHeader:m}=e,{symbol:c,onSymbolChange:u}=b(),g=de(a,l),d=typeof n=="function"?n(a,l):g;return i?jsx(pe,{dataSource:o}):jsxs(Fragment,{children:[m?.(a),jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:d,loading:t,dataSource:o,onRow:(p,x)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{u?.(p),a.addToHistory(p);}}),generatedRowKey:p=>p.symbol,rowSelection:{[c]:true},onSort:r,initialSort:s?{sortKey:s.sortKey,sort:s.sortOrder}:void 0,manualSorting:true})]})};var Nr=(o=>(o.Markets="markets",o.Funding="funding",o))(Nr||{}),A=(r=>(r.Favorites="favorites",r.Recent="recent",r.All="all",r.NewListing="newListing",r))(A||{}),Pr=(o=>(o.Overview="overview",o.Comparison="comparison",o))(Pr||{});var Ws={all:MarketsType.ALL,favorites:MarketsType.FAVORITES,recent:MarketsType.RECENT,newListing:MarketsType.NEW_LISTING},Qt=e=>{let[t,o]=useState(true),[a,r]=useMarkets(Ws[e.type]||MarketsType.ALL),{favorites:s,selectedFavoriteTab:n}=r,{searchValue:i}=b(),{onSort:l,getSortedList:m}=I(e.initialSort,e.onSort),c=useMemo(()=>{let g=typeof e.dataFilter=="function"?e.dataFilter(a,{favorites:s,selectedFavoriteTab:n}):a,d=L(g,i,"base");return m(d)},[a,m,i,e.dataFilter,s,n]);useEffect(()=>{o(false);},[a]);let u=e.type==="favorites";return {loading:t,dataSource:c,favorite:r,onSort:l,isFavoritesList:u}};var Q=e=>{let t=Qt(e);return jsx(Yt,{...t,initialSort:e.initialSort,getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName,renderHeader:e.renderHeader})};var B=e=>{let{classNames:t,suffix:o}=e,{t:a}=useTranslation(),{searchValue:r,onSearchValueChange:s,clearSearchValue:n}=b();return jsx(Input,{value:r,onValueChange:s,placeholder:a("markets.search.placeholder"),classNames:{...t,root:cn("oui-mt-px oui-border oui-border-line",t?.root)},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(ir,{className:"oui-text-base-contrast-36"})}),suffix:o||r&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:n})}),autoComplete:"off"})};function ut(e,t=false){return {title:i18n.t("common.symbol"),dataIndex:"symbol",width:150,render:(o,a)=>{let r;return t||(r=jsx(Y,{row:a,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsx(me,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{gapX:1,children:[r,jsx(TokenIcon,{symbol:o,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o}),jsxs(Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]})}}}function ct(){return {title:i18n.t("markets.column.last"),dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(e,t)=>jsx(Text.numeral,{dp:t.quote_dp||2,size:"2xs",children:e})}}function pt(){return {title:i18n.t("markets.column.24hPercentage"),dataIndex:"change",align:"right",onSort:true,width:80,render:e=>jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:e})}}var to=e=>{let{open:t,setOpen:o,container:a,inputRef:r,inputWidth:s,spanRef:n,editing:i,value:l,onValueChange:m,updateCurTab:c,onEdit:u,addTab:g,delTab:d,size:p="default",scrollable:x}=e,{t:h}=useTranslation(),{selectedFavoriteTab:S,favoriteTabs:T,updateSelectedFavoriteTab:D}=e.favorite,P=p==="sm"?28:36,F=p==="sm"?18:24,M=l?.length>15,re="oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)]",Dt=y=>{modal.confirm({title:h("markets.favorites.tabs.delete.dialog.title"),content:jsx(Text,{size:"sm",children:h("markets.favorites.tabs.delete.dialog.description",{name:y.name})}),onOk(){return d(y),Promise.resolve()}});},Ot=y=>{y.key==="Enter"&&c(M);},_t=y=>jsxs(Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsx(sr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{u(y);}}),jsx(nr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{Dt(y);}})]}),ot=()=>{let y=T.length>=10,_=jsx(Flex,{className:cn("oui-inline-flex",y?"oui-cursor-not-allowed":"oui-cursor-pointer",y?"oui-bg-base-3":re),width:P,height:F,r:"base",justify:"center",itemAlign:"center",onClick:y?void 0:g,children:y?jsx(mr,{className:"oui-z-[1] oui-size-3 oui-text-base-contrast-54"}):jsx(ur,{className:"oui-size-3"})});return y?jsx(Tooltip,{content:jsx(Text,{size:"2xs",intensity:80,children:"Maximum 10 groups in the favorite list"}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:_}):_},O=y=>jsx(Tooltip,{open:M,content:jsx(Text,{size:"2xs",intensity:80,children:"List name cannot exceed 15 characters"}),className:"oui-bg-base-6",delayDuration:0,sideOffset:0,children:jsx(Input,{ref:r,style:M?{width:s}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:s},classNames:{root:cn("oui-my-px oui-rounded oui-p-0 oui-px-2","focus-within:oui-outline-transparent focus-visible:oui-outline-none",p==="sm"?"oui-h-[18px]":"oui-h-[24px]",y&&cn(M?"oui-bg-danger/15":re)),input:cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",M?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",p==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:m,onBlur:()=>{c(M);},onKeyUp:Ot,autoComplete:"off"})}),be=(y,_)=>{if(i&&_)return O(_);let ae={weight:"semibold",size:p==="sm"?"2xs":"sm",className:p==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},Bt=_?jsx(Text.gradient,{color:"brand",angle:270,...ae,children:y.name}):jsx(Text,{...ae,children:y.name});return jsx(Box,{r:"base",px:2,height:F,className:cn("oui-cursor-pointer oui-select-none",_?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",_?re:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{D(y),_&&o(true);},children:Bt})};return jsxs(Flex,{width:"100%",gapX:3,className:e.className,children:[jsxs(Flex,{ref:a,id:"oui-markets-favorites-tabs-container",className:cn("oui-hide-scrollbar oui-relative oui-cursor-pointer","oui-overflow-hidden oui-overflow-x-auto"),gapX:p==="sm"?2:3,width:"100%",children:[T?.slice(0,10)?.map(y=>{let _=S.id===y.id;return jsx(Tooltip,{open:_&&!i?t:false,onOpenChange:ae=>{_&&o(ae);},content:_t(y),delayDuration:0,className:cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:be(y,_)},y.id)}),!x&&ot(),jsx(Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),x&&ot()]})};function ro(e){let{favorite:t,size:o="default"}=e,{favorites:a,favoriteTabs:r,selectedFavoriteTab:s,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[m,c]=useState(false),[u,g]=useState(false),[d,p]=useState(""),[x,h]=useState(false),S=useRef(null),T=useRef(null),D=useRef(null),[P,F]=useState(50),M=()=>{setTimeout(()=>{let{scrollWidth:be,clientWidth:y}=S.current||{};be>y&&h(true);},0);},re=()=>{setTimeout(()=>{S.current&&(S.current.scrollLeft=S.current.scrollWidth-S.current.clientWidth);},0);},Dt=O=>{g(true),p(O.name),setTimeout(()=>{T.current?.focus(),T.current?.setSelectionRange(-1,-1);},0);},Ot=O=>{n({...s,name:O?s.name:d},{update:true}),g(false),c(false),M();},_t=()=>{let O={name:`WatchList_${r.length}`,id:Date.now()};n(O,{add:true}),i(O),M(),re();},ot=O=>{n(O,{delete:true}),setTimeout(()=>{let be=a.map(ae=>({...ae,tabs:ae.tabs?.filter(Bt=>Bt.id!==O.id)}));l(be);let y=r.filter(ae=>ae.id!==O.id),_=y?.[y?.length-1]||y?.[0];i(_);},0);};return useEffect(()=>{if(d){let O=D.current?.getBoundingClientRect(),be=o==="sm"?0:14;F(Math.max((O?.width||0)+be,50));}},[d]),useEffect(()=>{M();},[]),{favorite:t,open:m,setOpen:c,container:S,inputRef:T,inputWidth:P,spanRef:D,editing:u,value:d,onValueChange:p,onEdit:Dt,updateCurTab:Ot,addTab:_t,delTab:ot,scrollable:x}}var Fe=e=>{let{className:t,...o}=e,a=ro(o);return jsx(to,{...a,size:e.size,className:t})};function J(){let e=useCallback(a=>jsx(Box,{px:3,className:"oui-my-[6px]",children:jsx(Fe,{favorite:a,size:"sm"})}),[]),t=useCallback((a,r)=>{let{favorites:s,selectedFavoriteTab:n}=r;return s?.filter(i=>i.tabs?.findIndex(l=>l.id===n.id)!==-1)?.map(i=>{let l=a?.findIndex(m=>m.symbol===i.name);return l!==-1?a[l]:null})?.filter(i=>i)},[]),o=useCallback(a=>a==="favorites"?{renderHeader:e,dataFilter:t}:{},[e,t]);return {renderHeader:e,dataFilter:t,getFavoritesProps:o}}var Br=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=useTranslation(),n=useCallback((m,c=false)=>[ut(m,c),ct(),pt()],[]),{getFavoritesProps:i}=J(),l=m=>jsxs(Fragment,{children:[jsx(B,{classNames:{root:cn("oui-mx-3 oui-mb-4 oui-mt-5",t!=="favorites"&&"oui-mb-2")}}),jsx(Q,{type:m,initialSort:a[m],onSort:r(m),getColumns:n,rowClassName:"!oui-h-[34px]",...i(m)})]});return jsx(Box,{id:"oui-markets-list",intensity:900,py:3,mt:2,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"lg",value:t,onValueChange:o,classNames:{scrollIndicator:"oui-mx-3"},showScrollIndicator:true,children:[jsx(TabPanel,{title:s("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:l("favorites")}),jsx(TabPanel,{title:s("markets.allMarkets"),icon:jsx(rt,{}),value:"all",children:l("all")}),jsx(TabPanel,{title:s("markets.newListings"),icon:jsx(at,{}),value:"new",children:l("newListing")})]})})};function j(e){let[t,o]=useSessionStorage(e.storageKey,{all:{sortKey:"24h_amount",sortOrder:"desc"}}),a=useCallback(r=>s=>{o({...t,[r]:s});},[t]);return {tabSort:t,onTabSort:a}}var mn="orderly_mobile_markets_tab_sort";function no(){let[e,t]=useState("all"),{clearSearchValue:o}=b(),{tabSort:a,onTabSort:r}=j({storageKey:mn});return useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:s=>t(s),tabSort:a,onTabSort:r}}var bt=(e,t=false)=>{let{t:o}=useTranslation();return useMemo(()=>[{title:jsx(Ge,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,s)=>{let i=jsx(Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?l=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,true),l.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:r?jsx(U,{className:"oui-text-[rgba(255,154,46,1)]"}):jsx(Ge,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsx(Y,{row:s,favorite:e,children:i})}},{title:o("markets.column.market"),dataIndex:"symbol",width:90,render:r=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:r})},{title:o("common.price"),dataIndex:"24h_close",width:100,align:"right",onSort:true,render:(r,s)=>jsx(Text.numeral,{dp:s.quote_dp||2,currency:"$",children:r})},{title:o("markets.column.24hChange"),dataIndex:"change",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{title:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",o("markets.column.24hVolume")]}),dataIndex:"24h_amount",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",o("markets.openInterest")]}),dataIndex:"openInterest",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:o("markets.dataList.column.8hFunding"),dataIndex:"8h_funding",width:100,align:"right",onSort:true,render:r=>r===null?"--":jsx(Text.numeral,{rule:"percentages",coloring:true,dp:4,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{dataIndex:"action",type:"action",width:40,render:(r,s)=>t?jsx(Flex,{justify:"end",mr:4,children:jsx(Tooltip,{content:o("markets.dataList.column.moveTop"),align:"center",delayDuration:0,children:jsx(Box,{className:"oui-hidden oui-cursor-pointer group-hover:oui-block",onClick:n=>{n.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsx(lr,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t,o])};var io=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,pagination:s}=e,{symbol:n,onSymbolChange:i}=b(),l=bt(o,true);return jsxs("div",{children:[jsx(Fe,{favorite:o,className:"oui-my-3"}),jsx(DataTable,{bordered:true,columns:l,dataSource:t,emptyView:jsx(Flex,{className:"oui-text-xs oui-text-base-contrast-36",children:jsx(Trans,{i18nKey:"markets.dataList.favorites.empty",components:[jsx(Ge,{className:"oui-text-base-contrast-36"},"0")]})}),loading:r,onRow:(c,u)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:true},onSort:a,pagination:s,manualSorting:true})]})};var lo=()=>{let{pageSize:e,setPage:t,pagination:o}=usePagination({pageSize:10}),[a,r]=useMarkets(MarketsType.FAVORITES),[s,n]=useState(true),{favorites:i,selectedFavoriteTab:l}=r,{searchValue:m}=b(),{onSort:c,getSortedList:u}=I(),g=useMemo(()=>{let p=i?.filter(x=>x.tabs?.findIndex(h=>h.id===l.id)!==-1)?.map(x=>{let h=a?.findIndex(S=>S.symbol===x.name);return h!==-1?a[h]:null})?.filter(x=>!!x);return L(p,m,"base-type")},[a,l,i,m]),d=useMemo(()=>u(g),[g,u]);return useEffect(()=>{n(false);},[i]),useEffect(()=>{t(1);},[m]),{loading:s,dataSource:d,favorite:r,onSort:c,pagination:o}};var mo=()=>{let e=lo();return jsx(io,{...e})};var uo=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,type:n,pagination:i}=e,{symbol:l,onSymbolChange:m}=b(),c=bt(a,false);return jsx(DataTable,{bordered:true,columns:c,loading:t,dataSource:o,onRow:(u,g)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{m?.(u),a.addToHistory(u);},"data-testid":`oui-testid-markets-${n==="new"?"newListing":"all"}-tr-${u.symbol}`}),generatedRowKey:u=>u.symbol,rowSelection:{[l]:true},onSort:r,initialSort:s,pagination:i,classNames:{header:"oui-h-12"},manualSorting:true})};var po=e=>{let[t,o]=useState(true),{setPage:a,pagination:r}=usePagination({pageSize:10}),[s,n]=useMarkets(MarketsType.ALL),{searchValue:i}=b(),{onSort:l,getSortedList:m,sort:c}=I(e.initialSort),u=useMemo(()=>{let d=L(s,i,"base-type");return m(d)},[s,m,i]);useEffect(()=>{o(false);},[s]),useEffect(()=>{a(1);},[i]),useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",c?.sortKey,c?.sortOrder);},[c,e.type]);let g=useMemo(()=>{let d=e.type==="all"?n.tabSort?.all:void 0;return {sortKey:d?.sortKey||e?.initialSort?.sortKey,sort:d?.sortOrder||e?.initialSort?.sortOrder}},[n.tabSort,e.initialSort,e.type]);return {loading:t,dataSource:u,favorite:n,onSort:l,pagination:r,initialSort:g}};var xt=e=>{let t=po(e);return jsx(uo,{...t,type:e.type})};var fo=e=>{let{activeTab:t,onTabChange:o}=e,{t:a}=useTranslation();return jsx(Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:jsx(B,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsx(TabPanel,{title:a("markets.favorites"),icon:jsx(U,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsx(mo,{})}),jsx(TabPanel,{title:a("markets.allMarkets"),icon:jsx(rt,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsx(xt,{type:"all",initialSort:{sortKey:"24h_amount",sortOrder:"desc"}})}),jsx(TabPanel,{title:a("markets.newListings"),icon:jsx(at,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsx(xt,{type:"new",initialSort:{sortKey:"created_time",sortOrder:"desc"}})})]})})};var vt=()=>{let{isMobile:e}=useScreen(),t=no();return e?jsx(Br,{...t}):jsx(fo,{...t})};var xo=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=useTranslation(),n="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:i}=J(),l=m=>jsx("div",{className:n,children:jsx(Q,{type:m,initialSort:a[m],onSort:r(m),tableClassNames:{scroll:cn("oui-px-1",m==="favorites"?"oui-pb-9":"oui-pb-2")},...i(m)})});return jsxs(Box,{className:cn("oui-overflow-hidden oui-font-semibold"),height:"100%",children:[jsx(Box,{px:3,pb:2,children:jsx(B,{})}),jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:n,showScrollIndicator:true,children:[jsx(TabPanel,{title:s("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:l("favorites")}),jsx(TabPanel,{title:s("markets.recent"),value:"recent",children:l("recent")}),jsx(TabPanel,{title:s("common.all"),value:"all",children:l("all")}),jsx(TabPanel,{title:s("markets.newListings"),value:"newListing",children:l("newListing")})]})]})};var We="orderly_side_markets_tab_sort";function vo(e){let[t,o]=useState(e.activeTab),{tabSort:a,onTabSort:r}=j({storageKey:We}),{clearSearchValue:s}=b(),n=useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),useEffect(()=>{s?.();},[t]),{activeTab:t,onTabChange:n,tabSort:a,onTabSort:r}}var ho=e=>{let t=vo({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsx(K,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(xo,{...t})})};var fe=(e=5)=>t=>t===0?jsx(Text,{children:" - "}):jsx(Text.numeral,{rule:"percentages",dp:e,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:t}),yt=(e,t)=>{let{t:o}=useTranslation(),{isMobile:a}=useScreen();return useMemo(()=>[{title:o("markets.column.market"),dataIndex:"symbol",width:135,className:a?"oui-pl-0":void 0,render:r=>jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r,className:a?"oui-size-[18px]":"oui-size-5"}),jsx(Text.formatted,{rule:"symbol",formatString:"base-type",weight:"semibold",children:r})]})},{title:o("markets.funding.column.estFunding"),dataIndex:"estFunding",width:120,onSort:true,render:(r,s)=>jsxs("div",{children:[jsx(Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r}),jsx("span",{className:"oui-text-base-contrast-54",children:`/ ${s.fundingInterval}h`})]})},{title:o("markets.funding.column.lastFunding"),dataIndex:"lastFunding",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.1dAvg"),dataIndex:"funding1d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.3dAvg"),dataIndex:"funding3d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.7dAvg"),dataIndex:"funding7d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.14dAvg"),dataIndex:"funding14d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.30dAvg"),dataIndex:"funding30d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.90dAvg"),dataIndex:"funding90d",width:90,onSort:true,render:fe()},{title:jsxs("div",{className:"oui-flex oui-gap-1",children:[jsx(Kn,{value:e,onValueChange:t}),jsx("span",{children:o("markets.funding.column.positiveRate")})]}),dataIndex:e,width:130,align:"right",onSort:true,render:fe(2)}],[o,a,e,t])},Kn=e=>{let{t}=useTranslation(),{isMobile:o}=useScreen(),a=useMemo(()=>[{label:t("common.select.1d"),value:"1dPositive"},{label:t("common.select.3d"),value:"3dPositive"},{label:t("common.select.7d"),value:"7dPositive"},{label:t("common.select.14d"),value:"14dPositive"},{label:t("common.select.30d"),value:"30dPositive"},{label:t("common.select.90d"),value:"90dPositive"}],[t]);return o?jsx(Picker,{size:"sm",value:e.value,onValueChange:e.onValueChange,options:a}):jsx(Select.options,{size:"xs",value:e.value,onValueChange:e.onValueChange,options:a})};var yo=e=>{let{dataSource:t,isLoading:o,pagination:a,onSort:r}=e,[s,n]=useState("1dPositive"),i=yt(s,n);return jsx(DataTable,{columns:i,dataSource:t,loading:o,bordered:true,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:a,onSort:r,manualSorting:true,generatedRowKey:l=>l.symbol})};var Fo=()=>{let{pagination:e}=usePagination({pageSize:10}),[t]=useMarkets(MarketsType.ALL),{data:o,isLoading:a,getPositiveRates:r}=useFundingRateHistory(),s=useFundingRates(),{onSort:n,getSortedList:i}=I(),{searchValue:l}=b(),m=useMemo(()=>{if(!t?.length)return [];let d=["1d","3d","7d","14d","30d","90d"].reduce((p,x)=>(p[x]=r(o,x),p),{});return t.map(p=>{let x=p.symbol,h=o?.find(D=>D.symbol===x),S=s[x],T=ti(S("next_funding_time"),S("last_funding_rate_timestamp"));return {symbol:x,estFunding:S("est_funding_rate"),lastFunding:S("last_funding_rate"),fundingInterval:T,funding1d:h?.funding?.["1d"]?.rate??0,funding3d:h?.funding?.["3d"]?.rate??0,funding7d:h?.funding?.["7d"]?.rate??0,funding14d:h?.funding?.["14d"]?.rate??0,funding30d:h?.funding?.["30d"]?.rate??0,funding90d:h?.funding?.["90d"]?.rate??0,"1dPositive":d["1d"][x]??"-","3dPositive":d["3d"][x]??"-","7dPositive":d["7d"][x]??"-","14dPositive":d["14d"][x]??"-","30dPositive":d["30d"][x]??"-","90dPositive":d["90d"][x]??"-"}})},[t,o,s,r]),c=useMemo(()=>L(m,l,"base-type"),[m,l,e]);return {dataSource:useMemo(()=>i(c),[c,i]),isLoading:a,pagination:e,onSort:n}};function ti(e,t){if(!e||!t)return 8;let o=e-t;return Math.round(o/36e5)}var Qr=e=>{let{dataSource:t,isLoading:o,onSort:a}=e,[r,s]=useState("1dPositive"),n=yt(r,s);return jsx(DataTable,{columns:n,dataSource:t,loading:o,onRow:()=>({className:cn("oui-h-[34px] oui-cursor-pointer")}),classNames:{header:"oui-h-9",body:"oui-text-2xs"},onSort:a,manualSorting:true,generatedRowKey:i=>i.symbol})};var je=()=>{let e=Fo(),{isMobile:t}=useScreen();return t?jsx(Qr,{...e}):jsx(yo,{...e})};function ci(e,t){return new Decimal(e||0).mul(t||0).toNumber()}var te="WOOFi Pro",wo=[te,"Binance",`${te} - Binance`,"OKX",`${te} - OKX`,"Bybit",`${te} - Bybit`,"dYdX",`${te} - dYdX`,"Bitget",`${te} - Bitget`,"KuCoin",`${te} - KuCoin`],To=()=>{let{pagination:e}=usePagination({pageSize:10}),{onSort:t,getSortedList:o}=I(),{searchValue:a}=b(),r=useFundingRates(),{data:s,isLoading:n}=useQuery("/v1/public/market_info/funding_comparison"),{data:i}=useMarketsStream(),l=useMemo(()=>!Array.isArray(s)||!s.length?[]:s.map(u=>{let g=i?.find(p=>p.symbol===u.symbol),d={symbol:u.symbol,openInterest:g?ci(g?.open_interest,g?.index_price):"-"};return wo.forEach(p=>{if(p.includes(" - ")){let[,h]=p.replace(/ /g,"").split("-"),S=r[u.symbol],T=S("last_funding_rate")??null,P=u.exchanges?.find(F=>F.name.toLowerCase()===h.toLowerCase())?.last??null;T!==null&&P!==null?d[p]=new Decimal(T).sub(P).toString():d[p]=null;}else if(p===te){let h=r[u.symbol];d[p]=h("last_funding_rate")??null;}else {let h=u.exchanges?.find(S=>S.name.toLowerCase()===p.toLowerCase());d[p]=h?.last??null;}}),d}),[s,r]),m=useMemo(()=>L(l,a,"base-type"),[l,a,e]);return {dataSource:useMemo(()=>o(m),[o,m]),isLoading:n,pagination:e,onSort:t}};var xi="https://oss.orderly.network/static/exchange_logo",kt=()=>{let{t:e}=useTranslation(),{isMobile:t}=useScreen();return useMemo(()=>[{title:e("markets.column.market"),dataIndex:"symbol",width:150,onSort:true,className:t?"oui-pl-0":void 0,render:o=>jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:o,className:t?"oui-size-[18px]":"oui-size-5"}),jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",children:o})]})},{title:jsxs(Flex,{gapX:1,children:[jsx(V,{})," ",e("markets.openInterest")]}),dataIndex:"openInterest",width:120,onSort:true,render:o=>o==="-"?"-":jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:o})},...wo.map(o=>({title:jsxs(Flex,{justify:"start",itemAlign:"center",gap:1,children:[!o.includes(" - ")&&jsx("img",{src:`${xi}/${o.toLowerCase().replace(" ","_")}.png`,className:cn("oui-size-6 oui-rounded-full oui-object-cover",t?"oui-size-[18px]":"oui-size-6")}),o]}),dataIndex:o,onSort:true,width:o.includes(" - ")?160:130,render(a){return a===null?"-":jsx(Text.numeral,{rule:"percentages",dp:5,coloring:!!(o.includes(" - ")||o===te),rm:Decimal.ROUND_DOWN,showIdentifier:true,children:a})}}))],[e,t])};var Io=e=>{let t=kt();return jsx(DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:e.pagination})};var ea=e=>{let t=kt();return jsx(DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:cn("oui-h-[34px] oui-cursor-pointer")}),classNames:{header:"oui-h-9",body:"oui-text-2xs"}})};var et=()=>{let e=To(),{isMobile:t}=useScreen();return t?jsx(ea,{...e}):jsx(Io,{...e})};var Ro=e=>{let{collapsable:t,collapsed:o,onCollapse:a,activeTab:r,onTabChange:s,className:n,tabSort:i}=e,{symbol:l,onSymbolChange:m}=b(),{getFavoritesProps:c}=J(),u=()=>o?jsx(Q,{type:r,initialSort:i[r],collapsed:o,...c(r)}):jsx(ho,{activeTab:r,onTabChange:s,symbol:l,onSymbolChange:m});return jsxs(Flex,{id:"oui-side-markets",className:cn("oui-font-semibold",n),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsx(Ni,{collapsable:t,collapsed:o,onCollapse:a}),jsx(Box,{width:"100%",className:cn(o?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:u()})]})},Ni=e=>{let{collapsable:t,collapsed:o,onCollapse:a}=e,{t:r}=useTranslation(),s=cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return o?jsx(cr,{className:s,onClick:()=>{a?.(false);}}):jsxs(Flex,{justify:"between",px:3,width:"100%",children:[jsx(Text,{size:"base",intensity:80,children:r("common.markets")}),jsx(pr,{className:s,onClick:()=>{a?.(true);}})]})};var Oi="orderly_side_markets_sel_tab_key";function Do(e){let[t,o]=useState(e?.collapsed),[a,r]=useLocalStorage(Oi,"all"),{tabSort:s}=j({storageKey:We}),n=useMemo(()=>e?.collapsable??true,[e?.collapsable]),i=useCallback(l=>{typeof e?.onCollapse=="function"?e.onCollapse(l):o(l);},[e?.onCollapse]);return useEffect(()=>{o(e?.collapsed);},[e?.collapsed]),{collapsable:n,collapsed:t,onCollapse:i,activeTab:a,onTabChange:r,tabSort:s}}var _i=e=>{let t=Do({collapsable:e.collapsable,collapsed:e.collapsed,onCollapse:e.onCollapse});return jsx(K,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Ro,{...t,className:e.className})})};var _o=()=>{let{t:e}=useTranslation();return useCallback((t,o=false)=>[ut(t,o),ct(),pt(),{title:e("common.volume"),dataIndex:"24h_amount",align:"right",onSort:true,className:"oui-relative",width:80,render:(a,r)=>{let s=l=>{t.updateSymbolFavoriteState(r,t.selectedFavoriteTab,true),l.stopPropagation();},n="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsx("div",{className:cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxs(Flex,{className:cn("oui-bg-primary-darken oui-py-[6px]","oui-hidden group-hover:oui-inline-flex"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(Me,{className:n,onClick:l=>{l.stopPropagation(),t.pinToTop(r);}}),jsx(Ne,{className:n,onClick:s})]})});return jsxs(Fragment,{children:[o&&i,jsx(Text.numeral,{rule:"human",dp:2,rm:Decimal.ROUND_DOWN,className:cn(o&&"group-hover:oui-invisible"),children:a})]})}}],[e])};var Bo=e=>jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsx(ia,{...e,hide:e.hide})})})]}),ia=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=useTranslation(),n=_o(),i=jsxs(Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsx(B,{classNames:{root:"oui-w-full"}}),jsx(CloseIcon,{size:12,className:"oui-cursor-pointer oui-text-base-contrast-80",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:m}=J(),c=u=>jsx("div",{className:l,children:jsx(Q,{type:u,initialSort:a[u],onSort:r(u),getColumns:n,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]",...m(u)})});return jsxs(Box,{className:cn("oui-overflow-hidden oui-font-semibold"),height:"100%",intensity:800,children:[i,jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsx(TabPanel,{title:s("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:c("favorites")}),jsx(TabPanel,{title:s("markets.recent"),value:"recent",children:c("recent")}),jsx(TabPanel,{title:s("common.all"),value:"all",children:c("all")}),jsx(TabPanel,{title:s("markets.newListings"),value:"newListing",children:c("newListing")})]})]})};var el="orderly_dropdown_markets_sel_tab_key",tl="orderly_dropdown_markets_tab_sort";function Wo(){let[e,t]=useState(false),[o,a]=useLocalStorage(el,"all"),{tabSort:r,onTabSort:s}=j({storageKey:tl}),{clearSearchValue:n}=b(),i=()=>{t(false);};return useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:l=>a(l),open:e,onOpenChange:t,hide:i,tabSort:r,onTabSort:s}}var Vo=e=>{let t=Wo();return jsx(K,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Bo,{...t,contentClassName:e.contentClassName,children:e.children})})};var ua=(e,t=false)=>[{title:`${i18n.t("markets.column.market")} / ${i18n.t("common.volume")}`,dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(o,a)=>{let r;return t||(r=jsx(Y,{row:a,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsx(me,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{children:[r,jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:a.symbol,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:a.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:o})]})]})}},{title:i18n.t("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(o,a)=>{let r=i=>{e.updateSymbolFavoriteState(a,e.selectedFavoriteTab,true),i.stopPropagation();},s="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(Me,{className:s,onClick:i=>{i.stopPropagation(),e.pinToTop(a);}}),jsx(Ne,{className:s,onClick:r})]})});return jsxs("div",{className:"oui-relative",children:[t&&n,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:a.quote_dp||2,size:"2xs",children:a["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var Ho=e=>{let{className:t,tabSort:o,onTabSort:a}=e,{t:r}=useTranslation(),{getFavoritesProps:s}=J(),n=i=>jsx(Q,{type:i,initialSort:o[i],onSort:a(i),getColumns:ua,tableClassNames:{root:"!oui-bg-base-8",scroll:cn("oui-pb-[env(safe-area-inset-bottom,_20px)]",i==="favorites"?"oui-h-[calc(100%_-_70px)]":"oui-h-[calc(100%_-_40px)]")},...s(i)});return jsxs(Box,{height:"100%",className:cn("oui-font-semibold",t),children:[jsxs(Box,{px:3,mt:3,mb:2,children:[jsx(Text,{size:"base",intensity:80,children:r("common.markets")}),jsx(B,{classNames:{root:"oui-mt-4"}})]}),jsxs(Tabs,{variant:"contained",size:"md",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsList:cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:"oui-h-[calc(100%_-_92px)]",showScrollIndicator:true,children:[jsx(TabPanel,{title:r("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:n("favorites")}),jsx(TabPanel,{title:r("common.all"),value:"all",children:n("all")})]})]})};var ll="orderly_markets_sheet_sel_tab_key";function Go(){let{tabSort:e,onTabSort:t}=j({storageKey:We}),[o,a]=useLocalStorage(ll,"favorites");return {tabSort:e,onTabSort:t,activeTab:o,onTabChange:a}}var ml=e=>{let t=Go();return jsx(K,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Ho,{...t,className:e.className})})};var Ko=e=>{let{symbol:t,data:o,leverage:a,onSymbol:r}=e,s=jsxs(Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:r,children:[jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:true,children:t}),jsx(st,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxs(Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:3,children:[s,jsxs(Badge,{size:"xs",color:"primary",children:[a,"x"]})]}),jsx(Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsx(Text.numeral,{size:"2xs",rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:o?.change})]}),e.trailing]})};function Xo(e){let{symbol:t}=e,o=useTickerStream(t),a=useSymbolsInfo(),r=useMemo(()=>{let s=a[t],n=s("base_imr");return xl(n)},[t,a]);return {symbol:t,data:o,leverage:r}}function xl(e){return e?1/e:void 0}var vl=e=>{let{symbol:t,...o}=e,a=Xo({symbol:t});return jsx(Ko,{...a,...o})};var qo=e=>{let{symbol:t,isFavorite:o,favorite:a,data:r,quotoDp:s,openInterest:n,fundingRate:i,containerRef:l,leadingElementRef:m,tailingElementRef:c,leadingVisible:u,tailingVisible:g,onScoll:d}=e,{t:p}=useTranslation(),x=jsx(Y,{row:{symbol:t},favorite:a,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o?jsx(me,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),h=jsx(Vo,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxs(Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsx(TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsx(st,{className:"oui-text-base-contrast-54"})]})}),S=jsx(Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:r?.["24h_close"]}),T=jsxs(Fragment,{children:[jsx(Text.numeral,{coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r?.["24h_change"]}),jsx(Text,{intensity:36,children:"/"}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r?.change})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxs(Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:1,children:[x,h]}),jsx(Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),S,jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxs(Flex,{gapX:8,height:"100%",children:[jsx("div",{ref:m,children:jsx(Ee,{label:p("markets.column.24hChange"),value:T})}),jsx(Ee,{label:p("markets.symbolInfoBar.Mark"),value:jsx(Text.numeral,{dp:s,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:r?.mark_price}),hint:p("markets.symbolInfoBar.Mark.tooltip")}),jsx(Ee,{label:p("markets.symbolInfoBar.Index"),value:jsx(Text.numeral,{dp:s,children:r?.index_price}),hint:p("markets.symbolInfoBar.Index.tooltip")}),jsx(Ee,{label:p("markets.symbolInfoBar.24hVolume"),value:jsx(Text.numeral,{rule:"human",dp:2,children:r?.["24h_amount"]}),hint:p("markets.symbolInfoBar.24hVolume.tooltip")}),jsx(Ee,{label:p("markets.symbolInfoBar.predFundingRate"),value:jsx(wl,{symbol:t}),hint:p("markets.symbolInfoBar.predFundingRate.tooltip")}),jsx("div",{ref:c,children:jsx(Ee,{label:p("markets.openInterest"),value:jsxs(Fragment,{children:[jsx(Text.numeral,{rule:"human",dp:2,children:n}),jsx(Text,{intensity:36,children:" USDC"})]}),hint:p("markets.openInterest.tooltip")})})]})}),jsx(ba,{leading:true,onClick:d,visible:u}),jsx(ba,{tailing:true,onClick:d,visible:g})]})]}),e.trailing]})},Ee=e=>jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Tooltip,{open:e.hint?void 0:false,content:e.hint,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsx(Text,{size:"2xs",intensity:36,className:cn("oui-data-label","oui-break-normal oui-whitespace-nowrap",e.hint&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:e.label})}),jsx(Text,{size:"2xs",intensity:98,className:cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),ba=e=>{let{visible:t,leading:o,tailing:a,onClick:r}=e;return t?jsx("button",{onClick:()=>{r?.(o?"left":"right");},style:{background:"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)"},className:cn("oui-flex oui-items-center oui-w-[80px]","oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l",o&&"oui-left-0 oui-pl-1",a&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsx(dr,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},wl=({symbol:e})=>{let t=useFundingRate(e);return t?.est_funding_rate===null?"--":jsxs("div",{children:[jsx(Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsx(Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function Yo(e){let{symbol:t}=e,o=useTickerStream(t),a=useFundingRate(t),r=useMarketsStore(),n=useSymbolsInfo()[t]("quote_dp"),[i,l]=useState(false),[m,c]=useState(false),u=useRef(null),g=useRef(null),d=useRef(null),p=useMemo(()=>!!r.favorites.find(S=>S.name===t),[r.favorites,t]),x=useMemo(()=>new Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return useEffect(()=>{let S=new IntersectionObserver(T=>{for(let D=0;D<T.length;D++){let P=T[D];P&&(P.target===g.current&&l(!P.isIntersecting),P.target===d.current&&c(!P.isIntersecting));}});return g.current&&S.observe(g.current),d.current&&S.observe(d.current),()=>{S.disconnect();}},[]),{symbol:t,isFavorite:p,favorite:r,data:o,quotoDp:n,openInterest:x,fundingRate:a,containerRef:u,leadingElementRef:g,tailingElementRef:d,leadingVisible:i,tailingVisible:m,onScoll:S=>{S==="left"?u.current?.scrollBy({left:-100,behavior:"smooth"}):u.current?.scrollBy({left:100,behavior:"smooth"});}}}var Rl=e=>{let{symbol:t,...o}=e,a=Yo({symbol:t});return jsx(qo,{...a,...o})};var Qo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=b(),m=de(o,false),c=typeof s=="function"?s(o,false):m;return n?jsx(pe,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,dataSource:t,loading:r,onRow:(u,g)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var Zo=()=>{let[e,t]=useMarkets(MarketsType.NEW_LISTING),[o,a]=useState(true),{searchValue:r}=b(),{onSort:s,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,r,"base");return n(l)},[e,r,n]);return useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var zl=e=>{let t=Zo();return jsx(Qo,{...t,...e})};var Jo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=b(),m=de(o,true),c=typeof s=="function"?s(o,true):m;return n?jsx(pe,{dataSource:t}):jsxs(Fragment,{children:[jsx(Box,{px:3,className:"oui-my-[6px]",children:jsx(Fe,{favorite:o,size:"sm"})}),jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,dataSource:t,loading:r,onRow:(u,g)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})]})};var jo=()=>{let[e,t]=useMarkets(MarketsType.FAVORITES),[o,a]=useState(true),{favorites:r,selectedFavoriteTab:s}=t,{searchValue:n}=b(),{onSort:i,getSortedList:l}=I(),m=useMemo(()=>{let c=r?.filter(g=>g.tabs?.findIndex(d=>d.id===s.id)!==-1)?.map(g=>{let d=e?.findIndex(p=>p.symbol===g.name);return d!==-1?e[d]:null})?.filter(g=>!!g),u=L(c,n,"base");return l(u)},[e,s,r,n,l]);return useEffect(()=>{a(false);},[e]),{loading:o,dataSource:m,favorite:t,onSort:i}};var Zl=e=>{let t=jo();return jsx(Jo,{...t,...e})};var er=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=b(),m=de(o,false),c=typeof s=="function"?s(o,false):m;return n?jsx(pe,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,dataSource:t,loading:r,onRow:(u,g)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var tr=()=>{let[e,t]=useMarkets(MarketsType.RECENT),[o,a]=useState(true),{searchValue:r}=b(),{onSort:s,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,r,"base");return n(l)},[e,r,n]);return useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var sm=e=>{let t=tr();return jsx(er,{...t,...e})};var Ma=e=>{let{t}=useTranslation(),o=jsx(B,{classNames:{root:cn("oui-mb-2 oui-mt-5")}});return jsx(Box,{intensity:900,p:3,mt:2,mb:5,r:"xl",height:"100%",className:"oui-markets-funding-list",children:jsxs(Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,children:[jsx(TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxs(Fragment,{children:[o,jsx(je,{})]})}),jsx(TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxs(Fragment,{children:[o,jsx(et,{})]})})]})})};function Na(){let[e,t]=useState("overview");return {activeTab:e,onTabChange:t}}var Ia=e=>{let{t}=useTranslation();return jsx(Box,{intensity:900,p:6,mt:4,r:"2xl",className:"oui-markets-funding-list",children:jsxs(Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,trailing:jsx(B,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsx(TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsx(je,{})}),jsx(TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsx(et,{})})]})})};var rr=()=>{let e=Na(),{isMobile:t}=useScreen();return t?jsx(Ma,{...e}):jsx(Ia,{...e})};var Sm=e=>{let{isMobile:t}=useScreen(),[o,a]=useState("markets");return jsx(K,{onSymbolChange:e.onSymbolChange,children:jsx("div",{id:"oui-markets-home-page",className:cn("oui-font-semibold",e.className),children:t?jsx(km,{activeTab:o,onTabChange:a}):jsx(ym,{activeTab:o,onTabChange:a})})})},ym=e=>{let{t}=useTranslation();return jsx(Box,{p:6,children:jsxs(Tabs,{size:"xl",value:e.activeTab,onValueChange:e.onTabChange,children:[jsxs(TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsx(it,{className:"oui-mt-4"}),jsx(vt,{})]}),jsx(TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsx(rr,{})})]})})},km=e=>{let{t}=useTranslation();return jsxs(Tabs,{variant:"text",size:"xl",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsListContainer:"oui-border-0",tabsList:"oui-mx-6 oui-my-2",trigger:cn("oui-text-2xl oui-font-bold","data-[state=active]:after:oui-bg-transparent!"),tabsContent:"oui-px-3"},children:[jsxs(TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsx(it,{className:"oui-mt-2"}),jsx(vt,{})]}),jsx(TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsx(rr,{})})]})};
10
+ var ir=createContext({}),X=e=>{let[t,o]=useState(""),a=useCallback(()=>{o("");},[]);return jsx(ir.Provider,{value:{searchValue:t,onSearchValueChange:o,clearSearchValue:a,symbol:e.symbol,onSymbolChange:e.onSymbolChange},children:e.children})};function x(){return useContext(ir)}var lr=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z"})})]}),mr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M7.205 1.334c-.345 0-.674.136-.918.38L6.001 2H2.667a.667.667 0 1 0 0 1.334h10.667a.667.667 0 1 0 0-1.334h-3.333l-.287-.286a1.3 1.3 0 0 0-.918-.38zM2.911 4.667l1.018 8.842c.088.66.656 1.158 1.322 1.158h5.498c.666 0 1.235-.497 1.323-1.163l1.019-8.837z"})}),rt=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"12",height:"12",children:jsx("path",{fill:"#D9D9D9",d:"M0 0h12v12H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M8.5 10a.48.48 0 0 1-.356-.144A.48.48 0 0 1 8 9.5V7q0-.213.144-.356A.48.48 0 0 1 8.5 6.5h1q.212 0 .356.144A.48.48 0 0 1 10 7v2.5q0 .212-.144.356A.48.48 0 0 1 9.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 5 9.5v-7q0-.212.144-.356A.48.48 0 0 1 5.5 2h1q.213 0 .356.144A.48.48 0 0 1 7 2.5v7q0 .212-.144.356A.48.48 0 0 1 6.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 2 9.5V5q0-.213.144-.356A.48.48 0 0 1 2.5 4.5h1q.212 0 .356.144A.48.48 0 0 1 4 5v4.5q0 .212-.144.356A.48.48 0 0 1 3.5 10z"})})]}),at=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.993.958a.416.416 0 0 0-.41.422v.416a.416.416 0 1 0 .832 0V1.38a.416.416 0 0 0-.422-.422M2.749 2.29a.416.416 0 0 0-.29.714l.291.292a.416.416 0 1 0 .589-.588l-.292-.292a.42.42 0 0 0-.298-.126m6.489 0a.42.42 0 0 0-.286.126l-.292.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m-3.239.753a2.895 2.895 0 0 0-2.913 2.914A2.86 2.86 0 0 0 4.751 8.58v1.123c0 .458.374.833.832.833h.832a.835.835 0 0 0 .833-.833V8.58a2.86 2.86 0 0 0 1.665-2.622 2.895 2.895 0 0 0-2.914-2.914M1.421 5.541a.416.416 0 1 0 0 .833h.417a.416.416 0 1 0 0-.833zm8.74 0a.416.416 0 1 0 0 .833h.416a.417.417 0 1 0 0-.833zM3.037 8.492a.42.42 0 0 0-.287.126l-.291.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m5.913 0a.416.416 0 0 0-.29.714l.292.292a.416.416 0 1 0 .588-.588l-.292-.292a.42.42 0 0 0-.298-.126"})}),U=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"m10 14.074-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]}),Ge=e=>jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"21",children:jsx("path",{fill:"#D9D9D9",d:"M0 .5h20v20H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 14.396 10 12.813l2.688 1.583-.709-3 2.313-1.98-3.063-.27L10 6.292 8.77 9.146l-3.062.27 2.334 1.98zM10 14.074l-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z"})})]});var ur=e=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7"})}),cr=e=>jsx("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M10 5.5a.76.76 0 0 0-.583.25l-4.334 4c0 .083-.083.25-.083.333 0 .25.167.417.417.417h2.916v6.667c0 .416.334.833.834.833h1.666c.5 0 .834-.417.834-.833V10.5h2.916c.25 0 .417-.167.417-.417 0-.083-.083-.25-.083-.333l-4.25-4.084c-.25-.083-.417-.166-.667-.166M2.177 3.06A.8.8 0 0 1 2.5 3h15a.834.834 0 1 1 0 1.667h-15a.833.833 0 0 1-.323-1.607"})}),E=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.015.34h-.029a5.98 5.98 0 0 0-3.93 1.477c-.074.065-.027.184.072.184h7.745c.099 0 .146-.119.072-.184A5.98 5.98 0 0 0 6.015.341M3.48 7.866a.23.23 0 0 1 .187.1A2.85 2.85 0 0 0 6 9.178a2.85 2.85 0 0 0 2.334-1.213.23.23 0 0 1 .186-.1h3.104c.09 0 .155.086.13.172A6 6 0 0 1 6 12.327a6 6 0 0 1-5.755-4.29.134.134 0 0 1 .13-.172zM8.26 4.6a.29.29 0 0 0 .229.116h3.11c.09 0 .156-.086.13-.173a6 6 0 0 0-1.106-2.03.22.22 0 0 0-.165-.077H1.543a.22.22 0 0 0-.165.077 6 6 0 0 0-1.105 2.03.134.134 0 0 0 .13.173h3.11A.29.29 0 0 0 3.74 4.6 2.85 2.85 0 0 1 6 3.488c.92 0 1.738.436 2.26 1.112m.414 2.717c-.02.055.02.115.079.115h3.033a.135.135 0 0 0 .133-.112 6 6 0 0 0-.015-2.058.135.135 0 0 0-.133-.11H8.72c-.06 0-.1.061-.078.117a2.83 2.83 0 0 1 .032 2.048m-5.427.115c.06 0 .1-.06.079-.115a2.84 2.84 0 0 1 .032-2.048.085.085 0 0 0-.078-.118H.23a.135.135 0 0 0-.134.11A6 6 0 0 0 .08 7.32c.01.065.067.112.133.112z"})}),me=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531"})}),ue=e=>jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531m0 1.297 1.03 2.108c.073.15.211.242.375.266l2.343.343-1.702 1.64a.48.48 0 0 0-.14.437l.405 2.312L6.246 9.03a.5.5 0 0 0-.468 0L3.7 10.123l.39-2.296a.52.52 0 0 0-.14-.453l-1.687-1.64 2.327-.328a.52.52 0 0 0 .39-.28z"})}),Me=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M2.01 2.915a.667.667 0 1 0 0 1.334h12a.667.667 0 0 0 0-1.334zM7.343 13.59a.667.667 0 0 0 1.333 0V7.88l2 1.98.937-.938L8.49 5.777a.686.686 0 0 0-.959 0L4.405 8.923l.938.937 2-1.979z"})}),Ne=e=>jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.67 2.203A2.667 2.667 0 0 0 2.005 4.87v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.87a2.667 2.667 0 0 0-2.667-2.667zm1.334 3.334c.17 0 .349.057.48.187l1.52 1.52 1.52-1.52a.68.68 0 0 1 .48-.187c.17 0 .349.057.48.187.26.26.26.698 0 .959l-1.521 1.52 1.52 1.52c.26.262.26.699 0 .96a.687.687 0 0 1-.958 0L8.004 9.162l-1.52 1.52a.687.687 0 0 1-.96 0 .687.687 0 0 1 0-.958l1.521-1.52-1.52-1.521a.687.687 0 0 1 0-.96.68.68 0 0 1 .479-.186"})}),pr=e=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("mask",{id:"a",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"16",height:"16",children:jsx("path",{d:"M0 0h16v16H0z"})}),jsx("g",{mask:"url(#a)",children:jsx("path",{d:"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z"})})]}),dr=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[jsx("path",{d:"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z",fill:"url(#paint0_linear_1951_55156)"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_1951_55156",x1:"10.4954",y1:"5.96487",x2:"1.49536",y2:"5.96487",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),gr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),fr=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z"})}),st=e=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M3.003 3.998a.494.494 0 0 0-.39.797l3 4c.2.266.597.266.797 0l3-4a.5.5 0 0 0-.407-.797z"})}),br=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M9.186 3.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L7.463 7.993 9.87 4.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083"})});var Et=e=>{let{emblaRef:t,emblaApi:o,scrollIndex:a,enableScroll:r,news:s,gainers:n,losers:i,total24Amount:l,totalOpenInterest:m,tvl:c,favorite:u}=e,{onSymbolChange:p}=x(),{t:d}=useTranslation(),g=cn("oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]",r&&"oui-cursor-pointer oui-select-none"),b=v=>{p?.(v),u.addToHistory(v);};return jsxs("div",{id:"oui-markets-header",className:cn("oui-overflow-hidden",e.className),ref:r?t:void 0,children:[jsxs(Flex,{width:"100%",gapX:4,children:[jsx(Ka,{total24Amount:l,totalOpenInterest:m,tvl:c,className:g}),jsx(At,{data:s,title:jsx(Text.gradient,{color:"brand",children:d("markets.newListings")}),className:g,onSymbol:b}),jsx(At,{data:n,title:jsx(Text,{className:"oui-text-success-light",children:d("markets.topGainers")}),className:g,onSymbol:b}),jsx(At,{data:i,title:jsx(Text,{className:"oui-text-danger-light",children:d("markets.topLosers")}),className:g,onSymbol:b})]}),jsx("div",{className:"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4",children:jsx($a,{scrollIndex:a,scrollPrev:o?.scrollPrev,scrollNext:o?.scrollNext})})]})},Ka=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=useTranslation(),s=useMemo(()=>[{label:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",r("markets.openInterest")]}),value:o},{label:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsx(Flex,{direction:"column",justify:"between",width:"100%",height:236,className:e.className,children:s?.map((n,i)=>jsx(Xa,{...n},i))})},Xa=e=>jsxs(Box,{intensity:900,r:"lg",px:4,py:3,width:"100%",children:[jsx(Text,{as:"div",intensity:36,size:"xs",weight:"semibold",children:e.label}),jsx(Text.numeral,{size:"base",currency:"$",dp:e.dp||0,rm:Decimal.ROUND_DOWN,rule:e.rule,children:e.value})]}),At=e=>jsxs(Box,{intensity:900,r:"lg",py:4,pb:2,height:236,className:e.className,children:[jsx(Box,{px:4,children:jsx(Text.gradient,{color:"brand",size:"sm",weight:"semibold",children:e.title})}),jsx(Flex,{direction:"column",itemAlign:"start",mt:2,children:e.data?.map((t,o)=>jsx(qa,{item:t,onSymbol:e.onSymbol},t.symbol))})]}),qa=e=>{let{item:t}=e;return jsxs(Flex,{width:"100%",gapX:3,py:2,px:4,className:cn("oui-cursor-pointer hover:oui-bg-base-8",e.className),onClick:()=>{e.onSymbol(t);},children:[jsx(Flex,{width:"100%",gapX:1,children:jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})},$a=e=>{let{scrollIndex:t,scrollPrev:o,scrollNext:a}=e;return jsx(Flex,{gapX:1,justify:"center",className:"3xl:oui-hidden",children:[0,1].map(r=>jsx(Box,{py:1,pl:r===0?1:0,pr:r===1?1:0,onClick:()=>{t===0&&r===1?a?.():t===1&&r===0&&o?.();},className:"oui-cursor-pointer",children:jsx(Box,{width:8,height:4,r:"full",className:cn("oui-transition-all oui-duration-300",t===r?"oui-w-4 oui-bg-base-contrast-36":"oui-bg-base-contrast-20")},r)},r))})};function Xe(e,t){let{sortKey:o,sortOrder:a}=t||{},r=[...e||[]],s=n=>n==null;return o&&a&&r.sort((n,i)=>{let l=n[o],m=i[o];return s(l)?1:s(m)?-1:a==="desc"?m-l:l-m}),r}function I(e,t){let[o,a]=useState(e),r=useCallback(n=>{let i=n?{sortKey:n.sortKey,sortOrder:n.sort}:void 0;a(i),t?.(i);},[]),s=useCallback(n=>Xe(n,o),[o]);return {sort:o,onSort:r,getSortedList:s}}function L(e,t="",o){if(!t)return e;let a=new RegExp(t,"i"),r=t.toLowerCase(),s=[],n=[],i=[];e?.forEach(m=>{let c=zt(m.symbol,o),u=c.toLowerCase();a.test(c)&&(u===r?s.push(m):u.startsWith(r)?n.push(m):i.push(m));});let l=(m,c)=>{let u=zt(m.symbol,o),p=zt(c.symbol,o);return u<p?-1:u>p?1:0};return n.sort(l),i.sort(l),[...s,...n,...i]}function zt(e,t="base"){if(!e)return "";let o=e.split("_"),a=o[0],r=o[1],s=o[2];return t.replace("type",a).replace("base",r).replace("quote",s)}function hr(){let[e,t]=useState(0),[o,a]=useState(0);return useEffect(()=>{t(window.innerWidth),a(window.innerHeight);let r=()=>{a(window.innerHeight),t(window.innerWidth);};return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r);}},[]),{width:e,height:o}}var Ht=()=>{let[e,t]=useState(0),o=os(),{width:a}=hr(),[r,s]=Ja({loop:true,slidesToScroll:"auto"});return useEffect(()=>{s?.on("select",()=>{t(s?.selectedScrollSnap());});},[s]),{scrollIndex:e,setScrollIndex:t,emblaRef:r,emblaApi:s,enableScroll:a<1440,...o}};function os(){let[e,t]=useMarkets(MarketsType.ALL),{data:o}=useQuery("/v1/public/balance/stats"),a=useMemo(()=>Xe(e,{sortKey:"created_time",sortOrder:"desc"}).slice(0,5),[e]),r=useMemo(()=>Xe(e,{sortKey:"change",sortOrder:"desc"}).slice(0,5),[e]),s=useMemo(()=>Xe(e,{sortKey:"change",sortOrder:"asc"}).slice(0,5),[e]),n=useMemo(()=>e?.reduce((m,c)=>m.add(c["24h_amount"]||0),new Decimal(0))||new Decimal(0),[e]),i=useMemo(()=>e?.reduce((m,c)=>m.add(c.openInterest||0),new Decimal(0))||new Decimal(0),[e]),l=useMemo(()=>{if(!o)return 0;let{total_holding:m=0}=o;return new Decimal(m).toNumber()},[o]);return {markets:e,news:a,gainers:r,losers:s,total24Amount:n.toNumber(),totalOpenInterest:i.toNumber(),tvl:l,favorite:t}}var kr=e=>{let{news:t,gainers:o,losers:a,total24Amount:r,totalOpenInterest:s,tvl:n,favorite:i}=e,[l,m]=useState("newListings"),{onSymbolChange:c}=x(),{t:u}=useTranslation(),p=d=>{c?.(d),i.addToHistory(d);};return jsxs("div",{id:"oui-markets-header",className:cn("oui-overflow-hidden",e.className),children:[jsx(is,{total24Amount:r,totalOpenInterest:s,tvl:n}),jsx(Box,{intensity:900,r:"xl",p:3,mt:3,children:jsxs(Tabs,{size:"md",value:l,onValueChange:m,children:[jsx(TabPanel,{title:u("markets.newListings"),value:"newListings",testid:"oui-testid-markets-tab",children:jsx(Kt,{data:t,onSymbol:p})}),jsx(TabPanel,{title:u("markets.topGainers"),value:"topGainers",testid:"oui-testid-funding-tab",children:jsx(Kt,{data:o,onSymbol:p})}),jsx(TabPanel,{title:u("markets.topLosers"),value:"topLosers",testid:"oui-testid-funding-tab",children:jsx(Kt,{data:a,onSymbol:p})})]})})]})},is=e=>{let{total24Amount:t,totalOpenInterest:o,tvl:a}=e,{t:r}=useTranslation(),s=useMemo(()=>[{label:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",r("markets.column.24hVolume")]}),value:t},{label:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",r("markets.openInterest")]}),value:o},{label:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",`${r("common.assets")} (TVL)`]}),value:a}],[t,o,a]);return jsx(Flex,{intensity:900,r:"xl",width:"100%",py:3,className:e.className,children:s?.map((n,i)=>jsx(Fragment,{children:jsx(ls,{...n,className:cn(i!==s.length-1&&"oui-border-r oui-border-line-6")},i)}))})},ls=e=>jsxs(Box,{px:3,width:"100%",className:e.className,children:[jsx(Text,{as:"div",intensity:36,size:"2xs",weight:"semibold",children:e.label}),jsx(Text.numeral,{size:"base",currency:"$",dp:e.dp||2,rm:Decimal.ROUND_DOWN,rule:e.rule||"human",children:e.value})]}),Kt=e=>jsx(Flex,{direction:"column",itemAlign:"start",mt:3,children:e.data?.map((t,o)=>jsx(ms,{item:t,onSymbol:e.onSymbol,className:"oui-px-0"},t.symbol))}),ms=e=>{let{item:t}=e;return jsxs(Flex,{width:"100%",gapX:3,py:2,px:4,className:cn("oui-cursor-pointer hover:oui-bg-base-8",e.className),onClick:()=>{e.onSymbol(t);},children:[jsx(Flex,{width:"100%",gapX:1,children:jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"xs",weight:"semibold",showIcon:true,children:t.symbol})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{currency:"$",size:"xs",weight:"semibold",dp:t.quote_dp,children:t["24h_close"]})}),jsx(Flex,{width:"100%",justify:"end",children:jsx(Text.numeral,{rule:"percentages",coloring:true,size:"xs",weight:"semibold",showIdentifier:true,children:t.change})})]})};var it=e=>{let t=Ht(),{isMobile:o}=useScreen();return o?jsx(kr,{className:e.className,...t}):jsx(Et,{className:e.className,...t})};var pe=e=>{let{symbol:t,onSymbolChange:o}=x(),{t:a}=useTranslation();return jsx("div",{className:"oui-custom-scrollbar oui-h-full oui-overflow-y-auto",children:jsx(Flex,{direction:"column",px:2,gapY:1,children:e.dataSource?.map(r=>{let s=jsxs(Flex,{intensity:800,p:2,className:"oui-gap-x-7",r:"base",children:[jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol})]}),jsx(Text,{size:"2xs",intensity:36,children:a("markets.column.last")}),jsx(Text,{size:"2xs",intensity:36,children:a("markets.column.24hPercentage")})]}),jsxs(Flex,{direction:"column",itemAlign:"end",gapY:1,children:[jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]}),jsx(Text.numeral,{dp:r.quote_dp||2,currency:"$",size:"2xs",intensity:80,children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})]});return jsx(Tooltip,{side:"right",sideOffset:6,content:s,delayDuration:0,children:jsxs(Flex,{direction:"column",justify:"center",itemAlign:"center",gapY:1,width:54,height:54,r:"lg",className:cn("oui-cursor-pointer","hover:oui-bg-base-7",t===r.symbol&&"oui-bg-base-6 hover:oui-bg-base-6"),onClick:()=>{o?.(r);},children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:r.change})]})},r.symbol)})})})};var $t=e=>{let{symbol:t,favoriteTabs:o,open:a,onOpenChange:r,inputVisible:s,selectedTabs:n,value:i,onValueChange:l,hide:m,hideInput:c,showInput:u,onCheck:p,addTab:d,confirm:g}=e,{t:b}=useTranslation(),v=i?.length>15,y=()=>{if(s)return jsxs(Box,{children:[jsxs(Flex,{gapX:2,children:[jsx(Input,{autoFocus:true,value:i,onValueChange:l,classNames:{root:cn("oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6",v&&"focus-within:oui-outline-danger focus-visible:oui-outline-danger")},autoComplete:"off",suffix:i&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{opacity:1,size:14,className:"oui-cursor-pointer oui-text-base-contrast-20",onClick:()=>{l("");}})})}),jsx(Button,{className:"oui-rounded-sm",size:"sm",onClick:d,disabled:!i||v,children:b("common.add")})]}),v&&jsxs(Flex,{itemAlign:"center",gapX:1,mt:1,children:[jsx("div",{className:"oui-size-1 oui-rounded-full oui-bg-danger"}),jsx(Text,{color:"danger",children:b("markets.favorites.tabs.maxName")})]})]});let F=o.length>=10;return jsx(Tooltip,{open:F?void 0:false,content:jsx(Text,{size:"2xs",intensity:80,children:b("markets.favorites.tabs.maxList")}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:jsx("div",{children:jsxs(Flex,{className:cn(F?"oui-cursor-not-allowed":"oui-cursor-pointer"),itemAlign:"center",gapX:2,p:2,intensity:F?500:600,onClick:F?void 0:u,height:28,r:"base",children:[jsx(PlusIcon,{size:14,className:"oui-text-base-contrast-36",opacity:1}),jsx(Text,{className:"",intensity:20,children:b("markets.favorites.dropdown.addPlaceholder")})]})})})},T=jsxs(Flex,{justify:"between",className:"oui-mb-[10px] oui-mt-3",children:[jsxs(Flex,{gapX:1,children:[b("markets.favorites.dropdown.title"),jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"base",showIcon:true,children:t})]}),jsx(CloseIcon,{size:16,className:"oui-cursor-pointer oui-text-base-contrast",onClick:m})]}),D=jsxs(Box,{children:[jsx(Box,{my:2,className:"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto",children:o?.slice(0,10)?.map(F=>{let M=!!n.find(re=>re.id===F.id);return jsx(Box,{className:"oui-cursor-pointer",children:jsxs(Flex,{className:"oui-gap-x-[6px] hover:oui-bg-base-6",p:2,r:"md",onClick:()=>{p(F,M);},children:[M?jsx(CheckedSquareFillIcon,{size:18,className:"oui-text-base-contrast-80"}):jsx(CheckSquareEmptyIcon,{size:18,className:"oui-text-base-contrast-80"}),jsx(Text,{intensity:54,children:F.name})]})},F.id)})}),jsx(Box,{mt:3,pb:5,children:y()})]}),P=jsxs(Flex,{gapX:3,mt:3,children:[jsx(Button,{color:"gray",onClick:m,fullWidth:true,className:"oui-text-sm",size:"md",children:b("common.cancel")},"secondary"),jsx(Button,{onClick:g,fullWidth:true,className:"oui-text-sm",size:"md",children:b("common.confirm")},"primary")]});return jsxs(DropdownMenuRoot,{open:a,onOpenChange:r,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:F=>F.preventDefault(),onClick:F=>F.stopPropagation(),align:"start",alignOffset:-12,sideOffset:24,className:"oui-markets-favorite-dropdown-menu-content oui-bg-base-8",children:jsx(Box,{px:5,pb:5,width:360,children:jsxs(Text,{as:"div",size:"sm",weight:"semibold",children:[T,jsx(Divider,{}),D,P]})})})})]})};function Yt(e){let{symbol:t}=e.row||{},{favorites:o,favoriteTabs:a,updateFavoriteTabs:r,updateSymbolFavoriteState:s}=e.favorite,[n,i]=useState(false),[l,m]=useState(false),[c,u]=useState(""),[p,d]=useState([]),g=()=>{i(false);},b=()=>{m(true);},v=()=>{m(false);},y=()=>{u(""),v(),d([]);},T=()=>{let F={name:c||`WatchList_${a.length}`,id:Date.now()};r(F,{add:true}),y();},D=(F,M)=>{d(M?p?.filter(re=>re.id!==F.id):[...p,F]),v();},P=()=>{s(e.row,p,false),i(false);};return useEffect(()=>{if(!n)return;let F=o?.find(M=>M.name===t);F?.tabs?.length&&d(F?.tabs);},[n,o,a,t]),useEffect(()=>{n||y();},[n]),{symbol:t,favoriteTabs:a,open:n,onOpenChange:i,inputVisible:l,selectedTabs:p,value:c,onValueChange:u,hide:g,hideInput:v,showInput:b,onCheck:D,addTab:T,confirm:P}}var Q=e=>{let t=Yt(e);return jsx($t,{...t,children:e.children})};var de=(e,t=false)=>{let{t:o}=useTranslation();return [{title:`${o("markets.column.market")} / ${o("common.volume")}`,dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(a,r)=>{let s;return t||(s=jsx(Q,{row:r,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:r.isFavorite?jsx(me,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{children:[s,jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r.symbol,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:r.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[r.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,size:"2xs",rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:a})]})]})}},{title:o("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(a,r)=>{let s=l=>{e.updateSymbolFavoriteState(r,e.selectedFavoriteTab,true),l.stopPropagation();},n="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(Me,{className:n,onClick:l=>{l.stopPropagation(),e.pinToTop(r);}}),jsx(Ne,{className:n,onClick:s})]})});return jsxs("div",{className:"oui-relative",children:[t&&i,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:r.quote_dp||2,size:"2xs",children:r["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:a})]})]})}}]};var Zt=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,getColumns:n,collapsed:i,isFavoritesList:l,renderHeader:m,emptyView:c}=e,{symbol:u,onSymbolChange:p}=x(),d=de(a,l),g=typeof n=="function"?n(a,l):d;return i?jsx(pe,{dataSource:o}):jsxs(Fragment,{children:[m?.(a),jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:g,loading:t,dataSource:o,onRow:(b,v)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{p?.(b),a.addToHistory(b);}}),generatedRowKey:b=>b.symbol,rowSelection:{[u]:true},onSort:r,initialSort:s?{sortKey:s.sortKey,sort:s.sortOrder}:void 0,manualSorting:true,emptyView:c})]})};var Lr=(o=>(o.Markets="markets",o.Funding="funding",o))(Lr||{}),B=(r=>(r.Favorites="favorites",r.Recent="recent",r.All="all",r.NewListing="newListing",r))(B||{}),Rr=(o=>(o.Overview="overview",o.Comparison="comparison",o))(Rr||{});var Es={all:MarketsType.ALL,favorites:MarketsType.FAVORITES,recent:MarketsType.RECENT,newListing:MarketsType.NEW_LISTING},Jt=e=>{let[t,o]=useState(true),[a,r]=useMarkets(Es[e.type]||MarketsType.ALL),{favorites:s,selectedFavoriteTab:n}=r,{searchValue:i}=x(),{onSort:l,getSortedList:m}=I(e.initialSort,e.onSort),c=useMemo(()=>{let p=typeof e.dataFilter=="function"?e.dataFilter(a,{favorites:s,selectedFavoriteTab:n}):a,d=L(p,i,"base");return m(d)},[a,m,i,e.dataFilter,s,n]);useEffect(()=>{o(false);},[a]);let u=e.type==="favorites";return {loading:t,dataSource:c,favorite:r,onSort:l,isFavoritesList:u}};var Z=e=>{let t=Jt(e);return jsx(Zt,{...t,initialSort:e.initialSort,getColumns:e.getColumns,collapsed:e.collapsed,tableClassNames:e.tableClassNames,rowClassName:e.rowClassName,renderHeader:e.renderHeader,emptyView:e.emptyView})};var V=e=>{let{classNames:t,suffix:o}=e,{t:a}=useTranslation(),{searchValue:r,onSearchValueChange:s,clearSearchValue:n}=x();return jsx(Input,{value:r,onValueChange:s,placeholder:a("markets.search.placeholder"),classNames:{...t,root:cn("oui-mt-px oui-border oui-border-line",t?.root)},size:"sm",prefix:jsx(Box,{pl:3,pr:1,children:jsx(ur,{className:"oui-text-base-contrast-36"})}),suffix:o||r&&jsx(Box,{mr:2,children:jsx(CloseCircleFillIcon,{size:14,className:"oui-cursor-pointer oui-text-base-contrast-36",onClick:n})}),autoComplete:"off"})};function ut(e,t=false){return {title:i18n.t("common.symbol"),dataIndex:"symbol",width:150,render:(o,a)=>{let r;return t||(r=jsx(Q,{row:a,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsx(me,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{gapX:1,children:[r,jsx(TokenIcon,{symbol:o,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:o}),jsxs(Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]})}}}function ct(){return {title:i18n.t("markets.column.last"),dataIndex:"24h_close",align:"right",onSort:true,width:100,render:(e,t)=>jsx(Text.numeral,{dp:t.quote_dp||2,size:"2xs",children:e})}}function pt(){return {title:i18n.t("markets.column.24hPercentage"),dataIndex:"change",align:"right",onSort:true,width:80,render:e=>jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:e})}}var dt=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",itemAlign:"center",gapY:4,className:cn("oui-text-center",e.className),children:[jsx(EmptyStateIcon,{}),jsxs(Button,{color:"gray",size:"xs",className:"oui-bg-base-4",onClick:e.onClick,children:[jsx(PlusIcon,{className:"oui-mr-1 oui-text-base-contrast",opacity:1,size:12}),jsx(Text,{intensity:98,children:t("markets.favorites.addFavorites")})]})]})};var ao=e=>{let{open:t,setOpen:o,container:a,inputRef:r,inputWidth:s,spanRef:n,editing:i,value:l,onValueChange:m,updateCurTab:c,onEdit:u,addTab:p,delTab:d,size:g="default",scrollable:b}=e,{t:v}=useTranslation(),{selectedFavoriteTab:y,favoriteTabs:T,updateSelectedFavoriteTab:D}=e.favorite,P=g==="sm"?28:36,F=g==="sm"?18:24,M=l?.length>15,re="oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)]",Ot=S=>{modal.confirm({title:v("markets.favorites.tabs.delete.dialog.title"),content:jsx(Text,{size:"sm",children:v("markets.favorites.tabs.delete.dialog.description",{name:S.name})}),onOk(){return d(S),Promise.resolve()}});},Bt=S=>{S.key==="Enter"&&c(M);},Vt=S=>jsxs(Flex,{gapX:2,itemAlign:"center",px:2,py:1,children:[jsx(lr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{u(S);}}),jsx(mr,{className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast",onClick:()=>{Ot(S);}})]}),ot=()=>{let S=T.length>=10,O=jsx(Flex,{className:cn("oui-inline-flex",S?"oui-cursor-not-allowed":"oui-cursor-pointer",S?"oui-bg-base-3":re),width:P,height:F,r:"base",justify:"center",itemAlign:"center",onClick:S?void 0:p,children:S?jsx(pr,{className:"oui-z-[1] oui-size-3 oui-text-base-contrast-54"}):jsx(dr,{className:"oui-size-3"})});return S?jsx(Tooltip,{content:jsx(Text,{size:"2xs",intensity:80,children:"Maximum 10 groups in the favorite list"}),className:"oui-bg-base-6",delayDuration:0,arrow:{className:"oui-fill-base-6"},children:O}):O},_=S=>jsx(Tooltip,{open:M,content:jsx(Text,{size:"2xs",intensity:80,children:"List name cannot exceed 15 characters"}),className:"oui-bg-base-6",delayDuration:0,sideOffset:0,children:jsx(Input,{ref:r,style:M?{width:s}:{"--oui-gradient-angle":"270deg",backgroundClip:"text",WebkitTextFillColor:"transparent",WebkitBackgroundClip:"text",width:s},classNames:{root:cn("oui-my-px oui-rounded oui-p-0 oui-px-2","focus-within:oui-outline-transparent focus-visible:oui-outline-none",g==="sm"?"oui-h-[18px]":"oui-h-[24px]",S&&cn(M?"oui-bg-danger/15":re)),input:cn("oui-font-semibold oui-caret-[rgba(217,217,217,1)]",M?"oui-text-danger":"oui-text-transparent oui-gradient-brand ",g==="sm"?"oui-text-2xs":"oui-text-sm")},value:l,onValueChange:m,onBlur:()=>{c(M);},onKeyUp:Bt,autoComplete:"off"})}),be=(S,O)=>{if(i&&O)return _(O);let ae={weight:"semibold",size:g==="sm"?"2xs":"sm",className:g==="sm"?"oui-leading-[18px]":"oui-leading-[24px]",as:"div"},Wt=O?jsx(Text.gradient,{color:"brand",angle:270,...ae,children:S.name}):jsx(Text,{...ae,children:S.name});return jsx(Box,{r:"base",px:2,height:F,className:cn("oui-cursor-pointer oui-select-none",O?"oui-markets-favorites-active-tab-item":"oui-markets-favorites-tab-item",O?re:"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast"),onClick:()=>{D(S),O&&o(true);},children:Wt})};return jsxs(Flex,{width:"100%",gapX:3,className:e.className,children:[jsxs(Flex,{ref:a,id:"oui-markets-favorites-tabs-container",className:cn("oui-hide-scrollbar oui-relative oui-cursor-pointer","oui-overflow-hidden oui-overflow-x-auto"),gapX:g==="sm"?2:3,width:"100%",children:[T?.slice(0,10)?.map(S=>{let O=y.id===S.id;return jsx(Tooltip,{open:O&&!i?t:false,onOpenChange:ae=>{O&&o(ae);},content:Vt(S),delayDuration:0,className:cn("oui-bg-base-5"),arrow:{className:"oui-fill-base-5"},children:be(S,O)},S.id)}),!b&&ot(),jsx(Text,{size:"xs",ref:n,className:"oui-invisible",children:l})]}),b&&ot()]})};function no(e){let{favorite:t,size:o="default"}=e,{favorites:a,favoriteTabs:r,selectedFavoriteTab:s,updateFavoriteTabs:n,updateSelectedFavoriteTab:i,updateFavorites:l}=t,[m,c]=useState(false),[u,p]=useState(false),[d,g]=useState(""),[b,v]=useState(false),y=useRef(null),T=useRef(null),D=useRef(null),[P,F]=useState(50),M=()=>{setTimeout(()=>{let{scrollWidth:be,clientWidth:S}=y.current||{};be>S&&v(true);},0);},re=()=>{setTimeout(()=>{y.current&&(y.current.scrollLeft=y.current.scrollWidth-y.current.clientWidth);},0);},Ot=_=>{p(true),g(_.name),setTimeout(()=>{T.current?.focus(),T.current?.setSelectionRange(-1,-1);},0);},Bt=_=>{n({...s,name:_?s.name:d},{update:true}),p(false),c(false),M();},Vt=()=>{let _={name:`WatchList_${r.length}`,id:Date.now()};n(_,{add:true}),i(_),M(),re();},ot=_=>{n(_,{delete:true}),setTimeout(()=>{let be=a.map(ae=>({...ae,tabs:ae.tabs?.filter(Wt=>Wt.id!==_.id)}));l(be);let S=r.filter(ae=>ae.id!==_.id),O=S?.[S?.length-1]||S?.[0];i(O);},0);};return useEffect(()=>{if(d){let _=D.current?.getBoundingClientRect(),be=o==="sm"?0:14;F(Math.max((_?.width||0)+be,50));}},[d]),useEffect(()=>{M();},[]),{favorite:t,open:m,setOpen:c,container:y,inputRef:T,inputWidth:P,spanRef:D,editing:u,value:d,onValueChange:g,onEdit:Ot,updateCurTab:Bt,addTab:Vt,delTab:ot,scrollable:b}}var Fe=e=>{let{className:t,...o}=e,a=no(o);return jsx(ao,{...a,size:e.size,className:t})};function J(){let{searchValue:e}=x(),t=useCallback(s=>jsx(Box,{px:3,className:"oui-my-[6px]",children:jsx(Fe,{favorite:s,size:"sm"})}),[]),o=useCallback((s,n)=>{let{favorites:i,selectedFavoriteTab:l}=n;return i?.filter(m=>m.tabs?.findIndex(c=>c.id===l.id)!==-1)?.map(m=>{let c=s?.findIndex(u=>u.symbol===m.name);return c!==-1?s[c]:null})?.filter(m=>m)},[]),a=useCallback(s=>s==="favorites"?{renderHeader:t,dataFilter:o}:{},[t,o]),r=useCallback(s=>{if(s.type==="favorites"&&!e)return jsx(dt,{onClick:s.onClick,className:s.className})},[e]);return {renderHeader:t,dataFilter:o,getFavoritesProps:a,renderEmptyView:r}}var Ar=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=useTranslation(),n=useCallback((m,c=false)=>[ut(m,c),ct(),pt()],[]),{getFavoritesProps:i}=J(),l=m=>jsxs(Fragment,{children:[jsx(V,{classNames:{root:cn("oui-mx-3 oui-mb-4 oui-mt-5",t!=="favorites"&&"oui-mb-2")}}),jsx(Z,{type:m,initialSort:a[m],onSort:r(m),getColumns:n,rowClassName:"!oui-h-[34px]",...i(m)})]});return jsx(Box,{id:"oui-markets-list",intensity:900,py:3,mt:2,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"lg",value:t,onValueChange:o,classNames:{scrollIndicator:"oui-mx-3"},showScrollIndicator:true,children:[jsx(TabPanel,{title:s("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:l("favorites")}),jsx(TabPanel,{title:s("markets.allMarkets"),icon:jsx(rt,{}),value:"all",children:l("all")}),jsx(TabPanel,{title:s("markets.newListings"),icon:jsx(at,{}),value:"new",children:l("newListing")})]})})};function j(e){let[t,o]=useSessionStorage(e.storageKey,{all:{sortKey:"24h_amount",sortOrder:"desc"}}),a=useCallback(r=>s=>{o({...t,[r]:s});},[t]);return {tabSort:t,onTabSort:a}}var hn="orderly_mobile_markets_tab_sort";function mo(){let[e,t]=useState("all"),{clearSearchValue:o,searchValue:a}=x(),{tabSort:r,onTabSort:s}=j({storageKey:hn});return useEffect(()=>{o?.();},[e]),{activeTab:e,onTabChange:n=>t(n),tabSort:r,onTabSort:s,searchValue:a}}var vt=(e,t=false)=>{let{t:o}=useTranslation();return useMemo(()=>[{title:jsx(Ge,{className:"oui-mt-1"}),dataIndex:"isFavorite",align:"center",width:30,render:(r,s)=>{let i=jsx(Flex,{width:"100%",height:"100%",mr:3,justify:"center",itemAlign:"center",onClick:t?l=>{e.updateSymbolFavoriteState(s,e.selectedFavoriteTab,true),l.stopPropagation();}:void 0,"data-testid":"oui-testid-markets-table-row-favorite-icon",children:r?jsx(U,{className:"oui-text-[rgba(255,154,46,1)]"}):jsx(Ge,{className:"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})});return t?i:jsx(Q,{row:s,favorite:e,children:i})}},{title:o("markets.column.market"),dataIndex:"symbol",width:90,render:r=>jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",showIcon:true,children:r})},{title:o("common.price"),dataIndex:"24h_close",width:100,align:"right",onSort:true,render:(r,s)=>jsx(Text.numeral,{dp:s.quote_dp||2,currency:"$",children:r})},{title:o("markets.column.24hChange"),dataIndex:"change",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{title:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",o("markets.column.24hVolume")]}),dataIndex:"24h_amount",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",o("markets.openInterest")]}),dataIndex:"openInterest",width:100,align:"right",onSort:true,render:r=>jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:r})},{title:o("markets.dataList.column.8hFunding"),dataIndex:"8h_funding",width:100,align:"right",onSort:true,render:r=>r===null?"--":jsx(Text.numeral,{rule:"percentages",coloring:true,dp:4,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r})},{dataIndex:"action",type:"action",width:40,render:(r,s)=>t?jsx(Flex,{justify:"end",mr:4,children:jsx(Tooltip,{content:o("markets.dataList.column.moveTop"),align:"center",delayDuration:0,children:jsx(Box,{className:"oui-hidden oui-cursor-pointer group-hover:oui-block",onClick:n=>{n.stopPropagation(),e.pinToTop(s);},"data-testid":"oui-markets-favorites-pinned-icon",children:jsx(cr,{className:"oui-text-base-contrast-20 hover:oui-text-base-contrast"})})})}):null}],[e,t,o])};var uo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,pagination:s}=e,{symbol:n,onSymbolChange:i}=x(),l=vt(o,true),m=e.emptyView||jsx(Flex,{className:"oui-text-xs oui-text-base-contrast-36",children:jsx(Trans,{i18nKey:"markets.dataList.favorites.empty",components:[jsx(Ge,{className:"oui-text-base-contrast-36"},"0")]})});return jsxs("div",{children:[jsx(Fe,{favorite:o,className:"oui-my-3"}),jsx(DataTable,{bordered:true,columns:l,dataSource:t,emptyView:m,loading:r,onRow:(c,u)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{i?.(c),o.addToHistory(c);}}),generatedRowKey:c=>c.symbol,rowSelection:{[n]:true},onSort:a,pagination:s,manualSorting:true})]})};var co=()=>{let{pageSize:e,setPage:t,pagination:o}=usePagination({pageSize:10}),[a,r]=useMarkets(MarketsType.FAVORITES),[s,n]=useState(true),{favorites:i,selectedFavoriteTab:l}=r,{searchValue:m}=x(),{onSort:c,getSortedList:u}=I(),p=useMemo(()=>{let g=i?.filter(b=>b.tabs?.findIndex(v=>v.id===l.id)!==-1)?.map(b=>{let v=a?.findIndex(y=>y.symbol===b.name);return v!==-1?a[v]:null})?.filter(b=>!!b);return L(g,m,"base-type")},[a,l,i,m]),d=useMemo(()=>u(p),[p,u]);return useEffect(()=>{n(false);},[i]),useEffect(()=>{t(1);},[m]),{loading:s,dataSource:d,favorite:r,onSort:c,pagination:o}};var po=e=>{let t=co();return jsx(uo,{...t,emptyView:e.emptyView})};var go=e=>{let{loading:t,dataSource:o,favorite:a,onSort:r,initialSort:s,type:n,pagination:i}=e,{symbol:l,onSymbolChange:m}=x(),c=vt(a,false);return jsx(DataTable,{bordered:true,columns:c,loading:t,dataSource:o,onRow:(u,p)=>({className:cn("oui-h-[55px] oui-cursor-pointer"),onClick:()=>{m?.(u),a.addToHistory(u);},"data-testid":`oui-testid-markets-${n==="new"?"newListing":"all"}-tr-${u.symbol}`}),generatedRowKey:u=>u.symbol,rowSelection:{[l]:true},onSort:r,initialSort:s,pagination:i,classNames:{header:"oui-h-12"},manualSorting:true})};var bo=e=>{let[t,o]=useState(true),{setPage:a,pagination:r}=usePagination({pageSize:10}),[s,n]=useMarkets(MarketsType.ALL),{searchValue:i}=x(),{onSort:l,getSortedList:m,sort:c}=I(e.initialSort),u=useMemo(()=>{let d=L(s,i,"base-type");return m(d)},[s,m,i]);useEffect(()=>{o(false);},[s]),useEffect(()=>{a(1);},[i]),useEffect(()=>{e.type==="all"&&n.updateTabsSortState("all",c?.sortKey,c?.sortOrder);},[c,e.type]);let p=useMemo(()=>{let d=e.type==="all"?n.tabSort?.all:void 0;return {sortKey:d?.sortKey||e?.initialSort?.sortKey,sort:d?.sortOrder||e?.initialSort?.sortOrder}},[n.tabSort,e.initialSort,e.type]);return {loading:t,dataSource:u,favorite:n,onSort:l,pagination:r,initialSort:p}};var ht=e=>{let t=bo(e);return jsx(go,{...t,type:e.type})};var vo=e=>{let{activeTab:t,onTabChange:o}=e,{t:a}=useTranslation();return jsx(Box,{id:"oui-markets-list",intensity:900,p:6,r:"2xl",children:jsxs(Tabs,{variant:"contained",size:"xl",value:t,onValueChange:o,trailing:jsx(V,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsx(TabPanel,{title:a("markets.favorites"),icon:jsx(U,{}),value:"favorites",testid:"oui-testid-markets-favorites-tab",children:jsx(po,{emptyView:!e.searchValue&&jsx(dt,{onClick:()=>{o("all");}})})}),jsx(TabPanel,{title:a("markets.allMarkets"),icon:jsx(rt,{}),value:"all",testid:"oui-testid-markets-all-tab",children:jsx(ht,{type:"all",initialSort:{sortKey:"24h_amount",sortOrder:"desc"}})}),jsx(TabPanel,{title:a("markets.newListings"),icon:jsx(at,{}),value:"new",testid:"oui-testid-markets-newListings-tab",children:jsx(ht,{type:"new",initialSort:{sortKey:"created_time",sortOrder:"desc"}})})]})})};var yt=()=>{let{isMobile:e}=useScreen(),t=mo();return e?jsx(Ar,{...t}):jsx(vo,{...t})};var yo=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=useTranslation(),n="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:i,renderEmptyView:l}=J(),m=c=>jsx("div",{className:n,children:jsx(Z,{type:c,initialSort:a[c],onSort:r(c),tableClassNames:{scroll:cn("oui-px-1",c==="favorites"?"oui-pb-9":"oui-pb-2")},...i(c),emptyView:l({type:c,onClick:()=>{o("all");},className:"oui-h-[calc(100%_-_36px)]"})})});return jsxs(Box,{className:cn("oui-overflow-hidden oui-font-semibold"),height:"100%",children:[jsx(Box,{px:3,pb:2,children:jsx(V,{})}),jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:n,showScrollIndicator:true,children:[jsx(TabPanel,{title:s("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:m("favorites")}),jsx(TabPanel,{title:s("markets.recent"),value:"recent",children:m("recent")}),jsx(TabPanel,{title:s("common.all"),value:"all",children:m("all")}),jsx(TabPanel,{title:s("markets.newListings"),value:"newListing",children:m("newListing")})]})]})};var Ve="orderly_side_markets_tab_sort";function So(e){let[t,o]=useState(e.activeTab),{tabSort:a,onTabSort:r}=j({storageKey:Ve}),{clearSearchValue:s}=x(),n=useCallback(i=>{typeof e?.onTabChange=="function"?e.onTabChange(i):o(i);},[e?.onTabChange]);return useEffect(()=>{o(e?.activeTab||"favorites");},[e?.activeTab]),useEffect(()=>{s?.();},[t]),{activeTab:t,onTabChange:n,tabSort:a,onTabSort:r}}var ko=e=>{let t=So({activeTab:e.activeTab,onTabChange:e.onTabChange});return jsx(X,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(yo,{...t})})};var fe=(e=5)=>t=>t===0?jsx(Text,{children:" - "}):jsx(Text.numeral,{rule:"percentages",dp:e,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:t}),Ft=(e,t)=>{let{t:o}=useTranslation(),{isMobile:a}=useScreen();return useMemo(()=>[{title:o("markets.column.market"),dataIndex:"symbol",width:135,className:a?"oui-pl-0":void 0,render:r=>jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:r,className:a?"oui-size-[18px]":"oui-size-5"}),jsx(Text.formatted,{rule:"symbol",formatString:"base-type",weight:"semibold",children:r})]})},{title:o("markets.funding.column.estFunding"),dataIndex:"estFunding",width:120,onSort:true,render:(r,s)=>jsxs("div",{children:[jsx(Text.numeral,{rule:"percentages",dp:5,coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r}),jsx("span",{className:"oui-text-base-contrast-54",children:`/ ${s.fundingInterval}h`})]})},{title:o("markets.funding.column.lastFunding"),dataIndex:"lastFunding",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.1dAvg"),dataIndex:"funding1d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.3dAvg"),dataIndex:"funding3d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.7dAvg"),dataIndex:"funding7d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.14dAvg"),dataIndex:"funding14d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.30dAvg"),dataIndex:"funding30d",width:90,onSort:true,render:fe()},{title:o("markets.funding.column.90dAvg"),dataIndex:"funding90d",width:90,onSort:true,render:fe()},{title:jsxs("div",{className:"oui-flex oui-gap-1",children:[jsx(ti,{value:e,onValueChange:t}),jsx("span",{children:o("markets.funding.column.positiveRate")})]}),dataIndex:e,width:130,align:"right",onSort:true,render:fe(2)}],[o,a,e,t])},ti=e=>{let{t}=useTranslation(),{isMobile:o}=useScreen(),a=useMemo(()=>[{label:t("common.select.1d"),value:"1dPositive"},{label:t("common.select.3d"),value:"3dPositive"},{label:t("common.select.7d"),value:"7dPositive"},{label:t("common.select.14d"),value:"14dPositive"},{label:t("common.select.30d"),value:"30dPositive"},{label:t("common.select.90d"),value:"90dPositive"}],[t]);return o?jsx(Picker,{size:"sm",value:e.value,onValueChange:e.onValueChange,options:a}):jsx(Select.options,{size:"xs",value:e.value,onValueChange:e.onValueChange,options:a})};var Co=e=>{let{dataSource:t,isLoading:o,pagination:a,onSort:r}=e,[s,n]=useState("1dPositive"),i=Ft(s,n);return jsx(DataTable,{columns:i,dataSource:t,loading:o,bordered:true,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},pagination:a,onSort:r,manualSorting:true,generatedRowKey:l=>l.symbol})};var To=()=>{let{pagination:e}=usePagination({pageSize:10}),[t]=useMarkets(MarketsType.ALL),{data:o,isLoading:a,getPositiveRates:r}=useFundingRateHistory(),s=useFundingRates(),{onSort:n,getSortedList:i}=I(),{searchValue:l}=x(),m=useMemo(()=>{if(!t?.length)return [];let d=["1d","3d","7d","14d","30d","90d"].reduce((g,b)=>(g[b]=r(o,b),g),{});return t.map(g=>{let b=g.symbol,v=o?.find(D=>D.symbol===b),y=s[b],T=ci(y("next_funding_time"),y("last_funding_rate_timestamp"));return {symbol:b,estFunding:y("est_funding_rate"),lastFunding:y("last_funding_rate"),fundingInterval:T,funding1d:v?.funding?.["1d"]?.rate??0,funding3d:v?.funding?.["3d"]?.rate??0,funding7d:v?.funding?.["7d"]?.rate??0,funding14d:v?.funding?.["14d"]?.rate??0,funding30d:v?.funding?.["30d"]?.rate??0,funding90d:v?.funding?.["90d"]?.rate??0,"1dPositive":d["1d"][b]??"-","3dPositive":d["3d"][b]??"-","7dPositive":d["7d"][b]??"-","14dPositive":d["14d"][b]??"-","30dPositive":d["30d"][b]??"-","90dPositive":d["90d"][b]??"-"}})},[t,o,s,r]),c=useMemo(()=>L(m,l,"base-type"),[m,l,e]);return {dataSource:useMemo(()=>i(c),[c,i]),isLoading:a,pagination:e,onSort:n}};function ci(e,t){if(!e||!t)return 8;let o=e-t;return Math.round(o/36e5)}var jr=e=>{let{dataSource:t,isLoading:o,onSort:a}=e,[r,s]=useState("1dPositive"),n=Ft(r,s);return jsx(DataTable,{columns:n,dataSource:t,loading:o,onRow:()=>({className:cn("oui-h-[34px] oui-cursor-pointer")}),classNames:{header:"oui-h-9",body:"oui-text-2xs"},onSort:a,manualSorting:true,generatedRowKey:i=>i.symbol})};var je=()=>{let e=To(),{isMobile:t}=useScreen();return t?jsx(jr,{...e}):jsx(Co,{...e})};function Si(e,t){return new Decimal(e||0).mul(t||0).toNumber()}var te="WOOFi Pro",No=[te,"Binance",`${te} - Binance`,"OKX",`${te} - OKX`,"Bybit",`${te} - Bybit`,"dYdX",`${te} - dYdX`,"Bitget",`${te} - Bitget`,"KuCoin",`${te} - KuCoin`],Po=()=>{let{pagination:e}=usePagination({pageSize:10}),{onSort:t,getSortedList:o}=I(),{searchValue:a}=x(),r=useFundingRates(),{data:s,isLoading:n}=useQuery("/v1/public/market_info/funding_comparison"),{data:i}=useMarketsStream(),l=useMemo(()=>!Array.isArray(s)||!s.length?[]:s.map(u=>{let p=i?.find(g=>g.symbol===u.symbol),d={symbol:u.symbol,openInterest:p?Si(p?.open_interest,p?.index_price):"-"};return No.forEach(g=>{if(g.includes(" - ")){let[,v]=g.replace(/ /g,"").split("-"),y=r[u.symbol],T=y("last_funding_rate")??null,P=u.exchanges?.find(F=>F.name.toLowerCase()===v.toLowerCase())?.last??null;T!==null&&P!==null?d[g]=new Decimal(T).sub(P).toString():d[g]=null;}else if(g===te){let v=r[u.symbol];d[g]=v("last_funding_rate")??null;}else {let v=u.exchanges?.find(y=>y.name.toLowerCase()===g.toLowerCase());d[g]=v?.last??null;}}),d}),[s,r]),m=useMemo(()=>L(l,a,"base-type"),[l,a,e]);return {dataSource:useMemo(()=>o(m),[o,m]),isLoading:n,pagination:e,onSort:t}};var Mi="https://oss.orderly.network/static/exchange_logo",Ct=()=>{let{t:e}=useTranslation(),{isMobile:t}=useScreen();return useMemo(()=>[{title:e("markets.column.market"),dataIndex:"symbol",width:150,onSort:true,className:t?"oui-pl-0":void 0,render:o=>jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:o,className:t?"oui-size-[18px]":"oui-size-5"}),jsx(Text.formatted,{rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",children:o})]})},{title:jsxs(Flex,{gapX:1,children:[jsx(E,{})," ",e("markets.openInterest")]}),dataIndex:"openInterest",width:120,onSort:true,render:o=>o==="-"?"-":jsx(Text.numeral,{currency:"$",dp:0,rm:Decimal.ROUND_DOWN,children:o})},...No.map(o=>({title:jsxs(Flex,{justify:"start",itemAlign:"center",gap:1,children:[!o.includes(" - ")&&jsx("img",{src:`${Mi}/${o.toLowerCase().replace(" ","_")}.png`,className:cn("oui-size-6 oui-rounded-full oui-object-cover",t?"oui-size-[18px]":"oui-size-6")}),o]}),dataIndex:o,onSort:true,width:o.includes(" - ")?160:130,render(a){return a===null?"-":jsx(Text.numeral,{rule:"percentages",dp:5,coloring:!!(o.includes(" - ")||o===te),rm:Decimal.ROUND_DOWN,showIdentifier:true,children:a})}}))],[e,t])};var Do=e=>{let t=Ct();return jsx(DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:cn("oui-h-[48px] oui-cursor-pointer")}),classNames:{header:"oui-h-12"},bordered:true,pagination:e.pagination})};var ra=e=>{let t=Ct();return jsx(DataTable,{columns:t,dataSource:e.dataSource,loading:e.isLoading,onRow:()=>({className:cn("oui-h-[34px] oui-cursor-pointer")}),classNames:{header:"oui-h-9",body:"oui-text-2xs"}})};var et=()=>{let e=Po(),{isMobile:t}=useScreen();return t?jsx(ra,{...e}):jsx(Do,{...e})};var Oo=e=>{let{collapsable:t,collapsed:o,onCollapse:a,activeTab:r,onTabChange:s,className:n,tabSort:i}=e,{symbol:l,onSymbolChange:m}=x(),{getFavoritesProps:c}=J(),u=()=>o?jsx(Z,{type:r,initialSort:i[r],collapsed:o,...c(r)}):jsx(ko,{activeTab:r,onTabChange:s,symbol:l,onSymbolChange:m});return jsxs(Flex,{id:"oui-side-markets",className:cn("oui-font-semibold",n),direction:"column",gapY:5,height:"100%",width:"100%",children:[jsx(Wi,{collapsable:t,collapsed:o,onCollapse:a}),jsx(Box,{width:"100%",className:cn(o?"oui-h-[calc(100%_-_52px)]":"oui-h-[calc(100%_-_56px)]"),children:u()})]})},Wi=e=>{let{collapsable:t,collapsed:o,onCollapse:a}=e,{t:r}=useTranslation(),s=cn("oui-text-base-contrast-36",t?"oui-cursor-pointer hover:oui-text-base-contrast-80":"oui-cursor-not-allowed");return o?jsx(gr,{className:s,onClick:()=>{a?.(false);}}):jsxs(Flex,{justify:"between",px:3,width:"100%",children:[jsx(Text,{size:"base",intensity:80,children:r("common.markets")}),jsx(fr,{className:s,onClick:()=>{a?.(true);}})]})};var Gi="orderly_side_markets_sel_tab_key";function Bo(e){let[t,o]=useState(e?.collapsed),[a,r]=useLocalStorage(Gi,"all"),{tabSort:s}=j({storageKey:Ve}),n=useMemo(()=>e?.collapsable??true,[e?.collapsable]),i=useCallback(l=>{typeof e?.onCollapse=="function"?e.onCollapse(l):o(l);},[e?.onCollapse]);return useEffect(()=>{o(e?.collapsed);},[e?.collapsed]),{collapsable:n,collapsed:t,onCollapse:i,activeTab:a,onTabChange:r,tabSort:s}}var Ki=e=>{let t=Bo({collapsable:e.collapsable,collapsed:e.collapsed,onCollapse:e.onCollapse});return jsx(X,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Oo,{...t,className:e.className})})};var Wo=()=>{let{t:e}=useTranslation();return useCallback((t,o=false)=>[ut(t,o),ct(),pt(),{title:e("common.volume"),dataIndex:"24h_amount",align:"right",onSort:true,className:"oui-relative",width:80,render:(a,r)=>{let s=l=>{t.updateSymbolFavoriteState(r,t.selectedFavoriteTab,true),l.stopPropagation();},n="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",i=jsx("div",{className:cn("oui-absolute oui-right-1 oui-top-[3px]"),children:jsxs(Flex,{className:cn("oui-bg-primary-darken oui-py-[6px]","oui-hidden group-hover:oui-inline-flex"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(Me,{className:n,onClick:l=>{l.stopPropagation(),t.pinToTop(r);}}),jsx(Ne,{className:n,onClick:s})]})});return jsxs(Fragment,{children:[o&&i,jsx(Text.numeral,{rule:"human",dp:2,rm:Decimal.ROUND_DOWN,className:cn(o&&"group-hover:oui-invisible"),children:a})]})}}],[e])};var Ao=e=>jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:t=>t.preventDefault(),onClick:t=>t.stopPropagation(),align:"start",alignOffset:-32,sideOffset:20,className:cn("oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0",e.contentClassName),children:jsx(ua,{...e,hide:e.hide})})})]}),ua=e=>{let{activeTab:t,onTabChange:o,tabSort:a,onTabSort:r}=e,{t:s}=useTranslation(),n=Wo(),i=jsxs(Flex,{mx:3,gapX:3,pt:3,pb:2,children:[jsx(V,{classNames:{root:"oui-w-full"}}),jsx(CloseIcon,{size:12,className:"oui-cursor-pointer oui-text-base-contrast-80",onClick:e.hide,opacity:1})]}),l="oui-h-[calc(100%_-_36px)]",{getFavoritesProps:m,renderEmptyView:c}=J(),u=p=>jsx("div",{className:l,children:jsx(Z,{type:p,initialSort:a[p],onSort:r(p),getColumns:n,tableClassNames:{root:"!oui-bg-base-8",scroll:"oui-pb-5 oui-px-1"},rowClassName:"!oui-h-[34px]",...m(p),emptyView:c({type:p,onClick:()=>{o("all");},className:"oui-h-[calc(100%_-_36px)]"})})});return jsxs(Box,{className:cn("oui-overflow-hidden oui-font-semibold"),height:"100%",intensity:800,children:[i,jsxs(Tabs,{variant:"contained",size:"md",value:t,onValueChange:o,classNames:{tabsList:"oui-my-[6px] oui-px-3",tabsContent:"oui-h-full"},className:l,children:[jsx(TabPanel,{title:s("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:u("favorites")}),jsx(TabPanel,{title:s("markets.recent"),value:"recent",children:u("recent")}),jsx(TabPanel,{title:s("common.all"),value:"all",children:u("all")}),jsx(TabPanel,{title:s("markets.newListings"),value:"newListing",children:u("newListing")})]})]})};var ul="orderly_dropdown_markets_sel_tab_key",cl="orderly_dropdown_markets_tab_sort";function Eo(){let[e,t]=useState(false),[o,a]=useLocalStorage(ul,"all"),{tabSort:r,onTabSort:s}=j({storageKey:cl}),{clearSearchValue:n}=x(),i=()=>{t(false);};return useEffect(()=>{n?.();},[o]),{activeTab:o,onTabChange:l=>a(l),open:e,onOpenChange:t,hide:i,tabSort:r,onTabSort:s}}var zo=e=>{let t=Eo();return jsx(X,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Ao,{...t,contentClassName:e.contentClassName,children:e.children})})};var da=(e,t=false)=>[{title:`${i18n.t("markets.column.market")} / ${i18n.t("common.volume")}`,dataIndex:"24h_amount",onSort:true,className:"oui-h-[36px]",render:(o,a)=>{let r;return t||(r=jsx(Q,{row:a,favorite:e,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-mr-1 oui-cursor-pointer",children:a.isFavorite?jsx(me,{className:"oui-size-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})})),jsxs(Flex,{children:[r,jsxs(Flex,{direction:"column",itemAlign:"start",gapY:1,children:[jsxs(Flex,{gapX:1,children:[jsx(TokenIcon,{symbol:a.symbol,className:"oui-size-[18px]"}),jsx(Text.formatted,{rule:"symbol",formatString:"base",size:"2xs",weight:"semibold",children:a.symbol}),jsxs(Badge,{size:"xs",color:"primary",children:[a.leverage,"x"]})]}),jsx(Text.numeral,{intensity:54,rule:"human",dp:2,rm:Decimal.ROUND_DOWN,children:o})]})]})}},{title:i18n.t("markets.column.price&Change"),dataIndex:"change",align:"right",onSort:true,className:"oui-h-[36px]",render:(o,a)=>{let r=i=>{e.updateSymbolFavoriteState(a,e.selectedFavoriteTab,true),i.stopPropagation();},s="oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast",n=jsx("div",{className:cn("oui-absolute oui-right-0 oui-top-[6.5px]","oui-hidden group-hover:oui-block"),children:jsxs(Flex,{className:cn("oui-inline-flex","oui-bg-primary-darken oui-py-[6px]"),r:"base",width:52,justify:"center",itemAlign:"end",gapX:2,children:[jsx(Me,{className:s,onClick:i=>{i.stopPropagation(),e.pinToTop(a);}}),jsx(Ne,{className:s,onClick:r})]})});return jsxs("div",{className:"oui-relative",children:[t&&n,jsxs(Flex,{direction:"column",justify:"end",itemAlign:"end",gapY:1,className:cn(t&&"group-hover:oui-invisible"),children:[jsx(Text.numeral,{dp:a.quote_dp||2,size:"2xs",children:a["24h_close"]}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,size:"2xs",children:o})]})]})}}];var Xo=e=>{let{className:t,tabSort:o,onTabSort:a}=e,{t:r}=useTranslation(),{getFavoritesProps:s,renderEmptyView:n}=J(),i=l=>{let m=l==="favorites";return jsx(Z,{type:l,initialSort:o[l],onSort:a(l),getColumns:da,tableClassNames:{root:"!oui-bg-base-8",scroll:cn("oui-pb-[env(safe-area-inset-bottom,_20px)]",m?"oui-h-[calc(100%_-_70px)]":"oui-h-[calc(100%_-_40px)]")},emptyView:n({type:l,onClick:()=>{e.onTabChange("all");},className:"oui-h-[calc(100%_-_70px)]"}),...s(l)})};return jsxs(Box,{height:"100%",className:cn("oui-font-semibold",t),children:[jsxs(Box,{px:3,mt:3,mb:2,children:[jsx(Text,{size:"base",intensity:80,children:r("common.markets")}),jsx(V,{classNames:{root:"oui-mt-4"}})]}),jsxs(Tabs,{variant:"contained",size:"md",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsList:cn("oui-my-[6px]"),tabsContent:"oui-h-full",scrollIndicator:"oui-mx-3"},className:"oui-h-[calc(100%_-_92px)]",showScrollIndicator:true,children:[jsx(TabPanel,{title:r("markets.favorites"),icon:jsx(U,{}),value:"favorites",children:i("favorites")}),jsx(TabPanel,{title:r("common.all"),value:"all",children:i("all")})]})]})};var vl="orderly_markets_sheet_sel_tab_key";function qo(){let{tabSort:e,onTabSort:t}=j({storageKey:Ve}),[o,a]=useLocalStorage(vl,"favorites");return {tabSort:e,onTabSort:t,activeTab:o,onTabChange:a}}var hl=e=>{let t=qo();return jsx(X,{symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsx(Xo,{...t,className:e.className})})};var $o=e=>{let{symbol:t,data:o,leverage:a,onSymbol:r}=e,s=jsxs(Flex,{className:"oui-cursor-pointer oui-gap-x-[6px]",onClick:r,children:[jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"sm",weight:"semibold",showIcon:true,children:t}),jsx(st,{className:"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]"})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-mobile","oui-font-semibold oui-h-full",e.className),children:[jsxs(Flex,{gapX:3,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:3,children:[s,jsxs(Badge,{size:"xs",color:"primary",children:[a,"x"]})]}),jsx(Divider,{className:"oui-h-6",direction:"vertical",intensity:8}),jsx(Text.numeral,{size:"2xs",rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:o?.change})]}),e.trailing]})};function Yo(e){let{symbol:t}=e,o=useTickerStream(t),a=useSymbolsInfo(),r=useMemo(()=>{let s=a[t],n=s("base_imr");return Ml(n)},[t,a]);return {symbol:t,data:o,leverage:r}}function Ml(e){return e?1/e:void 0}var Nl=e=>{let{symbol:t,...o}=e,a=Yo({symbol:t});return jsx($o,{...a,...o})};var Qo=e=>{let{symbol:t,isFavorite:o,favorite:a,data:r,quotoDp:s,openInterest:n,fundingRate:i,containerRef:l,leadingElementRef:m,tailingElementRef:c,leadingVisible:u,tailingVisible:p,onScoll:d}=e,{t:g}=useTranslation(),b=jsx(Q,{row:{symbol:t},favorite:a,children:jsx(Flex,{width:12,height:12,justify:"center",itemAlign:"center",className:"oui-cursor-pointer oui-mr-1",children:o?jsx(me,{className:"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]"}):jsx(ue,{className:"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]"})})}),v=jsx(zo,{contentClassName:"oui-w-[429px] oui-h-[496px]",symbol:e.symbol,onSymbolChange:e.onSymbolChange,children:jsxs(Flex,{gapX:1,className:"oui-cursor-pointer",children:[jsx(TokenIcon,{symbol:t,className:"oui-w-4 oui-h-4"}),jsx(Text.formatted,{className:"oui-break-normal oui-whitespace-nowrap",rule:"symbol",formatString:"base-type",size:"xs",weight:"semibold",intensity:98,children:t}),jsx(st,{className:"oui-text-base-contrast-54"})]})}),y=jsx(Text.numeral,{dp:s||2,currency:"$",size:"sm",intensity:98,className:"oui-data-value",children:r?.["24h_close"]}),T=jsxs(Fragment,{children:[jsx(Text.numeral,{coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r?.["24h_change"]}),jsx(Text,{intensity:36,children:"/"}),jsx(Text.numeral,{rule:"percentages",coloring:true,rm:Decimal.ROUND_DOWN,showIdentifier:true,children:r?.change})]});return jsxs(Flex,{className:cn("oui-symbol-info-bar-desktop","oui-font-semibold oui-h-[54px]",e.className),style:{transform:"translateZ(0)",willChange:"transform"},children:[jsxs(Flex,{gapX:6,className:"oui-flex-1 oui-overflow-hidden oui-h-full",children:[jsxs(Flex,{gapX:1,children:[b,v]}),jsx(Divider,{className:"oui-h-[26px]",direction:"vertical",intensity:8}),y,jsxs("div",{className:"oui-relative oui-overflow-hidden oui-h-full",children:[jsx("div",{ref:l,className:"oui-overflow-x-auto oui-hide-scrollbar oui-h-full",children:jsxs(Flex,{gapX:8,height:"100%",children:[jsx("div",{ref:m,children:jsx(ze,{label:g("markets.column.24hChange"),value:T})}),jsx(ze,{label:g("markets.symbolInfoBar.Mark"),value:jsx(Text.numeral,{dp:s,"data-testid":"oui-testid-tokenInfo-markPrice-value",children:r?.mark_price}),hint:g("markets.symbolInfoBar.Mark.tooltip")}),jsx(ze,{label:g("markets.symbolInfoBar.Index"),value:jsx(Text.numeral,{dp:s,children:r?.index_price}),hint:g("markets.symbolInfoBar.Index.tooltip")}),jsx(ze,{label:g("markets.symbolInfoBar.24hVolume"),value:jsx(Text.numeral,{rule:"human",dp:2,children:r?.["24h_amount"]}),hint:g("markets.symbolInfoBar.24hVolume.tooltip")}),jsx(ze,{label:g("markets.symbolInfoBar.predFundingRate"),value:jsx(Ol,{symbol:t}),hint:g("markets.symbolInfoBar.predFundingRate.tooltip")}),jsx("div",{ref:c,children:jsx(ze,{label:g("markets.openInterest"),value:jsxs(Fragment,{children:[jsx(Text.numeral,{rule:"human",dp:2,children:n}),jsx(Text,{intensity:36,children:" USDC"})]}),hint:g("markets.openInterest.tooltip")})})]})}),jsx(ha,{leading:true,onClick:d,visible:u}),jsx(ha,{tailing:true,onClick:d,visible:p})]})]}),e.trailing]})},ze=e=>jsxs(Flex,{direction:"column",itemAlign:"start",children:[jsx(Tooltip,{open:e.hint?void 0:false,content:e.hint,className:"oui-max-w-[240px] oui-bg-base-6 ",arrow:{className:"oui-fill-base-6"},delayDuration:300,children:jsx(Text,{size:"2xs",intensity:36,className:cn("oui-data-label","oui-break-normal oui-whitespace-nowrap",e.hint&&"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12"),children:e.label})}),jsx(Text,{size:"2xs",intensity:98,className:cn("oui-data-value","oui-leading-[20px] oui-break-normal oui-whitespace-nowrap"),children:e.value})]}),ha=e=>{let{visible:t,leading:o,tailing:a,onClick:r}=e;return t?jsx("button",{onClick:()=>{r?.(o?"left":"right");},style:{background:"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)"},className:cn("oui-flex oui-items-center oui-w-[80px]","oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l",o&&"oui-left-0 oui-pl-1",a&&"oui-right-0 oui-pr-1 oui-rotate-180"),children:jsx(br,{className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80"})}):null},Ol=({symbol:e})=>{let t=useFundingRate(e);return t?.est_funding_rate===null?"--":jsxs("div",{children:[jsx(Text.numeral,{unit:"%",dp:4,className:"oui-text-[#FF9A2E]",children:t.est_funding_rate}),jsx(Text,{intensity:36,className:"oui-tabular-nums",children:` in ${t.countDown}`})]})};function Jo(e){let{symbol:t}=e,o=useTickerStream(t),a=useFundingRate(t),r=useMarketsStore(),n=useSymbolsInfo()[t]("quote_dp"),[i,l]=useState(false),[m,c]=useState(false),u=useRef(null),p=useRef(null),d=useRef(null),g=useMemo(()=>!!r.favorites.find(y=>y.name===t),[r.favorites,t]),b=useMemo(()=>new Decimal(o?.open_interest??0).mul(o?.index_price??0).toDecimalPlaces(2).valueOf(),[o]);return useEffect(()=>{let y=new IntersectionObserver(T=>{for(let D=0;D<T.length;D++){let P=T[D];P&&(P.target===p.current&&l(!P.isIntersecting),P.target===d.current&&c(!P.isIntersecting));}});return p.current&&y.observe(p.current),d.current&&y.observe(d.current),()=>{y.disconnect();}},[]),{symbol:t,isFavorite:g,favorite:r,data:o,quotoDp:n,openInterest:b,fundingRate:a,containerRef:u,leadingElementRef:p,tailingElementRef:d,leadingVisible:i,tailingVisible:m,onScoll:y=>{y==="left"?u.current?.scrollBy({left:-100,behavior:"smooth"}):u.current?.scrollBy({left:100,behavior:"smooth"});}}}var Ul=e=>{let{symbol:t,...o}=e,a=Jo({symbol:t});return jsx(Qo,{...a,...o})};var jo=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=de(o,false),c=typeof s=="function"?s(o,false):m;return n?jsx(pe,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,dataSource:t,loading:r,onRow:(u,p)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var er=()=>{let[e,t]=useMarkets(MarketsType.NEW_LISTING),[o,a]=useState(true),{searchValue:r}=x(),{onSort:s,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,r,"base");return n(l)},[e,r,n]);return useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var Ql=e=>{let t=er();return jsx(jo,{...t,...e})};var tr=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=de(o,true),c=typeof s=="function"?s(o,true):m;return n?jsx(pe,{dataSource:t}):jsxs(Fragment,{children:[jsx(Box,{px:3,className:"oui-my-[6px]",children:jsx(Fe,{favorite:o,size:"sm"})}),jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,dataSource:t,loading:r,onRow:(u,p)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})]})};var or=()=>{let[e,t]=useMarkets(MarketsType.FAVORITES),[o,a]=useState(true),{favorites:r,selectedFavoriteTab:s}=t,{searchValue:n}=x(),{onSort:i,getSortedList:l}=I(),m=useMemo(()=>{let c=r?.filter(p=>p.tabs?.findIndex(d=>d.id===s.id)!==-1)?.map(p=>{let d=e?.findIndex(g=>g.symbol===p.name);return d!==-1?e[d]:null})?.filter(p=>!!p),u=L(c,n,"base");return l(u)},[e,s,r,n,l]);return useEffect(()=>{a(false);},[e]),{loading:o,dataSource:m,favorite:t,onSort:i}};var im=e=>{let t=or();return jsx(tr,{...t,...e})};var rr=e=>{let{dataSource:t,favorite:o,onSort:a,loading:r,getColumns:s,collapsed:n}=e,{symbol:i,onSymbolChange:l}=x(),m=de(o,false),c=typeof s=="function"?s(o,false):m;return n?jsx(pe,{dataSource:t}):jsx(DataTable,{classNames:{root:e.tableClassNames?.root,body:e.tableClassNames?.body,header:cn("oui-h-9",e.tableClassNames?.header),scroll:e.tableClassNames?.scroll},columns:c,dataSource:t,loading:r,onRow:(u,p)=>({className:cn("oui-h-[53px]",e.rowClassName),onClick:()=>{l?.(u),o.addToHistory(u);}}),generatedRowKey:u=>u.symbol,rowSelection:{[i]:true},onSort:a,manualSorting:true})};var ar=()=>{let[e,t]=useMarkets(MarketsType.RECENT),[o,a]=useState(true),{searchValue:r}=x(),{onSort:s,getSortedList:n}=I(),i=useMemo(()=>{let l=L(e,r,"base");return n(l)},[e,r,n]);return useEffect(()=>{a(false);},[e]),{loading:o,dataSource:i,favorite:t,onSort:s}};var fm=e=>{let t=ar();return jsx(rr,{...t,...e})};var Ia=e=>{let{t}=useTranslation(),o=jsx(V,{classNames:{root:cn("oui-mb-2 oui-mt-5")}});return jsx(Box,{intensity:900,p:3,mt:2,mb:5,r:"xl",height:"100%",className:"oui-markets-funding-list",children:jsxs(Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,children:[jsx(TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsxs(Fragment,{children:[o,jsx(je,{})]})}),jsx(TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsxs(Fragment,{children:[o,jsx(et,{})]})})]})})};function La(){let[e,t]=useState("overview");return {activeTab:e,onTabChange:t}}var Da=e=>{let{t}=useTranslation();return jsx(Box,{intensity:900,p:6,mt:4,r:"2xl",className:"oui-markets-funding-list",children:jsxs(Tabs,{variant:"contained",size:"lg",value:e.activeTab,onValueChange:e.onTabChange,trailing:jsx(V,{classNames:{root:"oui-my-1 oui-w-[240px]"}}),children:[jsx(TabPanel,{title:t("common.overview"),value:"overview",testid:"oui-testid-funding-overview-tab",children:jsx(je,{})}),jsx(TabPanel,{title:t("markets.funding.comparison"),value:"comparison",testid:"oui-testid-funding-comparison-tab",children:jsx(et,{})})]})})};var nr=()=>{let e=La(),{isMobile:t}=useScreen();return t?jsx(Ia,{...e}):jsx(Da,{...e})};var Lm=e=>{let{isMobile:t}=useScreen(),[o,a]=useState("markets");return jsx(X,{onSymbolChange:e.onSymbolChange,navProps:e.navProps,children:jsx("div",{id:"oui-markets-home-page",className:cn("oui-font-semibold",e.className),children:t?jsx(Dm,{activeTab:o,onTabChange:a,navProps:e.navProps}):jsx(Rm,{activeTab:o,onTabChange:a})})})},Rm=e=>{let{t}=useTranslation();return jsx(Box,{p:6,children:jsxs(Tabs,{size:"xl",value:e.activeTab,onValueChange:e.onTabChange,children:[jsxs(TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsx(it,{className:"oui-mt-4"}),jsx(yt,{})]}),jsx(TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsx(nr,{})})]})})},Dm=e=>{let{t}=useTranslation();return jsxs(Tabs,{variant:"text",size:"xl",value:e.activeTab,onValueChange:e.onTabChange,classNames:{tabsListContainer:"oui-border-0",tabsList:"oui-mx-6 oui-my-2",trigger:cn("oui-text-2xl oui-font-bold","data-[state=active]:after:oui-bg-transparent!"),tabsContent:"oui-px-3"},leading:e.navProps?.leftNav&&jsx(LeftNavUI,{className:"oui-ml-3 -oui-mr-4",...e?.navProps?.leftNav,logo:e?.navProps?.logo,routerAdapter:e?.navProps?.routerAdapter}),children:[jsxs(TabPanel,{title:t("common.markets"),value:"markets",testid:"oui-testid-markets-tab",children:[jsx(it,{className:"oui-mt-2"}),jsx(yt,{})]}),jsx(TabPanel,{title:t("common.funding"),value:"funding",testid:"oui-testid-funding-tab",children:jsx(nr,{})})]})};
10
11
 
11
- export { pe as CollapseMarkets, Bo as DropDownMarkets, ia as DropDownMarketsConetnt, Vo as DropDownMarketsWidget, xo as ExpandMarkets, ho as ExpandMarketsWidget, Xt as FavoritesDropdownMenu, Y as FavoritesDropdownMenuWidget, Jo as FavoritesList, io as FavoritesListFull, mo as FavoritesListFullWidget, Zl as FavoritesListWidget, to as FavoritesTab, Fe as FavoritesTabWidget, Io as FundingComparison, et as FundingComparisonWidget, yo as FundingOverview, je as FundingOverviewWidget, Pr as FundingTabName, fo as MarketsDataList, vt as MarketsDataListWidget, Vt as MarketsHeader, it as MarketsHeaderWidget, Sm as MarketsHomePage, Yt as MarketsList, uo as MarketsListFull, xt as MarketsListFullWidget, Q as MarketsListWidget, Nr as MarketsPageTab, K as MarketsProvider, Ho as MarketsSheet, ml as MarketsSheetWidget, A as MarketsTabName, Qo as NewListingList, zl as NewListingListWidget, er as RecentList, sm as RecentListWidget, Ro as SideMarkets, _i as SideMarketsWidget, Ko as SymbolInfoBar, qo as SymbolInfoBarFull, Rl as SymbolInfoBarFullWidget, vl as SymbolInfoBarWidget, _o as useDropDownMarketsColumns, Wo as useDropDownMarketsScript, vo as useExpandMarketsScript, qt as useFavoritesDropdownMenuScript, lo as useFavoritesListFullScript, jo as useFavoritesListScript, ro as useFavoritesTabScript, To as useFundingComparisonScript, Fo as useFundingOverviewScript, no as useMarketsDataListScript, Et as useMarketsHeaderScript, po as useMarketsListFullScript, Qt as useMarketsListScript, Go as useMarketsSheetScript, Zo as useNewListingListScript, tr as useRecentListScript, Do as useSideMarketsScript, Yo as useSymbolInfoBarFullScript, Xo as useSymbolInfoBarScript };
12
+ export { pe as CollapseMarkets, Ao as DropDownMarkets, ua as DropDownMarketsConetnt, zo as DropDownMarketsWidget, yo as ExpandMarkets, ko as ExpandMarketsWidget, $t as FavoritesDropdownMenu, Q as FavoritesDropdownMenuWidget, tr as FavoritesList, uo as FavoritesListFull, po as FavoritesListFullWidget, im as FavoritesListWidget, ao as FavoritesTab, Fe as FavoritesTabWidget, Do as FundingComparison, et as FundingComparisonWidget, Co as FundingOverview, je as FundingOverviewWidget, Rr as FundingTabName, vo as MarketsDataList, yt as MarketsDataListWidget, Et as MarketsHeader, it as MarketsHeaderWidget, Lm as MarketsHomePage, Zt as MarketsList, go as MarketsListFull, ht as MarketsListFullWidget, Z as MarketsListWidget, Lr as MarketsPageTab, X as MarketsProvider, Xo as MarketsSheet, hl as MarketsSheetWidget, B as MarketsTabName, jo as NewListingList, Ql as NewListingListWidget, rr as RecentList, fm as RecentListWidget, Oo as SideMarkets, Ki as SideMarketsWidget, $o as SymbolInfoBar, Qo as SymbolInfoBarFull, Ul as SymbolInfoBarFullWidget, Nl as SymbolInfoBarWidget, Wo as useDropDownMarketsColumns, Eo as useDropDownMarketsScript, So as useExpandMarketsScript, Yt as useFavoritesDropdownMenuScript, co as useFavoritesListFullScript, or as useFavoritesListScript, no as useFavoritesTabScript, Po as useFundingComparisonScript, To as useFundingOverviewScript, mo as useMarketsDataListScript, Ht as useMarketsHeaderScript, bo as useMarketsListFullScript, Jt as useMarketsListScript, qo as useMarketsSheetScript, er as useNewListingListScript, ar as useRecentListScript, Bo as useSideMarketsScript, Jo as useSymbolInfoBarFullScript, Yo as useSymbolInfoBarScript };
12
13
  //# sourceMappingURL=out.js.map
13
14
  //# sourceMappingURL=index.mjs.map