@orderly.network/markets 2.5.3 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +2 -2
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +8 -8
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/pages/home/marketsHeader/marketsHeader.ui.tsx","../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/marketsHeader/marketsHeader.script.tsx","../src/utils.ts","../src/pages/home/marketsHeader/marketsHeader.widget.tsx","../src/pages/home/marketsHeader/marketsHeader.mobile.ui.tsx","../src/pages/home/marketsDataList/marketsDataList.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.mobile.ui.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/components/collapseMarkets/index.tsx","../src/components/sideMarkets/column.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.widget.tsx","../src/components/marketsList/marketsList.script.ts","../src/type.ts","../src/components/marketsList/marketsList.widget.tsx","../src/components/searchInput.tsx/index.tsx","../src/components/shared/column.tsx","../src/components/shared/hooks/useFavoritesExtraProps.tsx","../src/components/favoritesEmpty/index.tsx","../src/components/favoritesTabs/favoritesTabs.ui.tsx","../src/components/favoritesTabs/favoritesTabs.script.ts","../src/components/favoritesTabs/favoritesTabs.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/pages/home/marketsDataList/marketsDataList.ui.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/marketsListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/favoritesListFull.widget.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/marketsListFull.widget.tsx","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/components/expandMarkets/expandMarkets.script.ts","../src/constant.ts","../src/components/expandMarkets/expandMarkets.widget.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/fundingOverview.widget.tsx","../src/components/fundingOverview/fundingOverview.mobile.ui.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/useEXchanges.ts","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/fundingComparison.widget.tsx","../src/components/fundingComparison/fundingComparison.mobile.ui.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/sideMarkets.widget.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/dropDownMarkets.widget.tsx","../src/components/marketsSheet/marketsSheet.ui.tsx","../src/components/marketsSheet/column.tsx","../src/components/marketsSheet/marketsSheet.script.ts","../src/components/marketsSheet/marketsSheet.widget.tsx","../src/components/symbolInfoBar/symbolInfoBar.ui.tsx","../src/components/symbolInfoBar/symbolInfoBar.script.ts","../src/components/symbolInfoBar/symbolInfoBar.widget.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.script.ts","../src/components/symbolInfoBarFull/symbolInfoBarFull.widget.tsx","../src/deprecated/newListingList/newListingList.ui.tsx","../src/deprecated/newListingList/newListingList.script.ts","../src/deprecated/newListingList/widget.tsx","../src/deprecated/favoritesList/favoritesList.ui.tsx","../src/deprecated/favoritesList/favoritesList.script.ts","../src/deprecated/favoritesList/widget.tsx","../src/deprecated/recentList/recentList.ui.tsx","../src/deprecated/recentList/recentList.script.ts","../src/deprecated/recentList/widget.tsx","../src/pages/home/page.tsx","../src/pages/home/funding/funding.widget.tsx","../src/pages/home/funding/funding.mobile.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/funding.ui.tsx"],"names":["useMemo","useTranslation","Box","cn","Flex","Text","Decimal","createContext","useState","useContext","useCallback","jsx","MarketsContext","MarketsProvider","props","symbol","comparisonProps","children","onSymbolChange","searchValue","setSearchValue","clearSearchValue","memoizedValue","useMarketsContext","jsxs","EditIcon","TrashIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon","ActiveAddIcon","ExpandIcon","CollapseIcon","TriangleDownIcon","ArrowLeftIcon","MarketsHeader","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","t","cls","onSymbol","item","BlockList","CardItem","ScrollIndicator","list","index","BlockItem","ListItem","scrollPrev","scrollNext","useEffect","useEmblaCarousel","useMarkets","useQuery","MarketsType","compareValues","aValue","bValue","aStr","bStr","aNum","bNum","aIsNumber","bIsNumber","aIsDate","bIsDate","aDate","bDate","sortList","sort","sortKey","sortOrder","sortedList","b","comparison","useSort","initialSort","onSortChange","setSort","onSort","options","nextSort","getSortedList","escapeRegExp","string","searchBySymbol","formatString","escapedSearchValue","reg","searchValueLower","exactMatches","startsWithMatches","otherMatches","formattedSymbol","formatSymbol","symbolLower","compareSymbols","a","symbolA","symbolB","arr","type","base","quote","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","useScreen","TabPanel","Tabs","Fragment","MobileMarketsHeader","activeTab","setActiveTab","MarketsHeaderWidget","state","isMobile","DataTable","TokenIcon","Tooltip","Badge","CollapseMarkets","content","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","Input","CloseCircleFillIcon","FavoritesDropdownMenu","favoriteTabs","open","onOpenChange","inputVisible","selectedTabs","value","onValueChange","hide","hideInput","showInput","onCheck","addTab","confirm","overLen","renderInput","overTabs","header","checked","tab","footer","e","useFavoritesDropdownMenuScript","favorites","updateFavoriteTabs","updateSymbolFavoriteState","setOpen","setInputVisible","setValue","setSelectedTabs","clearState","newTab","find","FavoritesDropdownMenuWidget","useSideMarketsColumns","isFavoriteList","record","favoritesIcon","onDelSymbol","iconCls","actions","MarketsList","loading","dataSource","getColumns","collapsed","isFavoritesList","renderHeader","emptyView","sideColumns","columns","MarketsPageTab","MarketsTabName","FundingTabName","MarketsTypeMap","useMarketsListScript","setLoading","selectedFavoriteTab","filterList","searchResults","MarketsListWidget","SearchInput","classNames","suffix","onSearchValueChange","i18n","getSymbolColumn","getLastColumn","get24hPercentageColumn","EmptyStateIcon","FavoritesEmpty","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","updateSelectedFavoriteTab","addIconWidth","tabHeight","gradientColor","onDel","onKeyUp","renderActions","renderAdd","icon","isActive","renderContent","textProps","useRef","useFavoritesTabScript","updateFavorites","setEditing","setScrollable","scrollView","setInputWidth","updateScrollLayout","scrollWidth","clientWidth","scrollToRight","selectedTab","_favorites","tabs","rect","offset","FavoritesTabWidget","className","rest","useFavoritesProps","dataFilter","fav","getFavoritesProps","renderEmptyView","MobileMarketsDataList","onTabChange","tabSort","onTabSort","renderTab","useSessionStorage","useTabSort","setTabSort","MOBILE_MARKETS_TAB_SORT_STORAGE_KEY","useMarketsDataListScript","Trans","useMarketsListFullColumns","button","FavoritesListFull","pagination","usePagination","useFavoritesListFullScript","pageSize","setPage","filterData","FavoritesListFullWidget","MarketsListFull","useMarketsListFullScript","searchList","sortStore","MarketsListFullWidget","MarketsDataList","MarketsDataListWidget","ExpandMarkets","SIDE_MARKETS_TAB_SORT_STORAGE_KEY","useExpandMarketsScript","ExpandMarketsWidget","Picker","Select","createFundingRenderer","dp","useFundingOverviewColumns","selectedPeriod","setSelectedPeriod","FundingPeriodSelect","FundingOverview","isLoading","useFundingRateHistory","useFundingRates","useFundingOverviewScript","marketData","fundingHistory","isHistoryLoading","getPositiveRates","fundingRates","processedData","posRates","acc","period","history","h","fundingRate","fundingInterval","getFundingInterval","filteredData","next_funding_time","last_funding_rate_timestamp","diff","MobileFundingOverview","FundingOverviewWidget","useEXchanges","brokerName","brokerIconSrc","CDN_PREFIX","useFundingColumns","exchanges","getImgSrc","val","imgSrc","FundingComparison","useMarketsStream","getOpenInterest","open_interest","index_price","useFundingComparisonScript","futures","row","target","result","exchangeName","rate","wooFiRate","otherRate","exchange","MobileFundingComparison","FundingComparisonWidget","SideMarkets","collapsable","onCollapse","SideMarketsHeader","useLocalStorage","SIDE_MARKETS_SEL_TAB_KEY","useSideMarketsScript","setCollapsed","SideMarketsWidget","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","search","DROPDOWN_MARKETS_SEL_TAB_KEY","DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY","useDropDownMarketsScript","DropDownMarketsWidget","getMarketsSheetColumns","MarketsSheet","isFavorites","MARKETS_SHEET_SEL_TAB_KEY","useMarketsSheetScript","MarketsSheetWidget","SymbolInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useSymbolInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","SymbolInfoBarWidget","useFundingRate","SymbolInfoBarFull","isFavorite","quotoDp","openInterest","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","fundingPeriod","capFunding","floorFunding","favoriteIcon","price","change","DataItem","FundingRate","label","hint","visible","leading","tailing","onClick","useFundingDetails","useMarketsStore","useSymbolInfoBarFullScript","fundingDetails","isFundingLoading","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","SymbolInfoBarFullWidget","NewListingList","useNewListingListScript","NewListingListWidget","FavoritesList","useFavoritesListScript","FavoritesListWidget","RecentList","useRecentListScript","RecentListWidget","LeftNavUI","MobileFunding","useFundingScript","Funding","FundingWidget","MarketsHomePage","MarketsMobileContent","MarketsDesktopContent"],"mappings":"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","sourcesContent":["import { FC, ReactNode, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\n/** -----------MarketsHeader start ------------ */\ntype MarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\nexport const MarketsHeader: FC<MarketsHeaderProps> = (props) => {\n const {\n emblaRef,\n emblaApi,\n scrollIndex,\n enableScroll,\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]\",\n enableScroll && \"oui-cursor-pointer oui-select-none\",\n );\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n ref={enableScroll ? emblaRef : undefined}\n >\n <Flex width=\"100%\" gapX={4}>\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n className={cls}\n />\n <CardItem\n data={news}\n title={\n <Text.gradient color=\"brand\">\n {t(\"markets.newListings\")}\n </Text.gradient>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={gainers}\n title={\n <Text className=\"oui-text-success-light\">\n {t(\"markets.topGainers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={losers}\n title={\n <Text className=\"oui-text-danger-light\">\n {t(\"markets.topLosers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n </Flex>\n <div className=\"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4\">\n <ScrollIndicator\n scrollIndex={scrollIndex}\n scrollPrev={emblaApi?.scrollPrev}\n scrollNext={emblaApi?.scrollNext}\n />\n </div>\n </div>\n );\n};\n/** -----------MarketsHeader end ------------ */\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\n/** -----------MarketsHeader start ------------ */\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n return (\n <Flex\n direction=\"column\"\n justify=\"between\"\n width=\"100%\"\n height={236}\n className={props.className}\n >\n {list?.map((item, index) => <BlockItem key={index} {...item} />)}\n </Flex>\n );\n};\n/** -----------MarketsHeader start ------------ */\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box intensity={900} r=\"lg\" px={4} py={3} width=\"100%\">\n <Text as=\"div\" intensity={36} size=\"xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 0}\n rm={Decimal.ROUND_DOWN}\n rule={props.rule as any}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n title: ReactNode;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Box\n intensity={900}\n r=\"lg\"\n py={4}\n pb={2}\n height={236}\n className={props.className}\n >\n <Box px={4}>\n <Text.gradient color=\"brand\" size=\"sm\" weight=\"semibold\">\n {props.title}\n </Text.gradient>\n </Box>\n\n <Flex direction=\"column\" itemAlign=\"start\" mt={2}>\n {props.data?.map((item, index) => (\n <ListItem key={item.symbol} item={item} onSymbol={props.onSymbol} />\n ))}\n </Flex>\n </Box>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n {/* <TokenIcon symbol={item.symbol} size=\"xs\" /> */}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface ScrollIndicatorProps {\n scrollIndex: number;\n scrollPrev?: () => void;\n scrollNext?: () => void;\n}\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { scrollIndex, scrollPrev, scrollNext } = props;\n\n return (\n <Flex gapX={1} justify=\"center\" className=\"3xl:oui-hidden\">\n {[0, 1].map((item) => {\n return (\n <Box\n key={item}\n py={1}\n pl={item === 0 ? 1 : 0}\n pr={item === 1 ? 1 : 0}\n onClick={() => {\n if (scrollIndex === 0 && item === 1) {\n scrollNext?.();\n } else if (scrollIndex === 1 && item === 0) {\n scrollPrev?.();\n }\n }}\n className=\"oui-cursor-pointer\"\n >\n <Box\n key={item}\n width={8}\n height={4}\n r=\"full\"\n className={cn(\n \"oui-transition-all oui-duration-300\",\n scrollIndex === item\n ? \"oui-w-4 oui-bg-base-contrast-36\"\n : \"oui-bg-base-contrast-20\",\n )}\n />\n </Box>\n );\n })}\n </Flex>\n );\n};\n\nexport default ScrollIndicator;\n","import {\n FC,\n createContext,\n PropsWithChildren,\n useState,\n useContext,\n useCallback,\n useMemo,\n} from \"react\";\nimport { API } from \"@orderly.network/types\";\nimport { LeftNavProps, RouterAdapter } from \"@orderly.network/ui-scaffold\";\n\ntype MarketsContextState = {\n symbol?: string;\n searchValue?: string;\n onSearchValueChange?: (searchValue: string) => void;\n clearSearchValue?: () => void;\n} & MarketsProviderProps;\n\nexport const MarketsContext = createContext({} as MarketsContextState);\n\nexport type MarketsProviderProps = {\n symbol?: string;\n onSymbolChange?: (symbol: API.Symbol) => void;\n // only for mobile\n navProps?: {\n logo?: {\n src: string;\n alt: string;\n };\n routerAdapter?: RouterAdapter;\n leftNav?: LeftNavProps;\n };\n comparisonProps?: {\n /**\n * Set Name of Exchanges in the comparison list.\n * @default 'Orderly'\n */\n exchangesName?: string;\n /**\n * Set Icon URL of Exchanges in the comparison list.\n * @default \"\"\n */\n exchangesIconSrc?: string;\n };\n};\n\nexport const MarketsProvider: FC<PropsWithChildren<MarketsProviderProps>> = (\n props,\n) => {\n const { symbol, comparisonProps, children, onSymbolChange } = props;\n const [searchValue, setSearchValue] = useState(\"\");\n\n const clearSearchValue = useCallback(() => {\n setSearchValue(\"\");\n }, []);\n\n const memoizedValue = useMemo<MarketsContextState>(() => {\n return {\n searchValue,\n onSearchValueChange: setSearchValue,\n clearSearchValue,\n symbol: symbol,\n onSymbolChange: onSymbolChange,\n comparisonProps: comparisonProps,\n };\n }, [searchValue, symbol, onSymbolChange, setSearchValue, comparisonProps]);\n\n return (\n <MarketsContext.Provider value={memoizedValue}>\n {children}\n </MarketsContext.Provider>\n );\n};\n\nexport function useMarketsContext() {\n return useContext(MarketsContext);\n}\n","import React, { FC, PropsWithChildren, SVGProps } from \"react\";\n\nexport const EditIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const TrashIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const AllMarketsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"12\"\n height=\"12\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h12v12H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const NewListingsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const FavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const UnFavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const CirclePlusIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"18\"\n height=\"18\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h18v18H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M8.325 12.6h1.35V9.675H12.6v-1.35H9.675V5.4h-1.35v2.925H5.4v1.35h2.925zm.68 3.6a7 7 0 0 1-2.799-.562A7.3 7.3 0 0 1 3.91 14.09a7.3 7.3 0 0 1-1.546-2.296A7 7 0 0 1 1.8 8.99q0-1.49.563-2.794a7.26 7.26 0 0 1 3.843-3.834A7 7 0 0 1 9.009 1.8q1.49 0 2.794.562 1.303.563 2.288 1.547a7.3 7.3 0 0 1 1.547 2.292q.561 1.308.562 2.794a7 7 0 0 1-.562 2.799 7.3 7.3 0 0 1-1.547 2.297 7.3 7.3 0 0 1-2.292 1.547 7 7 0 0 1-2.794.562M9 14.85q2.437 0 4.144-1.706Q14.85 11.437 14.85 9t-1.706-4.144Q11.437 3.15 9 3.15T4.856 4.856 3.15 9t1.706 4.144Q6.563 14.85 9 14.85\" />\n </g>\n </svg>\n);\n\nexport const SearchIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const MoveToTopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const OrderlyIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n />\n </svg>\n);\n\nexport const FavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const UnFavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const TopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const DeleteIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const AddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z\" />\n </g>\n </svg>\n);\n\nexport const ActiveAddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n 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\"\n fill=\"url(#paint0_linear_1951_55156)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_1951_55156\"\n x1=\"10.4954\"\n y1=\"5.96487\"\n x2=\"1.49536\"\n y2=\"5.96487\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n\nexport const ExpandIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const CollapseIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const TriangleDownIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const ArrowLeftIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const ArrowRightIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.777 3.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L8.5 7.993l-2.408 3.625a.685.685 0 0 0 .187.938.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271\" />\n </svg>\n);\n\nconst BaseSortIcon = (props: PropsWithChildren) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n fill=\"none\"\n >\n {props.children}\n </svg>\n );\n};\n\nexport const SortingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042m0 7.916a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const AscendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const DescendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </BaseSortIcon>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { useMarkets, useQuery, MarketsType } from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { sortList, useSize } from \"../../../utils\";\n\n// export type EmblaCarouselType = Exclude<UseEmblaCarouselType[1], undefined>;\n// export type TEmblaApi = Pick<EmblaCarouselType, \"scrollPrev\" | \"scrollNext\">;\n// use UseEmblaCarouselType will bring type error\nexport type TEmblaApi = {\n scrollPrev: (jump?: boolean) => void;\n scrollNext: (jump?: boolean) => void;\n};\n\nexport type MarketsHeaderReturns = ReturnType<typeof useMarketsHeaderScript>;\n\nexport const useMarketsHeaderScript = () => {\n const [scrollIndex, setScrollIndex] = useState(0);\n const data = useDataSource();\n\n const { width } = useSize();\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop: true,\n // duration: 25,\n slidesToScroll: \"auto\",\n });\n\n useEffect(() => {\n emblaApi?.on(\"select\", () => {\n setScrollIndex(emblaApi?.selectedScrollSnap());\n });\n }, [emblaApi]);\n\n return {\n scrollIndex,\n setScrollIndex,\n emblaRef,\n emblaApi: emblaApi as TEmblaApi,\n enableScroll: width < 1440,\n ...data,\n };\n};\n\nexport function useDataSource() {\n const [markets, favorite] = useMarkets(MarketsType.ALL);\n const { data: balance } = useQuery(\"/v1/public/balance/stats\");\n\n const news = useMemo(\n () =>\n sortList(markets, { sortKey: \"created_time\", sortOrder: \"desc\" }).slice(\n 0,\n 5,\n ),\n [markets],\n );\n\n const gainers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"desc\" }).slice(0, 5),\n [markets],\n );\n\n const losers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"asc\" }).slice(0, 5),\n [markets],\n );\n\n const total24Amount = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"24h_amount\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const totalOpenInterest = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"openInterest\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const tvl = useMemo(() => {\n if (!balance) return 0;\n\n const { total_holding = 0 } = balance as any;\n return new Decimal(total_holding).toNumber();\n }, [balance]);\n\n return {\n markets,\n news,\n gainers,\n losers,\n total24Amount: total24Amount.toNumber(),\n totalOpenInterest: totalOpenInterest.toNumber(),\n tvl,\n favorite,\n };\n}\n","import { useCallback, useEffect, useState } from \"react\";\nimport { TableSort } from \"@orderly.network/ui\";\nimport { SortType } from \"./type\";\n\n/**\n * Compare two values intelligently\n */\nconst compareValues = (aValue: any, bValue: any): number => {\n // Handle null/undefined values (always sort to bottom)\n if (aValue == null && bValue == null) return 0;\n if (aValue == null) return 1;\n if (bValue == null) return -1;\n\n // Convert to string first for type checking\n const aStr = String(aValue).trim();\n const bStr = String(bValue).trim();\n\n // More robust number detection - check if values can be converted to valid numbers\n const aNum = Number(aStr);\n const bNum = Number(bStr);\n const aIsNumber =\n !isNaN(aNum) && isFinite(aNum) && /^-?\\d*\\.?\\d+([eE][+-]?\\d+)?$/.test(aStr);\n const bIsNumber =\n !isNaN(bNum) && isFinite(bNum) && /^-?\\d*\\.?\\d+([eE][+-]?\\d+)?$/.test(bStr);\n\n if (aIsNumber && bIsNumber) {\n return aNum - bNum;\n }\n\n // Check if both are valid dates (ISO format or timestamp)\n const aIsDate = /^\\d{4}-\\d{2}-\\d{2}/.test(aStr) || /^\\d{13}$/.test(aStr);\n const bIsDate = /^\\d{4}-\\d{2}-\\d{2}/.test(bStr) || /^\\d{13}$/.test(bStr);\n\n if (aIsDate && bIsDate) {\n const aDate = new Date(aValue);\n const bDate = new Date(bValue);\n if (!isNaN(aDate.getTime()) && !isNaN(bDate.getTime())) {\n return aDate.getTime() - bDate.getTime();\n }\n }\n\n // String comparison - use localeCompare for proper string sorting\n return aStr.localeCompare(bStr, undefined, {\n sensitivity: \"base\",\n numeric: false, // Disable numeric sorting for pure string comparison\n caseFirst: \"upper\",\n });\n};\n\n/** get page data */\nexport function getPagedData(list: any[], pageSize: number, pageIndex: number) {\n const pageData: any[][] = [];\n let rows: any[] = [];\n for (let i = 0; i < list.length; i++) {\n rows.push(list[i]);\n if ((i + 1) % pageSize === 0 || i === list.length - 1) {\n pageData.push(rows);\n rows = [];\n }\n }\n return pageData[pageIndex - 1] || [];\n}\n\nexport function sortList(list: any[], sort?: SortType) {\n const { sortKey, sortOrder } = sort || {};\n const sortedList = [...(list || [])];\n\n if (sortKey && sortOrder) {\n // sort list\n sortedList.sort((a: any, b: any) => {\n const comparison = compareValues(a[sortKey], b[sortKey]);\n // Handle sort order: desc means reverse the comparison result\n return sortOrder === \"desc\" ? -comparison : comparison;\n });\n }\n return sortedList;\n}\n\nexport function useSort(\n initialSort?: SortType,\n onSortChange?: (sort?: SortType) => void,\n) {\n const [sort, setSort] = useState<SortType | undefined>(initialSort);\n\n const onSort = useCallback((options?: TableSort) => {\n const nextSort = options\n ? {\n sortKey: options.sortKey,\n sortOrder: options.sort,\n }\n : undefined;\n\n setSort(nextSort);\n onSortChange?.(nextSort);\n // initialSort, onSortChange is not needed to be in the dependency array, otherwise it will cause infinite loop\n }, []);\n\n const getSortedList = useCallback(\n (list: any[]) => sortList(list, sort),\n [sort],\n );\n\n return { sort, onSort, getSortedList };\n}\n\n/**\n * Escape special characters for use in regular expressions\n */\nfunction escapeRegExp(string: string): string {\n return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function searchBySymbol<T extends Record<PropertyKey, any>>(\n list: T[],\n searchValue = \"\",\n formatString?: string,\n) {\n if (!searchValue) {\n return list;\n }\n\n // Escape special characters to prevent RegExp errors\n const escapedSearchValue = escapeRegExp(searchValue);\n const reg = new RegExp(escapedSearchValue, \"i\");\n\n const searchValueLower = searchValue.toLowerCase();\n\n // Split results into three groups: exact matches, starts with search and other matches\n const exactMatches: T[] = [];\n const startsWithMatches: T[] = [];\n const otherMatches: T[] = [];\n\n list?.forEach((item) => {\n const formattedSymbol = formatSymbol(item.symbol, formatString);\n const symbolLower = formattedSymbol.toLowerCase();\n if (reg.test(formattedSymbol)) {\n if (symbolLower === searchValueLower) {\n exactMatches.push(item);\n } else if (symbolLower.startsWith(searchValueLower)) {\n startsWithMatches.push(item);\n } else {\n otherMatches.push(item);\n }\n }\n });\n\n const compareSymbols = (a: T, b: T) => {\n const symbolA = formatSymbol(a.symbol, formatString);\n const symbolB = formatSymbol(b.symbol, formatString);\n if (symbolA < symbolB) return -1;\n if (symbolA > symbolB) return 1;\n return 0;\n };\n\n // Sort each group alphabetically\n startsWithMatches.sort(compareSymbols);\n otherMatches.sort(compareSymbols);\n\n // Combine results with prioritized matches first\n return [...exactMatches, ...startsWithMatches, ...otherMatches];\n}\n\nfunction formatSymbol(symbol: string, formatString: string = \"base\") {\n if (!symbol) {\n return \"\";\n }\n const arr = symbol.split(\"_\");\n const type = arr[0];\n const base = arr[1];\n const quote = arr[2];\n\n return formatString\n .replace(\"type\", type)\n .replace(\"base\", base)\n .replace(\"quote\", quote);\n}\n\nexport function useSize() {\n const [width, setWidth] = useState<number>(0);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n\n const handleResize = () => {\n setHeight(window.innerHeight);\n setWidth(window.innerWidth);\n };\n\n window?.addEventListener(\"resize\", handleResize);\n\n return () => {\n window?.removeEventListener(\"resize\", handleResize);\n };\n }, []);\n\n return {\n width,\n height,\n };\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsHeader } from \"./marketsHeader.mobile.ui\";\nimport { useMarketsHeaderScript } from \"./marketsHeader.script\";\nimport { MarketsHeader } from \"./marketsHeader.ui\";\n\ntype MarketsHeaderWidgetProps = {\n className?: string;\n};\n\nexport const MarketsHeaderWidget: FC<MarketsHeaderWidgetProps> = (props) => {\n const state = useMarketsHeaderScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileMarketsHeader className={props.className} {...state} />\n ) : (\n <MarketsHeader className={props.className} {...state} />\n );\n};\n","import { FC, ReactNode, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\ntype MobileMarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\n\nexport const MobileMarketsHeader: FC<MobileMarketsHeaderProps> = (props) => {\n const {\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const [activeTab, setActiveTab] = useState(\"newListings\");\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n >\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n />\n\n <Box intensity={900} r=\"xl\" p={3} mt={3}>\n <Tabs size=\"md\" value={activeTab} onValueChange={setActiveTab}>\n <TabPanel\n title={t(\"markets.newListings\")}\n value=\"newListings\"\n testid=\"oui-testid-markets-tab\"\n >\n <CardItem data={news} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topGainers\")}\n value=\"topGainers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={gainers} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topLosers\")}\n value=\"topLosers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={losers} onSymbol={onSymbol} />\n </TabPanel>\n </Tabs>\n </Box>\n </div>\n );\n};\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n\n return (\n <Flex\n intensity={900}\n r=\"xl\"\n width=\"100%\"\n py={3}\n className={props.className}\n >\n {list?.map((item, index) => (\n <>\n <BlockItem\n key={index}\n {...item}\n className={cn(\n index !== list.length - 1 && \"oui-border-r oui-border-line-6\",\n )}\n />\n </>\n ))}\n </Flex>\n );\n};\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n className?: string;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box px={3} width=\"100%\" className={props.className}>\n <Text as=\"div\" intensity={36} size=\"2xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 2}\n rm={Decimal.ROUND_DOWN}\n rule={(props.rule as any) || \"human\"}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Flex direction=\"column\" itemAlign=\"start\" mt={3}>\n {props.data?.map((item, index) => (\n <ListItem\n key={item.symbol}\n item={item}\n onSymbol={props.onSymbol}\n className=\"oui-px-0\"\n />\n ))}\n </Flex>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsDataList } from \"./marketsDataList.mobile.ui\";\nimport { useMarketsDataListScript } from \"./marketsDataList.script\";\nimport { MarketsDataList } from \"./marketsDataList.ui\";\n\nexport const MarketsDataListWidget = () => {\n const { isMobile } = useScreen();\n\n const state = useMarketsDataListScript();\n\n return isMobile ? (\n <MobileMarketsDataList {...state} />\n ) : (\n <MarketsDataList {...state} />\n );\n};\n","import { useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Column, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { MarketsListWidget } from \"../../../components/marketsList\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../../../components/shared/column\";\nimport { useFavoritesProps } from \"../../../components/shared/hooks/useFavoritesExtraProps\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MobileMarketsDataListProps = UseMarketsDataListScript;\n\nexport const MobileMarketsDataList: React.FC<MobileMarketsDataListProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n const { t } = useTranslation();\n\n const getColumns = useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n ] as Column[];\n },\n [],\n );\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <>\n <SearchInput\n classNames={{\n root: cn(\n \"oui-mx-3 oui-mb-4 oui-mt-5\",\n activeTab !== MarketsTabName.Favorites && \"oui-mb-2\",\n ),\n }}\n />\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getColumns}\n rowClassName=\"!oui-h-[34px]\"\n {...getFavoritesProps(type)}\n />\n </>\n );\n };\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} py={3} mt={2} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n scrollIndicator: \"oui-mx-3\",\n }}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n >\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { type MarketsListScriiptReturn } from \"./marketsList.script\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListProps = MarketsListScriiptReturn &\n Pick<\n MarketsListWidgetProps,\n | \"getColumns\"\n | \"collapsed\"\n | \"tableClassNames\"\n | \"rowClassName\"\n | \"initialSort\"\n | \"renderHeader\"\n | \"emptyView\"\n >;\n\nexport const MarketsList: FC<MarketsListProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n getColumns,\n collapsed,\n isFavoritesList,\n renderHeader,\n emptyView,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, isFavoritesList);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, isFavoritesList)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n {renderHeader?.(favorite)}\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n empty: \"oui-items-start oui-mt-6\",\n }}\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={\n initialSort\n ? {\n sortKey: initialSort.sortKey,\n sort: initialSort.sortOrder,\n }\n : undefined\n }\n manualSorting\n emptyView={emptyView}\n />\n </>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { TokenIcon, Flex, Text, cn, Tooltip, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport type CollapseMarketsProps = {\n dataSource: any[];\n};\n\nexport const CollapseMarkets: React.FC<CollapseMarketsProps> = (props) => {\n const { symbol, onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n return (\n <div className=\"oui-custom-scrollbar oui-h-full oui-overflow-y-auto\">\n <Flex direction=\"column\" px={2} gapY={1}>\n {props.dataSource?.map((item) => {\n const content = (\n <Flex intensity={800} p={2} className=\"oui-gap-x-7\" r=\"base\">\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.last\")}\n </Text>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.24hPercentage\")}\n </Text>\n </Flex>\n\n <Flex direction=\"column\" itemAlign=\"end\" gapY={1}>\n <Badge size=\"xs\" color=\"primary\">\n {item.leverage}x\n </Badge>\n <Text.numeral\n dp={item.quote_dp || 2}\n currency=\"$\"\n size=\"2xs\"\n intensity={80}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n\n return (\n <Tooltip\n side=\"right\"\n sideOffset={6}\n // @ts-ignore\n content={content}\n delayDuration={0}\n key={item.symbol}\n >\n <Flex\n direction=\"column\"\n justify=\"center\"\n itemAlign=\"center\"\n gapY={1}\n width={54}\n height={54}\n r=\"lg\"\n className={cn(\n \"oui-cursor-pointer\",\n \"hover:oui-bg-base-7\",\n symbol === item.symbol && \"oui-bg-base-6 hover:oui-bg-base-6\",\n )}\n onClick={() => {\n onSymbolChange?.(item);\n }}\n >\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Tooltip>\n );\n })}\n </Flex>\n </div>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useSideMarketsColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n return [\n {\n title: `${t(\"markets.column.market\")} / ${t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n multiSort: {\n fields: [\n {\n sortKey: \"symbol\",\n label: t(\"markets.column.market\"),\n },\n {\n sortKey: \"24h_amount\",\n label: t(\"common.volume\"),\n },\n ],\n },\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n size=\"2xs\"\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n Button,\n CheckedSquareFillIcon,\n CheckSquareEmptyIcon,\n PlusIcon,\n CloseIcon,\n Divider,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Flex,\n Input,\n Text,\n cn,\n CloseCircleFillIcon,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseFavoritesDropdownMenuScriptReturn } from \"./favoritesDropdownMenu.script\";\n\nexport type FavoritesDropdownMenuProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptReturn>;\n\nexport const FavoritesDropdownMenu: React.FC<FavoritesDropdownMenuProps> = (\n props,\n) => {\n const {\n symbol,\n favoriteTabs,\n open,\n onOpenChange,\n inputVisible,\n selectedTabs,\n value,\n onValueChange,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n } = props;\n\n const { t } = useTranslation();\n\n const overLen = value?.length > 15;\n\n const renderInput = () => {\n if (inputVisible) {\n return (\n <Box>\n <Flex gapX={2}>\n <Input\n autoFocus\n value={value}\n onValueChange={onValueChange}\n classNames={{\n root: cn(\n \"oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6\",\n overLen &&\n \"focus-within:oui-outline-danger focus-visible:oui-outline-danger\",\n ),\n }}\n autoComplete=\"off\"\n suffix={\n value && (\n <Box mr={2}>\n <CloseCircleFillIcon\n opacity={1}\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-20\"\n onClick={() => {\n onValueChange(\"\");\n }}\n />\n </Box>\n )\n }\n />\n\n <Button\n className=\"oui-rounded-sm\"\n size=\"sm\"\n onClick={addTab}\n disabled={!value || overLen}\n >\n {t(\"common.add\")}\n </Button>\n </Flex>\n\n {overLen && (\n <Flex itemAlign=\"center\" gapX={1} mt={1}>\n <div className=\"oui-size-1 oui-rounded-full oui-bg-danger\"></div>\n <Text color=\"danger\">{t(\"markets.favorites.tabs.maxName\")}</Text>\n </Flex>\n )}\n </Box>\n );\n }\n\n const overTabs = favoriteTabs.length >= 10;\n\n return (\n <Tooltip\n open={overTabs ? undefined : false}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n {t(\"markets.favorites.tabs.maxList\")}\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n <div>\n <Flex\n className={cn(\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n )}\n itemAlign=\"center\"\n gapX={2}\n p={2}\n intensity={overTabs ? 500 : 600}\n onClick={overTabs ? undefined : showInput}\n height={28}\n r=\"base\"\n >\n <PlusIcon\n size={14}\n className=\"oui-text-base-contrast-36\"\n opacity={1}\n />\n <Text className=\"\" intensity={20}>\n {t(\"markets.favorites.dropdown.addPlaceholder\")}\n </Text>\n </Flex>\n </div>\n </Tooltip>\n );\n };\n\n const header = (\n <Flex justify=\"between\" className=\"oui-mb-[10px] oui-mt-3\">\n <Flex gapX={1}>\n {t(\"markets.favorites.dropdown.title\")}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"base\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n </Flex>\n <CloseIcon\n size={16}\n className=\"oui-cursor-pointer oui-text-base-contrast\"\n onClick={hide}\n />\n </Flex>\n );\n\n const content = (\n // <ScrollArea className=\"custom-scrollbar\">\n <Box>\n <Box\n my={2}\n className=\"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item) => {\n const checked = !!selectedTabs.find((tab) => tab.id === item.id);\n return (\n <Box key={item.id} className=\"oui-cursor-pointer\">\n <Flex\n className=\"oui-gap-x-[6px] hover:oui-bg-base-6\"\n p={2}\n r=\"md\"\n onClick={() => {\n onCheck(item, checked);\n }}\n >\n {checked ? (\n <CheckedSquareFillIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n ) : (\n <CheckSquareEmptyIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n )}\n\n <Text intensity={54}>{item.name}</Text>\n </Flex>\n </Box>\n );\n })}\n </Box>\n <Box mt={3} pb={5}>\n {renderInput()}\n </Box>\n </Box>\n // </ScrollArea>\n );\n\n const footer = (\n <Flex gapX={3} mt={3}>\n <Button\n key=\"secondary\"\n color=\"gray\"\n onClick={hide}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.cancel\")}\n </Button>\n\n <Button\n key=\"primary\"\n onClick={confirm}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.confirm\")}\n </Button>\n </Flex>\n );\n\n return (\n <DropdownMenuRoot open={open} onOpenChange={onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-12}\n sideOffset={24}\n className=\"oui-markets-favorite-dropdown-menu-content oui-bg-base-8\"\n >\n <Box px={5} pb={5} width={360}>\n <Text as=\"div\" size=\"sm\" weight=\"semibold\">\n {header}\n <Divider />\n {content}\n {footer}\n </Text>\n </Box>\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesDropdownMenuScriptOptions = {\n row: any;\n favorite: FavoriteInstance;\n};\n\nexport type UseFavoritesDropdownMenuScriptReturn = ReturnType<\n typeof useFavoritesDropdownMenuScript\n>;\n\nexport function useFavoritesDropdownMenuScript(\n options: UseFavoritesDropdownMenuScriptOptions\n) {\n const { symbol } = options.row || {};\n const {\n favorites,\n favoriteTabs,\n updateFavoriteTabs,\n updateSymbolFavoriteState,\n } = options.favorite;\n const [open, setOpen] = useState(false);\n const [inputVisible, setInputVisible] = useState(false);\n const [value, setValue] = useState(\"\");\n const [selectedTabs, setSelectedTabs] = useState([] as FavoriteTab[]);\n\n const hide = () => {\n setOpen(false);\n };\n\n const showInput = () => {\n setInputVisible(true);\n };\n\n const hideInput = () => {\n setInputVisible(false);\n };\n\n const clearState = () => {\n setValue(\"\");\n hideInput();\n setSelectedTabs([]);\n };\n\n const addTab = () => {\n const newTab = {\n name: value || `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n clearState();\n };\n\n const onCheck = (item: FavoriteTab, checked: boolean) => {\n if (checked) {\n setSelectedTabs(selectedTabs?.filter((tab) => tab.id !== item.id));\n } else {\n setSelectedTabs([...selectedTabs, item]);\n }\n hideInput();\n };\n\n const confirm = () => {\n updateSymbolFavoriteState(options.row, selectedTabs, false);\n setOpen(false);\n };\n\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const find = favorites?.find((item) => item.name === symbol);\n if (find?.tabs?.length) {\n setSelectedTabs(find?.tabs);\n }\n }, [open, favorites, favoriteTabs, symbol]);\n\n useEffect(() => {\n if (!open) {\n clearState();\n }\n }, [open]);\n\n return {\n symbol,\n favoriteTabs,\n open,\n onOpenChange: setOpen,\n inputVisible,\n selectedTabs,\n value,\n onValueChange: setValue,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n };\n}\n","import { PropsWithChildren } from \"react\";\nimport {\n useFavoritesDropdownMenuScript,\n UseFavoritesDropdownMenuScriptOptions,\n} from \"./favoritesDropdownMenu.script\";\nimport { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\n\nexport type FavoritesDropdownMenuWidgetProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptOptions>;\n\nexport const FavoritesDropdownMenuWidget: React.FC<\n FavoritesDropdownMenuWidgetProps\n> = (props) => {\n const state = useFavoritesDropdownMenuScript(props);\n return (\n <FavoritesDropdownMenu {...state}>{props.children}</FavoritesDropdownMenu>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListScriptOptions = MarketsListWidgetProps;\n\nexport type MarketsListScriiptReturn = ReturnType<typeof useMarketsListScript>;\n\nconst MarketsTypeMap = {\n [MarketsTabName.All]: MarketsType.ALL,\n [MarketsTabName.Favorites]: MarketsType.FAVORITES,\n [MarketsTabName.Recent]: MarketsType.RECENT,\n [MarketsTabName.NewListing]: MarketsType.NEW_LISTING,\n};\n\nexport const useMarketsListScript = (options: MarketsListScriptOptions) => {\n const [loading, setLoading] = useState(true);\n\n const [data, favorite] = useMarkets(\n MarketsTypeMap[options.type] || MarketsType.ALL,\n );\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort(\n options.initialSort,\n options.onSort,\n );\n\n const dataSource = useMemo(() => {\n const filterList =\n typeof options.dataFilter === \"function\"\n ? options.dataFilter(data, { favorites, selectedFavoriteTab })\n : data;\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [\n data,\n getSortedList,\n searchValue,\n options.dataFilter,\n favorites,\n selectedFavoriteTab,\n ]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n const isFavoritesList = options.type === MarketsTabName.Favorites;\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n isFavoritesList,\n };\n};\n","import { useMarkets } from \"@orderly.network/hooks\";\nimport { SortOrder, Column } from \"@orderly.network/ui\";\n\nexport type FavoriteInstance = ReturnType<typeof useMarkets>[1];\n\nexport type SortType = {\n sortKey: string;\n sortOrder: SortOrder;\n};\n\nexport type GetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList: boolean,\n) => Column[];\n\nexport enum MarketsPageTab {\n Markets = \"markets\",\n Funding = \"funding\",\n}\n\nexport enum MarketsTabName {\n Favorites = \"favorites\",\n Recent = \"recent\",\n All = \"all\",\n NewListing = \"newListing\",\n}\n\nexport enum FundingTabName {\n Overview = \"overview\",\n Comparison = \"comparison\",\n}\n","import { ReactNode } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { DataTableClassNames } from \"@orderly.network/ui\";\nimport {\n FavoriteInstance,\n GetColumns,\n SortType,\n MarketsTabName,\n} from \"../../type\";\nimport { useMarketsListScript } from \"./marketsList.script\";\nimport { MarketsList } from \"./marketsList.ui\";\n\nexport type MarketsListWidgetProps = {\n type: MarketsTabName;\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n initialSort?: SortType;\n onSort?: (sort?: SortType) => void;\n renderHeader?: (favorite: FavoriteInstance) => ReactNode;\n dataFilter?: (\n data: any[],\n options: { favorites: Favorite[]; selectedFavoriteTab: FavoriteTab },\n ) => any[];\n emptyView?: ReactNode;\n};\n\nexport const MarketsListWidget: React.FC<MarketsListWidgetProps> = (props) => {\n const state = useMarketsListScript(props);\n\n return (\n <MarketsList\n {...state}\n initialSort={props.initialSort}\n getColumns={props.getColumns}\n collapsed={props.collapsed}\n tableClassNames={props.tableClassNames}\n rowClassName={props.rowClassName}\n renderHeader={props.renderHeader}\n emptyView={props.emptyView}\n />\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseCircleFillIcon,\n cn,\n Input,\n InputProps,\n} from \"@orderly.network/ui\";\nimport { SearchIcon } from \"../../icons\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\ntype SearchInputProps = Pick<InputProps, \"classNames\" | \"suffix\">;\n\nexport const SearchInput = (props: SearchInputProps) => {\n const { classNames, suffix } = props;\n\n const { t } = useTranslation();\n\n const { searchValue, onSearchValueChange, clearSearchValue } =\n useMarketsContext();\n\n return (\n <Input\n value={searchValue}\n onValueChange={onSearchValueChange}\n placeholder={t(\"markets.search.placeholder\")}\n classNames={{\n ...classNames,\n // use mt-px to fix the top border issue\n root: cn(\"oui-mt-px oui-border oui-border-line\", classNames?.root),\n }}\n size=\"sm\"\n prefix={\n <Box pl={3} pr={1}>\n <SearchIcon className=\"oui-text-base-contrast-36\" />\n </Box>\n }\n suffix={\n suffix ||\n (searchValue && (\n <Box mr={2}>\n <CloseCircleFillIcon\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-36\"\n onClick={clearSearchValue}\n />\n </Box>\n ))\n }\n autoComplete=\"off\"\n />\n );\n};\n","import { ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Text, Column, Flex, TokenIcon, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FavoritesIcon2, UnFavoritesIcon2 } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport function getSymbolColumn(\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) {\n return {\n title: i18n.t(\"common.symbol\"),\n dataIndex: \"symbol\",\n width: 150,\n onSort: true,\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex gapX={1}>\n {favoritesIcon}\n <TokenIcon symbol={value} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n );\n },\n } as Column<any>;\n}\n\nexport function getLastColumn() {\n return {\n title: i18n.t(\"markets.column.last\"),\n dataIndex: \"24h_close\",\n align: \"right\",\n onSort: true,\n width: 100,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n\nexport function get24hPercentageColumn() {\n return {\n title: i18n.t(\"markets.column.24hPercentage\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n width: 80,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n","import { useCallback } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { Box } from \"@orderly.network/ui\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { FavoritesEmpty } from \"../../favoritesEmpty\";\nimport { FavoritesTabWidget } from \"../../favoritesTabs\";\nimport { useMarketsContext } from \"../../marketsProvider\";\n\nexport function useFavoritesProps() {\n const { searchValue } = useMarketsContext();\n const renderHeader = useCallback((favorite: FavoriteInstance) => {\n return (\n <Box px={3} className=\"oui-my-[6px]\">\n <FavoritesTabWidget favorite={favorite} size=\"sm\" />\n </Box>\n );\n }, []);\n\n const dataFilter = useCallback(\n (\n data: any[],\n options: { favorites: Favorite[]; selectedFavoriteTab: FavoriteTab },\n ) => {\n const { favorites, selectedFavoriteTab } = options;\n\n return favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => item);\n },\n [],\n );\n\n const getFavoritesProps = useCallback(\n (type: MarketsTabName) => {\n if (type === MarketsTabName.Favorites) {\n return { renderHeader, dataFilter };\n }\n return {};\n },\n [renderHeader, dataFilter],\n );\n\n const renderEmptyView = useCallback(\n (options: {\n type: MarketsTabName;\n onClick: () => void;\n className?: string;\n }) => {\n if (options.type === MarketsTabName.Favorites && !searchValue) {\n return (\n <FavoritesEmpty\n onClick={options.onClick}\n className={options.className}\n />\n );\n }\n\n return undefined;\n },\n [searchValue],\n );\n\n return {\n renderHeader,\n dataFilter,\n getFavoritesProps,\n renderEmptyView,\n };\n}\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Button,\n cn,\n EmptyStateIcon,\n Flex,\n PlusIcon,\n Text,\n} from \"@orderly.network/ui\";\n\ntype FavoritesEmptyProps = {\n className?: string;\n onClick: () => void;\n};\n\nexport const FavoritesEmpty: FC<FavoritesEmptyProps> = (props) => {\n const { t } = useTranslation();\n return (\n <Flex\n direction=\"column\"\n itemAlign=\"center\"\n gapY={4}\n className={cn(\"oui-text-center\", props.className)}\n >\n <EmptyStateIcon />\n <Button\n color=\"gray\"\n size=\"xs\"\n className=\"oui-bg-base-4\"\n onClick={props.onClick}\n >\n <PlusIcon\n className=\"oui-mr-1 oui-text-base-contrast\"\n opacity={1}\n size={12}\n />\n <Text intensity={98}>{t(\"markets.favorites.addFavorites\")}</Text>\n </Button>\n </Flex>\n );\n};\n","import { KeyboardEventHandler } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n cn,\n Flex,\n Text,\n Tooltip,\n Input,\n modal,\n} from \"@orderly.network/ui\";\nimport { AddIcon, ActiveAddIcon, EditIcon, TrashIcon } from \"../../icons\";\nimport {\n UseFavoritesTabScriptOptions,\n UseFavoritesTabScriptReturn,\n} from \"./favoritesTabs.script\";\n\nexport type FavoritesTabProps = UseFavoritesTabScriptReturn &\n Pick<UseFavoritesTabScriptOptions, \"size\"> & {\n className?: string;\n };\n\nexport const FavoritesTab: React.FC<FavoritesTabProps> = (props) => {\n const {\n open,\n setOpen,\n container,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange,\n updateCurTab,\n onEdit,\n addTab,\n delTab,\n size = \"default\",\n scrollable,\n } = props;\n\n const { t } = useTranslation();\n\n const { selectedFavoriteTab, favoriteTabs, updateSelectedFavoriteTab } =\n props.favorite;\n\n const addIconWidth = size === \"sm\" ? 28 : 36;\n const tabHeight = size === \"sm\" ? 18 : 24;\n const overLen = value?.length > 15;\n\n const gradientColor =\n \"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)]\";\n\n const onDel = (item: any) => {\n modal.confirm({\n title: t(\"markets.favorites.tabs.delete.dialog.title\"),\n content: (\n <Text size=\"sm\">\n {t(\"markets.favorites.tabs.delete.dialog.description\", {\n name: item.name,\n })}\n </Text>\n ),\n onOk() {\n delTab(item);\n return Promise.resolve();\n },\n });\n };\n\n const onKeyUp: KeyboardEventHandler = (e) => {\n if (e.key === \"Enter\") {\n updateCurTab(overLen);\n }\n };\n\n const renderActions = (item: any) => {\n return (\n <Flex gapX={2} itemAlign=\"center\" px={2} py={1}>\n <EditIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onEdit(item);\n }}\n />\n <TrashIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onDel(item);\n }}\n />\n </Flex>\n );\n };\n\n const renderAdd = () => {\n const overTabs = favoriteTabs.length >= 10;\n\n const icon = (\n <Flex\n className={cn(\n \"oui-inline-flex\",\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n overTabs ? \"oui-bg-base-3\" : gradientColor,\n )}\n width={addIconWidth}\n height={tabHeight}\n r=\"base\"\n justify=\"center\"\n itemAlign=\"center\"\n onClick={overTabs ? undefined : addTab}\n >\n {overTabs ? (\n <AddIcon className=\"oui-z-[1] oui-size-3 oui-text-base-contrast-54\" />\n ) : (\n <ActiveAddIcon className=\"oui-size-3\" />\n )}\n </Flex>\n );\n\n if (overTabs) {\n return (\n <Tooltip\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n Maximum 10 groups in the favorite list\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n {icon}\n </Tooltip>\n );\n }\n\n return icon;\n };\n\n const renderInput = (isActive: boolean) => {\n return (\n <Tooltip\n open={overLen}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n List name cannot exceed 15 characters\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n sideOffset={0}\n >\n <Input\n ref={inputRef}\n style={\n overLen\n ? { width: inputWidth }\n : {\n // @ts-ignore\n \"--oui-gradient-angle\": \"270deg\",\n backgroundClip: \"text\",\n WebkitTextFillColor: \"transparent\",\n WebkitBackgroundClip: \"text\",\n width: inputWidth,\n }\n }\n classNames={{\n root: cn(\n \"oui-my-px oui-rounded oui-p-0 oui-px-2\",\n \"focus-within:oui-outline-transparent focus-visible:oui-outline-none\",\n size === \"sm\" ? \"oui-h-[18px]\" : \"oui-h-[24px]\",\n isActive && cn(overLen ? \"oui-bg-danger/15\" : gradientColor),\n ),\n input: cn(\n \"oui-font-semibold oui-caret-[rgba(217,217,217,1)]\",\n overLen\n ? \"oui-text-danger\"\n : \"oui-text-transparent oui-gradient-brand \",\n size === \"sm\" ? \"oui-text-2xs\" : \"oui-text-sm\",\n ),\n }}\n value={value}\n onValueChange={onValueChange}\n onBlur={() => {\n updateCurTab(overLen);\n }}\n onKeyUp={onKeyUp}\n autoComplete=\"off\"\n />\n </Tooltip>\n );\n };\n\n const renderContent = (item: FavoriteTab, isActive: boolean) => {\n if (editing && isActive) {\n return renderInput(isActive);\n }\n\n const textProps = {\n weight: \"semibold\",\n size: size === \"sm\" ? \"2xs\" : \"sm\",\n className: size === \"sm\" ? \"oui-leading-[18px]\" : \"oui-leading-[24px]\",\n as: \"div\",\n } as any;\n\n const content = isActive ? (\n <Text.gradient color=\"brand\" angle={270} {...textProps}>\n {item.name}\n </Text.gradient>\n ) : (\n <Text {...textProps}>{item.name}</Text>\n );\n\n return (\n <Box\n r=\"base\"\n px={2}\n height={tabHeight}\n className={cn(\n \"oui-cursor-pointer oui-select-none\",\n isActive\n ? \"oui-markets-favorites-active-tab-item\"\n : \"oui-markets-favorites-tab-item\",\n isActive\n ? gradientColor\n : \"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast\",\n )}\n onClick={() => {\n updateSelectedFavoriteTab(item);\n if (isActive) {\n setOpen(true);\n }\n }}\n >\n {content}\n </Box>\n );\n };\n\n return (\n <Flex width=\"100%\" gapX={3} className={props.className}>\n <Flex\n ref={container}\n id=\"oui-markets-favorites-tabs-container\"\n className={cn(\n \"oui-hide-scrollbar oui-relative oui-cursor-pointer\",\n \"oui-overflow-hidden oui-overflow-x-auto\",\n )}\n // my={3}\n gapX={size === \"sm\" ? 2 : 3}\n width=\"100%\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item: any) => {\n const isActive = selectedFavoriteTab.id === item.id;\n return (\n <Tooltip\n key={item.id}\n open={isActive && !editing ? open : false}\n onOpenChange={(open) => {\n if (isActive) {\n setOpen(open);\n }\n }}\n // @ts-ignore\n content={renderActions(item)}\n delayDuration={0}\n className={cn(\"oui-bg-base-5\")}\n arrow={{\n className: \"oui-fill-base-5\",\n }}\n >\n {renderContent(item, isActive)}\n </Tooltip>\n );\n })}\n\n {!scrollable && renderAdd()}\n\n <Text size=\"xs\" ref={spanRef} className=\"oui-invisible\">\n {value}\n </Text>\n </Flex>\n {scrollable && renderAdd()}\n </Flex>\n );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesTabScriptOptions = {\n favorite: FavoriteInstance;\n size?: \"sm\" | \"default\";\n};\n\nexport type UseFavoritesTabScriptReturn = ReturnType<\n typeof useFavoritesTabScript\n>;\n\nexport function useFavoritesTabScript(options: UseFavoritesTabScriptOptions) {\n const { favorite, size = \"default\" } = options;\n const {\n favorites,\n favoriteTabs,\n selectedFavoriteTab,\n updateFavoriteTabs,\n updateSelectedFavoriteTab,\n updateFavorites,\n } = favorite;\n\n const [open, setOpen] = useState(false);\n const [editing, setEditing] = useState(false);\n const [value, setValue] = useState(\"\");\n const [scrollable, setScrollable] = useState(false);\n\n const scrollView = useRef<HTMLInputElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const spanRef = useRef<HTMLSpanElement>(null);\n\n const [inputWidth, setInputWidth] = useState(50);\n\n const updateScrollLayout = () => {\n const addIconWidth = size === \"sm\" ? 28 : 36;\n setTimeout(() => {\n const { scrollWidth, clientWidth } = scrollView.current || {};\n\n if (scrollWidth! > clientWidth!) {\n setScrollable(true);\n }\n }, 0);\n };\n\n const scrollToRight = () => {\n setTimeout(() => {\n if (scrollView.current) {\n scrollView.current.scrollLeft =\n scrollView.current.scrollWidth - scrollView.current.clientWidth;\n }\n }, 0);\n };\n\n const onEdit = (item: any) => {\n setEditing(true);\n setValue(item.name);\n setTimeout(() => {\n inputRef.current?.focus();\n inputRef.current?.setSelectionRange(-1, -1);\n }, 0);\n };\n\n const updateCurTab = (overLen: boolean) => {\n updateFavoriteTabs(\n {\n ...selectedFavoriteTab,\n name: overLen ? selectedFavoriteTab.name : value,\n },\n { update: true },\n );\n setEditing(false);\n setOpen(false);\n updateScrollLayout();\n };\n\n const addTab = () => {\n const newTab = {\n name: `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n updateSelectedFavoriteTab(newTab);\n updateScrollLayout();\n scrollToRight();\n };\n\n const delTab = (selectedTab: any) => {\n updateFavoriteTabs(selectedTab, { delete: true });\n\n setTimeout(() => {\n // remove all symbol favorite in this tab\n const _favorites = favorites.map((item) => ({\n ...item,\n tabs: item.tabs?.filter((tab) => tab.id !== selectedTab.id),\n }));\n\n updateFavorites(_favorites);\n\n // auto selected last tab\n const tabs = favoriteTabs.filter((item) => item.id !== selectedTab.id);\n const tab = tabs?.[tabs?.length - 1] || tabs?.[0];\n updateSelectedFavoriteTab(tab);\n }, 0);\n };\n\n useEffect(() => {\n if (value) {\n const rect = spanRef.current?.getBoundingClientRect();\n const offset = size === \"sm\" ? 0 : 14;\n setInputWidth(Math.max((rect?.width || 0) + offset, 50));\n }\n }, [value]);\n\n useEffect(() => {\n updateScrollLayout();\n }, []);\n\n return {\n favorite,\n open,\n setOpen,\n container: scrollView,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange: setValue,\n onEdit,\n updateCurTab,\n addTab,\n delTab,\n scrollable,\n };\n}\n","import {\n useFavoritesTabScript,\n UseFavoritesTabScriptOptions,\n} from \"./favoritesTabs.script\";\nimport { FavoritesTab } from \"./favoritesTabs.ui\";\n\nexport type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {\n className?: string;\n};\n\nexport const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps> = (\n props,\n) => {\n const { className, ...rest } = props;\n const state = useFavoritesTabScript(rest);\n return <FavoritesTab {...state} size={props.size} className={className} />;\n};\n","import { useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { useTabSort } from \"../../../components/shared/hooks/useTabSort\";\nimport { MarketsTabName } from \"../../../type\";\n\nexport type UseMarketsDataListScript = ReturnType<\n typeof useMarketsDataListScript\n>;\n\nconst MOBILE_MARKETS_TAB_SORT_STORAGE_KEY = \"orderly_mobile_markets_tab_sort\";\n\nexport function useMarketsDataListScript() {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n MarketsTabName.All,\n );\n const { clearSearchValue, searchValue } = useMarketsContext();\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: MOBILE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab,\n onTabChange: (value: string) => setActiveTab(value as MarketsTabName),\n tabSort,\n onTabSort,\n searchValue,\n };\n}\n","import { useCallback } from \"react\";\nimport { useSessionStorage } from \"@orderly.network/hooks\";\nimport { SortType, MarketsTabName } from \"../../../type\";\n\nexport function useTabSort(options: { storageKey: string }) {\n const [tabSort, setTabSort] = useSessionStorage(options.storageKey, {\n [MarketsTabName.All]: {\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n },\n } as Record<MarketsTabName, SortType>);\n\n const onTabSort = useCallback(\n (type: MarketsTabName) => (sort?: SortType) => {\n setTabSort({ ...tabSort, [type]: sort });\n },\n [tabSort],\n );\n\n return {\n tabSort,\n onTabSort,\n };\n}\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesEmpty } from \"../../../components/favoritesEmpty\";\nimport { FavoritesListFullWidget } from \"../../../components/favoritesListFull\";\nimport { MarketsListFullWidget } from \"../../../components/marketsListFull\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n const { activeTab, onTabChange } = props;\n const { t } = useTranslation();\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} p={6} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"xl\"\n value={activeTab}\n onValueChange={onTabChange}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n testid=\"oui-testid-markets-favorites-tab\"\n >\n <FavoritesListFullWidget\n emptyView={\n !props.searchValue && (\n <FavoritesEmpty\n onClick={() => {\n onTabChange(MarketsTabName.All);\n }}\n />\n )\n }\n />\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n testid=\"oui-testid-markets-all-tab\"\n >\n <MarketsListFullWidget\n type=\"all\"\n initialSort={{\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n testid=\"oui-testid-markets-newListings-tab\"\n >\n <MarketsListFullWidget\n type=\"new\"\n initialSort={{\n sortKey: \"created_time\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { Trans } from \"@orderly.network/i18n\";\nimport { cn, Flex, DataTable } from \"@orderly.network/ui\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { UnFavoritesIcon } from \"../../icons\";\nimport { useMarketsListFullColumns } from \"../marketsListFull/column\";\nimport { UseFavoritesListFullReturn } from \"./favoritesListFull.script\";\n\nexport type FavoritesListFullProps = UseFavoritesListFullReturn & {\n emptyView?: ReactNode;\n};\n\nexport const FavoritesListFull: FC<FavoritesListFullProps> = (props) => {\n const { dataSource, favorite, onSort, loading, pagination } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const columns = useMarketsListFullColumns(favorite, true);\n\n const emptyView = props.emptyView || (\n <Flex className=\"oui-text-xs oui-text-base-contrast-36\">\n {/* @ts-ignore */}\n <Trans\n i18nKey=\"markets.dataList.favorites.empty\"\n components={[\n <UnFavoritesIcon key=\"0\" className=\"oui-text-base-contrast-36\" />,\n ]}\n />\n </Flex>\n );\n\n console.log(\"🏗️ onSort\", onSort);\n\n return (\n <div>\n <FavoritesTabWidget favorite={favorite} className=\"oui-my-3\" />\n\n <DataTable\n bordered\n // minHeight={187.5}\n columns={columns}\n dataSource={dataSource}\n emptyView={emptyView}\n classNames={{\n empty: \"oui-items-start oui-mt-6\",\n }}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n pagination={pagination}\n manualSorting\n />\n </div>\n );\n};\n","import { MouseEventHandler, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, Box, Tooltip, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n FavoritesIcon,\n MoveToTopIcon,\n OrderlyIcon,\n UnFavoritesIcon,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useMarketsListFullColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n const columns = useMemo(() => {\n return [\n {\n title: <UnFavoritesIcon className=\"oui-mt-1\" />,\n dataIndex: \"isFavorite\",\n align: \"center\",\n width: 30,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const button = (\n <Flex\n width=\"100%\"\n height=\"100%\"\n mr={3}\n justify=\"center\"\n itemAlign=\"center\"\n onClick={isFavoriteList ? onDelSymbol : undefined}\n data-testid=\"oui-testid-markets-table-row-favorite-icon\"\n >\n {value ? (\n <FavoritesIcon className=\"oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon className=\"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n );\n\n if (isFavoriteList) {\n return button;\n }\n\n return (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n {button}\n </FavoritesDropdownMenuWidget>\n );\n },\n },\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 90,\n onSort: true,\n render: (value) => {\n return (\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {value}\n </Text.formatted>\n );\n },\n },\n {\n title: t(\"common.price\"),\n dataIndex: \"24h_close\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} currency=\"$\">\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.column.24hChange\"),\n dataIndex: \"change\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n dataIndex: \"24h_amount\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n dataIndex: \"openInterest\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.dataList.column.8hFunding\"),\n dataIndex: \"8h_funding\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n if (value === null) {\n return \"--\";\n }\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n dp={4}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n dataIndex: \"action\",\n type: \"action\",\n width: 40,\n render: (value, record) => {\n if (isFavoriteList) {\n return (\n <Flex justify=\"end\" mr={4}>\n <Tooltip\n content={t(\"markets.dataList.column.moveTop\")}\n align=\"center\"\n delayDuration={0}\n >\n <Box\n className=\"oui-hidden oui-cursor-pointer group-hover:oui-block\"\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n data-testid=\"oui-markets-favorites-pinned-icon\"\n >\n <MoveToTopIcon className=\"oui-text-base-contrast-20 hover:oui-text-base-contrast\" />\n </Box>\n </Tooltip>\n </Flex>\n );\n }\n return null;\n },\n },\n ] as Column[];\n }, [favorite, isFavoriteList, t]);\n\n return columns;\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListFullReturn = ReturnType<\n typeof useFavoritesListFullScript\n>;\n\nexport const useFavoritesListFullScript = () => {\n const { pageSize, setPage, pagination } = usePagination({\n pageSize: 10,\n });\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const filterData = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n return searchBySymbol(filterList, searchValue, \"base-type\");\n }, [data, selectedFavoriteTab, favorites, searchValue]);\n\n const dataSource = useMemo(\n () => getSortedList(filterData),\n [filterData, getSortedList],\n );\n\n useEffect(() => {\n setLoading(false);\n }, [favorites]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n };\n};\n","import { ReactNode } from \"react\";\nimport { useFavoritesListFullScript } from \"./favoritesListFull.script\";\nimport { FavoritesListFull } from \"./favoritesListFull.ui\";\n\nexport type FavoritesListFullWidgetProps = {\n emptyView?: ReactNode;\n};\n\nexport const FavoritesListFullWidget: React.FC<FavoritesListFullWidgetProps> = (\n props,\n) => {\n const state = useFavoritesListFullScript();\n return <FavoritesListFull {...state} emptyView={props.emptyView} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useMarketsListFullColumns } from \"./column\";\nimport { type UseMarketsListFullReturn } from \"./marketsListFull.script\";\n\nexport type MarketsListFullProps = UseMarketsListFullReturn & {\n type?: \"all\" | \"new\";\n};\n\nexport const MarketsListFull: FC<MarketsListFullProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n type,\n pagination,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const columns = useMarketsListFullColumns(favorite, false);\n\n return (\n <DataTable\n bordered\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n \"data-testid\": `oui-testid-markets-${\n type === \"new\" ? \"newListing\" : \"all\"\n }-tr-${record.symbol}`,\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={initialSort}\n pagination={pagination}\n classNames={{\n header: \"oui-h-12\",\n }}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { TableSort, usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { MarketsListFullWidgetProps } from \"./marketsListFull.widget\";\n\nexport type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;\n\nexport type UseMarketsListFullReturn = ReturnType<\n typeof useMarketsListFullScript\n>;\n\nexport const useMarketsListFullScript = (\n options: UseMarketsListFullScriptOptions,\n) => {\n const [loading, setLoading] = useState(true);\n const { setPage, pagination } = usePagination({\n pageSize: 10,\n });\n\n const [data, favorite] = useMarkets(MarketsType.ALL);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList, sort } = useSort(options.initialSort);\n\n const dataSource = useMemo(() => {\n const searchList = searchBySymbol(data, searchValue, \"base-type\");\n return getSortedList(searchList);\n }, [data, getSortedList, searchValue]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n useEffect(() => {\n // Only all markets store sort\n if (options.type === \"all\") {\n favorite.updateTabsSortState(\"all\", sort?.sortKey!, sort?.sortOrder!);\n }\n }, [sort, options.type]);\n\n const initialSort = useMemo(() => {\n const sortStore =\n options.type === \"all\" ? favorite.tabSort?.all : undefined;\n\n return {\n sortKey: sortStore?.sortKey || options?.initialSort?.sortKey,\n sort: sortStore?.sortOrder || options?.initialSort?.sortOrder,\n } as TableSort;\n }, [favorite.tabSort, options.initialSort, options.type]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n initialSort,\n };\n};\n","import { SortType } from \"../../type\";\nimport { useMarketsListFullScript } from \"./marketsListFull.script\";\nimport { MarketsListFull } from \"./marketsListFull.ui\";\n\nexport type MarketsListFullWidgetProps = {\n type?: \"all\" | \"new\";\n initialSort?: SortType;\n};\n\nexport const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps> = (\n props,\n) => {\n const state = useMarketsListFullScript(props);\n\n return <MarketsListFull {...state} type={props.type} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { ExpandMarketsScriptReturn } from \"./expandMarkets.script\";\n\nexport type ExpandMarketsProps = ExpandMarketsScriptReturn;\n\nexport const ExpandMarkets: React.FC<ExpandMarketsProps> = (props) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n tableClassNames={{\n scroll: cn(\n \"oui-px-1\",\n type === MarketsTabName.Favorites ? \"oui-pb-9\" : \"oui-pb-2\",\n ),\n }}\n {...getFavoritesProps(type)}\n emptyView={renderEmptyView({\n type,\n onClick: () => {\n onTabChange(MarketsTabName.All);\n },\n })}\n />\n </div>\n );\n };\n\n return (\n <Box className={cn(\"oui-overflow-hidden oui-font-semibold\")} height=\"100%\">\n <Box px={3} pb={2}>\n <SearchInput />\n </Box>\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className={cls}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type ExpandMarketsScriptOptions = {\n activeTab?: MarketsTabName;\n onTabChange?: (tab: MarketsTabName) => void;\n};\n\nexport type ExpandMarketsScriptReturn = ReturnType<\n typeof useExpandMarketsScript\n>;\n\nexport function useExpandMarketsScript(options: ExpandMarketsScriptOptions) {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n options.activeTab!,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const onTabChange = useCallback(\n (value: string) => {\n if (typeof options?.onTabChange === \"function\") {\n options.onTabChange(value as MarketsTabName);\n } else {\n setActiveTab(value as MarketsTabName);\n }\n },\n [options?.onTabChange],\n );\n useEffect(() => {\n setActiveTab(options?.activeTab || MarketsTabName.Favorites);\n }, [options?.activeTab]);\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab,\n onTabChange,\n tabSort,\n onTabSort,\n };\n}\n","export const SIDE_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_side_markets_tab_sort\";\n","import { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useExpandMarketsScript,\n ExpandMarketsScriptOptions,\n} from \"./expandMarkets.script\";\nimport { ExpandMarkets } from \"./expandMarkets.ui\";\n\nexport type ExpandMarketsWidgetProps = MarketsProviderProps &\n ExpandMarketsScriptOptions;\n\nexport const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps> = (\n props,\n) => {\n const state = useExpandMarketsScript({\n activeTab: props.activeTab,\n onTabChange: props.onTabChange,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <ExpandMarkets {...state} />\n </MarketsProvider>\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type FundingOverviewProps = FundingOverviewReturn;\n\nexport const FundingOverview: FC<FundingOverviewProps> = (props) => {\n const { dataSource, isLoading, pagination, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n bordered\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n pagination={pagination}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Column,\n Flex,\n Picker,\n Select,\n Text,\n TokenIcon,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ProcessedFundingData } from \"./fundingOverview.script\";\n\nconst createFundingRenderer =\n (dp: number = 5) =>\n (value: number) => {\n if (value === 0) {\n return <Text> - </Text>;\n }\n\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={dp}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n };\n\nexport const useFundingOverviewColumns = (\n selectedPeriod: string,\n setSelectedPeriod: (value: string) => void,\n) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n return useMemo<Column<ProcessedFundingData>[]>(() => {\n return [\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n onSort: true,\n width: 135,\n className: isMobile ? \"oui-pl-0\" : undefined,\n render: (value) => (\n <Flex gapX={1}>\n <TokenIcon\n symbol={value}\n className={isMobile ? \"oui-size-[18px]\" : \"oui-size-5\"}\n />\n\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n </Flex>\n ),\n },\n {\n title: t(\"markets.funding.column.estFunding\"),\n dataIndex: \"estFunding\",\n width: 120,\n onSort: true,\n render: (value, record) => (\n <div>\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n <span className=\"oui-text-base-contrast-54\">\n {`/ ${record.fundingInterval}h`}\n </span>\n </div>\n ),\n },\n {\n title: t(\"markets.funding.column.lastFunding\"),\n dataIndex: \"lastFunding\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.1dAvg\"),\n dataIndex: \"funding1d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.3dAvg\"),\n dataIndex: \"funding3d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.7dAvg\"),\n dataIndex: \"funding7d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.14dAvg\"),\n dataIndex: \"funding14d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.30dAvg\"),\n dataIndex: \"funding30d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.90dAvg\"),\n dataIndex: \"funding90d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: (\n <div className=\"oui-flex oui-gap-1\">\n <FundingPeriodSelect\n value={selectedPeriod}\n onValueChange={setSelectedPeriod}\n />\n <span>{t(\"markets.funding.column.positiveRate\")}</span>\n </div>\n ),\n dataIndex: selectedPeriod,\n width: 130,\n align: \"right\",\n onSort: true,\n render: createFundingRenderer(2),\n },\n ];\n }, [t, isMobile, selectedPeriod, setSelectedPeriod]);\n};\n\ntype FundingPeriodSelectProps = {\n value: string;\n onValueChange: (value: string) => void;\n};\n\nconst FundingPeriodSelect = (props: FundingPeriodSelectProps) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const options = useMemo(() => {\n return [\n {\n label: t(\"common.select.1d\"),\n value: \"1dPositive\",\n },\n {\n label: t(\"common.select.3d\"),\n value: \"3dPositive\",\n },\n {\n label: t(\"common.select.7d\"),\n value: \"7dPositive\",\n },\n {\n label: t(\"common.select.14d\"),\n value: \"14dPositive\",\n },\n {\n label: t(\"common.select.30d\"),\n value: \"30dPositive\",\n },\n {\n label: t(\"common.select.90d\"),\n value: \"90dPositive\",\n },\n ];\n }, [t]);\n\n if (isMobile) {\n return (\n <Picker\n size=\"sm\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n }\n\n return (\n <Select.options\n size=\"xs\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport {\n MarketsType,\n useFundingRateHistory,\n useFundingRates,\n useMarkets,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nexport type ProcessedFundingData = {\n symbol: string;\n estFunding: number;\n lastFunding: number;\n fundingInterval: number;\n funding1d: number | string;\n funding3d: number | string;\n funding7d: number | string;\n funding14d: number | string;\n funding30d: number | string;\n funding90d: number | string;\n \"1dPositive\": number | string;\n \"3dPositive\": number | string;\n \"7dPositive\": number | string;\n \"14dPositive\": number | string;\n \"30dPositive\": number | string;\n \"90dPositive\": number | string;\n};\n\nexport type FundingOverviewReturn = ReturnType<typeof useFundingOverviewScript>;\n\nexport const useFundingOverviewScript = () => {\n const { pagination } = usePagination({ pageSize: 10 });\n const [marketData] = useMarkets(MarketsType.ALL);\n\n const {\n data: fundingHistory,\n isLoading: isHistoryLoading,\n getPositiveRates,\n } = useFundingRateHistory();\n const fundingRates = useFundingRates();\n\n const { onSort, getSortedList } = useSort();\n const { searchValue } = useMarketsContext();\n\n const processedData = useMemo((): ProcessedFundingData[] => {\n if (!marketData?.length) return [];\n\n const periods = [\"1d\", \"3d\", \"7d\", \"14d\", \"30d\", \"90d\"] as const;\n const posRates = periods.reduce(\n (acc, period) => {\n acc[period] = getPositiveRates(fundingHistory, period);\n return acc;\n },\n {} as Record<string, Record<string, number>>,\n );\n\n // because fundingHistory list is unstable sort, so use marketData instead\n // TODO: feedback to backend to fix this if possible\n return marketData.map((item) => {\n const symbol = item.symbol;\n const history = fundingHistory?.find((h) => h.symbol === symbol);\n\n const fundingRate = fundingRates[symbol];\n\n const fundingInterval = getFundingInterval(\n fundingRate(\"next_funding_time\"),\n fundingRate(\"last_funding_rate_timestamp\"),\n );\n\n return {\n symbol,\n estFunding: fundingRate(\"est_funding_rate\"),\n lastFunding: fundingRate(\"last_funding_rate\"),\n fundingInterval,\n funding1d: history?.funding?.[\"1d\"]?.rate ?? 0,\n funding3d: history?.funding?.[\"3d\"]?.rate ?? 0,\n funding7d: history?.funding?.[\"7d\"]?.rate ?? 0,\n funding14d: history?.funding?.[\"14d\"]?.rate ?? 0,\n funding30d: history?.funding?.[\"30d\"]?.rate ?? 0,\n funding90d: history?.funding?.[\"90d\"]?.rate ?? 0,\n \"1dPositive\": posRates[\"1d\"][symbol] ?? \"-\",\n \"3dPositive\": posRates[\"3d\"][symbol] ?? \"-\",\n \"7dPositive\": posRates[\"7d\"][symbol] ?? \"-\",\n \"14dPositive\": posRates[\"14d\"][symbol] ?? \"-\",\n \"30dPositive\": posRates[\"30d\"][symbol] ?? \"-\",\n \"90dPositive\": posRates[\"90d\"][symbol] ?? \"-\",\n };\n });\n }, [marketData, fundingHistory, fundingRates, getPositiveRates]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [filteredData, getSortedList],\n );\n\n return { dataSource, isLoading: isHistoryLoading, pagination, onSort };\n};\n\nfunction getFundingInterval(\n next_funding_time: number,\n last_funding_rate_timestamp: number,\n) {\n // default interval is 8 hours\n if (!next_funding_time || !last_funding_rate_timestamp) return 8;\n const diff = next_funding_time - last_funding_rate_timestamp;\n\n return Math.round(diff / 3600000);\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingOverview } from \"./fundingOverview.mobile.ui\";\nimport { useFundingOverviewScript } from \"./fundingOverview.script\";\nimport { FundingOverview } from \"./fundingOverview.ui\";\n\nexport const FundingOverviewWidget: FC = () => {\n const props = useFundingOverviewScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingOverview {...props} />\n ) : (\n <FundingOverview {...props} />\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type MobileFundingOverviewProps = FundingOverviewReturn;\n\nexport const MobileFundingOverview: FC<MobileFundingOverviewProps> = (\n props,\n) => {\n const { dataSource, isLoading, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const FundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n bordered\n pagination={props.pagination}\n />\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { cn, Flex, TokenIcon, useScreen } from \"@orderly.network/ui\";\nimport type { Column } from \"@orderly.network/ui\";\nimport { Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { OrderlyIcon } from \"../../icons\";\nimport { useEXchanges } from \"./useEXchanges\";\n\nconst CDN_PREFIX = \"https://oss.orderly.network/static/exchange_logo\";\n\nexport const useFundingColumns = () => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const { exchanges, brokerName, brokerIconSrc } = useEXchanges();\n const getImgSrc = useCallback(\n (val: string) => {\n if (val === brokerName) {\n return brokerIconSrc;\n }\n return `${CDN_PREFIX}/${val.toLowerCase().replace(\" \", \"_\")}.png`;\n },\n [brokerName, brokerIconSrc],\n );\n return useMemo<Column[]>(() => {\n return [\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 150,\n onSort: true,\n className: isMobile ? \"oui-pl-0\" : undefined,\n render: (value) => (\n <Flex gapX={1}>\n <TokenIcon\n symbol={value}\n className={isMobile ? \"oui-size-[18px]\" : \"oui-size-5\"}\n />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n </Flex>\n ),\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n dataIndex: \"openInterest\",\n width: 120,\n // align: \"right\",\n onSort: true,\n render: (value) => {\n if (value === \"-\") {\n return \"-\";\n }\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n ...exchanges.map<Column>((item) => {\n const imgSrc = getImgSrc(item);\n return {\n title: (\n <Flex justify=\"start\" itemAlign=\"center\" gap={1}>\n {!item.includes(\" - \") && imgSrc && (\n <img\n src={imgSrc}\n className={cn(\n \"oui-size-6 oui-rounded-full oui-object-cover\",\n isMobile ? \"oui-size-[18px]\" : \"oui-size-6\",\n )}\n />\n )}\n {item}\n </Flex>\n ),\n dataIndex: item,\n onSort: true,\n width: item.includes(\" - \") ? 160 : 130,\n render(value: number | null) {\n if (value === null) {\n return \"-\";\n }\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring={item.includes(\" - \") || item === brokerName}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n };\n }),\n ];\n }, [t, isMobile, exchanges, brokerName, getImgSrc]);\n};\n","import { useMemo } from \"react\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport const useEXchanges = () => {\n const { comparisonProps } = useMarketsContext();\n const brokerName = comparisonProps?.exchangesName || \"Orderly\";\n const brokerIconSrc =\n comparisonProps?.exchangesIconSrc ||\n \"https://oss.orderly.network/static/exchange_logo/orderly.png\";\n const exchanges = useMemo<string[]>(() => {\n return [\n brokerName,\n \"Binance\",\n `${brokerName} - Binance`,\n \"OKX\",\n `${brokerName} - OKX`,\n \"Bybit\",\n `${brokerName} - Bybit`,\n \"dYdX\",\n `${brokerName} - dYdX`,\n \"Bitget\",\n `${brokerName} - Bitget`,\n \"KuCoin\",\n `${brokerName} - KuCoin`,\n ];\n }, [comparisonProps?.exchangesName]);\n return {\n exchanges,\n brokerName,\n brokerIconSrc: brokerIconSrc,\n };\n};\n","import { useMemo } from \"react\";\nimport {\n useFundingRates,\n useMarketsStream,\n useQuery,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\nimport { useEXchanges } from \"./useEXchanges\";\n\nfunction getOpenInterest(open_interest?: number, index_price?: number) {\n return new Decimal(open_interest || 0).mul(index_price || 0).toNumber();\n}\n\nexport type FundingComparisonReturn = ReturnType<\n typeof useFundingComparisonScript\n>;\n\nexport const useFundingComparisonScript = () => {\n const { pagination } = usePagination({ pageSize: 10 });\n const { onSort, getSortedList } = useSort();\n const { searchValue } = useMarketsContext();\n const { exchanges, brokerName } = useEXchanges();\n const fundingRates = useFundingRates();\n\n const { data, isLoading } = useQuery<\n Array<{ symbol: string; exchanges: Array<{ name: string; last: number }> }>\n >(\"/v1/public/market_info/funding_comparison\");\n const { data: futures } = useMarketsStream();\n\n const processedData = useMemo(() => {\n if (!Array.isArray(data) || !data.length) {\n return [];\n }\n return data.map((row) => {\n const target = futures?.find((item) => item.symbol === row.symbol);\n const result: Record<PropertyKey, any> = {\n symbol: row.symbol,\n openInterest: target\n ? getOpenInterest(\n target?.open_interest as number,\n target?.index_price as number,\n )\n : \"-\",\n };\n for (const item of exchanges) {\n const isCompare = item.includes(` - `);\n if (!isCompare) {\n if (item === brokerName) {\n const rate = fundingRates[row.symbol];\n result[item] = rate(\"last_funding_rate\") ?? null;\n } else {\n const exchange = row.exchanges?.find(\n (e) => e.name.toLowerCase() === item.toLowerCase(),\n );\n result[item] = exchange?.last ?? null;\n }\n } else {\n const [, exchangeName] = item.replace(/ /g, \"\").split(\"-\");\n const rate = fundingRates[row.symbol];\n const wooFiRate = rate(\"last_funding_rate\") ?? null;\n const exchange = row.exchanges?.find(\n (e) => e.name.toLowerCase() === exchangeName.toLowerCase(),\n );\n const otherRate = exchange?.last ?? null;\n if (wooFiRate !== null && otherRate !== null) {\n result[item] = new Decimal(wooFiRate).sub(otherRate).toString();\n } else {\n result[item] = null;\n }\n }\n }\n return result;\n });\n }, [data, futures, fundingRates, exchanges, brokerName]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [getSortedList, filteredData],\n );\n\n return {\n dataSource,\n isLoading,\n pagination,\n onSort,\n };\n};\n","import type { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingComparison } from \"./fundingComparison.mobile.ui\";\nimport { useFundingComparisonScript } from \"./fundingComparison.script\";\nimport { FundingComparison } from \"./fundingComparison.ui\";\n\nexport const FundingComparisonWidget: FC = () => {\n const state = useFundingComparisonScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingComparison {...state} />\n ) : (\n <FundingComparison {...state} />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const MobileFundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n onSort={props.onSort}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n manualSorting\n />\n );\n};\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { CollapseIcon, ExpandIcon } from \"../../icons\";\nimport { ExpandMarketsWidget } from \"../expandMarkets\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport {\n SideMarketsScriptOptions,\n SideMarketsScriptReturn,\n} from \"./sideMarkets.script\";\n\nexport type SideMarketsProps = SideMarketsScriptReturn & {\n className?: string;\n};\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n const {\n collapsable,\n collapsed,\n onCollapse,\n activeTab,\n onTabChange,\n className,\n tabSort,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderContent = () => {\n if (!collapsed) {\n return (\n <ExpandMarketsWidget\n activeTab={activeTab}\n onTabChange={onTabChange}\n symbol={symbol}\n onSymbolChange={onSymbolChange}\n />\n );\n }\n\n return (\n <MarketsListWidget\n type={activeTab}\n initialSort={tabSort[activeTab]}\n // collapsed list is not custom sort, so we don't need to pass onSort\n // onSort={onTabSort(activeTab)}\n collapsed={collapsed}\n {...getFavoritesProps(activeTab)}\n />\n );\n };\n\n return (\n <Flex\n id=\"oui-side-markets\"\n className={cn(\"oui-font-semibold\", className)}\n direction=\"column\"\n gapY={5}\n height=\"100%\"\n width=\"100%\"\n >\n <SideMarketsHeader\n collapsable={collapsable}\n collapsed={collapsed}\n onCollapse={onCollapse}\n />\n <Box\n width=\"100%\"\n className={cn(\n collapsed ? \"oui-h-[calc(100%_-_52px)]\" : \"oui-h-[calc(100%_-_56px)]\",\n )}\n >\n {renderContent()}\n </Box>\n </Flex>\n );\n};\n\ntype SideMarketsHeaderProps = SideMarketsScriptOptions;\n\nexport const SideMarketsHeader: FC<SideMarketsHeaderProps> = (props) => {\n const { collapsable, collapsed, onCollapse } = props;\n\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-text-base-contrast-36\",\n collapsable\n ? \"oui-cursor-pointer hover:oui-text-base-contrast-80\"\n : \"oui-cursor-not-allowed\",\n );\n\n if (collapsed) {\n return (\n <ExpandIcon\n className={cls}\n onClick={() => {\n onCollapse?.(false);\n }}\n />\n );\n }\n\n return (\n <Flex justify=\"between\" px={3} width=\"100%\">\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <CollapseIcon\n className={cls}\n onClick={() => {\n onCollapse?.(true);\n }}\n />\n </Flex>\n );\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type SideMarketsScriptOptions = {\n collapsable?: boolean;\n collapsed?: boolean;\n onCollapse?: (collapsed: boolean) => void;\n};\n\nexport type SideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;\n\nconst SIDE_MARKETS_SEL_TAB_KEY = \"orderly_side_markets_sel_tab_key\";\n\nexport function useSideMarketsScript(options?: SideMarketsScriptOptions) {\n const [collapsed, setCollapsed] = useState(options?.collapsed);\n const [activeTab, setActiveTab] = useLocalStorage(\n SIDE_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const collapsable = useMemo(\n () => options?.collapsable ?? true,\n [options?.collapsable],\n );\n\n const onCollapse = useCallback(\n (collapsed: boolean) => {\n if (typeof options?.onCollapse === \"function\") {\n options.onCollapse(collapsed);\n } else {\n setCollapsed(collapsed);\n }\n },\n [options?.onCollapse],\n );\n\n useEffect(() => {\n setCollapsed(options?.collapsed);\n }, [options?.collapsed]);\n\n return {\n collapsable,\n collapsed,\n onCollapse,\n activeTab: activeTab as MarketsTabName,\n onTabChange: setActiveTab,\n tabSort,\n };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useSideMarketsScript } from \"./sideMarkets.script\";\nimport { SideMarkets, SideMarketsProps } from \"./sideMarkets.ui\";\n\nexport type SideMarketsWidgetProps = MarketsProviderProps &\n Partial<\n Pick<\n SideMarketsProps,\n \"collapsable\" | \"collapsed\" | \"onCollapse\" | \"className\"\n >\n >;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n const state = useSideMarketsScript({\n collapsable: props.collapsable,\n collapsed: props.collapsed,\n onCollapse: props.onCollapse,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <SideMarkets {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseIcon,\n cn,\n Flex,\n TabPanel,\n Tabs,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { useDropDownMarketsColumns } from \"./column\";\nimport { DropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\n\nexport type DropDownMarketsProps = DropDownMarketsScriptReturn & {\n contentClassName?: string;\n};\n\nexport const DropDownMarkets: React.FC<\n PropsWithChildren<DropDownMarketsProps>\n> = (props) => {\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-32}\n sideOffset={20}\n className={cn(\n \"oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0\",\n props.contentClassName,\n )}\n >\n <DropDownMarketsConetnt {...props} hide={props.hide} />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n\nexport const DropDownMarketsConetnt: React.FC<DropDownMarketsProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const getColumns = useDropDownMarketsColumns();\n\n const search = (\n <Flex mx={3} gapX={3} pt={3} pb={2}>\n <SearchInput\n classNames={{\n root: \"oui-w-full\",\n }}\n />\n <CloseIcon\n size={12}\n className=\"oui-cursor-pointer oui-text-base-contrast-80\"\n onClick={props.hide}\n opacity={1}\n />\n </Flex>\n );\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getColumns}\n tableClassNames={{\n root: \"!oui-bg-base-8\",\n scroll: \"oui-pb-5 oui-px-1\",\n }}\n rowClassName=\"!oui-h-[34px]\"\n {...getFavoritesProps(type)}\n emptyView={renderEmptyView({\n type,\n onClick: () => {\n onTabChange(MarketsTabName.All);\n },\n })}\n />\n </div>\n );\n };\n\n return (\n <Box\n className={cn(\"oui-overflow-hidden oui-font-semibold\")}\n height=\"100%\"\n intensity={800}\n >\n {search}\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: \"oui-my-[6px] oui-px-3\",\n tabsContent: \"oui-h-full\",\n }}\n className={cls}\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { DeleteIcon, TopIcon } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../shared/column\";\n\nexport const useDropDownMarketsColumns = () => {\n const { t } = useTranslation();\n\n return useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n {\n title: t(\"common.volume\"),\n dataIndex: \"24h_amount\",\n align: \"right\",\n onSort: true,\n className: \"oui-relative\",\n width: 80,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div className={cn(\"oui-absolute oui-right-1 oui-top-[3px]\")}>\n <Flex\n className={cn(\n \"oui-bg-primary-darken oui-py-[6px]\",\n \"oui-hidden group-hover:oui-inline-flex\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n return (\n <>\n {isFavoriteList && actions}\n <Text.numeral\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n {value}\n </Text.numeral>\n </>\n );\n },\n },\n ] as Column[];\n },\n [t],\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type DropDownMarketsScriptReturn = ReturnType<\n typeof useDropDownMarketsScript\n>;\n\nconst DROPDOWN_MARKETS_SEL_TAB_KEY = \"orderly_dropdown_markets_sel_tab_key\";\n\nconst DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_dropdown_markets_tab_sort\";\n\nexport function useDropDownMarketsScript() {\n const [open, setOpen] = useState(false);\n\n const [activeTab, setActiveTab] = useLocalStorage(\n DROPDOWN_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const hide = () => {\n setOpen(false);\n };\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab: activeTab as MarketsTabName,\n onTabChange: (value: string) => setActiveTab(value as MarketsTabName),\n open,\n onOpenChange: setOpen,\n hide,\n tabSort,\n onTabSort,\n };\n}\n","import React, { PropsWithChildren } from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nimport { DropDownMarkets, DropDownMarketsProps } from \"./dropDownMarkets.ui\";\n\nexport type DropDownMarketsWidgetProps = MarketsProviderProps &\n Pick<DropDownMarketsProps, \"contentClassName\">;\n\nexport const DropDownMarketsWidget: React.FC<\n PropsWithChildren<DropDownMarketsWidgetProps>\n> = (props) => {\n const state = useDropDownMarketsScript();\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <DropDownMarkets {...state} contentClassName={props.contentClassName}>\n {props.children}\n </DropDownMarkets>\n </MarketsProvider>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { getMarketsSheetColumns } from \"./column\";\nimport { MarketsSheetScriptReturn } from \"./marketsSheet.script\";\n\nexport type MarketsSheetProps = MarketsSheetScriptReturn & {\n className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n const { className, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n const isFavorites = type === MarketsTabName.Favorites;\n return (\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getMarketsSheetColumns}\n tableClassNames={{\n root: \"!oui-bg-base-8\",\n scroll: cn(\n \"oui-pb-[env(safe-area-inset-bottom,_20px)]\",\n isFavorites\n ? \"oui-h-[calc(100%_-_70px)]\"\n : \"oui-h-[calc(100%_-_40px)]\",\n ),\n }}\n emptyView={renderEmptyView({\n type,\n onClick: () => {\n props.onTabChange(MarketsTabName.All);\n },\n })}\n {...getFavoritesProps(type)}\n />\n );\n };\n\n return (\n <Box height=\"100%\" className={cn(\"oui-font-semibold\", className)}>\n <Box px={3} mt={3} mb={2}>\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <SearchInput classNames={{ root: \"oui-mt-4\" }} />\n </Box>\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (tab: string) => void}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className=\"oui-h-[calc(100%_-_92px)]\"\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const getMarketsSheetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n return [\n {\n title: `${i18n.t(\"markets.column.market\")} / ${i18n.t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n multiSort: {\n fields: [\n {\n sortKey: \"symbol\",\n label: i18n.t(\"markets.column.market\"),\n },\n {\n sortKey: \"24h_amount\",\n label: i18n.t(\"common.volume\"),\n },\n ],\n },\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: i18n.t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;\n\nconst MARKETS_SHEET_SEL_TAB_KEY = \"orderly_markets_sheet_sel_tab_key\";\n\nexport function useMarketsSheetScript() {\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const [activeTab, setActiveTab] = useLocalStorage(\n MARKETS_SHEET_SEL_TAB_KEY,\n MarketsTabName.Favorites,\n );\n\n return {\n tabSort,\n onTabSort,\n activeTab,\n onTabChange: setActiveTab,\n };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useMarketsSheetScript } from \"./marketsSheet.script\";\nimport { MarketsSheet, MarketsSheetProps } from \"./marketsSheet.ui\";\n\nexport type MarketsSheetWidgetProps = MarketsProviderProps &\n Partial<Pick<MarketsSheetProps, \"className\">>;\n\nexport const MarketsSheetWidget: React.FC<MarketsSheetWidgetProps> = (\n props,\n) => {\n const state = useMarketsSheetScript();\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <MarketsSheet {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { Flex, Text, cn, Divider, Badge } from \"@orderly.network/ui\";\nimport { UseSymbolInfoBarScriptReturn } from \"./symbolInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type SymbolInfoBarProps = Pick<MarketsProviderProps, \"onSymbolChange\"> &\n UseSymbolInfoBarScriptReturn & {\n className?: string;\n trailing?: ReactNode;\n onSymbol?: () => void;\n };\n\nexport const SymbolInfoBar: FC<SymbolInfoBarProps> = (props) => {\n const { symbol, data, leverage, onSymbol } = props;\n\n const symbolView = (\n <Flex className=\"oui-cursor-pointer oui-gap-x-[6px]\" onClick={onSymbol}>\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"sm\"\n weight=\"semibold\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]\" />\n </Flex>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-mobile\",\n \"oui-font-semibold oui-h-full\",\n props.className\n )}\n >\n <Flex gapX={3} className=\"oui-flex-1 oui-overflow-hidden oui-h-full\">\n <Flex gapX={3}>\n {symbolView}\n <Badge size=\"xs\" color=\"primary\">\n {leverage}x\n </Badge>\n </Flex>\n\n <Divider className=\"oui-h-6\" direction=\"vertical\" intensity={8} />\n <Text.numeral\n size=\"2xs\"\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n","import { useMemo } from \"react\";\nimport { useSymbolsInfo, useTickerStream } from \"@orderly.network/hooks\";\n\nexport type UseSymbolInfoBarScriptOptions = {\n symbol: string;\n};\n\nexport type UseSymbolInfoBarScriptReturn = ReturnType<\n typeof useSymbolInfoBarScript\n>;\n\nexport function useSymbolInfoBarScript(options: UseSymbolInfoBarScriptOptions) {\n const { symbol } = options;\n\n const data = useTickerStream(symbol);\n\n const symbolsInfo = useSymbolsInfo();\n\n const leverage = useMemo(() => {\n const info = symbolsInfo[symbol];\n const baseImr = info(\"base_imr\");\n return getLeverage(baseImr);\n }, [symbol, symbolsInfo]);\n\n return {\n symbol,\n data,\n leverage,\n };\n}\n\nfunction getLeverage(base_imr: number) {\n return base_imr ? 1 / base_imr : undefined;\n}\n","import {\n useSymbolInfoBarScript,\n UseSymbolInfoBarScriptOptions,\n} from \"./symbolInfoBar.script\";\nimport { SymbolInfoBar, SymbolInfoBarProps } from \"./symbolInfoBar.ui\";\n\nexport type SymbolInfoBarWidgetPros = UseSymbolInfoBarScriptOptions &\n Pick<SymbolInfoBarProps, \"className\" | \"trailing\" | \"onSymbol\">;\n\nexport const SymbolInfoBarWidget: React.FC<SymbolInfoBarWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarScript({ symbol });\n return <SymbolInfoBar {...state} {...rest} />;\n};\n","import { ReactNode } from \"react\";\nimport { useFundingRate } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n TokenIcon,\n Flex,\n Text,\n cn,\n Divider,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n ArrowLeftIcon,\n FavoritesIcon2,\n TriangleDownIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { DropDownMarketsWidget } from \"../dropDownMarkets\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport { UseSymbolInfoBarFullScriptReturn } from \"./symbolInfoBarFull.script\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type SymbolInfoBarFullProps = Pick<\n MarketsProviderProps,\n \"onSymbolChange\"\n> &\n UseSymbolInfoBarFullScriptReturn & {\n className?: string;\n trailing?: ReactNode;\n };\n\nexport const SymbolInfoBarFull: React.FC<SymbolInfoBarFullProps> = (props) => {\n const {\n symbol,\n isFavorite,\n favorite,\n data,\n quotoDp,\n openInterest,\n containerRef,\n leadingElementRef,\n tailingElementRef,\n leadingVisible,\n tailingVisible,\n onScoll,\n fundingPeriod,\n capFunding,\n floorFunding,\n } = props;\n\n const { t } = useTranslation();\n\n const favoriteIcon = (\n <FavoritesDropdownMenuWidget row={{ symbol }} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n\n const symbolView = (\n <DropDownMarketsWidget\n contentClassName=\"oui-w-[429px] oui-h-[496px]\"\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <Flex gapX={1} className=\"oui-cursor-pointer\">\n <TokenIcon symbol={symbol} className=\"oui-size-4\" />\n <Text.formatted\n className=\"oui-whitespace-nowrap oui-break-normal\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n intensity={98}\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54\" />\n </Flex>\n </DropDownMarketsWidget>\n );\n\n const price = (\n <Text.numeral\n dp={quotoDp || 2}\n currency=\"$\"\n size=\"sm\"\n intensity={98}\n className=\"oui-data-value\"\n >\n {data?.[\"24h_close\"]}\n </Text.numeral>\n );\n\n const change = (\n <>\n <Text.numeral coloring rm={Decimal.ROUND_DOWN} showIdentifier>\n {data?.[\"24h_change\"]!}\n </Text.numeral>\n <Text intensity={36}>/</Text>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-desktop\",\n \"oui-h-[54px] oui-font-semibold\",\n props.className,\n )}\n // fix Safari text opacity transition bug\n style={{\n transform: \"translateZ(0)\",\n willChange: \"transform\",\n }}\n >\n <Flex gapX={6} className=\"oui-h-full oui-flex-1 oui-overflow-hidden\">\n <Flex gapX={1}>\n {favoriteIcon}\n {symbolView}\n </Flex>\n <Divider className=\"oui-h-[26px]\" direction=\"vertical\" intensity={8} />\n {price}\n <div className=\"oui-relative oui-h-full oui-overflow-hidden\">\n <div\n ref={containerRef}\n className=\"oui-hide-scrollbar oui-h-full oui-overflow-x-auto\"\n >\n <Flex gapX={8} height=\"100%\">\n <div ref={leadingElementRef}>\n <DataItem\n label={t(\"markets.column.24hChange\")}\n value={change}\n />\n </div>\n <DataItem\n label={t(\"markets.symbolInfoBar.Mark\")}\n value={\n <Text.numeral\n dp={quotoDp}\n data-testid=\"oui-testid-tokenInfo-markPrice-value\"\n >\n {data?.[\"mark_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Mark.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.Index\")}\n value={\n <Text.numeral dp={quotoDp}>\n {data?.[\"index_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Index.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.24hVolume\")}\n value={\n <Text.numeral rule=\"human\" dp={2}>\n {data?.[\"24h_amount\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.24hVolume.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.predFundingRate\")}\n value={<FundingRate symbol={symbol} />}\n hint={\n <Flex\n width={\"100%\"}\n itemAlign={\"center\"}\n direction=\"column\"\n gap={1}\n >\n <Flex justify=\"between\" itemAlign={\"center\"} width={\"100%\"}>\n <Text intensity={54}>\n {t(\"trading.fundingRate.predFundingRate.interval\")}\n </Text>\n <Text intensity={80}>{fundingPeriod}</Text>\n </Flex>\n <Flex justify=\"between\" itemAlign={\"center\"} width={\"100%\"}>\n <Text intensity={54}>\n {t(\"trading.fundingRate.predFundingRate.cap\")} /\n {t(\"trading.fundingRate.predFundingRate.floor\")}\n </Text>\n <Text intensity={80}>\n {capFunding} / {floorFunding}\n </Text>\n </Flex>\n <Divider className=\"oui-w-full\" intensity={8} />\n {t(\"markets.symbolInfoBar.predFundingRate.tooltip\")}\n </Flex>\n }\n />\n <div ref={tailingElementRef}>\n <DataItem\n label={t(\"markets.openInterest\")}\n value={\n <>\n <Text.numeral rule=\"human\" dp={2}>\n {openInterest}\n </Text.numeral>\n <Text intensity={36}>{` USDC`}</Text>\n </>\n }\n hint={t(\"markets.openInterest.tooltip\")}\n />\n </div>\n </Flex>\n </div>\n <ScrollIndicator leading onClick={onScoll} visible={leadingVisible} />\n <ScrollIndicator tailing onClick={onScoll} visible={tailingVisible} />\n </div>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n\ntype DataItemProps = {\n label: string;\n value: ReactNode;\n hint?: ReactNode;\n};\n\nconst DataItem: React.FC<DataItemProps> = (props) => {\n const { label, value, hint } = props;\n return (\n <Flex direction=\"column\" itemAlign=\"start\">\n <Tooltip\n open={hint ? undefined : false}\n content={hint}\n className=\"oui-max-w-[240px] oui-bg-base-6 \"\n arrow={{ className: \"oui-fill-base-6\" }}\n delayDuration={300}\n >\n <Text\n size=\"2xs\"\n intensity={36}\n className={cn(\n \"oui-data-label\",\n \"oui-whitespace-nowrap oui-break-normal\",\n hint &&\n \"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12\",\n )}\n >\n {label}\n </Text>\n </Tooltip>\n <Text\n size=\"2xs\"\n intensity={98}\n className={cn(\n \"oui-data-value\",\n \"oui-whitespace-nowrap oui-break-normal oui-leading-[20px]\",\n )}\n >\n {value}\n </Text>\n </Flex>\n );\n};\n\ntype ScrollIndicatorProps = {\n tailing?: boolean;\n leading?: boolean;\n visible?: boolean;\n onClick?: (direction: string) => void;\n};\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { visible, leading, tailing, onClick } = props;\n if (!visible) {\n return null;\n }\n\n return (\n <button\n onClick={() => {\n onClick?.(leading ? \"left\" : \"right\");\n }}\n style={{\n background:\n \"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)\",\n }}\n className={cn(\n \"oui-flex oui-w-[80px] oui-items-center\",\n \"oui-absolute oui-inset-y-0 oui-rounded-l\",\n leading && \"oui-left-0 oui-pl-1\",\n tailing && \"oui-right-0 oui-rotate-180 oui-pr-1\",\n )}\n >\n <ArrowLeftIcon className=\"oui-text-base-contrast-54 hover:oui-text-base-contrast-80\" />\n </button>\n );\n};\n\nconst FundingRate: React.FC<{ symbol: string }> = ({ symbol }) => {\n const data = useFundingRate(symbol);\n\n if (data?.est_funding_rate === null) {\n return \"--\";\n }\n\n return (\n <div>\n <Text.numeral unit=\"%\" dp={4} className=\"oui-text-[#FF9A2E]\">\n {data.est_funding_rate!}\n </Text.numeral>\n <Text intensity={36} className=\"oui-tabular-nums\">\n {/* not need to translate */}\n {` in ${data.countDown}`}\n </Text>\n </div>\n );\n};\n","import { useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n useFundingDetails,\n useFundingRate,\n useMarketsStore,\n useSymbolsInfo,\n useTickerStream,\n} from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nexport type UseSymbolInfoBarFullScriptOptions = {\n symbol: string;\n};\n\nexport type UseSymbolInfoBarFullScriptReturn = ReturnType<\n typeof useSymbolInfoBarFullScript\n>;\n\nexport function useSymbolInfoBarFullScript(\n options: UseSymbolInfoBarFullScriptOptions,\n) {\n const { symbol } = options;\n\n const data = useTickerStream(symbol);\n const fundingRate = useFundingRate(symbol);\n\n const favorite = useMarketsStore();\n\n const { data: fundingDetails, isLoading: isFundingLoading } =\n useFundingDetails(symbol);\n\n const fundingPeriod = useMemo(() => {\n if (!fundingDetails || isFundingLoading) {\n return \"-\";\n }\n return `${fundingDetails.funding_period}h`;\n }, [fundingDetails, isFundingLoading]);\n\n const capFunding = useMemo(() => {\n if (!fundingDetails || isFundingLoading) {\n return \"-\";\n }\n return `${new Decimal(fundingDetails.cap_funding).mul(100).toNumber()}%`;\n }, [fundingDetails, isFundingLoading]);\n\n const floorFunding = useMemo(() => {\n if (!fundingDetails || isFundingLoading) {\n return \"-\";\n }\n return `${new Decimal(fundingDetails.floor_funding).mul(100).toNumber()}%`;\n }, [fundingDetails, isFundingLoading]);\n\n const info = useSymbolsInfo();\n const quotoDp = info[symbol](\"quote_dp\");\n const [leadingVisible, setLeadingVisible] = useState(false);\n const [tailingVisible, setTailingVisible] = useState(false);\n\n const containerRef = useRef<HTMLDivElement>(null);\n const leadingElementRef = useRef<HTMLDivElement>(null);\n const tailingElementRef = useRef<HTMLDivElement>(null);\n\n const isFavorite = useMemo(\n () => !!favorite.favorites.find((item) => item.name === symbol),\n [favorite.favorites, symbol],\n );\n\n const openInterest = useMemo(\n () =>\n new Decimal(data?.open_interest ?? 0)\n .mul(data?.index_price ?? 0)\n .toDecimalPlaces(2)\n .valueOf(),\n [data],\n );\n\n useEffect(() => {\n const intersectionObserver = new IntersectionObserver((entries) => {\n for (let index = 0; index < entries.length; index++) {\n const item = entries[index];\n if (item) {\n if (item.target === leadingElementRef.current) {\n setLeadingVisible(!item.isIntersecting);\n }\n\n if (item.target === tailingElementRef.current) {\n setTailingVisible(!item.isIntersecting);\n }\n }\n }\n });\n if (leadingElementRef.current) {\n intersectionObserver.observe(leadingElementRef.current);\n }\n\n if (tailingElementRef.current) {\n intersectionObserver.observe(tailingElementRef.current);\n }\n\n return () => {\n intersectionObserver.disconnect();\n };\n }, []);\n\n const onScoll = (direction: string) => {\n containerRef.current?.scrollBy({\n left: direction === \"left\" ? -100 : 100,\n behavior: \"smooth\",\n });\n };\n\n return {\n symbol,\n isFavorite,\n favorite,\n data,\n quotoDp,\n openInterest,\n fundingRate,\n containerRef,\n leadingElementRef,\n tailingElementRef,\n leadingVisible,\n tailingVisible,\n onScoll,\n fundingPeriod,\n capFunding,\n floorFunding,\n };\n}\n","import { FC } from \"react\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useSymbolInfoBarFullScript,\n UseSymbolInfoBarFullScriptOptions,\n} from \"./symbolInfoBarFull.script\";\nimport {\n SymbolInfoBarFull,\n SymbolInfoBarFullProps,\n} from \"./symbolInfoBarFull.ui\";\n\nexport type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions &\n Pick<SymbolInfoBarFullProps, \"className\" | \"trailing\"> &\n Pick<MarketsProviderProps, \"onSymbolChange\">;\n\nexport const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarFullScript({ symbol });\n return <SymbolInfoBarFull {...state} {...rest} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseNewListingListReturn } from \"./newListingList.script\";\nimport { NewListingListWidgetProps } from \"./widget\";\n\nexport type NewListingListProps = UseNewListingListReturn &\n NewListingListWidgetProps;\n\nexport const NewListingList: FC<NewListingListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseNewListingListReturn = ReturnType<\n typeof useNewListingListScript\n>;\n\nexport const useNewListingListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.NEW_LISTING);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useNewListingListScript } from \"./newListingList.script\";\nimport { NewListingList } from \"./newListingList.ui\";\n\nexport type NewListingListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const NewListingListWidget: React.FC<NewListingListWidgetProps> = (\n props,\n) => {\n const state = useNewListingListScript();\n return <NewListingList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport type { FavoritesListWidgetProps } from \"./widget\";\n\nexport type FavoritesListProps = UseFavoritesListReturn &\n FavoritesListWidgetProps;\n\nexport const FavoritesList: FC<FavoritesListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, true);\n\n const columns =\n typeof getColumns === \"function\" ? getColumns(favorite, true) : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n <Box px={3} className=\"oui-my-[6px]\">\n <FavoritesTabWidget favorite={favorite} size=\"sm\" />\n </Box>\n\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n </>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListReturn = ReturnType<typeof useFavoritesListScript>;\n\nexport const useFavoritesListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, selectedFavoriteTab, favorites, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useFavoritesListScript } from \"./favoritesList.script\";\nimport { FavoritesList } from \"./favoritesList.ui\";\n\nexport type FavoritesListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const FavoritesListWidget: React.FC<FavoritesListWidgetProps> = (\n props,\n) => {\n const state = useFavoritesListScript();\n return <FavoritesList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { RecentListWidgetProps } from \"./widget\";\n\nexport type RecentListProps = UseRecentListReturn & RecentListWidgetProps;\n\nexport const RecentList: FC<RecentListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseRecentListReturn = ReturnType<typeof useRecentListScript>;\n\nexport const useRecentListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.RECENT);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useRecentListScript } from \"./recentList.script\";\nimport { RecentList } from \"./recentList.ui\";\n\nexport type RecentListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const RecentListWidget: React.FC<RecentListWidgetProps> = (props) => {\n const state = useRecentListScript();\n return <RecentList {...state} {...props} />;\n};\n","import { FC, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, useScreen } from \"@orderly.network/ui\";\nimport {\n LeftNavProps,\n RouterAdapter,\n LeftNavUI,\n} from \"@orderly.network/ui-scaffold\";\nimport {\n MarketsProvider,\n MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { MarketsPageTab } from \"../../type\";\nimport { FundingWidget } from \"./funding/funding.widget\";\nimport { MarketsDataListWidget } from \"./marketsDataList\";\nimport { MarketsHeaderWidget } from \"./marketsHeader/marketsHeader.widget\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\n const { isMobile } = useScreen();\n\n const [activeTab, setActiveTab] = useState<MarketsPageTab>(\n MarketsPageTab.Markets,\n );\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n navProps={props.navProps}\n comparisonProps={props.comparisonProps}\n >\n <div\n id=\"oui-markets-home-page\"\n className={cn(\"oui-font-semibold\", props.className)}\n >\n {isMobile ? (\n <MarketsMobileContent\n activeTab={activeTab}\n onTabChange={setActiveTab}\n navProps={props.navProps}\n />\n ) : (\n <MarketsDesktopContent\n activeTab={activeTab}\n onTabChange={setActiveTab}\n />\n )}\n </div>\n </MarketsProvider>\n );\n};\n\ntype MarketsContentProps = {\n activeTab: MarketsPageTab;\n onTabChange: (value: MarketsPageTab) => void;\n // only for mobile\n navProps?: {\n logo?: {\n src: string;\n alt: string;\n };\n routerAdapter?: RouterAdapter;\n leftNav?: LeftNavProps;\n };\n};\n\nconst MarketsDesktopContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Box p={6}>\n <Tabs\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.markets\")}\n value={MarketsPageTab.Markets}\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-4\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value={MarketsPageTab.Funding}\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n\nconst MarketsMobileContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Tabs\n variant=\"text\"\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n classNames={{\n tabsListContainer: \"oui-border-0\",\n tabsList: \"oui-mx-6 oui-my-2\",\n trigger: cn(\n \"oui-text-2xl oui-font-bold\",\n \"data-[state=active]:after:oui-bg-transparent!\",\n ),\n tabsContent: \"oui-px-3\",\n }}\n leading={\n props.navProps?.leftNav && (\n <LeftNavUI\n className=\"oui-ml-3 -oui-mr-4\"\n {...props?.navProps?.leftNav}\n logo={props?.navProps?.logo}\n routerAdapter={props?.navProps?.routerAdapter}\n />\n )\n }\n >\n <TabPanel\n title={t(\"common.markets\")}\n value=\"markets\"\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-2\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value=\"funding\"\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileFunding } from \"./funding.mobile.ui\";\nimport { useFundingScript } from \"./funding.script\";\nimport { Funding } from \"./funding.ui\";\n\nexport const FundingWidget = () => {\n const state = useFundingScript();\n const { isMobile } = useScreen();\n return isMobile ? <MobileFunding {...state} /> : <Funding {...state} />;\n};\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const MobileFunding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n const search = (\n <SearchInput\n classNames={{\n root: cn(\"oui-mb-2 oui-mt-5\"),\n }}\n />\n );\n\n return (\n <Box\n intensity={900}\n p={3}\n mt={2}\n mb={5}\n r=\"xl\"\n height=\"100%\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <>\n {search}\n <FundingOverviewWidget />\n </>\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <>\n {search}\n <FundingComparisonWidget />\n </>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useState } from \"react\";\nimport { FundingTabName } from \"../../../type\";\n\nexport type FundingScriptReturn = ReturnType<typeof useFundingScript>;\n\nexport function useFundingScript() {\n const [activeTab, setActiveTab] = useState<FundingTabName>(\n FundingTabName.Overview,\n );\n\n return {\n activeTab,\n onTabChange: setActiveTab,\n };\n}\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const Funding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Box\n intensity={900}\n p={6}\n mt={4}\n r=\"2xl\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <FundingOverviewWidget />\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <FundingComparisonWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/pages/home/marketsHeader/marketsHeader.ui.tsx","../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/marketsHeader/marketsHeader.script.tsx","../src/utils.ts","../src/pages/home/marketsHeader/marketsHeader.widget.tsx","../src/pages/home/marketsHeader/marketsHeader.mobile.ui.tsx","../src/pages/home/marketsDataList/marketsDataList.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.mobile.ui.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/components/collapseMarkets/index.tsx","../src/components/sideMarkets/column.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.widget.tsx","../src/components/marketsList/marketsList.script.ts","../src/type.ts","../src/components/marketsList/marketsList.widget.tsx","../src/components/searchInput/index.tsx","../src/components/shared/column.tsx","../src/components/shared/hooks/useFavoritesExtraProps.tsx","../src/components/favoritesEmpty/index.tsx","../src/components/favoritesTabs/favoritesTabs.ui.tsx","../src/components/favoritesTabs/favoritesTabs.script.ts","../src/components/favoritesTabs/favoritesTabs.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/pages/home/marketsDataList/marketsDataList.ui.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/marketsListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/favoritesListFull.widget.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/marketsListFull.widget.tsx","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/components/expandMarkets/expandMarkets.script.ts","../src/constant.ts","../src/components/expandMarkets/expandMarkets.widget.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/fundingOverview.widget.tsx","../src/components/fundingOverview/fundingOverview.mobile.ui.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/useEXchanges.ts","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/fundingComparison.widget.tsx","../src/components/fundingComparison/fundingComparison.mobile.ui.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/sideMarkets.widget.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/dropDownMarkets.widget.tsx","../src/components/marketsSheet/marketsSheet.ui.tsx","../src/components/marketsSheet/column.tsx","../src/components/marketsSheet/marketsSheet.script.ts","../src/components/marketsSheet/marketsSheet.widget.tsx","../src/components/symbolInfoBar/symbolInfoBar.ui.tsx","../src/components/symbolInfoBar/symbolInfoBar.script.ts","../src/components/symbolInfoBar/symbolInfoBar.widget.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.script.ts","../src/components/symbolInfoBarFull/symbolInfoBarFull.widget.tsx","../src/deprecated/newListingList/newListingList.ui.tsx","../src/deprecated/newListingList/newListingList.script.ts","../src/deprecated/newListingList/widget.tsx","../src/deprecated/favoritesList/favoritesList.ui.tsx","../src/deprecated/favoritesList/favoritesList.script.ts","../src/deprecated/favoritesList/widget.tsx","../src/deprecated/recentList/recentList.ui.tsx","../src/deprecated/recentList/recentList.script.ts","../src/deprecated/recentList/widget.tsx","../src/pages/home/page.tsx","../src/pages/home/funding/funding.widget.tsx","../src/pages/home/funding/funding.mobile.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/funding.ui.tsx"],"names":["useMemo","useTranslation","Box","cn","Flex","Text","Decimal","createContext","useState","useContext","useCallback","jsx","MarketsContext","MarketsProvider","props","symbol","comparisonProps","children","onSymbolChange","searchValue","setSearchValue","clearSearchValue","memoizedValue","useMarketsContext","jsxs","EditIcon","TrashIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon","ActiveAddIcon","ExpandIcon","CollapseIcon","TriangleDownIcon","ArrowLeftIcon","MarketsHeader","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","t","cls","onSymbol","item","BlockList","CardItem","ScrollIndicator","list","index","BlockItem","ListItem","scrollPrev","scrollNext","useEffect","useEmblaCarousel","useMarkets","useQuery","MarketsType","formatSymbol","compareValues","aValue","bValue","aStr","bStr","aNum","bNum","aIsNumber","bIsNumber","aIsDate","bIsDate","aDate","bDate","sortList","sort","sortKey","sortOrder","sortedList","b","comparison","useSort","initialSort","onSortChange","setSort","onSort","options","nextSort","getSortedList","escapeRegExp","string","searchBySymbol","formatString","escapedSearchValue","reg","searchValueLower","exactMatches","startsWithMatches","otherMatches","formattedSymbol","symbolLower","compareSymbols","a","symbolA","symbolB","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","useScreen","TabPanel","Tabs","Fragment","MobileMarketsHeader","activeTab","setActiveTab","MarketsHeaderWidget","state","isMobile","DataTable","TokenIcon","Tooltip","Badge","CollapseMarkets","content","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","Input","CloseCircleFillIcon","FavoritesDropdownMenu","favoriteTabs","open","onOpenChange","inputVisible","selectedTabs","value","onValueChange","hide","hideInput","showInput","onCheck","addTab","confirm","overLen","renderInput","overTabs","header","checked","tab","footer","e","useFavoritesDropdownMenuScript","favorites","updateFavoriteTabs","updateSymbolFavoriteState","setOpen","setInputVisible","setValue","setSelectedTabs","clearState","newTab","find","FavoritesDropdownMenuWidget","useSideMarketsColumns","isFavoriteList","record","favoritesIcon","onDelSymbol","iconCls","actions","MarketsList","loading","dataSource","getColumns","collapsed","isFavoritesList","renderHeader","emptyView","sideColumns","columns","MarketsPageTab","MarketsTabName","FundingTabName","MarketsTypeMap","useMarketsListScript","setLoading","selectedFavoriteTab","filterList","searchResults","MarketsListWidget","SearchInput","classNames","suffix","onSearchValueChange","i18n","getSymbolColumn","getLastColumn","get24hPercentageColumn","EmptyStateIcon","FavoritesEmpty","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","updateSelectedFavoriteTab","addIconWidth","tabHeight","gradientColor","onDel","onKeyUp","renderActions","renderAdd","icon","isActive","renderContent","textProps","useRef","useFavoritesTabScript","updateFavorites","setEditing","setScrollable","scrollView","setInputWidth","updateScrollLayout","scrollWidth","clientWidth","scrollToRight","selectedTab","_favorites","tabs","rect","offset","FavoritesTabWidget","className","rest","useFavoritesProps","dataFilter","fav","getFavoritesProps","type","renderEmptyView","MobileMarketsDataList","onTabChange","tabSort","onTabSort","renderTab","useSessionStorage","useTabSort","setTabSort","MOBILE_MARKETS_TAB_SORT_STORAGE_KEY","useMarketsDataListScript","Trans","useMarketsListFullColumns","button","FavoritesListFull","pagination","usePagination","useFavoritesListFullScript","pageSize","setPage","filterData","FavoritesListFullWidget","MarketsListFull","useMarketsListFullScript","searchList","sortStore","MarketsListFullWidget","MarketsDataList","MarketsDataListWidget","ExpandMarkets","SIDE_MARKETS_TAB_SORT_STORAGE_KEY","useExpandMarketsScript","ExpandMarketsWidget","Picker","Select","createFundingRenderer","dp","useFundingOverviewColumns","selectedPeriod","setSelectedPeriod","FundingPeriodSelect","FundingOverview","isLoading","useFundingRateHistory","useFundingRates","useFundingOverviewScript","marketData","fundingHistory","isHistoryLoading","getPositiveRates","fundingRates","processedData","posRates","acc","period","history","h","fundingRate","fundingInterval","getFundingInterval","filteredData","next_funding_time","last_funding_rate_timestamp","diff","MobileFundingOverview","FundingOverviewWidget","useEXchanges","brokerName","brokerIconSrc","CDN_PREFIX","useFundingColumns","exchanges","getImgSrc","val","imgSrc","FundingComparison","useMarketsStream","getOpenInterest","open_interest","index_price","useFundingComparisonScript","futures","row","target","result","exchangeName","rate","wooFiRate","otherRate","exchange","MobileFundingComparison","FundingComparisonWidget","SideMarkets","collapsable","onCollapse","SideMarketsHeader","useLocalStorage","SIDE_MARKETS_SEL_TAB_KEY","useSideMarketsScript","setCollapsed","SideMarketsWidget","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","search","DROPDOWN_MARKETS_SEL_TAB_KEY","DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY","useDropDownMarketsScript","DropDownMarketsWidget","getMarketsSheetColumns","MarketsSheet","isFavorites","MARKETS_SHEET_SEL_TAB_KEY","useMarketsSheetScript","MarketsSheetWidget","SymbolInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useSymbolInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","SymbolInfoBarWidget","useFundingRate","SymbolInfoBarFull","isFavorite","quotoDp","openInterest","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","fundingPeriod","capFunding","floorFunding","favoriteIcon","price","change","DataItem","FundingRate","label","hint","visible","leading","tailing","onClick","useFundingDetails","useMarketsStore","useSymbolInfoBarFullScript","fundingDetails","isFundingLoading","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","SymbolInfoBarFullWidget","NewListingList","useNewListingListScript","NewListingListWidget","FavoritesList","useFavoritesListScript","FavoritesListWidget","RecentList","useRecentListScript","RecentListWidget","LeftNavUI","MobileFunding","useFundingScript","Funding","FundingWidget","MarketsHomePage","MarketsMobileContent","MarketsDesktopContent"],"mappings":"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","sourcesContent":["import { FC, ReactNode, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\n/** -----------MarketsHeader start ------------ */\ntype MarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\nexport const MarketsHeader: FC<MarketsHeaderProps> = (props) => {\n const {\n emblaRef,\n emblaApi,\n scrollIndex,\n enableScroll,\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]\",\n enableScroll && \"oui-cursor-pointer oui-select-none\",\n );\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n ref={enableScroll ? emblaRef : undefined}\n >\n <Flex width=\"100%\" gapX={4}>\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n className={cls}\n />\n <CardItem\n data={news}\n title={\n <Text.gradient color=\"brand\">\n {t(\"markets.newListings\")}\n </Text.gradient>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={gainers}\n title={\n <Text className=\"oui-text-success-light\">\n {t(\"markets.topGainers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={losers}\n title={\n <Text className=\"oui-text-danger-light\">\n {t(\"markets.topLosers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n </Flex>\n <div className=\"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4\">\n <ScrollIndicator\n scrollIndex={scrollIndex}\n scrollPrev={emblaApi?.scrollPrev}\n scrollNext={emblaApi?.scrollNext}\n />\n </div>\n </div>\n );\n};\n/** -----------MarketsHeader end ------------ */\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\n/** -----------MarketsHeader start ------------ */\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n return (\n <Flex\n direction=\"column\"\n justify=\"between\"\n width=\"100%\"\n height={236}\n className={props.className}\n >\n {list?.map((item, index) => (\n <BlockItem key={index} {...item} />\n ))}\n </Flex>\n );\n};\n/** -----------MarketsHeader start ------------ */\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box intensity={900} r=\"lg\" px={4} py={3} width=\"100%\">\n <Text as=\"div\" intensity={36} size=\"xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 0}\n rm={Decimal.ROUND_DOWN}\n rule={props.rule as any}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n title: ReactNode;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Box\n intensity={900}\n r=\"lg\"\n py={4}\n pb={2}\n height={236}\n className={props.className}\n >\n <Box px={4}>\n <Text.gradient color=\"brand\" size=\"sm\" weight=\"semibold\">\n {props.title}\n </Text.gradient>\n </Box>\n\n <Flex direction=\"column\" itemAlign=\"start\" mt={2}>\n {props.data?.map((item, index) => (\n <ListItem key={item.symbol} item={item} onSymbol={props.onSymbol} />\n ))}\n </Flex>\n </Box>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n {/* <TokenIcon symbol={item.symbol} size=\"xs\" /> */}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface ScrollIndicatorProps {\n scrollIndex: number;\n scrollPrev?: () => void;\n scrollNext?: () => void;\n}\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { scrollIndex, scrollPrev, scrollNext } = props;\n\n return (\n <Flex gapX={1} justify=\"center\" className=\"3xl:oui-hidden\">\n {[0, 1].map((item) => {\n return (\n <Box\n key={item}\n py={1}\n pl={item === 0 ? 1 : 0}\n pr={item === 1 ? 1 : 0}\n onClick={() => {\n if (scrollIndex === 0 && item === 1) {\n scrollNext?.();\n } else if (scrollIndex === 1 && item === 0) {\n scrollPrev?.();\n }\n }}\n className=\"oui-cursor-pointer\"\n >\n <Box\n key={item}\n width={8}\n height={4}\n r=\"full\"\n className={cn(\n \"oui-transition-all oui-duration-300\",\n scrollIndex === item\n ? \"oui-w-4 oui-bg-base-contrast-36\"\n : \"oui-bg-base-contrast-20\",\n )}\n />\n </Box>\n );\n })}\n </Flex>\n );\n};\n\nexport default ScrollIndicator;\n","import {\n FC,\n createContext,\n PropsWithChildren,\n useState,\n useContext,\n useCallback,\n useMemo,\n} from \"react\";\nimport { API } from \"@orderly.network/types\";\nimport { LeftNavProps, RouterAdapter } from \"@orderly.network/ui-scaffold\";\n\ntype MarketsContextState = {\n symbol?: string;\n searchValue?: string;\n onSearchValueChange?: (searchValue: string) => void;\n clearSearchValue?: () => void;\n} & MarketsProviderProps;\n\nexport const MarketsContext = createContext<MarketsContextState>({});\n\nexport type MarketsProviderProps = {\n symbol?: string;\n onSymbolChange?: (symbol: API.Symbol) => void;\n // only for mobile\n navProps?: {\n logo?: {\n src: string;\n alt: string;\n };\n routerAdapter?: RouterAdapter;\n leftNav?: LeftNavProps;\n };\n comparisonProps?: {\n /**\n * Set Name of Exchanges in the comparison list.\n * @default 'Orderly'\n */\n exchangesName?: string;\n /**\n * Set Icon URL of Exchanges in the comparison list.\n * @default \"\"\n */\n exchangesIconSrc?: string;\n };\n};\n\nexport const MarketsProvider: FC<PropsWithChildren<MarketsProviderProps>> = (\n props,\n) => {\n const { symbol, comparisonProps, children, onSymbolChange } = props;\n const [searchValue, setSearchValue] = useState(\"\");\n\n const clearSearchValue = useCallback(() => {\n setSearchValue(\"\");\n }, []);\n\n const memoizedValue = useMemo<MarketsContextState>(() => {\n return {\n searchValue,\n onSearchValueChange: setSearchValue,\n clearSearchValue,\n symbol: symbol,\n onSymbolChange: onSymbolChange,\n comparisonProps: comparisonProps,\n };\n }, [searchValue, symbol, onSymbolChange, setSearchValue, comparisonProps]);\n\n return (\n <MarketsContext.Provider value={memoizedValue}>\n {children}\n </MarketsContext.Provider>\n );\n};\n\nexport function useMarketsContext() {\n return useContext<MarketsContextState>(MarketsContext);\n}\n","import React, { FC, PropsWithChildren, SVGProps } from \"react\";\n\nexport const EditIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const TrashIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const AllMarketsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"12\"\n height=\"12\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h12v12H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const NewListingsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const FavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const UnFavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <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\" />\n </g>\n </svg>\n);\n\nexport const CirclePlusIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"18\"\n height=\"18\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h18v18H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M8.325 12.6h1.35V9.675H12.6v-1.35H9.675V5.4h-1.35v2.925H5.4v1.35h2.925zm.68 3.6a7 7 0 0 1-2.799-.562A7.3 7.3 0 0 1 3.91 14.09a7.3 7.3 0 0 1-1.546-2.296A7 7 0 0 1 1.8 8.99q0-1.49.563-2.794a7.26 7.26 0 0 1 3.843-3.834A7 7 0 0 1 9.009 1.8q1.49 0 2.794.562 1.303.563 2.288 1.547a7.3 7.3 0 0 1 1.547 2.292q.561 1.308.562 2.794a7 7 0 0 1-.562 2.799 7.3 7.3 0 0 1-1.547 2.297 7.3 7.3 0 0 1-2.292 1.547 7 7 0 0 1-2.794.562M9 14.85q2.437 0 4.144-1.706Q14.85 11.437 14.85 9t-1.706-4.144Q11.437 3.15 9 3.15T4.856 4.856 3.15 9t1.706 4.144Q6.563 14.85 9 14.85\" />\n </g>\n </svg>\n);\n\nexport const SearchIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const MoveToTopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const OrderlyIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n />\n </svg>\n);\n\nexport const FavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const UnFavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const TopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const DeleteIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const AddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z\" />\n </g>\n </svg>\n);\n\nexport const ActiveAddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n 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\"\n fill=\"url(#paint0_linear_1951_55156)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_1951_55156\"\n x1=\"10.4954\"\n y1=\"5.96487\"\n x2=\"1.49536\"\n y2=\"5.96487\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n\nexport const ExpandIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const CollapseIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const TriangleDownIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const ArrowLeftIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport const ArrowRightIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.777 3.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L8.5 7.993l-2.408 3.625a.685.685 0 0 0 .187.938.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271\" />\n </svg>\n);\n\nconst BaseSortIcon = (props: PropsWithChildren) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n fill=\"none\"\n >\n {props.children}\n </svg>\n );\n};\n\nexport const SortingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042m0 7.916a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const AscendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const DescendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </BaseSortIcon>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { useMarkets, useQuery, MarketsType } from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { sortList, useSize } from \"../../../utils\";\n\n// export type EmblaCarouselType = Exclude<UseEmblaCarouselType[1], undefined>;\n// export type TEmblaApi = Pick<EmblaCarouselType, \"scrollPrev\" | \"scrollNext\">;\n// use UseEmblaCarouselType will bring type error\nexport type TEmblaApi = {\n scrollPrev: (jump?: boolean) => void;\n scrollNext: (jump?: boolean) => void;\n};\n\nexport type MarketsHeaderReturns = ReturnType<typeof useMarketsHeaderScript>;\n\nexport const useMarketsHeaderScript = () => {\n const [scrollIndex, setScrollIndex] = useState(0);\n const data = useDataSource();\n\n const { width } = useSize();\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop: true,\n // duration: 25,\n slidesToScroll: \"auto\",\n });\n\n useEffect(() => {\n emblaApi?.on(\"select\", () => {\n setScrollIndex(emblaApi?.selectedScrollSnap());\n });\n }, [emblaApi]);\n\n return {\n scrollIndex,\n setScrollIndex,\n emblaRef,\n emblaApi: emblaApi as TEmblaApi,\n enableScroll: width < 1440,\n ...data,\n };\n};\n\nexport function useDataSource() {\n const [markets, favorite] = useMarkets(MarketsType.ALL);\n const { data: balance } = useQuery(\"/v1/public/balance/stats\");\n\n const news = useMemo(\n () =>\n sortList(markets, { sortKey: \"created_time\", sortOrder: \"desc\" }).slice(\n 0,\n 5,\n ),\n [markets],\n );\n\n const gainers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"desc\" }).slice(0, 5),\n [markets],\n );\n\n const losers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"asc\" }).slice(0, 5),\n [markets],\n );\n\n const total24Amount = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"24h_amount\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const totalOpenInterest = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"openInterest\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const tvl = useMemo(() => {\n if (!balance) return 0;\n\n const { total_holding = 0 } = balance as any;\n return new Decimal(total_holding).toNumber();\n }, [balance]);\n\n return {\n markets,\n news,\n gainers,\n losers,\n total24Amount: total24Amount.toNumber(),\n totalOpenInterest: totalOpenInterest.toNumber(),\n tvl,\n favorite,\n };\n}\n","import { useCallback, useEffect, useState } from \"react\";\nimport { TableSort } from \"@orderly.network/ui\";\nimport { formatSymbol } from \"@orderly.network/utils\";\nimport { SortType } from \"./type\";\n\n/**\n * Compare two values intelligently\n */\nconst compareValues = (aValue: any, bValue: any): number => {\n // Handle null/undefined values (always sort to bottom)\n if (aValue == null && bValue == null) return 0;\n if (aValue == null) return 1;\n if (bValue == null) return -1;\n\n // Convert to string first for type checking\n const aStr = String(aValue).trim();\n const bStr = String(bValue).trim();\n\n // More robust number detection - check if values can be converted to valid numbers\n const aNum = Number(aStr);\n const bNum = Number(bStr);\n const aIsNumber =\n !isNaN(aNum) && isFinite(aNum) && /^-?\\d*\\.?\\d+([eE][+-]?\\d+)?$/.test(aStr);\n const bIsNumber =\n !isNaN(bNum) && isFinite(bNum) && /^-?\\d*\\.?\\d+([eE][+-]?\\d+)?$/.test(bStr);\n\n if (aIsNumber && bIsNumber) {\n return aNum - bNum;\n }\n\n // Check if both are valid dates (ISO format or timestamp)\n const aIsDate = /^\\d{4}-\\d{2}-\\d{2}/.test(aStr) || /^\\d{13}$/.test(aStr);\n const bIsDate = /^\\d{4}-\\d{2}-\\d{2}/.test(bStr) || /^\\d{13}$/.test(bStr);\n\n if (aIsDate && bIsDate) {\n const aDate = new Date(aValue);\n const bDate = new Date(bValue);\n if (!isNaN(aDate.getTime()) && !isNaN(bDate.getTime())) {\n return aDate.getTime() - bDate.getTime();\n }\n }\n\n // String comparison - use localeCompare for proper string sorting\n return aStr.localeCompare(bStr, undefined, {\n sensitivity: \"base\",\n numeric: false, // Disable numeric sorting for pure string comparison\n caseFirst: \"upper\",\n });\n};\n\n/** get page data */\nexport function getPagedData(list: any[], pageSize: number, pageIndex: number) {\n const pageData: any[][] = [];\n let rows: any[] = [];\n for (let i = 0; i < list.length; i++) {\n rows.push(list[i]);\n if ((i + 1) % pageSize === 0 || i === list.length - 1) {\n pageData.push(rows);\n rows = [];\n }\n }\n return pageData[pageIndex - 1] || [];\n}\n\nexport function sortList(list: any[], sort?: SortType) {\n const { sortKey, sortOrder } = sort || {};\n const sortedList = [...(list || [])];\n\n if (sortKey && sortOrder) {\n // sort list\n sortedList.sort((a: any, b: any) => {\n const comparison = compareValues(a[sortKey], b[sortKey]);\n // Handle sort order: desc means reverse the comparison result\n return sortOrder === \"desc\" ? -comparison : comparison;\n });\n }\n return sortedList;\n}\n\nexport function useSort(\n initialSort?: SortType,\n onSortChange?: (sort?: SortType) => void,\n) {\n const [sort, setSort] = useState<SortType | undefined>(initialSort);\n\n const onSort = useCallback((options?: TableSort) => {\n const nextSort = options\n ? {\n sortKey: options.sortKey,\n sortOrder: options.sort,\n }\n : undefined;\n\n setSort(nextSort);\n onSortChange?.(nextSort);\n // initialSort, onSortChange is not needed to be in the dependency array, otherwise it will cause infinite loop\n }, []);\n\n const getSortedList = useCallback(\n (list: any[]) => sortList(list, sort),\n [sort],\n );\n\n return { sort, onSort, getSortedList };\n}\n\n/**\n * Escape special characters for use in regular expressions\n */\nfunction escapeRegExp(string: string): string {\n return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function searchBySymbol<T extends Record<PropertyKey, any>>(\n list: T[],\n searchValue = \"\",\n formatString?: string,\n) {\n if (!searchValue) {\n return list;\n }\n\n // Escape special characters to prevent RegExp errors\n const escapedSearchValue = escapeRegExp(searchValue);\n const reg = new RegExp(escapedSearchValue, \"i\");\n\n const searchValueLower = searchValue.toLowerCase();\n\n // Split results into three groups: exact matches, starts with search and other matches\n const exactMatches: T[] = [];\n const startsWithMatches: T[] = [];\n const otherMatches: T[] = [];\n\n list?.forEach((item) => {\n const formattedSymbol = formatSymbol(item.symbol, formatString);\n const symbolLower = formattedSymbol.toLowerCase();\n if (reg.test(formattedSymbol)) {\n if (symbolLower === searchValueLower) {\n exactMatches.push(item);\n } else if (symbolLower.startsWith(searchValueLower)) {\n startsWithMatches.push(item);\n } else {\n otherMatches.push(item);\n }\n }\n });\n\n const compareSymbols = (a: T, b: T) => {\n const symbolA = formatSymbol(a.symbol, formatString);\n const symbolB = formatSymbol(b.symbol, formatString);\n if (symbolA < symbolB) return -1;\n if (symbolA > symbolB) return 1;\n return 0;\n };\n\n // Sort each group alphabetically\n startsWithMatches.sort(compareSymbols);\n otherMatches.sort(compareSymbols);\n\n // Combine results with prioritized matches first\n return [...exactMatches, ...startsWithMatches, ...otherMatches];\n}\n\nexport function useSize() {\n const [width, setWidth] = useState<number>(0);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n\n const handleResize = () => {\n setHeight(window.innerHeight);\n setWidth(window.innerWidth);\n };\n\n window?.addEventListener(\"resize\", handleResize);\n\n return () => {\n window?.removeEventListener(\"resize\", handleResize);\n };\n }, []);\n\n return {\n width,\n height,\n };\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsHeader } from \"./marketsHeader.mobile.ui\";\nimport { useMarketsHeaderScript } from \"./marketsHeader.script\";\nimport { MarketsHeader } from \"./marketsHeader.ui\";\n\ntype MarketsHeaderWidgetProps = {\n className?: string;\n};\n\nexport const MarketsHeaderWidget: FC<MarketsHeaderWidgetProps> = (props) => {\n const state = useMarketsHeaderScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileMarketsHeader className={props.className} {...state} />\n ) : (\n <MarketsHeader className={props.className} {...state} />\n );\n};\n","import { FC, ReactNode, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\ntype MobileMarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\n\nexport const MobileMarketsHeader: FC<MobileMarketsHeaderProps> = (props) => {\n const {\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const [activeTab, setActiveTab] = useState(\"newListings\");\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n >\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n />\n\n <Box intensity={900} r=\"xl\" p={3} mt={3}>\n <Tabs size=\"md\" value={activeTab} onValueChange={setActiveTab}>\n <TabPanel\n title={t(\"markets.newListings\")}\n value=\"newListings\"\n testid=\"oui-testid-markets-tab\"\n >\n <CardItem data={news} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topGainers\")}\n value=\"topGainers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={gainers} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topLosers\")}\n value=\"topLosers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={losers} onSymbol={onSymbol} />\n </TabPanel>\n </Tabs>\n </Box>\n </div>\n );\n};\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n\n return (\n <Flex\n intensity={900}\n r=\"xl\"\n width=\"100%\"\n py={3}\n className={props.className}\n >\n {list?.map((item, index) => (\n <>\n <BlockItem\n key={index}\n {...item}\n className={cn(\n index !== list.length - 1 && \"oui-border-r oui-border-line-6\",\n )}\n />\n </>\n ))}\n </Flex>\n );\n};\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n className?: string;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box px={3} width=\"100%\" className={props.className}>\n <Text as=\"div\" intensity={36} size=\"2xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 2}\n rm={Decimal.ROUND_DOWN}\n rule={(props.rule as any) || \"human\"}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Flex direction=\"column\" itemAlign=\"start\" mt={3}>\n {props.data?.map((item, index) => (\n <ListItem\n key={item.symbol}\n item={item}\n onSymbol={props.onSymbol}\n className=\"oui-px-0\"\n />\n ))}\n </Flex>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsDataList } from \"./marketsDataList.mobile.ui\";\nimport { useMarketsDataListScript } from \"./marketsDataList.script\";\nimport { MarketsDataList } from \"./marketsDataList.ui\";\n\nexport const MarketsDataListWidget = () => {\n const { isMobile } = useScreen();\n\n const state = useMarketsDataListScript();\n\n return isMobile ? (\n <MobileMarketsDataList {...state} />\n ) : (\n <MarketsDataList {...state} />\n );\n};\n","import { useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Column, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { MarketsListWidget } from \"../../../components/marketsList\";\nimport { SearchInput } from \"../../../components/searchInput\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../../../components/shared/column\";\nimport { useFavoritesProps } from \"../../../components/shared/hooks/useFavoritesExtraProps\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MobileMarketsDataListProps = UseMarketsDataListScript;\n\nexport const MobileMarketsDataList: React.FC<MobileMarketsDataListProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n const { t } = useTranslation();\n\n const getColumns = useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n ] as Column[];\n },\n [],\n );\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <>\n <SearchInput\n classNames={{\n root: cn(\n \"oui-mx-3 oui-mb-4 oui-mt-5\",\n activeTab !== MarketsTabName.Favorites && \"oui-mb-2\",\n ),\n }}\n />\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getColumns}\n rowClassName=\"!oui-h-[34px]\"\n {...getFavoritesProps(type)}\n />\n </>\n );\n };\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} py={3} mt={2} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n scrollIndicator: \"oui-mx-3\",\n }}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n >\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { type MarketsListScriiptReturn } from \"./marketsList.script\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListProps = MarketsListScriiptReturn &\n Pick<\n MarketsListWidgetProps,\n | \"getColumns\"\n | \"collapsed\"\n | \"tableClassNames\"\n | \"rowClassName\"\n | \"initialSort\"\n | \"renderHeader\"\n | \"emptyView\"\n >;\n\nexport const MarketsList: FC<MarketsListProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n getColumns,\n collapsed,\n isFavoritesList,\n renderHeader,\n emptyView,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, isFavoritesList);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, isFavoritesList)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n {renderHeader?.(favorite)}\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n empty: \"oui-items-start oui-mt-6\",\n }}\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={\n initialSort\n ? {\n sortKey: initialSort.sortKey,\n sort: initialSort.sortOrder,\n }\n : undefined\n }\n manualSorting\n emptyView={emptyView}\n />\n </>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { TokenIcon, Flex, Text, cn, Tooltip, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport type CollapseMarketsProps = {\n dataSource: any[];\n};\n\nexport const CollapseMarkets: React.FC<CollapseMarketsProps> = (props) => {\n const { symbol, onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n return (\n <div className=\"oui-custom-scrollbar oui-h-full oui-overflow-y-auto\">\n <Flex direction=\"column\" px={2} gapY={1}>\n {props.dataSource?.map((item) => {\n const content = (\n <Flex intensity={800} p={2} className=\"oui-gap-x-7\" r=\"base\">\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.last\")}\n </Text>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.24hPercentage\")}\n </Text>\n </Flex>\n\n <Flex direction=\"column\" itemAlign=\"end\" gapY={1}>\n <Badge size=\"xs\" color=\"primary\">\n {item.leverage}x\n </Badge>\n <Text.numeral\n dp={item.quote_dp || 2}\n currency=\"$\"\n size=\"2xs\"\n intensity={80}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n\n return (\n <Tooltip\n side=\"right\"\n sideOffset={6}\n // @ts-ignore\n content={content}\n delayDuration={0}\n key={item.symbol}\n >\n <Flex\n direction=\"column\"\n justify=\"center\"\n itemAlign=\"center\"\n gapY={1}\n width={54}\n height={54}\n r=\"lg\"\n className={cn(\n \"oui-cursor-pointer\",\n \"hover:oui-bg-base-7\",\n symbol === item.symbol && \"oui-bg-base-6 hover:oui-bg-base-6\",\n )}\n onClick={() => {\n onSymbolChange?.(item);\n }}\n >\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Tooltip>\n );\n })}\n </Flex>\n </div>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useSideMarketsColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n return [\n {\n title: `${t(\"markets.column.market\")} / ${t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n multiSort: {\n fields: [\n {\n sortKey: \"symbol\",\n label: t(\"markets.column.market\"),\n },\n {\n sortKey: \"24h_amount\",\n label: t(\"common.volume\"),\n },\n ],\n },\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n size=\"2xs\"\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n Button,\n CheckedSquareFillIcon,\n CheckSquareEmptyIcon,\n PlusIcon,\n CloseIcon,\n Divider,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Flex,\n Input,\n Text,\n cn,\n CloseCircleFillIcon,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseFavoritesDropdownMenuScriptReturn } from \"./favoritesDropdownMenu.script\";\n\nexport type FavoritesDropdownMenuProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptReturn>;\n\nexport const FavoritesDropdownMenu: React.FC<FavoritesDropdownMenuProps> = (\n props,\n) => {\n const {\n symbol,\n favoriteTabs,\n open,\n onOpenChange,\n inputVisible,\n selectedTabs,\n value,\n onValueChange,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n } = props;\n\n const { t } = useTranslation();\n\n const overLen = value?.length > 15;\n\n const renderInput = () => {\n if (inputVisible) {\n return (\n <Box>\n <Flex gapX={2}>\n <Input\n autoFocus\n value={value}\n onValueChange={onValueChange}\n classNames={{\n root: cn(\n \"oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6\",\n overLen &&\n \"focus-within:oui-outline-danger focus-visible:oui-outline-danger\",\n ),\n }}\n autoComplete=\"off\"\n suffix={\n value && (\n <Box mr={2}>\n <CloseCircleFillIcon\n opacity={1}\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-20\"\n onClick={() => {\n onValueChange(\"\");\n }}\n />\n </Box>\n )\n }\n />\n\n <Button\n className=\"oui-rounded-sm\"\n size=\"sm\"\n onClick={addTab}\n disabled={!value || overLen}\n >\n {t(\"common.add\")}\n </Button>\n </Flex>\n\n {overLen && (\n <Flex itemAlign=\"center\" gapX={1} mt={1}>\n <div className=\"oui-size-1 oui-rounded-full oui-bg-danger\"></div>\n <Text color=\"danger\">{t(\"markets.favorites.tabs.maxName\")}</Text>\n </Flex>\n )}\n </Box>\n );\n }\n\n const overTabs = favoriteTabs.length >= 10;\n\n return (\n <Tooltip\n open={overTabs ? undefined : false}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n {t(\"markets.favorites.tabs.maxList\")}\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n <div>\n <Flex\n className={cn(\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n )}\n itemAlign=\"center\"\n gapX={2}\n p={2}\n intensity={overTabs ? 500 : 600}\n onClick={overTabs ? undefined : showInput}\n height={28}\n r=\"base\"\n >\n <PlusIcon\n size={14}\n className=\"oui-text-base-contrast-36\"\n opacity={1}\n />\n <Text className=\"\" intensity={20}>\n {t(\"markets.favorites.dropdown.addPlaceholder\")}\n </Text>\n </Flex>\n </div>\n </Tooltip>\n );\n };\n\n const header = (\n <Flex justify=\"between\" className=\"oui-mb-[10px] oui-mt-3\">\n <Flex gapX={1}>\n {t(\"markets.favorites.dropdown.title\")}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"base\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n </Flex>\n <CloseIcon\n size={16}\n className=\"oui-cursor-pointer oui-text-base-contrast\"\n onClick={hide}\n />\n </Flex>\n );\n\n const content = (\n // <ScrollArea className=\"custom-scrollbar\">\n <Box>\n <Box\n my={2}\n className=\"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item) => {\n const checked = !!selectedTabs.find((tab) => tab.id === item.id);\n return (\n <Box key={item.id} className=\"oui-cursor-pointer\">\n <Flex\n className=\"oui-gap-x-[6px] hover:oui-bg-base-6\"\n p={2}\n r=\"md\"\n onClick={() => {\n onCheck(item, checked);\n }}\n >\n {checked ? (\n <CheckedSquareFillIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n ) : (\n <CheckSquareEmptyIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n )}\n\n <Text intensity={54}>{item.name}</Text>\n </Flex>\n </Box>\n );\n })}\n </Box>\n <Box mt={3} pb={5}>\n {renderInput()}\n </Box>\n </Box>\n // </ScrollArea>\n );\n\n const footer = (\n <Flex gapX={3} mt={3}>\n <Button\n key=\"secondary\"\n color=\"gray\"\n onClick={hide}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.cancel\")}\n </Button>\n\n <Button\n key=\"primary\"\n onClick={confirm}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.confirm\")}\n </Button>\n </Flex>\n );\n\n return (\n <DropdownMenuRoot open={open} onOpenChange={onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-12}\n sideOffset={24}\n className=\"oui-markets-favorite-dropdown-menu-content oui-bg-base-8\"\n >\n <Box px={5} pb={5} width={360}>\n <Text as=\"div\" size=\"sm\" weight=\"semibold\">\n {header}\n <Divider />\n {content}\n {footer}\n </Text>\n </Box>\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesDropdownMenuScriptOptions = {\n row: any;\n favorite: FavoriteInstance;\n};\n\nexport type UseFavoritesDropdownMenuScriptReturn = ReturnType<\n typeof useFavoritesDropdownMenuScript\n>;\n\nexport function useFavoritesDropdownMenuScript(\n options: UseFavoritesDropdownMenuScriptOptions\n) {\n const { symbol } = options.row || {};\n const {\n favorites,\n favoriteTabs,\n updateFavoriteTabs,\n updateSymbolFavoriteState,\n } = options.favorite;\n const [open, setOpen] = useState(false);\n const [inputVisible, setInputVisible] = useState(false);\n const [value, setValue] = useState(\"\");\n const [selectedTabs, setSelectedTabs] = useState([] as FavoriteTab[]);\n\n const hide = () => {\n setOpen(false);\n };\n\n const showInput = () => {\n setInputVisible(true);\n };\n\n const hideInput = () => {\n setInputVisible(false);\n };\n\n const clearState = () => {\n setValue(\"\");\n hideInput();\n setSelectedTabs([]);\n };\n\n const addTab = () => {\n const newTab = {\n name: value || `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n clearState();\n };\n\n const onCheck = (item: FavoriteTab, checked: boolean) => {\n if (checked) {\n setSelectedTabs(selectedTabs?.filter((tab) => tab.id !== item.id));\n } else {\n setSelectedTabs([...selectedTabs, item]);\n }\n hideInput();\n };\n\n const confirm = () => {\n updateSymbolFavoriteState(options.row, selectedTabs, false);\n setOpen(false);\n };\n\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const find = favorites?.find((item) => item.name === symbol);\n if (find?.tabs?.length) {\n setSelectedTabs(find?.tabs);\n }\n }, [open, favorites, favoriteTabs, symbol]);\n\n useEffect(() => {\n if (!open) {\n clearState();\n }\n }, [open]);\n\n return {\n symbol,\n favoriteTabs,\n open,\n onOpenChange: setOpen,\n inputVisible,\n selectedTabs,\n value,\n onValueChange: setValue,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n };\n}\n","import { PropsWithChildren } from \"react\";\nimport {\n useFavoritesDropdownMenuScript,\n UseFavoritesDropdownMenuScriptOptions,\n} from \"./favoritesDropdownMenu.script\";\nimport { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\n\nexport type FavoritesDropdownMenuWidgetProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptOptions>;\n\nexport const FavoritesDropdownMenuWidget: React.FC<\n FavoritesDropdownMenuWidgetProps\n> = (props) => {\n const state = useFavoritesDropdownMenuScript(props);\n return (\n <FavoritesDropdownMenu {...state}>{props.children}</FavoritesDropdownMenu>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListScriptOptions = MarketsListWidgetProps;\n\nexport type MarketsListScriiptReturn = ReturnType<typeof useMarketsListScript>;\n\nconst MarketsTypeMap = {\n [MarketsTabName.All]: MarketsType.ALL,\n [MarketsTabName.Favorites]: MarketsType.FAVORITES,\n [MarketsTabName.Recent]: MarketsType.RECENT,\n [MarketsTabName.NewListing]: MarketsType.NEW_LISTING,\n};\n\nexport const useMarketsListScript = (options: MarketsListScriptOptions) => {\n const [loading, setLoading] = useState(true);\n\n const [data, favorite] = useMarkets(\n MarketsTypeMap[options.type] || MarketsType.ALL,\n );\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort(\n options.initialSort,\n options.onSort,\n );\n\n const dataSource = useMemo(() => {\n const filterList =\n typeof options.dataFilter === \"function\"\n ? options.dataFilter(data, { favorites, selectedFavoriteTab })\n : data;\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [\n data,\n getSortedList,\n searchValue,\n options.dataFilter,\n favorites,\n selectedFavoriteTab,\n ]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n const isFavoritesList = options.type === MarketsTabName.Favorites;\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n isFavoritesList,\n };\n};\n","import { useMarkets } from \"@orderly.network/hooks\";\nimport { SortOrder, Column } from \"@orderly.network/ui\";\n\nexport type FavoriteInstance = ReturnType<typeof useMarkets>[1];\n\nexport type SortType = {\n sortKey: string;\n sortOrder: SortOrder;\n};\n\nexport type GetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList: boolean,\n) => Column[];\n\nexport enum MarketsPageTab {\n Markets = \"markets\",\n Funding = \"funding\",\n}\n\nexport enum MarketsTabName {\n Favorites = \"favorites\",\n Recent = \"recent\",\n All = \"all\",\n NewListing = \"newListing\",\n}\n\nexport enum FundingTabName {\n Overview = \"overview\",\n Comparison = \"comparison\",\n}\n","import { ReactNode } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { DataTableClassNames } from \"@orderly.network/ui\";\nimport {\n FavoriteInstance,\n GetColumns,\n SortType,\n MarketsTabName,\n} from \"../../type\";\nimport { useMarketsListScript } from \"./marketsList.script\";\nimport { MarketsList } from \"./marketsList.ui\";\n\nexport type MarketsListWidgetProps = {\n type: MarketsTabName;\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n initialSort?: SortType;\n onSort?: (sort?: SortType) => void;\n renderHeader?: (favorite: FavoriteInstance) => ReactNode;\n dataFilter?: (\n data: any[],\n options: { favorites: Favorite[]; selectedFavoriteTab: FavoriteTab },\n ) => any[];\n emptyView?: ReactNode;\n};\n\nexport const MarketsListWidget: React.FC<MarketsListWidgetProps> = (props) => {\n const state = useMarketsListScript(props);\n\n return (\n <MarketsList\n {...state}\n initialSort={props.initialSort}\n getColumns={props.getColumns}\n collapsed={props.collapsed}\n tableClassNames={props.tableClassNames}\n rowClassName={props.rowClassName}\n renderHeader={props.renderHeader}\n emptyView={props.emptyView}\n />\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseCircleFillIcon,\n cn,\n Input,\n InputProps,\n} from \"@orderly.network/ui\";\nimport { SearchIcon } from \"../../icons\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\ntype SearchInputProps = Pick<InputProps, \"classNames\" | \"suffix\">;\n\nexport const SearchInput = (props: SearchInputProps) => {\n const { classNames, suffix } = props;\n\n const { t } = useTranslation();\n\n const { searchValue, onSearchValueChange, clearSearchValue } =\n useMarketsContext();\n\n return (\n <Input\n value={searchValue}\n onValueChange={onSearchValueChange}\n placeholder={t(\"markets.search.placeholder\")}\n classNames={{\n ...classNames,\n // use mt-px to fix the top border issue\n root: cn(\"oui-mt-px oui-border oui-border-line\", classNames?.root),\n }}\n size=\"sm\"\n prefix={\n <Box pl={3} pr={1}>\n <SearchIcon className=\"oui-text-base-contrast-36\" />\n </Box>\n }\n suffix={\n suffix ||\n (searchValue && (\n <Box mr={2}>\n <CloseCircleFillIcon\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-36\"\n onClick={clearSearchValue}\n />\n </Box>\n ))\n }\n autoComplete=\"off\"\n />\n );\n};\n","import { ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Text, Column, Flex, TokenIcon, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FavoritesIcon2, UnFavoritesIcon2 } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport function getSymbolColumn(\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) {\n return {\n title: i18n.t(\"common.symbol\"),\n dataIndex: \"symbol\",\n width: 150,\n onSort: true,\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex gapX={1}>\n {favoritesIcon}\n <TokenIcon symbol={value} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n );\n },\n } as Column<any>;\n}\n\nexport function getLastColumn() {\n return {\n title: i18n.t(\"markets.column.last\"),\n dataIndex: \"24h_close\",\n align: \"right\",\n onSort: true,\n width: 100,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n\nexport function get24hPercentageColumn() {\n return {\n title: i18n.t(\"markets.column.24hPercentage\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n width: 80,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n","import { useCallback } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { Box } from \"@orderly.network/ui\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { FavoritesEmpty } from \"../../favoritesEmpty\";\nimport { FavoritesTabWidget } from \"../../favoritesTabs\";\nimport { useMarketsContext } from \"../../marketsProvider\";\n\nexport function useFavoritesProps() {\n const { searchValue } = useMarketsContext();\n const renderHeader = useCallback((favorite: FavoriteInstance) => {\n return (\n <Box px={3} className=\"oui-my-[6px]\">\n <FavoritesTabWidget favorite={favorite} size=\"sm\" />\n </Box>\n );\n }, []);\n\n const dataFilter = useCallback(\n (\n data: any[],\n options: { favorites: Favorite[]; selectedFavoriteTab: FavoriteTab },\n ) => {\n const { favorites, selectedFavoriteTab } = options;\n\n return favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => item);\n },\n [],\n );\n\n const getFavoritesProps = useCallback(\n (type: MarketsTabName) => {\n if (type === MarketsTabName.Favorites) {\n return { renderHeader, dataFilter };\n }\n return {};\n },\n [renderHeader, dataFilter],\n );\n\n const renderEmptyView = useCallback(\n (options: {\n type: MarketsTabName;\n onClick: () => void;\n className?: string;\n }) => {\n if (options.type === MarketsTabName.Favorites && !searchValue) {\n return (\n <FavoritesEmpty\n onClick={options.onClick}\n className={options.className}\n />\n );\n }\n\n return undefined;\n },\n [searchValue],\n );\n\n return {\n renderHeader,\n dataFilter,\n getFavoritesProps,\n renderEmptyView,\n };\n}\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Button,\n cn,\n EmptyStateIcon,\n Flex,\n PlusIcon,\n Text,\n} from \"@orderly.network/ui\";\n\ntype FavoritesEmptyProps = {\n className?: string;\n onClick: () => void;\n};\n\nexport const FavoritesEmpty: FC<FavoritesEmptyProps> = (props) => {\n const { t } = useTranslation();\n return (\n <Flex\n direction=\"column\"\n itemAlign=\"center\"\n gapY={4}\n className={cn(\"oui-text-center\", props.className)}\n >\n <EmptyStateIcon />\n <Button\n color=\"gray\"\n size=\"xs\"\n className=\"oui-bg-base-4\"\n onClick={props.onClick}\n >\n <PlusIcon\n className=\"oui-mr-1 oui-text-base-contrast\"\n opacity={1}\n size={12}\n />\n <Text intensity={98}>{t(\"markets.favorites.addFavorites\")}</Text>\n </Button>\n </Flex>\n );\n};\n","import { KeyboardEventHandler } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n cn,\n Flex,\n Text,\n Tooltip,\n Input,\n modal,\n} from \"@orderly.network/ui\";\nimport { AddIcon, ActiveAddIcon, EditIcon, TrashIcon } from \"../../icons\";\nimport {\n UseFavoritesTabScriptOptions,\n UseFavoritesTabScriptReturn,\n} from \"./favoritesTabs.script\";\n\nexport type FavoritesTabProps = UseFavoritesTabScriptReturn &\n Pick<UseFavoritesTabScriptOptions, \"size\"> & {\n className?: string;\n };\n\nexport const FavoritesTab: React.FC<FavoritesTabProps> = (props) => {\n const {\n open,\n setOpen,\n container,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange,\n updateCurTab,\n onEdit,\n addTab,\n delTab,\n size = \"default\",\n scrollable,\n } = props;\n\n const { t } = useTranslation();\n\n const { selectedFavoriteTab, favoriteTabs, updateSelectedFavoriteTab } =\n props.favorite;\n\n const addIconWidth = size === \"sm\" ? 28 : 36;\n const tabHeight = size === \"sm\" ? 18 : 24;\n const overLen = value?.length > 15;\n\n const gradientColor =\n \"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)]\";\n\n const onDel = (item: any) => {\n modal.confirm({\n title: t(\"markets.favorites.tabs.delete.dialog.title\"),\n content: (\n <Text size=\"sm\">\n {t(\"markets.favorites.tabs.delete.dialog.description\", {\n name: item.name,\n })}\n </Text>\n ),\n onOk() {\n delTab(item);\n return Promise.resolve();\n },\n });\n };\n\n const onKeyUp: KeyboardEventHandler = (e) => {\n if (e.key === \"Enter\") {\n updateCurTab(overLen);\n }\n };\n\n const renderActions = (item: any) => {\n return (\n <Flex gapX={2} itemAlign=\"center\" px={2} py={1}>\n <EditIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onEdit(item);\n }}\n />\n <TrashIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onDel(item);\n }}\n />\n </Flex>\n );\n };\n\n const renderAdd = () => {\n const overTabs = favoriteTabs.length >= 10;\n\n const icon = (\n <Flex\n className={cn(\n \"oui-inline-flex\",\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n overTabs ? \"oui-bg-base-3\" : gradientColor,\n )}\n width={addIconWidth}\n height={tabHeight}\n r=\"base\"\n justify=\"center\"\n itemAlign=\"center\"\n onClick={overTabs ? undefined : addTab}\n >\n {overTabs ? (\n <AddIcon className=\"oui-z-[1] oui-size-3 oui-text-base-contrast-54\" />\n ) : (\n <ActiveAddIcon className=\"oui-size-3\" />\n )}\n </Flex>\n );\n\n if (overTabs) {\n return (\n <Tooltip\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n Maximum 10 groups in the favorite list\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n {icon}\n </Tooltip>\n );\n }\n\n return icon;\n };\n\n const renderInput = (isActive: boolean) => {\n return (\n <Tooltip\n open={overLen}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n List name cannot exceed 15 characters\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n sideOffset={0}\n >\n <Input\n ref={inputRef}\n style={\n overLen\n ? { width: inputWidth }\n : {\n // @ts-ignore\n \"--oui-gradient-angle\": \"270deg\",\n backgroundClip: \"text\",\n WebkitTextFillColor: \"transparent\",\n WebkitBackgroundClip: \"text\",\n width: inputWidth,\n }\n }\n classNames={{\n root: cn(\n \"oui-my-px oui-rounded oui-p-0 oui-px-2\",\n \"focus-within:oui-outline-transparent focus-visible:oui-outline-none\",\n size === \"sm\" ? \"oui-h-[18px]\" : \"oui-h-[24px]\",\n isActive && cn(overLen ? \"oui-bg-danger/15\" : gradientColor),\n ),\n input: cn(\n \"oui-font-semibold oui-caret-[rgba(217,217,217,1)]\",\n overLen\n ? \"oui-text-danger\"\n : \"oui-text-transparent oui-gradient-brand \",\n size === \"sm\" ? \"oui-text-2xs\" : \"oui-text-sm\",\n ),\n }}\n value={value}\n onValueChange={onValueChange}\n onBlur={() => {\n updateCurTab(overLen);\n }}\n onKeyUp={onKeyUp}\n autoComplete=\"off\"\n />\n </Tooltip>\n );\n };\n\n const renderContent = (item: FavoriteTab, isActive: boolean) => {\n if (editing && isActive) {\n return renderInput(isActive);\n }\n\n const textProps = {\n weight: \"semibold\",\n size: size === \"sm\" ? \"2xs\" : \"sm\",\n className: size === \"sm\" ? \"oui-leading-[18px]\" : \"oui-leading-[24px]\",\n as: \"div\",\n } as any;\n\n const content = isActive ? (\n <Text.gradient color=\"brand\" angle={270} {...textProps}>\n {item.name}\n </Text.gradient>\n ) : (\n <Text {...textProps}>{item.name}</Text>\n );\n\n return (\n <Box\n r=\"base\"\n px={2}\n height={tabHeight}\n className={cn(\n \"oui-cursor-pointer oui-select-none\",\n isActive\n ? \"oui-markets-favorites-active-tab-item\"\n : \"oui-markets-favorites-tab-item\",\n isActive\n ? gradientColor\n : \"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast\",\n )}\n onClick={() => {\n updateSelectedFavoriteTab(item);\n if (isActive) {\n setOpen(true);\n }\n }}\n >\n {content}\n </Box>\n );\n };\n\n return (\n <Flex width=\"100%\" gapX={3} className={props.className}>\n <Flex\n ref={container}\n id=\"oui-markets-favorites-tabs-container\"\n className={cn(\n \"oui-hide-scrollbar oui-relative oui-cursor-pointer\",\n \"oui-overflow-hidden oui-overflow-x-auto\",\n )}\n // my={3}\n gapX={size === \"sm\" ? 2 : 3}\n width=\"100%\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item: any) => {\n const isActive = selectedFavoriteTab.id === item.id;\n return (\n <Tooltip\n key={item.id}\n open={isActive && !editing ? open : false}\n onOpenChange={(open) => {\n if (isActive) {\n setOpen(open);\n }\n }}\n // @ts-ignore\n content={renderActions(item)}\n delayDuration={0}\n className={cn(\"oui-bg-base-5\")}\n arrow={{\n className: \"oui-fill-base-5\",\n }}\n >\n {renderContent(item, isActive)}\n </Tooltip>\n );\n })}\n\n {!scrollable && renderAdd()}\n\n <Text size=\"xs\" ref={spanRef} className=\"oui-invisible\">\n {value}\n </Text>\n </Flex>\n {scrollable && renderAdd()}\n </Flex>\n );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesTabScriptOptions = {\n favorite: FavoriteInstance;\n size?: \"sm\" | \"default\";\n};\n\nexport type UseFavoritesTabScriptReturn = ReturnType<\n typeof useFavoritesTabScript\n>;\n\nexport function useFavoritesTabScript(options: UseFavoritesTabScriptOptions) {\n const { favorite, size = \"default\" } = options;\n const {\n favorites,\n favoriteTabs,\n selectedFavoriteTab,\n updateFavoriteTabs,\n updateSelectedFavoriteTab,\n updateFavorites,\n } = favorite;\n\n const [open, setOpen] = useState(false);\n const [editing, setEditing] = useState(false);\n const [value, setValue] = useState(\"\");\n const [scrollable, setScrollable] = useState(false);\n\n const scrollView = useRef<HTMLInputElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const spanRef = useRef<HTMLSpanElement>(null);\n\n const [inputWidth, setInputWidth] = useState(50);\n\n const updateScrollLayout = () => {\n const addIconWidth = size === \"sm\" ? 28 : 36;\n setTimeout(() => {\n const { scrollWidth, clientWidth } = scrollView.current || {};\n\n if (scrollWidth! > clientWidth!) {\n setScrollable(true);\n }\n }, 0);\n };\n\n const scrollToRight = () => {\n setTimeout(() => {\n if (scrollView.current) {\n scrollView.current.scrollLeft =\n scrollView.current.scrollWidth - scrollView.current.clientWidth;\n }\n }, 0);\n };\n\n const onEdit = (item: any) => {\n setEditing(true);\n setValue(item.name);\n setTimeout(() => {\n inputRef.current?.focus();\n inputRef.current?.setSelectionRange(-1, -1);\n }, 0);\n };\n\n const updateCurTab = (overLen: boolean) => {\n updateFavoriteTabs(\n {\n ...selectedFavoriteTab,\n name: overLen ? selectedFavoriteTab.name : value,\n },\n { update: true },\n );\n setEditing(false);\n setOpen(false);\n updateScrollLayout();\n };\n\n const addTab = () => {\n const newTab = {\n name: `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n updateSelectedFavoriteTab(newTab);\n updateScrollLayout();\n scrollToRight();\n };\n\n const delTab = (selectedTab: any) => {\n updateFavoriteTabs(selectedTab, { delete: true });\n\n setTimeout(() => {\n // remove all symbol favorite in this tab\n const _favorites = favorites.map((item) => ({\n ...item,\n tabs: item.tabs?.filter((tab) => tab.id !== selectedTab.id),\n }));\n\n updateFavorites(_favorites);\n\n // auto selected last tab\n const tabs = favoriteTabs.filter((item) => item.id !== selectedTab.id);\n const tab = tabs?.[tabs?.length - 1] || tabs?.[0];\n updateSelectedFavoriteTab(tab);\n }, 0);\n };\n\n useEffect(() => {\n if (value) {\n const rect = spanRef.current?.getBoundingClientRect();\n const offset = size === \"sm\" ? 0 : 14;\n setInputWidth(Math.max((rect?.width || 0) + offset, 50));\n }\n }, [value]);\n\n useEffect(() => {\n updateScrollLayout();\n }, []);\n\n return {\n favorite,\n open,\n setOpen,\n container: scrollView,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange: setValue,\n onEdit,\n updateCurTab,\n addTab,\n delTab,\n scrollable,\n };\n}\n","import {\n useFavoritesTabScript,\n UseFavoritesTabScriptOptions,\n} from \"./favoritesTabs.script\";\nimport { FavoritesTab } from \"./favoritesTabs.ui\";\n\nexport type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {\n className?: string;\n};\n\nexport const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps> = (\n props,\n) => {\n const { className, ...rest } = props;\n const state = useFavoritesTabScript(rest);\n return <FavoritesTab {...state} size={props.size} className={className} />;\n};\n","import { useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { useTabSort } from \"../../../components/shared/hooks/useTabSort\";\nimport { MarketsTabName } from \"../../../type\";\n\nexport type UseMarketsDataListScript = ReturnType<\n typeof useMarketsDataListScript\n>;\n\nconst MOBILE_MARKETS_TAB_SORT_STORAGE_KEY = \"orderly_mobile_markets_tab_sort\";\n\nexport function useMarketsDataListScript() {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n MarketsTabName.All,\n );\n const { clearSearchValue, searchValue } = useMarketsContext();\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: MOBILE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab,\n onTabChange: (value: string) => setActiveTab(value as MarketsTabName),\n tabSort,\n onTabSort,\n searchValue,\n };\n}\n","import { useCallback } from \"react\";\nimport { useSessionStorage } from \"@orderly.network/hooks\";\nimport { SortType, MarketsTabName } from \"../../../type\";\n\nexport function useTabSort(options: { storageKey: string }) {\n const [tabSort, setTabSort] = useSessionStorage(options.storageKey, {\n [MarketsTabName.All]: {\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n },\n } as Record<MarketsTabName, SortType>);\n\n const onTabSort = useCallback(\n (type: MarketsTabName) => (sort?: SortType) => {\n setTabSort({ ...tabSort, [type]: sort });\n },\n [tabSort],\n );\n\n return {\n tabSort,\n onTabSort,\n };\n}\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesEmpty } from \"../../../components/favoritesEmpty\";\nimport { FavoritesListFullWidget } from \"../../../components/favoritesListFull\";\nimport { MarketsListFullWidget } from \"../../../components/marketsListFull\";\nimport { SearchInput } from \"../../../components/searchInput\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n const { activeTab, onTabChange } = props;\n const { t } = useTranslation();\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} p={6} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"xl\"\n value={activeTab}\n onValueChange={onTabChange}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n testid=\"oui-testid-markets-favorites-tab\"\n >\n <FavoritesListFullWidget\n emptyView={\n !props.searchValue && (\n <FavoritesEmpty\n onClick={() => {\n onTabChange(MarketsTabName.All);\n }}\n />\n )\n }\n />\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n testid=\"oui-testid-markets-all-tab\"\n >\n <MarketsListFullWidget\n type=\"all\"\n initialSort={{\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n testid=\"oui-testid-markets-newListings-tab\"\n >\n <MarketsListFullWidget\n type=\"new\"\n initialSort={{\n sortKey: \"created_time\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { Trans } from \"@orderly.network/i18n\";\nimport { cn, Flex, DataTable } from \"@orderly.network/ui\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { UnFavoritesIcon } from \"../../icons\";\nimport { useMarketsListFullColumns } from \"../marketsListFull/column\";\nimport { UseFavoritesListFullReturn } from \"./favoritesListFull.script\";\n\nexport type FavoritesListFullProps = UseFavoritesListFullReturn & {\n emptyView?: ReactNode;\n};\n\nexport const FavoritesListFull: FC<FavoritesListFullProps> = (props) => {\n const { dataSource, favorite, onSort, loading, pagination } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const columns = useMarketsListFullColumns(favorite, true);\n\n const emptyView = props.emptyView || (\n <Flex className=\"oui-text-xs oui-text-base-contrast-36\">\n {/* @ts-ignore */}\n <Trans\n i18nKey=\"markets.dataList.favorites.empty\"\n components={[\n <UnFavoritesIcon key=\"0\" className=\"oui-text-base-contrast-36\" />,\n ]}\n />\n </Flex>\n );\n\n console.log(\"🏗️ onSort\", onSort);\n\n return (\n <div>\n <FavoritesTabWidget favorite={favorite} className=\"oui-my-3\" />\n\n <DataTable\n bordered\n // minHeight={187.5}\n columns={columns}\n dataSource={dataSource}\n emptyView={emptyView}\n classNames={{\n empty: \"oui-items-start oui-mt-6\",\n }}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n pagination={pagination}\n manualSorting\n />\n </div>\n );\n};\n","import { MouseEventHandler, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, Box, Tooltip, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n FavoritesIcon,\n MoveToTopIcon,\n OrderlyIcon,\n UnFavoritesIcon,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useMarketsListFullColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n const columns = useMemo(() => {\n return [\n {\n title: <UnFavoritesIcon className=\"oui-mt-1\" />,\n dataIndex: \"isFavorite\",\n align: \"center\",\n width: 30,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const button = (\n <Flex\n width=\"100%\"\n height=\"100%\"\n mr={3}\n justify=\"center\"\n itemAlign=\"center\"\n onClick={isFavoriteList ? onDelSymbol : undefined}\n data-testid=\"oui-testid-markets-table-row-favorite-icon\"\n >\n {value ? (\n <FavoritesIcon className=\"oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon className=\"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n );\n\n if (isFavoriteList) {\n return button;\n }\n\n return (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n {button}\n </FavoritesDropdownMenuWidget>\n );\n },\n },\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 90,\n onSort: true,\n render: (value) => {\n return (\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {value}\n </Text.formatted>\n );\n },\n },\n {\n title: t(\"common.price\"),\n dataIndex: \"24h_close\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} currency=\"$\">\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.column.24hChange\"),\n dataIndex: \"change\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n dataIndex: \"24h_amount\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n dataIndex: \"openInterest\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.dataList.column.8hFunding\"),\n dataIndex: \"8h_funding\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n if (value === null) {\n return \"--\";\n }\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n dp={4}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n dataIndex: \"action\",\n type: \"action\",\n width: 40,\n render: (value, record) => {\n if (isFavoriteList) {\n return (\n <Flex justify=\"end\" mr={4}>\n <Tooltip\n content={t(\"markets.dataList.column.moveTop\")}\n align=\"center\"\n delayDuration={0}\n >\n <Box\n className=\"oui-hidden oui-cursor-pointer group-hover:oui-block\"\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n data-testid=\"oui-markets-favorites-pinned-icon\"\n >\n <MoveToTopIcon className=\"oui-text-base-contrast-20 hover:oui-text-base-contrast\" />\n </Box>\n </Tooltip>\n </Flex>\n );\n }\n return null;\n },\n },\n ] as Column[];\n }, [favorite, isFavoriteList, t]);\n\n return columns;\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListFullReturn = ReturnType<\n typeof useFavoritesListFullScript\n>;\n\nexport const useFavoritesListFullScript = () => {\n const { pageSize, setPage, pagination } = usePagination({\n pageSize: 10,\n });\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const filterData = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n return searchBySymbol(filterList, searchValue, \"base-type\");\n }, [data, selectedFavoriteTab, favorites, searchValue]);\n\n const dataSource = useMemo(\n () => getSortedList(filterData),\n [filterData, getSortedList],\n );\n\n useEffect(() => {\n setLoading(false);\n }, [favorites]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n };\n};\n","import { ReactNode } from \"react\";\nimport { useFavoritesListFullScript } from \"./favoritesListFull.script\";\nimport { FavoritesListFull } from \"./favoritesListFull.ui\";\n\nexport type FavoritesListFullWidgetProps = {\n emptyView?: ReactNode;\n};\n\nexport const FavoritesListFullWidget: React.FC<FavoritesListFullWidgetProps> = (\n props,\n) => {\n const state = useFavoritesListFullScript();\n return <FavoritesListFull {...state} emptyView={props.emptyView} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useMarketsListFullColumns } from \"./column\";\nimport { type UseMarketsListFullReturn } from \"./marketsListFull.script\";\n\nexport type MarketsListFullProps = UseMarketsListFullReturn & {\n type?: \"all\" | \"new\";\n};\n\nexport const MarketsListFull: FC<MarketsListFullProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n type,\n pagination,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const columns = useMarketsListFullColumns(favorite, false);\n\n return (\n <DataTable\n bordered\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n \"data-testid\": `oui-testid-markets-${\n type === \"new\" ? \"newListing\" : \"all\"\n }-tr-${record.symbol}`,\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={initialSort}\n pagination={pagination}\n classNames={{\n header: \"oui-h-12\",\n }}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { TableSort, usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { MarketsListFullWidgetProps } from \"./marketsListFull.widget\";\n\nexport type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;\n\nexport type UseMarketsListFullReturn = ReturnType<\n typeof useMarketsListFullScript\n>;\n\nexport const useMarketsListFullScript = (\n options: UseMarketsListFullScriptOptions,\n) => {\n const [loading, setLoading] = useState(true);\n const { setPage, pagination } = usePagination({\n pageSize: 10,\n });\n\n const [data, favorite] = useMarkets(MarketsType.ALL);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList, sort } = useSort(options.initialSort);\n\n const dataSource = useMemo(() => {\n const searchList = searchBySymbol(data, searchValue, \"base-type\");\n return getSortedList(searchList);\n }, [data, getSortedList, searchValue]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n useEffect(() => {\n // Only all markets store sort\n if (options.type === \"all\") {\n favorite.updateTabsSortState(\"all\", sort?.sortKey!, sort?.sortOrder!);\n }\n }, [sort, options.type]);\n\n const initialSort = useMemo(() => {\n const sortStore =\n options.type === \"all\" ? favorite.tabSort?.all : undefined;\n\n return {\n sortKey: sortStore?.sortKey || options?.initialSort?.sortKey,\n sort: sortStore?.sortOrder || options?.initialSort?.sortOrder,\n } as TableSort;\n }, [favorite.tabSort, options.initialSort, options.type]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n initialSort,\n };\n};\n","import { SortType } from \"../../type\";\nimport { useMarketsListFullScript } from \"./marketsListFull.script\";\nimport { MarketsListFull } from \"./marketsListFull.ui\";\n\nexport type MarketsListFullWidgetProps = {\n type?: \"all\" | \"new\";\n initialSort?: SortType;\n};\n\nexport const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps> = (\n props,\n) => {\n const state = useMarketsListFullScript(props);\n\n return <MarketsListFull {...state} type={props.type} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { ExpandMarketsScriptReturn } from \"./expandMarkets.script\";\n\nexport type ExpandMarketsProps = ExpandMarketsScriptReturn;\n\nexport const ExpandMarkets: React.FC<ExpandMarketsProps> = (props) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n tableClassNames={{\n scroll: cn(\n \"oui-px-1\",\n type === MarketsTabName.Favorites ? \"oui-pb-9\" : \"oui-pb-2\",\n ),\n }}\n {...getFavoritesProps(type)}\n emptyView={renderEmptyView({\n type,\n onClick: () => {\n onTabChange(MarketsTabName.All);\n },\n })}\n />\n </div>\n );\n };\n\n return (\n <Box className={cn(\"oui-overflow-hidden oui-font-semibold\")} height=\"100%\">\n <Box px={3} pb={2}>\n <SearchInput />\n </Box>\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className={cls}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type ExpandMarketsScriptOptions = {\n activeTab?: MarketsTabName;\n onTabChange?: (tab: MarketsTabName) => void;\n};\n\nexport type ExpandMarketsScriptReturn = ReturnType<\n typeof useExpandMarketsScript\n>;\n\nexport function useExpandMarketsScript(options: ExpandMarketsScriptOptions) {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n options.activeTab!,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const onTabChange = useCallback(\n (value: string) => {\n if (typeof options?.onTabChange === \"function\") {\n options.onTabChange(value as MarketsTabName);\n } else {\n setActiveTab(value as MarketsTabName);\n }\n },\n [options?.onTabChange],\n );\n useEffect(() => {\n setActiveTab(options?.activeTab || MarketsTabName.Favorites);\n }, [options?.activeTab]);\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab,\n onTabChange,\n tabSort,\n onTabSort,\n };\n}\n","export const SIDE_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_side_markets_tab_sort\";\n","import { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useExpandMarketsScript,\n ExpandMarketsScriptOptions,\n} from \"./expandMarkets.script\";\nimport { ExpandMarkets } from \"./expandMarkets.ui\";\n\nexport type ExpandMarketsWidgetProps = MarketsProviderProps &\n ExpandMarketsScriptOptions;\n\nexport const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps> = (\n props,\n) => {\n const state = useExpandMarketsScript({\n activeTab: props.activeTab,\n onTabChange: props.onTabChange,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <ExpandMarkets {...state} />\n </MarketsProvider>\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type FundingOverviewProps = FundingOverviewReturn;\n\nexport const FundingOverview: FC<FundingOverviewProps> = (props) => {\n const { dataSource, isLoading, pagination, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n bordered\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n pagination={pagination}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Column,\n Flex,\n Picker,\n Select,\n Text,\n TokenIcon,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ProcessedFundingData } from \"./fundingOverview.script\";\n\nconst createFundingRenderer =\n (dp: number = 5) =>\n (value: number) => {\n if (value === 0) {\n return <Text> - </Text>;\n }\n\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={dp}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n };\n\nexport const useFundingOverviewColumns = (\n selectedPeriod: string,\n setSelectedPeriod: (value: string) => void,\n) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n return useMemo<Column<ProcessedFundingData>[]>(() => {\n return [\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n onSort: true,\n width: 135,\n className: isMobile ? \"oui-pl-0\" : undefined,\n render: (value) => (\n <Flex gapX={1}>\n <TokenIcon\n symbol={value}\n className={isMobile ? \"oui-size-[18px]\" : \"oui-size-5\"}\n />\n\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n </Flex>\n ),\n },\n {\n title: t(\"markets.funding.column.estFunding\"),\n dataIndex: \"estFunding\",\n width: 120,\n onSort: true,\n render: (value, record) => (\n <div>\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n <span className=\"oui-text-base-contrast-54\">\n {`/ ${record.fundingInterval}h`}\n </span>\n </div>\n ),\n },\n {\n title: t(\"markets.funding.column.lastFunding\"),\n dataIndex: \"lastFunding\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.1dAvg\"),\n dataIndex: \"funding1d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.3dAvg\"),\n dataIndex: \"funding3d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.7dAvg\"),\n dataIndex: \"funding7d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.14dAvg\"),\n dataIndex: \"funding14d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.30dAvg\"),\n dataIndex: \"funding30d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.90dAvg\"),\n dataIndex: \"funding90d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: (\n <div className=\"oui-flex oui-gap-1\">\n <FundingPeriodSelect\n value={selectedPeriod}\n onValueChange={setSelectedPeriod}\n />\n <span>{t(\"markets.funding.column.positiveRate\")}</span>\n </div>\n ),\n dataIndex: selectedPeriod,\n width: 130,\n align: \"right\",\n onSort: true,\n render: createFundingRenderer(2),\n },\n ];\n }, [t, isMobile, selectedPeriod, setSelectedPeriod]);\n};\n\ntype FundingPeriodSelectProps = {\n value: string;\n onValueChange: (value: string) => void;\n};\n\nconst FundingPeriodSelect = (props: FundingPeriodSelectProps) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const options = useMemo(() => {\n return [\n {\n label: t(\"common.select.1d\"),\n value: \"1dPositive\",\n },\n {\n label: t(\"common.select.3d\"),\n value: \"3dPositive\",\n },\n {\n label: t(\"common.select.7d\"),\n value: \"7dPositive\",\n },\n {\n label: t(\"common.select.14d\"),\n value: \"14dPositive\",\n },\n {\n label: t(\"common.select.30d\"),\n value: \"30dPositive\",\n },\n {\n label: t(\"common.select.90d\"),\n value: \"90dPositive\",\n },\n ];\n }, [t]);\n\n if (isMobile) {\n return (\n <Picker\n size=\"sm\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n }\n\n return (\n <Select.options\n size=\"xs\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport {\n MarketsType,\n useFundingRateHistory,\n useFundingRates,\n useMarkets,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nexport type ProcessedFundingData = {\n symbol: string;\n estFunding: number;\n lastFunding: number;\n fundingInterval: number;\n funding1d: number | string;\n funding3d: number | string;\n funding7d: number | string;\n funding14d: number | string;\n funding30d: number | string;\n funding90d: number | string;\n \"1dPositive\": number | string;\n \"3dPositive\": number | string;\n \"7dPositive\": number | string;\n \"14dPositive\": number | string;\n \"30dPositive\": number | string;\n \"90dPositive\": number | string;\n};\n\nexport type FundingOverviewReturn = ReturnType<typeof useFundingOverviewScript>;\n\nexport const useFundingOverviewScript = () => {\n const { pagination } = usePagination({ pageSize: 10 });\n const [marketData] = useMarkets(MarketsType.ALL);\n\n const {\n data: fundingHistory,\n isLoading: isHistoryLoading,\n getPositiveRates,\n } = useFundingRateHistory();\n const fundingRates = useFundingRates();\n\n const { onSort, getSortedList } = useSort();\n const { searchValue } = useMarketsContext();\n\n const processedData = useMemo((): ProcessedFundingData[] => {\n if (!marketData?.length) {\n return [];\n }\n\n const periods = [\"1d\", \"3d\", \"7d\", \"14d\", \"30d\", \"90d\"] as const;\n const posRates = periods.reduce(\n (acc, period) => {\n acc[period] = getPositiveRates(fundingHistory, period);\n return acc;\n },\n {} as Record<string, Record<string, number>>,\n );\n\n // because fundingHistory list is unstable sort, so use marketData instead\n // TODO: feedback to backend to fix this if possible\n return marketData.map((item) => {\n const symbol = item.symbol;\n const history = fundingHistory?.find((h) => h.symbol === symbol);\n\n const fundingRate = fundingRates[symbol];\n\n const fundingInterval = getFundingInterval(\n fundingRate(\"next_funding_time\"),\n fundingRate(\"last_funding_rate_timestamp\"),\n );\n\n return {\n symbol,\n estFunding: fundingRate(\"est_funding_rate\"),\n lastFunding: fundingRate(\"last_funding_rate\"),\n fundingInterval,\n funding1d: history?.funding?.[\"1d\"]?.rate ?? 0,\n funding3d: history?.funding?.[\"3d\"]?.rate ?? 0,\n funding7d: history?.funding?.[\"7d\"]?.rate ?? 0,\n funding14d: history?.funding?.[\"14d\"]?.rate ?? 0,\n funding30d: history?.funding?.[\"30d\"]?.rate ?? 0,\n funding90d: history?.funding?.[\"90d\"]?.rate ?? 0,\n \"1dPositive\": posRates[\"1d\"][symbol] ?? \"-\",\n \"3dPositive\": posRates[\"3d\"][symbol] ?? \"-\",\n \"7dPositive\": posRates[\"7d\"][symbol] ?? \"-\",\n \"14dPositive\": posRates[\"14d\"][symbol] ?? \"-\",\n \"30dPositive\": posRates[\"30d\"][symbol] ?? \"-\",\n \"90dPositive\": posRates[\"90d\"][symbol] ?? \"-\",\n };\n });\n }, [marketData, fundingHistory, fundingRates, getPositiveRates]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [filteredData, getSortedList],\n );\n\n return { dataSource, isLoading: isHistoryLoading, pagination, onSort };\n};\n\nfunction getFundingInterval(\n next_funding_time: number,\n last_funding_rate_timestamp: number,\n) {\n // default interval is 8 hours\n if (!next_funding_time || !last_funding_rate_timestamp) return 8;\n const diff = next_funding_time - last_funding_rate_timestamp;\n\n return Math.round(diff / 3600000);\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingOverview } from \"./fundingOverview.mobile.ui\";\nimport { useFundingOverviewScript } from \"./fundingOverview.script\";\nimport { FundingOverview } from \"./fundingOverview.ui\";\n\nexport const FundingOverviewWidget: FC = () => {\n const props = useFundingOverviewScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingOverview {...props} />\n ) : (\n <FundingOverview {...props} />\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type MobileFundingOverviewProps = FundingOverviewReturn;\n\nexport const MobileFundingOverview: FC<MobileFundingOverviewProps> = (\n props,\n) => {\n const { dataSource, isLoading, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const FundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n bordered\n pagination={props.pagination}\n />\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { cn, Flex, TokenIcon, useScreen } from \"@orderly.network/ui\";\nimport type { Column } from \"@orderly.network/ui\";\nimport { Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { OrderlyIcon } from \"../../icons\";\nimport { useEXchanges } from \"./useEXchanges\";\n\nconst CDN_PREFIX = \"https://oss.orderly.network/static/exchange_logo\";\n\nexport const useFundingColumns = () => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const { exchanges, brokerName, brokerIconSrc } = useEXchanges();\n const getImgSrc = useCallback(\n (val: string) => {\n if (val === brokerName) {\n return brokerIconSrc;\n }\n return `${CDN_PREFIX}/${val.toLowerCase().replace(\" \", \"_\")}.png`;\n },\n [brokerName, brokerIconSrc],\n );\n return useMemo<Column[]>(() => {\n return [\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 150,\n onSort: true,\n className: isMobile ? \"oui-pl-0\" : undefined,\n render: (value) => (\n <Flex gapX={1}>\n <TokenIcon\n symbol={value}\n className={isMobile ? \"oui-size-[18px]\" : \"oui-size-5\"}\n />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n </Flex>\n ),\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n dataIndex: \"openInterest\",\n width: 120,\n // align: \"right\",\n onSort: true,\n render: (value) => {\n if (value === \"-\") {\n return \"-\";\n }\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n ...exchanges.map<Column>((item) => {\n const imgSrc = getImgSrc(item);\n return {\n title: (\n <Flex justify=\"start\" itemAlign=\"center\" gap={1}>\n {!item.includes(\" - \") && imgSrc && (\n <img\n src={imgSrc}\n className={cn(\n \"oui-size-6 oui-rounded-full oui-object-cover\",\n isMobile ? \"oui-size-[18px]\" : \"oui-size-6\",\n )}\n />\n )}\n {item}\n </Flex>\n ),\n dataIndex: item,\n onSort: true,\n width: item.includes(\" - \") ? 160 : 130,\n render(value: number | null) {\n if (value === null) {\n return \"-\";\n }\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring={item.includes(\" - \") || item === brokerName}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n };\n }),\n ];\n }, [t, isMobile, exchanges, brokerName, getImgSrc]);\n};\n","import { useMemo } from \"react\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport const useEXchanges = () => {\n const { comparisonProps } = useMarketsContext();\n const brokerName = comparisonProps?.exchangesName || \"Orderly\";\n const brokerIconSrc =\n comparisonProps?.exchangesIconSrc ||\n \"https://oss.orderly.network/static/exchange_logo/orderly.png\";\n const exchanges = useMemo<string[]>(() => {\n return [\n brokerName,\n \"Binance\",\n `${brokerName} - Binance`,\n \"OKX\",\n `${brokerName} - OKX`,\n \"Bybit\",\n `${brokerName} - Bybit`,\n \"dYdX\",\n `${brokerName} - dYdX`,\n \"Bitget\",\n `${brokerName} - Bitget`,\n \"KuCoin\",\n `${brokerName} - KuCoin`,\n ];\n }, [comparisonProps?.exchangesName]);\n return {\n exchanges,\n brokerName,\n brokerIconSrc: brokerIconSrc,\n };\n};\n","import { useMemo } from \"react\";\nimport {\n useFundingRates,\n useMarketsStream,\n useQuery,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\nimport { useEXchanges } from \"./useEXchanges\";\n\nfunction getOpenInterest(open_interest?: number, index_price?: number) {\n return new Decimal(open_interest || 0).mul(index_price || 0).toNumber();\n}\n\nexport type FundingComparisonReturn = ReturnType<\n typeof useFundingComparisonScript\n>;\n\nexport const useFundingComparisonScript = () => {\n const { pagination } = usePagination({ pageSize: 10 });\n const { onSort, getSortedList } = useSort();\n const { searchValue } = useMarketsContext();\n const { exchanges, brokerName } = useEXchanges();\n const fundingRates = useFundingRates();\n\n const { data, isLoading } = useQuery<\n Array<{ symbol: string; exchanges: Array<{ name: string; last: number }> }>\n >(\"/v1/public/market_info/funding_comparison\");\n const { data: futures } = useMarketsStream();\n\n const processedData = useMemo(() => {\n if (!Array.isArray(data) || !data.length) {\n return [];\n }\n return data.map((row) => {\n const target = futures?.find((item) => item.symbol === row.symbol);\n const result: Record<PropertyKey, any> = {\n symbol: row.symbol,\n openInterest: target\n ? getOpenInterest(\n target?.open_interest as number,\n target?.index_price as number,\n )\n : \"-\",\n };\n for (const item of exchanges) {\n const isCompare = item.includes(` - `);\n if (!isCompare) {\n if (item === brokerName) {\n const rate = fundingRates[row.symbol];\n result[item] = rate(\"last_funding_rate\") ?? null;\n } else {\n const exchange = row.exchanges?.find(\n (e) => e.name.toLowerCase() === item.toLowerCase(),\n );\n result[item] = exchange?.last ?? null;\n }\n } else {\n const [, exchangeName] = item.replace(/ /g, \"\").split(\"-\");\n const rate = fundingRates[row.symbol];\n const wooFiRate = rate(\"last_funding_rate\") ?? null;\n const exchange = row.exchanges?.find(\n (e) => e.name.toLowerCase() === exchangeName.toLowerCase(),\n );\n const otherRate = exchange?.last ?? null;\n if (wooFiRate !== null && otherRate !== null) {\n result[item] = new Decimal(wooFiRate).sub(otherRate).toString();\n } else {\n result[item] = null;\n }\n }\n }\n return result;\n });\n }, [data, futures, fundingRates, exchanges, brokerName]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [getSortedList, filteredData],\n );\n\n return {\n dataSource,\n isLoading,\n pagination,\n onSort,\n };\n};\n","import type { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingComparison } from \"./fundingComparison.mobile.ui\";\nimport { useFundingComparisonScript } from \"./fundingComparison.script\";\nimport { FundingComparison } from \"./fundingComparison.ui\";\n\nexport const FundingComparisonWidget: FC = () => {\n const state = useFundingComparisonScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingComparison {...state} />\n ) : (\n <FundingComparison {...state} />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const MobileFundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n onSort={props.onSort}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n manualSorting\n />\n );\n};\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { CollapseIcon, ExpandIcon } from \"../../icons\";\nimport { ExpandMarketsWidget } from \"../expandMarkets\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport {\n SideMarketsScriptOptions,\n SideMarketsScriptReturn,\n} from \"./sideMarkets.script\";\n\nexport type SideMarketsProps = SideMarketsScriptReturn & {\n className?: string;\n};\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n const {\n collapsable,\n collapsed,\n onCollapse,\n activeTab,\n onTabChange,\n className,\n tabSort,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderContent = () => {\n if (!collapsed) {\n return (\n <ExpandMarketsWidget\n activeTab={activeTab}\n onTabChange={onTabChange}\n symbol={symbol}\n onSymbolChange={onSymbolChange}\n />\n );\n }\n\n return (\n <MarketsListWidget\n type={activeTab}\n initialSort={tabSort[activeTab]}\n // collapsed list is not custom sort, so we don't need to pass onSort\n // onSort={onTabSort(activeTab)}\n collapsed={collapsed}\n {...getFavoritesProps(activeTab)}\n />\n );\n };\n\n return (\n <Flex\n id=\"oui-side-markets\"\n className={cn(\"oui-font-semibold\", className)}\n direction=\"column\"\n gapY={5}\n height=\"100%\"\n width=\"100%\"\n >\n <SideMarketsHeader\n collapsable={collapsable}\n collapsed={collapsed}\n onCollapse={onCollapse}\n />\n <Box\n width=\"100%\"\n className={cn(\n collapsed ? \"oui-h-[calc(100%_-_52px)]\" : \"oui-h-[calc(100%_-_56px)]\",\n )}\n >\n {renderContent()}\n </Box>\n </Flex>\n );\n};\n\ntype SideMarketsHeaderProps = SideMarketsScriptOptions;\n\nexport const SideMarketsHeader: FC<SideMarketsHeaderProps> = (props) => {\n const { collapsable, collapsed, onCollapse } = props;\n\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-text-base-contrast-36\",\n collapsable\n ? \"oui-cursor-pointer hover:oui-text-base-contrast-80\"\n : \"oui-cursor-not-allowed\",\n );\n\n if (collapsed) {\n return (\n <ExpandIcon\n className={cls}\n onClick={() => {\n onCollapse?.(false);\n }}\n />\n );\n }\n\n return (\n <Flex justify=\"between\" px={3} width=\"100%\">\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <CollapseIcon\n className={cls}\n onClick={() => {\n onCollapse?.(true);\n }}\n />\n </Flex>\n );\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type SideMarketsScriptOptions = {\n collapsable?: boolean;\n collapsed?: boolean;\n onCollapse?: (collapsed: boolean) => void;\n};\n\nexport type SideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;\n\nconst SIDE_MARKETS_SEL_TAB_KEY = \"orderly_side_markets_sel_tab_key\";\n\nexport function useSideMarketsScript(options?: SideMarketsScriptOptions) {\n const [collapsed, setCollapsed] = useState(options?.collapsed);\n const [activeTab, setActiveTab] = useLocalStorage(\n SIDE_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const collapsable = useMemo(\n () => options?.collapsable ?? true,\n [options?.collapsable],\n );\n\n const onCollapse = useCallback(\n (collapsed: boolean) => {\n if (typeof options?.onCollapse === \"function\") {\n options.onCollapse(collapsed);\n } else {\n setCollapsed(collapsed);\n }\n },\n [options?.onCollapse],\n );\n\n useEffect(() => {\n setCollapsed(options?.collapsed);\n }, [options?.collapsed]);\n\n return {\n collapsable,\n collapsed,\n onCollapse,\n activeTab: activeTab as MarketsTabName,\n onTabChange: setActiveTab,\n tabSort,\n };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useSideMarketsScript } from \"./sideMarkets.script\";\nimport { SideMarkets, SideMarketsProps } from \"./sideMarkets.ui\";\n\nexport type SideMarketsWidgetProps = MarketsProviderProps &\n Partial<\n Pick<\n SideMarketsProps,\n \"collapsable\" | \"collapsed\" | \"onCollapse\" | \"className\"\n >\n >;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n const state = useSideMarketsScript({\n collapsable: props.collapsable,\n collapsed: props.collapsed,\n onCollapse: props.onCollapse,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <SideMarkets {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseIcon,\n cn,\n Flex,\n TabPanel,\n Tabs,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { useDropDownMarketsColumns } from \"./column\";\nimport { DropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\n\nexport type DropDownMarketsProps = DropDownMarketsScriptReturn & {\n contentClassName?: string;\n};\n\nexport const DropDownMarkets: React.FC<\n PropsWithChildren<DropDownMarketsProps>\n> = (props) => {\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-32}\n sideOffset={20}\n className={cn(\n \"oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0\",\n props.contentClassName,\n )}\n >\n <DropDownMarketsConetnt {...props} hide={props.hide} />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n\nexport const DropDownMarketsConetnt: React.FC<DropDownMarketsProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const getColumns = useDropDownMarketsColumns();\n\n const search = (\n <Flex mx={3} gapX={3} pt={3} pb={2}>\n <SearchInput\n classNames={{\n root: \"oui-w-full\",\n }}\n />\n <CloseIcon\n size={12}\n className=\"oui-cursor-pointer oui-text-base-contrast-80\"\n onClick={props.hide}\n opacity={1}\n />\n </Flex>\n );\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getColumns}\n tableClassNames={{\n root: \"!oui-bg-base-8\",\n scroll: \"oui-pb-5 oui-px-1\",\n }}\n rowClassName=\"!oui-h-[34px]\"\n {...getFavoritesProps(type)}\n emptyView={renderEmptyView({\n type,\n onClick: () => {\n onTabChange(MarketsTabName.All);\n },\n })}\n />\n </div>\n );\n };\n\n return (\n <Box\n className={cn(\"oui-overflow-hidden oui-font-semibold\")}\n height=\"100%\"\n intensity={800}\n >\n {search}\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: \"oui-my-[6px] oui-px-3\",\n tabsContent: \"oui-h-full\",\n }}\n className={cls}\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { DeleteIcon, TopIcon } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../shared/column\";\n\nexport const useDropDownMarketsColumns = () => {\n const { t } = useTranslation();\n\n return useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n {\n title: t(\"common.volume\"),\n dataIndex: \"24h_amount\",\n align: \"right\",\n onSort: true,\n className: \"oui-relative\",\n width: 80,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div className={cn(\"oui-absolute oui-right-1 oui-top-[3px]\")}>\n <Flex\n className={cn(\n \"oui-bg-primary-darken oui-py-[6px]\",\n \"oui-hidden group-hover:oui-inline-flex\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n return (\n <>\n {isFavoriteList && actions}\n <Text.numeral\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n {value}\n </Text.numeral>\n </>\n );\n },\n },\n ] as Column[];\n },\n [t],\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type DropDownMarketsScriptReturn = ReturnType<\n typeof useDropDownMarketsScript\n>;\n\nconst DROPDOWN_MARKETS_SEL_TAB_KEY = \"orderly_dropdown_markets_sel_tab_key\";\n\nconst DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_dropdown_markets_tab_sort\";\n\nexport function useDropDownMarketsScript() {\n const [open, setOpen] = useState(false);\n\n const [activeTab, setActiveTab] = useLocalStorage(\n DROPDOWN_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const hide = () => {\n setOpen(false);\n };\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab: activeTab as MarketsTabName,\n onTabChange: (value: string) => setActiveTab(value as MarketsTabName),\n open,\n onOpenChange: setOpen,\n hide,\n tabSort,\n onTabSort,\n };\n}\n","import React, { PropsWithChildren } from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nimport { DropDownMarkets, DropDownMarketsProps } from \"./dropDownMarkets.ui\";\n\nexport type DropDownMarketsWidgetProps = MarketsProviderProps &\n Pick<DropDownMarketsProps, \"contentClassName\">;\n\nexport const DropDownMarketsWidget: React.FC<\n PropsWithChildren<DropDownMarketsWidgetProps>\n> = (props) => {\n const state = useDropDownMarketsScript();\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <DropDownMarkets {...state} contentClassName={props.contentClassName}>\n {props.children}\n </DropDownMarkets>\n </MarketsProvider>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { getMarketsSheetColumns } from \"./column\";\nimport { MarketsSheetScriptReturn } from \"./marketsSheet.script\";\n\nexport type MarketsSheetProps = MarketsSheetScriptReturn & {\n className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n const { className, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n const isFavorites = type === MarketsTabName.Favorites;\n return (\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getMarketsSheetColumns}\n tableClassNames={{\n root: \"!oui-bg-base-8\",\n scroll: cn(\n \"oui-pb-[env(safe-area-inset-bottom,_20px)]\",\n isFavorites\n ? \"oui-h-[calc(100%_-_70px)]\"\n : \"oui-h-[calc(100%_-_40px)]\",\n ),\n }}\n emptyView={renderEmptyView({\n type,\n onClick: () => {\n props.onTabChange(MarketsTabName.All);\n },\n })}\n {...getFavoritesProps(type)}\n />\n );\n };\n\n return (\n <Box height=\"100%\" className={cn(\"oui-font-semibold\", className)}>\n <Box px={3} mt={3} mb={2}>\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <SearchInput classNames={{ root: \"oui-mt-4\" }} />\n </Box>\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (tab: string) => void}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className=\"oui-h-[calc(100%_-_92px)]\"\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const getMarketsSheetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n return [\n {\n title: `${i18n.t(\"markets.column.market\")} / ${i18n.t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n multiSort: {\n fields: [\n {\n sortKey: \"symbol\",\n label: i18n.t(\"markets.column.market\"),\n },\n {\n sortKey: \"24h_amount\",\n label: i18n.t(\"common.volume\"),\n },\n ],\n },\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: i18n.t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;\n\nconst MARKETS_SHEET_SEL_TAB_KEY = \"orderly_markets_sheet_sel_tab_key\";\n\nexport function useMarketsSheetScript() {\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const [activeTab, setActiveTab] = useLocalStorage(\n MARKETS_SHEET_SEL_TAB_KEY,\n MarketsTabName.Favorites,\n );\n\n return {\n tabSort,\n onTabSort,\n activeTab,\n onTabChange: setActiveTab,\n };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useMarketsSheetScript } from \"./marketsSheet.script\";\nimport { MarketsSheet, MarketsSheetProps } from \"./marketsSheet.ui\";\n\nexport type MarketsSheetWidgetProps = MarketsProviderProps &\n Partial<Pick<MarketsSheetProps, \"className\">>;\n\nexport const MarketsSheetWidget: React.FC<MarketsSheetWidgetProps> = (\n props,\n) => {\n const state = useMarketsSheetScript();\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <MarketsSheet {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { Flex, Text, cn, Divider, Badge } from \"@orderly.network/ui\";\nimport { UseSymbolInfoBarScriptReturn } from \"./symbolInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type SymbolInfoBarProps = Pick<MarketsProviderProps, \"onSymbolChange\"> &\n UseSymbolInfoBarScriptReturn & {\n className?: string;\n trailing?: ReactNode;\n onSymbol?: () => void;\n };\n\nexport const SymbolInfoBar: FC<SymbolInfoBarProps> = (props) => {\n const { symbol, data, leverage, onSymbol } = props;\n\n const symbolView = (\n <Flex className=\"oui-cursor-pointer oui-gap-x-[6px]\" onClick={onSymbol}>\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"sm\"\n weight=\"semibold\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]\" />\n </Flex>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-mobile\",\n \"oui-font-semibold oui-h-full\",\n props.className\n )}\n >\n <Flex gapX={3} className=\"oui-flex-1 oui-overflow-hidden oui-h-full\">\n <Flex gapX={3}>\n {symbolView}\n <Badge size=\"xs\" color=\"primary\">\n {leverage}x\n </Badge>\n </Flex>\n\n <Divider className=\"oui-h-6\" direction=\"vertical\" intensity={8} />\n <Text.numeral\n size=\"2xs\"\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n","import { useMemo } from \"react\";\nimport { useSymbolsInfo, useTickerStream } from \"@orderly.network/hooks\";\n\nexport type UseSymbolInfoBarScriptOptions = {\n symbol: string;\n};\n\nexport type UseSymbolInfoBarScriptReturn = ReturnType<\n typeof useSymbolInfoBarScript\n>;\n\nexport function useSymbolInfoBarScript(options: UseSymbolInfoBarScriptOptions) {\n const { symbol } = options;\n\n const data = useTickerStream(symbol);\n\n const symbolsInfo = useSymbolsInfo();\n\n const leverage = useMemo(() => {\n const info = symbolsInfo[symbol];\n const baseImr = info(\"base_imr\");\n return getLeverage(baseImr);\n }, [symbol, symbolsInfo]);\n\n return {\n symbol,\n data,\n leverage,\n };\n}\n\nfunction getLeverage(base_imr: number) {\n return base_imr ? 1 / base_imr : undefined;\n}\n","import {\n useSymbolInfoBarScript,\n UseSymbolInfoBarScriptOptions,\n} from \"./symbolInfoBar.script\";\nimport { SymbolInfoBar, SymbolInfoBarProps } from \"./symbolInfoBar.ui\";\n\nexport type SymbolInfoBarWidgetPros = UseSymbolInfoBarScriptOptions &\n Pick<SymbolInfoBarProps, \"className\" | \"trailing\" | \"onSymbol\">;\n\nexport const SymbolInfoBarWidget: React.FC<SymbolInfoBarWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarScript({ symbol });\n return <SymbolInfoBar {...state} {...rest} />;\n};\n","import { ReactNode } from \"react\";\nimport { useFundingRate } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n TokenIcon,\n Flex,\n Text,\n cn,\n Divider,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n ArrowLeftIcon,\n FavoritesIcon2,\n TriangleDownIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { DropDownMarketsWidget } from \"../dropDownMarkets\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport { UseSymbolInfoBarFullScriptReturn } from \"./symbolInfoBarFull.script\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type SymbolInfoBarFullProps = Pick<\n MarketsProviderProps,\n \"onSymbolChange\"\n> &\n UseSymbolInfoBarFullScriptReturn & {\n className?: string;\n trailing?: ReactNode;\n };\n\nexport const SymbolInfoBarFull: React.FC<SymbolInfoBarFullProps> = (props) => {\n const {\n symbol,\n isFavorite,\n favorite,\n data,\n quotoDp,\n openInterest,\n containerRef,\n leadingElementRef,\n tailingElementRef,\n leadingVisible,\n tailingVisible,\n onScoll,\n fundingPeriod,\n capFunding,\n floorFunding,\n } = props;\n\n const { t } = useTranslation();\n\n const favoriteIcon = (\n <FavoritesDropdownMenuWidget row={{ symbol }} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n\n const symbolView = (\n <DropDownMarketsWidget\n contentClassName=\"oui-w-[429px] oui-h-[496px]\"\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <Flex gapX={1} className=\"oui-cursor-pointer\">\n <TokenIcon symbol={symbol} className=\"oui-size-4\" />\n <Text.formatted\n className=\"oui-whitespace-nowrap oui-break-normal\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n intensity={98}\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54\" />\n </Flex>\n </DropDownMarketsWidget>\n );\n\n const price = (\n <Text.numeral\n dp={quotoDp || 2}\n currency=\"$\"\n size=\"sm\"\n intensity={98}\n className=\"oui-data-value\"\n >\n {data?.[\"24h_close\"]}\n </Text.numeral>\n );\n\n const change = (\n <>\n <Text.numeral coloring rm={Decimal.ROUND_DOWN} showIdentifier>\n {data?.[\"24h_change\"]!}\n </Text.numeral>\n <Text intensity={36}>/</Text>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-desktop\",\n \"oui-h-[54px] oui-font-semibold\",\n props.className,\n )}\n // fix Safari text opacity transition bug\n style={{\n transform: \"translateZ(0)\",\n willChange: \"transform\",\n }}\n >\n <Flex gapX={6} className=\"oui-h-full oui-flex-1 oui-overflow-hidden\">\n <Flex gapX={1}>\n {favoriteIcon}\n {symbolView}\n </Flex>\n <Divider className=\"oui-h-[26px]\" direction=\"vertical\" intensity={8} />\n {price}\n <div className=\"oui-relative oui-h-full oui-overflow-hidden\">\n <div\n ref={containerRef}\n className=\"oui-hide-scrollbar oui-h-full oui-overflow-x-auto\"\n >\n <Flex gapX={8} height=\"100%\">\n <div ref={leadingElementRef}>\n <DataItem\n label={t(\"markets.column.24hChange\")}\n value={change}\n />\n </div>\n <DataItem\n label={t(\"markets.symbolInfoBar.Mark\")}\n value={\n <Text.numeral\n dp={quotoDp}\n data-testid=\"oui-testid-tokenInfo-markPrice-value\"\n >\n {data?.[\"mark_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Mark.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.Index\")}\n value={\n <Text.numeral dp={quotoDp}>\n {data?.[\"index_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Index.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.24hVolume\")}\n value={\n <Text.numeral rule=\"human\" dp={2}>\n {data?.[\"24h_amount\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.24hVolume.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.predFundingRate\")}\n value={<FundingRate symbol={symbol} />}\n hint={\n <Flex\n width={\"100%\"}\n itemAlign={\"center\"}\n direction=\"column\"\n gap={1}\n >\n <Flex justify=\"between\" itemAlign={\"center\"} width={\"100%\"}>\n <Text intensity={54}>\n {t(\"trading.fundingRate.predFundingRate.interval\")}\n </Text>\n <Text intensity={80}>{fundingPeriod}</Text>\n </Flex>\n <Flex justify=\"between\" itemAlign={\"center\"} width={\"100%\"}>\n <Text intensity={54}>\n {t(\"trading.fundingRate.predFundingRate.cap\")} /\n {t(\"trading.fundingRate.predFundingRate.floor\")}\n </Text>\n <Text intensity={80}>\n {capFunding} / {floorFunding}\n </Text>\n </Flex>\n <Divider className=\"oui-w-full\" intensity={8} />\n {t(\"markets.symbolInfoBar.predFundingRate.tooltip\")}\n </Flex>\n }\n />\n <div ref={tailingElementRef}>\n <DataItem\n label={t(\"markets.openInterest\")}\n value={\n <>\n <Text.numeral rule=\"human\" dp={2}>\n {openInterest}\n </Text.numeral>\n <Text intensity={36}>{` USDC`}</Text>\n </>\n }\n hint={t(\"markets.openInterest.tooltip\")}\n />\n </div>\n </Flex>\n </div>\n <ScrollIndicator leading onClick={onScoll} visible={leadingVisible} />\n <ScrollIndicator tailing onClick={onScoll} visible={tailingVisible} />\n </div>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n\ntype DataItemProps = {\n label: string;\n value: ReactNode;\n hint?: ReactNode;\n};\n\nconst DataItem: React.FC<DataItemProps> = (props) => {\n const { label, value, hint } = props;\n return (\n <Flex direction=\"column\" itemAlign=\"start\">\n <Tooltip\n open={hint ? undefined : false}\n content={hint}\n className=\"oui-max-w-[240px] oui-bg-base-6 \"\n arrow={{ className: \"oui-fill-base-6\" }}\n delayDuration={300}\n >\n <Text\n size=\"2xs\"\n intensity={36}\n className={cn(\n \"oui-data-label\",\n \"oui-whitespace-nowrap oui-break-normal\",\n hint &&\n \"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12\",\n )}\n >\n {label}\n </Text>\n </Tooltip>\n <Text\n size=\"2xs\"\n intensity={98}\n className={cn(\n \"oui-data-value\",\n \"oui-whitespace-nowrap oui-break-normal oui-leading-[20px]\",\n )}\n >\n {value}\n </Text>\n </Flex>\n );\n};\n\ntype ScrollIndicatorProps = {\n tailing?: boolean;\n leading?: boolean;\n visible?: boolean;\n onClick?: (direction: string) => void;\n};\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { visible, leading, tailing, onClick } = props;\n if (!visible) {\n return null;\n }\n\n return (\n <button\n onClick={() => {\n onClick?.(leading ? \"left\" : \"right\");\n }}\n style={{\n background:\n \"linear-gradient(90deg, #07080A 0%, rgba(7, 8, 10, 0.60) 65%, rgba(7, 8, 10, 0.00) 100%)\",\n }}\n className={cn(\n \"oui-flex oui-w-[80px] oui-items-center\",\n \"oui-absolute oui-inset-y-0 oui-rounded-l\",\n leading && \"oui-left-0 oui-pl-1\",\n tailing && \"oui-right-0 oui-rotate-180 oui-pr-1\",\n )}\n >\n <ArrowLeftIcon className=\"oui-text-base-contrast-54 hover:oui-text-base-contrast-80\" />\n </button>\n );\n};\n\nconst FundingRate: React.FC<{ symbol: string }> = ({ symbol }) => {\n const data = useFundingRate(symbol);\n\n if (data?.est_funding_rate === null) {\n return \"--\";\n }\n\n return (\n <div>\n <Text.numeral unit=\"%\" dp={4} className=\"oui-text-[#FF9A2E]\">\n {data.est_funding_rate!}\n </Text.numeral>\n <Text intensity={36} className=\"oui-tabular-nums\">\n {/* not need to translate */}\n {` in ${data.countDown}`}\n </Text>\n </div>\n );\n};\n","import { useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n useFundingDetails,\n useFundingRate,\n useMarketsStore,\n useSymbolsInfo,\n useTickerStream,\n} from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nexport type UseSymbolInfoBarFullScriptOptions = {\n symbol: string;\n};\n\nexport type UseSymbolInfoBarFullScriptReturn = ReturnType<\n typeof useSymbolInfoBarFullScript\n>;\n\nexport function useSymbolInfoBarFullScript(\n options: UseSymbolInfoBarFullScriptOptions,\n) {\n const { symbol } = options;\n\n const data = useTickerStream(symbol);\n const fundingRate = useFundingRate(symbol);\n\n const favorite = useMarketsStore();\n\n const { data: fundingDetails, isLoading: isFundingLoading } =\n useFundingDetails(symbol);\n\n const fundingPeriod = useMemo(() => {\n if (!fundingDetails || isFundingLoading) {\n return \"-\";\n }\n return `${fundingDetails.funding_period}h`;\n }, [fundingDetails, isFundingLoading]);\n\n const capFunding = useMemo(() => {\n if (!fundingDetails || isFundingLoading) {\n return \"-\";\n }\n return `${new Decimal(fundingDetails.cap_funding).mul(100).toNumber()}%`;\n }, [fundingDetails, isFundingLoading]);\n\n const floorFunding = useMemo(() => {\n if (!fundingDetails || isFundingLoading) {\n return \"-\";\n }\n return `${new Decimal(fundingDetails.floor_funding).mul(100).toNumber()}%`;\n }, [fundingDetails, isFundingLoading]);\n\n const info = useSymbolsInfo();\n const quotoDp = info[symbol](\"quote_dp\");\n const [leadingVisible, setLeadingVisible] = useState(false);\n const [tailingVisible, setTailingVisible] = useState(false);\n\n const containerRef = useRef<HTMLDivElement>(null);\n const leadingElementRef = useRef<HTMLDivElement>(null);\n const tailingElementRef = useRef<HTMLDivElement>(null);\n\n const isFavorite = useMemo(\n () => !!favorite.favorites.find((item) => item.name === symbol),\n [favorite.favorites, symbol],\n );\n\n const openInterest = useMemo(\n () =>\n new Decimal(data?.open_interest ?? 0)\n .mul(data?.index_price ?? 0)\n .toDecimalPlaces(2)\n .valueOf(),\n [data],\n );\n\n useEffect(() => {\n const intersectionObserver = new IntersectionObserver((entries) => {\n for (let index = 0; index < entries.length; index++) {\n const item = entries[index];\n if (item) {\n if (item.target === leadingElementRef.current) {\n setLeadingVisible(!item.isIntersecting);\n }\n\n if (item.target === tailingElementRef.current) {\n setTailingVisible(!item.isIntersecting);\n }\n }\n }\n });\n if (leadingElementRef.current) {\n intersectionObserver.observe(leadingElementRef.current);\n }\n\n if (tailingElementRef.current) {\n intersectionObserver.observe(tailingElementRef.current);\n }\n\n return () => {\n intersectionObserver.disconnect();\n };\n }, []);\n\n const onScoll = (direction: string) => {\n containerRef.current?.scrollBy({\n left: direction === \"left\" ? -100 : 100,\n behavior: \"smooth\",\n });\n };\n\n return {\n symbol,\n isFavorite,\n favorite,\n data,\n quotoDp,\n openInterest,\n fundingRate,\n containerRef,\n leadingElementRef,\n tailingElementRef,\n leadingVisible,\n tailingVisible,\n onScoll,\n fundingPeriod,\n capFunding,\n floorFunding,\n };\n}\n","import { FC } from \"react\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useSymbolInfoBarFullScript,\n UseSymbolInfoBarFullScriptOptions,\n} from \"./symbolInfoBarFull.script\";\nimport {\n SymbolInfoBarFull,\n SymbolInfoBarFullProps,\n} from \"./symbolInfoBarFull.ui\";\n\nexport type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions &\n Pick<SymbolInfoBarFullProps, \"className\" | \"trailing\"> &\n Pick<MarketsProviderProps, \"onSymbolChange\">;\n\nexport const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarFullScript({ symbol });\n return <SymbolInfoBarFull {...state} {...rest} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseNewListingListReturn } from \"./newListingList.script\";\nimport { NewListingListWidgetProps } from \"./widget\";\n\nexport type NewListingListProps = UseNewListingListReturn &\n NewListingListWidgetProps;\n\nexport const NewListingList: FC<NewListingListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseNewListingListReturn = ReturnType<\n typeof useNewListingListScript\n>;\n\nexport const useNewListingListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.NEW_LISTING);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useNewListingListScript } from \"./newListingList.script\";\nimport { NewListingList } from \"./newListingList.ui\";\n\nexport type NewListingListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const NewListingListWidget: React.FC<NewListingListWidgetProps> = (\n props,\n) => {\n const state = useNewListingListScript();\n return <NewListingList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport type { FavoritesListWidgetProps } from \"./widget\";\n\nexport type FavoritesListProps = UseFavoritesListReturn &\n FavoritesListWidgetProps;\n\nexport const FavoritesList: FC<FavoritesListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, true);\n\n const columns =\n typeof getColumns === \"function\" ? getColumns(favorite, true) : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n <Box px={3} className=\"oui-my-[6px]\">\n <FavoritesTabWidget favorite={favorite} size=\"sm\" />\n </Box>\n\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n </>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListReturn = ReturnType<typeof useFavoritesListScript>;\n\nexport const useFavoritesListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, selectedFavoriteTab, favorites, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useFavoritesListScript } from \"./favoritesList.script\";\nimport { FavoritesList } from \"./favoritesList.ui\";\n\nexport type FavoritesListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const FavoritesListWidget: React.FC<FavoritesListWidgetProps> = (\n props,\n) => {\n const state = useFavoritesListScript();\n return <FavoritesList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { RecentListWidgetProps } from \"./widget\";\n\nexport type RecentListProps = UseRecentListReturn & RecentListWidgetProps;\n\nexport const RecentList: FC<RecentListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseRecentListReturn = ReturnType<typeof useRecentListScript>;\n\nexport const useRecentListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.RECENT);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useRecentListScript } from \"./recentList.script\";\nimport { RecentList } from \"./recentList.ui\";\n\nexport type RecentListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const RecentListWidget: React.FC<RecentListWidgetProps> = (props) => {\n const state = useRecentListScript();\n return <RecentList {...state} {...props} />;\n};\n","import { FC, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, useScreen } from \"@orderly.network/ui\";\nimport {\n LeftNavProps,\n RouterAdapter,\n LeftNavUI,\n} from \"@orderly.network/ui-scaffold\";\nimport {\n MarketsProvider,\n MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { MarketsPageTab } from \"../../type\";\nimport { FundingWidget } from \"./funding/funding.widget\";\nimport { MarketsDataListWidget } from \"./marketsDataList\";\nimport { MarketsHeaderWidget } from \"./marketsHeader/marketsHeader.widget\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\n const { isMobile } = useScreen();\n\n const [activeTab, setActiveTab] = useState<MarketsPageTab>(\n MarketsPageTab.Markets,\n );\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n navProps={props.navProps}\n comparisonProps={props.comparisonProps}\n >\n <div\n id=\"oui-markets-home-page\"\n className={cn(\"oui-font-semibold\", props.className)}\n >\n {isMobile ? (\n <MarketsMobileContent\n activeTab={activeTab}\n onTabChange={setActiveTab}\n navProps={props.navProps}\n />\n ) : (\n <MarketsDesktopContent\n activeTab={activeTab}\n onTabChange={setActiveTab}\n />\n )}\n </div>\n </MarketsProvider>\n );\n};\n\ntype MarketsContentProps = {\n activeTab: MarketsPageTab;\n onTabChange: (value: MarketsPageTab) => void;\n // only for mobile\n navProps?: {\n logo?: {\n src: string;\n alt: string;\n };\n routerAdapter?: RouterAdapter;\n leftNav?: LeftNavProps;\n };\n};\n\nconst MarketsDesktopContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Box p={6}>\n <Tabs\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.markets\")}\n value={MarketsPageTab.Markets}\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-4\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value={MarketsPageTab.Funding}\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n\nconst MarketsMobileContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Tabs\n variant=\"text\"\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n classNames={{\n tabsListContainer: \"oui-border-0\",\n tabsList: \"oui-mx-6 oui-my-2\",\n trigger: cn(\n \"oui-text-2xl oui-font-bold\",\n \"data-[state=active]:after:oui-bg-transparent!\",\n ),\n tabsContent: \"oui-px-3\",\n }}\n leading={\n props.navProps?.leftNav && (\n <LeftNavUI\n className=\"oui-ml-3 -oui-mr-4\"\n {...props?.navProps?.leftNav}\n logo={props?.navProps?.logo}\n routerAdapter={props?.navProps?.routerAdapter}\n />\n )\n }\n >\n <TabPanel\n title={t(\"common.markets\")}\n value=\"markets\"\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-2\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value=\"funding\"\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileFunding } from \"./funding.mobile.ui\";\nimport { useFundingScript } from \"./funding.script\";\nimport { Funding } from \"./funding.ui\";\n\nexport const FundingWidget = () => {\n const state = useFundingScript();\n const { isMobile } = useScreen();\n return isMobile ? <MobileFunding {...state} /> : <Funding {...state} />;\n};\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const MobileFunding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n const search = (\n <SearchInput\n classNames={{\n root: cn(\"oui-mb-2 oui-mt-5\"),\n }}\n />\n );\n\n return (\n <Box\n intensity={900}\n p={3}\n mt={2}\n mb={5}\n r=\"xl\"\n height=\"100%\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <>\n {search}\n <FundingOverviewWidget />\n </>\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <>\n {search}\n <FundingComparisonWidget />\n </>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useState } from \"react\";\nimport { FundingTabName } from \"../../../type\";\n\nexport type FundingScriptReturn = ReturnType<typeof useFundingScript>;\n\nexport function useFundingScript() {\n const [activeTab, setActiveTab] = useState<FundingTabName>(\n FundingTabName.Overview,\n );\n\n return {\n activeTab,\n onTabChange: setActiveTab,\n };\n}\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const Funding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Box\n intensity={900}\n p={6}\n mt={4}\n r=\"2xl\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <FundingOverviewWidget />\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <FundingComparisonWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n"]}