npm - @kodiak-finance/orderly-markets - Versions diffs - 2.7.4 - Mend

@kodiak-finance/orderly-markets 2.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/marketsHeader/marketsHeader.ui.tsx","../src/utils.ts","../src/pages/home/marketsHeader/marketsHeader.script.tsx","../src/pages/home/marketsHeader/marketsHeader.mobile.ui.tsx","../src/pages/home/marketsHeader/marketsHeader.widget.tsx","../src/components/collapseMarkets/index.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.widget.tsx","../src/components/favoritesDropdownMenu/index.ts","../src/components/sideMarkets/column.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/type.ts","../src/components/marketsList/marketsList.script.ts","../src/components/marketsList/marketsList.widget.tsx","../src/components/marketsList/index.tsx","../src/components/searchInput/index.tsx","../src/components/shared/column.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/components/favoritesTabs/index.ts","../src/components/shared/hooks/useFavoritesExtraProps.tsx","../src/pages/home/marketsDataList/marketsDataList.mobile.ui.tsx","../src/components/shared/hooks/useTabSort.ts","../src/pages/home/marketsDataList/marketsDataList.script.ts","../src/components/marketsListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/favoritesListFull.widget.tsx","../src/components/favoritesListFull/index.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/marketsListFull.widget.tsx","../src/components/marketsListFull/index.tsx","../src/pages/home/marketsDataList/marketsDataList.ui.tsx","../src/pages/home/marketsDataList/marketsDataList.widget.tsx","../src/pages/home/marketsDataList/index.ts","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/constant.ts","../src/components/expandMarkets/expandMarkets.script.ts","../src/components/expandMarkets/expandMarkets.widget.tsx","../src/components/expandMarkets/index.ts","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/fundingOverview.mobile.ui.tsx","../src/components/fundingOverview/fundingOverview.widget.tsx","../src/components/fundingOverview/index.tsx","../src/components/fundingComparison/useEXchanges.ts","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/fundingComparison.mobile.ui.tsx","../src/components/fundingComparison/fundingComparison.widget.tsx","../src/components/fundingComparison/index.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/dropDownMarkets.widget.tsx","../src/components/dropDownMarkets/index.ts","../src/components/symbolInfoBarFull/dataItem.ui.tsx","../src/components/horizontalMarkets/marketItem.ui.tsx","../src/components/horizontalMarkets/marketTypeFilter.ui.tsx","../src/components/horizontalMarkets/horizontalMarkets.ui.tsx","../src/pages/home/funding/funding.mobile.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/funding.ui.tsx","../src/pages/home/funding/funding.widget.tsx","../src/pages/home/marketsHeader/index.ts","../src/index.ts","../src/components/sideMarkets/index.ts","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/sideMarkets.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/components/horizontalMarkets/horizontalMarkets.widget.tsx","../src/components/horizontalMarkets/horizontalMarkets.script.ts","../src/components/horizontalMarkets/index.ts","../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"],"names":["createContext","useState","useContext","useCallback","useMemo","jsx","MarketsContext","MarketsProvider","useMarketsContext","init_marketsProvider","__esmMin","props","symbol","comparisonProps","children","onSymbolChange","searchValue","setSearchValue","clearSearchValue","memoizedValue","jsxs","EditIcon","TrashIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon","ActiveAddIcon","ExpandIcon","CollapseIcon","FilterIcon","TriangleDownIcon","ArrowLeftIcon","init_icons","useTranslation","Box","cn","Flex","Text","Decimal","MarketsHeader","BlockList","BlockItem","CardItem","ListItem","ScrollIndicator","init_marketsHeader_ui","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","t","cls","onSymbol","item","list","index","scrollPrev","scrollNext","useEffect","formatSymbol","sortList","sort","sortKey","sortOrder","sortedList","a","b","comparison","compareValues","useSort","initialSort","onSortChange","setSort","onSort","options","nextSort","getSortedList","escapeRegExp","string","searchBySymbol","formatString","escapedSearchValue","reg","searchValueLower","exactMatches","startsWithMatches","otherMatches","formattedSymbol","symbolLower","compareSymbols","symbolA","symbolB","useSize","width","setWidth","height","setHeight","handleResize","init_utils","aValue","bValue","aStr","bStr","aNum","bNum","aIsNumber","bIsNumber","aIsDate","bIsDate","aDate","bDate","useMarkets","useQuery","MarketsType","useEmblaCarousel","useDataSource","markets","balance","prevValue","curValue","total_holding","useMarketsHeaderScript","init_marketsHeader_script","setScrollIndex","data","TabPanel","Tabs","MobileMarketsHeader","init_marketsHeader_mobile_ui","activeTab","setActiveTab","marketsHeader_widget_exports","__export","MarketsHeaderWidget","useScreen","init_marketsHeader_widget","state","isMobile","TokenIcon","Tooltip","Badge","CollapseMarkets","init_collapseMarkets","content","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","Input","CloseCircleFillIcon","FavoritesDropdownMenu","init_favoritesDropdownMenu_ui","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","init_favoritesDropdownMenu_script","FavoritesDropdownMenuWidget","init_favoritesDropdownMenu_widget","favoritesDropdownMenu_exports","init_favoritesDropdownMenu","useSideMarketsColumns","init_column","isFavoriteList","record","favoritesIcon","onDelSymbol","iconCls","actions","DataTable","Fragment","MarketsList","init_marketsList_ui","loading","dataSource","getColumns","panelSize","isFavoritesList","renderHeader","emptyView","sideColumns","columns","MarketsPageTab","MarketsTabName","FundingTabName","init_type","MarketsTypeMap","useMarketsListScript","init_marketsList_script","setLoading","selectedFavoriteTab","filterList","searchResults","MarketsListWidget","init_marketsList_widget","marketsList_exports","init_marketsList","searchInput_exports","SearchInput","useRef","init_searchInput","classNames","suffix","isComposingRef","onSearchValueChange","handleCompositionStart","handleCompositionEnd","event","i18n","getSymbolColumn","getLastColumn","get24hPercentageColumn","EmptyStateIcon","FavoritesEmpty","init_favoritesEmpty","modal","FavoritesTab","init_favoritesTabs_ui","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","updateSelectedFavoriteTab","addIconWidth","tabHeight","gradientColor","onDel","onKeyUp","renderActions","renderAdd","icon","isActive","renderContent","textProps","useFavoritesTabScript","updateFavorites","setEditing","setScrollable","scrollView","setInputWidth","updateScrollLayout","scrollWidth","clientWidth","scrollToRight","selectedTab","_favorites","tabs","rect","offset","init_favoritesTabs_script","FavoritesTabWidget","init_favoritesTabs_widget","className","rest","init_favoritesTabs","useFavoritesProps","dataFilter","fav","getFavoritesProps","type","renderEmptyView","init_useFavoritesExtraProps","MobileMarketsDataList","init_marketsDataList_mobile_ui","onTabChange","tabSort","onTabSort","renderTab","useSessionStorage","useTabSort","setTabSort","init_useTabSort","useMarketsDataListScript","MOBILE_MARKETS_TAB_SORT_STORAGE_KEY","init_marketsDataList_script","useMarketsListFullColumns","button","Trans","FavoritesListFull","init_favoritesListFull_ui","pagination","usePagination","useFavoritesListFullScript","init_favoritesListFull_script","pageSize","setPage","filterData","FavoritesListFullWidget","init_favoritesListFull_widget","favoritesListFull_exports","init_favoritesListFull","MarketsListFull","init_marketsListFull_ui","useMarketsListFullScript","init_marketsListFull_script","searchList","sortStore","MarketsListFullWidget","init_marketsListFull_widget","marketsListFull_exports","init_marketsListFull","React","LazySearchInput","LazyFavoritesListFullWidget","LazyMarketsListFullWidget","MarketsDataList","init_marketsDataList_ui","mod","MarketsDataListWidget","init_marketsDataList_widget","marketsDataList_exports","init_marketsDataList","LazyMarketsListWidget","ExpandMarkets","init_expandMarkets_ui","SIDE_MARKETS_TAB_SORT_STORAGE_KEY","SIDE_MARKETS_SEL_TAB_KEY","init_constant","useExpandMarketsScript","init_expandMarkets_script","ExpandMarketsWidget","init_expandMarkets_widget","init_expandMarkets","Picker","Select","createFundingRenderer","useFundingOverviewColumns","FundingPeriodSelect","init_columns","dp","selectedPeriod","setSelectedPeriod","FundingOverview","init_fundingOverview_ui","isLoading","useFundingRateHistory","useFundingRates","getFundingInterval","next_funding_time","last_funding_rate_timestamp","diff","useFundingOverviewScript","init_fundingOverview_script","marketData","fundingHistory","isHistoryLoading","getPositiveRates","fundingRates","processedData","posRates","acc","period","history","h","fundingRate","fundingInterval","filteredData","MobileFundingOverview","init_fundingOverview_mobile_ui","FundingOverviewWidget","init_fundingOverview_widget","fundingOverview_exports","init_fundingOverview","useEXchanges","init_useEXchanges","brokerName","brokerIconSrc","CDN_PREFIX","useFundingColumns","exchanges","getImgSrc","val","imgSrc","FundingComparison","init_fundingComparison_ui","useMarketsStream","getOpenInterest","open_interest","index_price","useFundingComparisonScript","init_fundingComparison_script","futures","row","target","result","exchangeName","rate","wooFiRate","otherRate","exchange","MobileFundingComparison","init_fundingComparison_mobile_ui","FundingComparisonWidget","init_fundingComparison_widget","fundingComparison_exports","init_fundingComparison","sideMarkets_ui_exports","SideMarkets","SideMarketsHeader","pick","init_sideMarkets_ui","resizeable","onPanelSizeChange","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","init_dropDownMarkets_ui","search","useLocalStorage","useDropDownMarketsScript","DROPDOWN_MARKETS_SEL_TAB_KEY","DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY","init_dropDownMarkets_script","DropDownMarketsWidget","init_dropDownMarkets_widget","dropDownMarkets_exports","init_dropDownMarkets","dataItem_ui_exports","DataItem","init_dataItem_ui","label","hint","MarketItemComponent","MarketItem","init_marketItem_ui","tickerData","onSymbolClick","handleClick","prevProps","nextProps","Checkbox","marketTypeBase","MarketTypeFilter","init_marketTypeFilter_ui","selectedMarketType","onMarketTypeChange","position","isOpen","setIsOpen","dropdownRef","hasFavorites","handleClickOutside","handleFilterClick","prev","handleOptionClick","marketType","option","isActiveTab","htmlId","horizontalMarkets_ui_exports","HorizontalMarkets","Marquee","init_horizontalMarkets_ui","symbols","currentSymbol","dropdownPos","renderMarketItem","carouselOptions","autoScrollOptions","MobileFunding","init_funding_mobile_ui","useFundingScript","init_funding_script","LazyFundingOverviewWidget","LazyFundingComparisonWidget","Funding","init_funding_ui","funding_widget_exports","FundingWidget","init_funding_widget","useSideMarketsScript","setPanelSize","LazySideMarkets","SideMarketsWidget","getMarketsSheetColumns","MarketsSheet","isFavorites","MARKETS_SHEET_SEL_TAB_KEY","useMarketsSheetScript","MarketsSheetWidget","SymbolInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useSymbolInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","SymbolInfoBarWidget","useFundingRate","LazyDropDownMarketsWidget","LazyFavoritesDropdownMenuWidget","LazyDataItem","SymbolInfoBarFull","isFavorite","quotoDp","openInterest","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","fundingPeriod","capFunding","floorFunding","favoriteIcon","price","change","FundingRate","visible","leading","tailing","onClick","useFundingDetails","useMarketsStore","useSymbolInfoBarFullScript","fundingDetails","isFundingLoading","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","SymbolInfoBarFullWidget","useHorizontalMarketsScript","optionSymbols","optionMaxItems","defaultMarketType","setSelectedMarketType","marketTypeKey","filteredMarkets","symbolsInTab","map","m","s","symbolsInRecent","r","sortedMarkets","max","LazyHorizontalMarkets","HorizontalMarketsInner","maxItems","HorizontalMarketsWidget","providerProps","NewListingList","collapsed","useNewListingListScript","NewListingListWidget","FavoritesList","useFavoritesListScript","FavoritesListWidget","RecentList","useRecentListScript","RecentListWidget","LeftNavUI","LazyMarketsHeaderWidget","LazyMarketsDataListWidget","LazyFundingWidget","MarketsHomePage","MarketsMobileContent","MarketsDesktopContent"],"mappings":"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","sourcesContent":["import {\n FC,\n createContext,\n PropsWithChildren,\n useState,\n useContext,\n useCallback,\n useMemo,\n} from \"react\";\nimport { API } from \"@kodiak-finance/orderly-types\";\nimport { LeftNavProps, RouterAdapter } from \"@kodiak-finance/orderly-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 const 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 FilterIcon: 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 <path d=\"M11.2422 2.19751C10.2913 2.19751 9.40469 2.82152 9.12801 3.69902L2.99219 3.69751C2.57796 3.69751 2.24219 4.03351 2.24219 4.44751C2.24219 4.86151 2.57796 5.19751 2.99219 5.19751L9.12801 5.19678C9.46409 6.11553 10.2913 6.69751 11.2422 6.69751C12.193 6.69751 13.0288 6.11403 13.3707 5.19078L14.9922 5.19751C15.4064 5.19751 15.7422 4.86151 15.7422 4.44751C15.7422 4.03351 15.4064 3.69751 14.9922 3.69751H13.3643C13.0032 2.78326 12.193 2.19751 11.2422 2.19751ZM11.2422 3.69751C11.6564 3.69751 11.9922 4.03351 11.9922 4.44751C11.9922 4.86151 11.6564 5.19751 11.2422 5.19751C10.828 5.19751 10.4922 4.86151 10.4922 4.44751C10.4922 4.03351 10.828 3.69751 11.2422 3.69751ZM6.74219 6.69751C5.75369 6.69751 4.92629 7.31252 4.62419 8.19902C4.51874 8.20577 2.99219 8.19751 2.99219 8.19751C2.57796 8.19751 2.24219 8.53351 2.24219 8.94751C2.24219 9.36151 2.57796 9.69751 2.99219 9.69751C2.99219 9.69751 4.53149 9.68176 4.62741 9.69151C4.92951 10.578 5.75369 11.1975 6.74219 11.1975C7.69304 11.1975 8.50784 10.6148 8.86424 9.69975L14.9922 9.69751C15.4064 9.69751 15.7422 9.36151 15.7422 8.94751C15.7422 8.53351 15.4064 8.19751 14.9922 8.19751L8.86034 8.19078C8.53161 7.29603 7.69304 6.69751 6.74219 6.69751ZM6.74219 8.19751C7.15641 8.19751 7.49219 8.53351 7.49219 8.94751C7.49219 9.36151 7.15641 9.69751 6.74219 9.69751C6.32796 9.69751 5.99219 9.36151 5.99219 8.94751C5.99219 8.53351 6.32796 8.19751 6.74219 8.19751ZM11.2422 11.1975C10.2913 11.1975 9.42157 11.8238 9.12749 12.69L2.99219 12.6975C2.57796 12.6975 2.24219 13.0335 2.24219 13.4475C2.24219 13.8615 2.57796 14.1975 2.99219 14.1975L9.11639 14.1982C9.42756 15.087 10.2913 15.6975 11.2422 15.6975C12.193 15.6975 13.0129 15.1027 13.3741 14.1982L14.9922 14.1975C15.4064 14.1975 15.7422 13.8615 15.7422 13.4475C15.7422 13.0335 15.4064 12.6975 14.9922 12.6975L13.3672 12.693C13.0435 11.8058 12.193 11.1975 11.2422 11.1975ZM11.2422 12.6975C11.6564 12.6975 11.9922 13.0335 11.9922 13.4475C11.9922 13.8615 11.6564 14.1975 11.2422 14.1975C10.828 14.1975 10.4922 13.8615 10.4922 13.4475C10.4922 13.0335 10.828 12.6975 11.2422 12.6975Z\" />\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 { FC, ReactNode, useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, Flex, Text } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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\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={`item-${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 { useCallback, useEffect, useState } from \"react\";\nimport { TableSort } from \"@kodiak-finance/orderly-ui\";\nimport { formatSymbol } from \"@kodiak-finance/orderly-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 { useEffect, useMemo, useState } from \"react\";\nimport { useMarkets, useQuery, MarketsType } from \"@kodiak-finance/orderly-hooks\";\nimport { useEmblaCarousel } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 { FC, ReactNode, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, Flex, TabPanel, Tabs, Text } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 <BlockItem\n key={`item-${index}`}\n {...item}\n className={cn(\n index !== list.length - 1 && \"oui-border-r oui-border-line-6\",\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) => (\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 { FC } from \"react\";\nimport { useScreen } from \"@kodiak-finance/orderly-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 { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { TokenIcon, Flex, Text, cn, Tooltip, Badge } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 if (props.dataSource?.length === 0) {\n return null;\n }\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 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 { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-ui\";\nimport type { 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 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 \"@kodiak-finance/orderly-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","export { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\nexport { useFavoritesDropdownMenuScript } from \"./favoritesDropdownMenu.script\";\nexport { FavoritesDropdownMenuWidget } from \"./favoritesDropdownMenu.widget\";\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport type { 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 { FC } from \"react\";\nimport { cn, DataTable } from \"@kodiak-finance/orderly-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 | \"panelSize\"\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 panelSize,\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 (panelSize === \"small\") {\n return null;\n }\n\n if (panelSize === \"middle\") {\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) => {\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 ? { sortKey: initialSort.sortKey, sort: initialSort.sortOrder }\n : undefined\n }\n manualSorting\n emptyView={emptyView}\n />\n </>\n );\n};\n","import { useMarkets } from \"@kodiak-finance/orderly-hooks\";\nimport { SortOrder, Column } from \"@kodiak-finance/orderly-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 { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@kodiak-finance/orderly-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 { ReactNode } from \"react\";\nimport { Favorite, FavoriteTab } from \"@kodiak-finance/orderly-hooks\";\nimport { DataTableClassNames } from \"@kodiak-finance/orderly-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 panelSize?: \"small\" | \"middle\" | \"large\";\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 return (\n <MarketsList\n {...state}\n initialSort={props.initialSort}\n getColumns={props.getColumns}\n panelSize={props.panelSize}\n tableClassNames={props.tableClassNames}\n rowClassName={props.rowClassName}\n renderHeader={props.renderHeader}\n emptyView={props.emptyView}\n />\n );\n};\n","export { MarketsList } from \"./marketsList.ui\";\nexport { useMarketsListScript } from \"./marketsList.script\";\nexport { MarketsListWidget } from \"./marketsList.widget\";\n","import React, { useRef, useCallback } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n CloseCircleFillIcon,\n cn,\n Input,\n InputProps,\n} from \"@kodiak-finance/orderly-ui\";\nimport { SearchIcon } from \"../../icons\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\ntype SearchInputProps = Pick<InputProps, \"classNames\" | \"suffix\">;\n\nexport const SearchInput: React.FC<SearchInputProps> = (props) => {\n const { classNames, suffix } = props;\n const isComposingRef = useRef<boolean>(false);\n\n const { t } = useTranslation();\n\n const { searchValue, onSearchValueChange, clearSearchValue } =\n useMarketsContext();\n\n const handleCompositionStart = useCallback(() => {\n isComposingRef.current = true;\n }, []);\n\n const handleCompositionEnd = useCallback(\n (event: React.CompositionEvent<HTMLInputElement>) => {\n isComposingRef.current = false;\n onSearchValueChange?.(event.currentTarget.value);\n },\n [onSearchValueChange],\n );\n\n return (\n <Input\n value={searchValue}\n onValueChange={onSearchValueChange}\n onCompositionStart={handleCompositionStart}\n onCompositionEnd={handleCompositionEnd}\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 \"@kodiak-finance/orderly-i18n\";\nimport { Text, Column, Flex, TokenIcon, Badge } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 { FC } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Button,\n cn,\n EmptyStateIcon,\n Flex,\n PlusIcon,\n Text,\n} from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n cn,\n Flex,\n Text,\n Tooltip,\n Input,\n modal,\n} from \"@kodiak-finance/orderly-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","export { FavoritesTab } from \"./favoritesTabs.ui\";\nexport { useFavoritesTabScript } from \"./favoritesTabs.script\";\nexport { FavoritesTabWidget } from \"./favoritesTabs.widget\";\n","import { useCallback } from \"react\";\nimport { Favorite, FavoriteTab } from \"@kodiak-finance/orderly-hooks\";\nimport { Box } from \"@kodiak-finance/orderly-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 { useCallback } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, Column, TabPanel, Tabs } from \"@kodiak-finance/orderly-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 { useCallback } from \"react\";\nimport { useSessionStorage } from \"@kodiak-finance/orderly-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 { 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 { MouseEventHandler, useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Flex, Text, Box, Tooltip, Column } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 { FC, ReactNode } from \"react\";\nimport { Trans } from \"@kodiak-finance/orderly-i18n\";\nimport { cn, Flex, DataTable } from \"@kodiak-finance/orderly-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 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 { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@kodiak-finance/orderly-hooks\";\nimport { usePagination } from \"@kodiak-finance/orderly-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","export { FavoritesListFull } from \"./favoritesListFull.ui\";\nexport { useFavoritesListFullScript } from \"./favoritesListFull.script\";\nexport { FavoritesListFullWidget } from \"./favoritesListFull.widget\";\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-hooks\";\nimport { TableSort, usePagination } from \"@kodiak-finance/orderly-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","export { MarketsListFull } from \"./marketsListFull.ui\";\nexport { useMarketsListFullScript } from \"./marketsListFull.script\";\nexport { MarketsListFullWidget } from \"./marketsListFull.widget\";\n","import React from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, TabPanel, Tabs } from \"@kodiak-finance/orderly-ui\";\nimport { FavoritesEmpty } from \"../../../components/favoritesEmpty\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nconst LazySearchInput = React.lazy(() =>\n import(\"../../../components/searchInput\").then((mod) => {\n return { default: mod.SearchInput };\n }),\n);\n\nconst LazyFavoritesListFullWidget = React.lazy(() =>\n import(\"../../../components/favoritesListFull\").then((mod) => {\n return { default: mod.FavoritesListFullWidget };\n }),\n);\n\nconst LazyMarketsListFullWidget = React.lazy(() =>\n import(\"../../../components/marketsListFull\").then((mod) => {\n return { default: mod.MarketsListFullWidget };\n }),\n);\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n const { searchValue, 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 <React.Suspense fallback={null}>\n <LazySearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n </React.Suspense>\n }\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n testid=\"oui-testid-markets-favorites-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyFavoritesListFullWidget\n emptyView={\n !searchValue && (\n <FavoritesEmpty\n onClick={() => onTabChange(MarketsTabName.All)}\n />\n )\n }\n />\n </React.Suspense>\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n testid=\"oui-testid-markets-all-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyMarketsListFullWidget\n type=\"all\"\n initialSort={{ sortKey: \"24h_amount\", sortOrder: \"desc\" }}\n />\n </React.Suspense>\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n testid=\"oui-testid-markets-newListings-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyMarketsListFullWidget\n type=\"new\"\n initialSort={{ sortKey: \"created_time\", sortOrder: \"desc\" }}\n />\n </React.Suspense>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import React from \"react\";\nimport { useScreen } from \"@kodiak-finance/orderly-ui\";\nimport { MobileMarketsDataList } from \"./marketsDataList.mobile.ui\";\nimport { useMarketsDataListScript } from \"./marketsDataList.script\";\nimport { MarketsDataList } from \"./marketsDataList.ui\";\n\nexport const MarketsDataListWidget: React.FC = () => {\n const { isMobile } = useScreen();\n const state = useMarketsDataListScript();\n return isMobile ? (\n <MobileMarketsDataList {...state} />\n ) : (\n <MarketsDataList {...state} />\n );\n};\n","export { MarketsDataListWidget } from \"./marketsDataList.widget\";\nexport { useMarketsDataListScript } from \"./marketsDataList.script\";\nexport { MarketsDataList } from \"./marketsDataList.ui\";\n","import React from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@kodiak-finance/orderly-ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport type { ExpandMarketsScriptReturn } from \"./expandMarkets.script\";\n\nconst LazySearchInput = React.lazy(() =>\n import(\"../searchInput\").then((mod) => {\n return { default: mod.SearchInput };\n }),\n);\n\nconst LazyMarketsListWidget = React.lazy(() =>\n import(\"../marketsList\").then((mod) => {\n return { default: mod.MarketsListWidget };\n }),\n);\n\nexport type ExpandMarketsProps = ExpandMarketsScriptReturn;\n\nconst cls = \"oui-h-[calc(100%_-_36px)]\";\n\nexport const ExpandMarkets: React.FC<ExpandMarketsProps> = (props) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const { getFavoritesProps, renderEmptyView } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <React.Suspense fallback={null}>\n <LazyMarketsListWidget\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 </React.Suspense>\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 <React.Suspense fallback={null}>\n <LazySearchInput />\n </React.Suspense>\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","export const SIDE_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_side_markets_tab_sort\";\n\nexport const SIDE_MARKETS_SEL_TAB_KEY = \"orderly_side_markets_sel_tab_key\";\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","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","export { ExpandMarkets } from \"./expandMarkets.ui\";\nexport { useExpandMarketsScript } from \"./expandMarkets.script\";\nexport { ExpandMarketsWidget } from \"./expandMarkets.widget\";\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Column,\n Flex,\n Picker,\n Select,\n Text,\n TokenIcon,\n useScreen,\n} from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@kodiak-finance/orderly-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 {\n MarketsType,\n useFundingRateHistory,\n useFundingRates,\n useMarkets,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { usePagination } from \"@kodiak-finance/orderly-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, useState } from \"react\";\nimport { DataTable, cn } from \"@kodiak-finance/orderly-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 { FC } from \"react\";\nimport { useScreen } from \"@kodiak-finance/orderly-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","export { FundingOverview } from \"./fundingOverview.ui\";\nexport { useFundingOverviewScript } from \"./fundingOverview.script\";\nexport { FundingOverviewWidget } from \"./fundingOverview.widget\";\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 { useCallback, useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { cn, Flex, TokenIcon, useScreen } from \"@kodiak-finance/orderly-ui\";\nimport type { Column } from \"@kodiak-finance/orderly-ui\";\nimport { Text } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 type { FC } from \"react\";\nimport { cn } from \"@kodiak-finance/orderly-ui\";\nimport { DataTable } from \"@kodiak-finance/orderly-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 { useMemo } from \"react\";\nimport {\n useFundingRates,\n useMarketsStream,\n useQuery,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { usePagination } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 { cn } from \"@kodiak-finance/orderly-ui\";\nimport { DataTable } from \"@kodiak-finance/orderly-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 type { FC } from \"react\";\nimport { useScreen } from \"@kodiak-finance/orderly-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","export { FundingComparison } from \"./fundingComparison.ui\";\nexport { useFundingComparisonScript } from \"./fundingComparison.script\";\nexport { FundingComparisonWidget } from \"./fundingComparison.widget\";\n","import React from \"react\";\nimport { pick } from \"ramda\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, Flex, Text } from \"@kodiak-finance/orderly-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 type { SideMarketsScriptReturn } from \"./sideMarkets.script\";\n\nexport const SideMarketsHeader: React.FC<\n Pick<\n SideMarketsScriptReturn,\n \"resizeable\" | \"panelSize\" | \"onPanelSizeChange\"\n >\n> = (props) => {\n const { resizeable, panelSize, onPanelSizeChange } = props;\n\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-text-base-contrast-36\",\n resizeable\n ? \"oui-cursor-pointer hover:oui-text-base-contrast-80\"\n : \"oui-cursor-not-allowed\",\n );\n\n return (\n <Flex\n className={\n panelSize === \"small\"\n ? \"oui-absolute oui-end-[-20px] oui-z-50\"\n : \"oui-relative\"\n }\n justify={panelSize === \"large\" ? \"between\" : \"center\"}\n width=\"100%\"\n px={3}\n >\n {panelSize === \"large\" && (\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n )}\n {panelSize === \"large\" && (\n <div\n onClick={resizeable ? () => onPanelSizeChange?.(\"middle\") : undefined}\n >\n <CollapseIcon className={cls} />\n </div>\n )}\n {(panelSize === \"middle\" || panelSize === \"small\") && (\n <div\n onClick={resizeable ? () => onPanelSizeChange?.(\"large\") : undefined}\n >\n <ExpandIcon className={cls} />\n </div>\n )}\n </Flex>\n );\n};\n\nexport type SideMarketsProps = SideMarketsScriptReturn & { className?: string };\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n const { panelSize, activeTab, onTabChange, className, tabSort } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderContent = () => {\n if (panelSize === \"large\") {\n return (\n <ExpandMarketsWidget\n activeTab={activeTab}\n onTabChange={onTabChange}\n symbol={symbol}\n onSymbolChange={onSymbolChange}\n />\n );\n }\n return (\n <MarketsListWidget\n type={activeTab}\n initialSort={tabSort[activeTab]}\n panelSize={\"middle\"}\n {...getFavoritesProps(activeTab)}\n />\n );\n };\n\n return (\n <Flex\n id=\"oui-side-markets\"\n className={cn(\"oui-relative oui-font-semibold\", className)}\n direction=\"column\"\n gapY={5}\n height=\"100%\"\n width=\"100%\"\n >\n <SideMarketsHeader\n {...pick([\"resizeable\", \"panelSize\", \"onPanelSizeChange\"], props)}\n />\n <Box\n width=\"100%\"\n className={cn(\n panelSize === \"large\" && \"oui-h-[calc(100%_-_56px)]\",\n panelSize === \"middle\" && \"oui-h-[calc(100%_-_52px)]\",\n )}\n >\n {renderContent()}\n </Box>\n </Flex>\n );\n};\n","import { MouseEventHandler, useCallback } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Flex, Text, cn, Column } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Box,\n CloseIcon,\n cn,\n Flex,\n TabPanel,\n Tabs,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n} from \"@kodiak-finance/orderly-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 { useEffect, useState } from \"react\";\nimport { useLocalStorage } from \"@kodiak-finance/orderly-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","export { DropDownMarkets, DropDownMarketsConetnt } from \"./dropDownMarkets.ui\";\nexport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nexport { useDropDownMarketsColumns } from \"./column\";\nexport { DropDownMarketsWidget } from \"./dropDownMarkets.widget\";\n","import React from \"react\";\nimport { cn, Flex, Tooltip, Text } from \"@kodiak-finance/orderly-ui\";\n\ninterface DataItemProps {\n label: string;\n value: React.ReactNode;\n hint?: React.ReactNode;\n}\n\nexport const 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","import React from \"react\";\nimport { cn, Flex, Text, TokenIcon, Divider } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-utils\";\n\nexport interface MarketItemProps {\n symbol: string;\n tickerData: {\n \"24h_close\": number;\n change: number;\n quote_dp: number;\n };\n isActive: boolean;\n onSymbolClick: (symbol: string) => void;\n}\n\nconst MarketItemComponent: React.FC<MarketItemProps> = (props) => {\n const { symbol, tickerData, isActive, onSymbolClick } = props;\n\n const handleClick = React.useCallback(() => {\n onSymbolClick(symbol);\n }, [symbol, onSymbolClick]);\n\n return (\n <Flex\n direction=\"row\"\n className={cn(\n \"oui-cursor-pointer oui-rounded oui-h-[18px] oui-items-center oui-mr-3 oui-flex-shrink-0\",\n \"oui-transition-all oui-duration-200\",\n )}\n onClick={handleClick}\n >\n {/* Symbol */}\n <Flex gapX={1} itemAlign=\"center\" className=\"oui-mr-[6px]\">\n <TokenIcon symbol={symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n className=\"oui-text-base-contrast-80\"\n >\n {symbol}\n </Text.formatted>\n </Flex>\n\n {/* Price */}\n <Flex gapX={1} className=\"oui-mr-[6px]\">\n <Text.numeral\n dp={tickerData.quote_dp || 2}\n size=\"xs\"\n className=\"oui-text-base-contrast-80\"\n >\n {tickerData[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n {/* Change */}\n <Flex gapX={1} className=\"oui-mr-3\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"xs\"\n >\n {tickerData.change}\n </Text.numeral>\n </Flex>\n\n {/* Divider */}\n <Divider direction=\"vertical\" className=\"oui-h-[18px] oui-border-line\" />\n </Flex>\n );\n};\n\n// Memoize the component to prevent unnecessary re-renders\nexport const MarketItem = React.memo<MarketItemProps>(\n MarketItemComponent,\n (prevProps, nextProps) => {\n return (\n prevProps.symbol === nextProps.symbol &&\n prevProps.isActive === nextProps.isActive &&\n prevProps.tickerData[\"24h_close\"] === nextProps.tickerData[\"24h_close\"] &&\n prevProps.tickerData.change === nextProps.tickerData.change &&\n prevProps.tickerData.quote_dp === nextProps.tickerData.quote_dp &&\n prevProps.onSymbolClick === nextProps.onSymbolClick\n );\n },\n);\n\nMarketItem.displayName = \"MarketItem\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { useMarkets, MarketsType } from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, Flex, Text, cn, Checkbox, Divider } from \"@kodiak-finance/orderly-ui\";\nimport { FilterIcon } from \"../../icons\";\nimport type { MarketType } from \"./horizontalMarkets.script\";\n\nexport type DropdownPos = \"top\" | \"bottom\";\n\nexport type MarketTypeFilterProps = {\n selectedMarketType: MarketType;\n onMarketTypeChange: (marketType: MarketType) => void;\n className?: string;\n position?: DropdownPos;\n};\n\nconst marketTypeBase: Array<{\n value: MarketType;\n label: string;\n translationKey: string;\n}> = [\n { value: \"recent\", label: \"Recent\", translationKey: \"Recent\" },\n { value: \"all\", label: \"All Markets\", translationKey: \"All\" },\n { value: \"newListing\", label: \"New Listing\", translationKey: \"New listing\" },\n];\n\nconst marketTypeFavorites: Array<{\n value: MarketType;\n label: string;\n translationKey: string;\n}> = [{ value: \"favorites\", label: \"Favorites\", translationKey: \"Favorites\" }];\n\nexport const MarketTypeFilter: React.FC<MarketTypeFilterProps> = (props) => {\n const {\n selectedMarketType,\n onMarketTypeChange,\n className,\n position = \"bottom\" as DropdownPos,\n } = props;\n const [isOpen, setIsOpen] = useState(false);\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n // Access shared favorites store for tabs rendering\n const [, favorite] = useMarkets(MarketsType.FAVORITES);\n const hasFavorites = (favorite?.favorites?.length || 0) > 0;\n\n // Handle click outside to close dropdown\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setIsOpen(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpen]);\n\n // Open dropdown\n const handleFilterClick = useCallback(() => {\n setIsOpen((prev) => !prev);\n }, []);\n\n // Handle option click\n const handleOptionClick = useCallback(\n (marketType: MarketType) => {\n onMarketTypeChange(marketType);\n setIsOpen(false);\n },\n [onMarketTypeChange],\n );\n\n return (\n <Box\n ref={dropdownRef}\n className={cn(\"oui-relative oui-inline-block\", className)}\n >\n {/* Filter Button */}\n <Flex\n className={cn(\"oui-cursor-pointer oui-rounded\")}\n itemAlign=\"center\"\n onClick={handleFilterClick}\n >\n <FilterIcon\n className={cn(\n \"oui-size-[18px] oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-transition-colors\",\n )}\n />\n </Flex>\n\n {/* Dropdown Menu */}\n {isOpen && (\n <div className=\"oui-text-base-contrast-54\">\n <Box\n className={cn(\n \"oui-absolute oui-left-0 oui-z-50\",\n \"oui-bg-base-9 oui-border oui-border-line-6 oui-rounded-[12px]\",\n \"oui-shadow-lg oui-w-[320px] oui-p-5\",\n // animation\n \"oui-animate-in oui-fade-in-0 oui-zoom-in-95\",\n position === \"top\"\n ? \"oui-bottom-full oui-mb-1 oui-slide-in-from-bottom-2\"\n : \"oui-top-full oui-mt-1 oui-slide-in-from-top-2\",\n )}\n >\n <Flex direction=\"column\" gapY={3} itemAlign=\"start\">\n {/* Base Market Types */}\n <Flex\n direction=\"row\"\n gapX={3}\n wrap=\"wrap\"\n gapY={1}\n className=\"oui-gap-x-2 md:oui-gap-x-3\"\n >\n {marketTypeBase.map((option) => (\n <Flex\n key={option.value}\n className={cn(\"oui-cursor-pointer\")}\n itemAlign=\"center\"\n onClick={() => handleOptionClick(option.value)}\n >\n {/* Checkbox */}\n <Checkbox\n data-testid={`oui-testid-marketType-${option.value}-checkBox`}\n id={`toggle_market_type_${option.value}`}\n className=\"oui-peer\"\n color=\"white\"\n checked={selectedMarketType === option.value}\n />\n\n <label\n htmlFor={`toggle_market_type_${option.value}`}\n className={cn(\n \"oui-text-2xs oui-ml-1\",\n \"oui-break-normal oui-whitespace-nowrap oui-cursor-pointer\",\n )}\n >\n {option.translationKey}\n </label>\n </Flex>\n ))}\n </Flex>\n\n {hasFavorites && (\n <>\n {/* Divider */}\n <Divider\n className=\"oui-w-full\"\n direction=\"horizontal\"\n intensity={16}\n />\n\n {/* Favorites Title */}\n <Text className=\"oui-text-xs oui-text-base-contrast-54 oui-font-medium\">\n Favorites\n </Text>\n\n {/* Favorites Tabs as checkbox list */}\n <Flex\n direction=\"row\"\n gapX={3}\n wrap=\"wrap\"\n gapY={1}\n className=\"oui-gap-x-2 md:oui-gap-x-3\"\n >\n {favorite.favoriteTabs?.slice(0, 10)?.map((tab) => {\n const isActiveTab =\n selectedMarketType === \"favorites\" &&\n favorite.selectedFavoriteTab?.id === tab.id;\n const htmlId = `toggle_market_type_favorites_${tab.id}`;\n return (\n <Flex\n key={tab.id}\n className={cn(\"oui-cursor-pointer\")}\n itemAlign=\"center\"\n onClick={() => {\n favorite.updateSelectedFavoriteTab(tab);\n onMarketTypeChange(\"favorites\");\n setIsOpen(false);\n }}\n >\n <Checkbox\n data-testid={`oui-testid-marketType-favorites-${tab.id}-checkBox`}\n id={htmlId}\n className=\"oui-peer\"\n color=\"white\"\n checked={isActiveTab}\n />\n\n <label\n htmlFor={htmlId}\n className={cn(\n \"oui-text-2xs oui-ml-1\",\n \"oui-break-normal oui-whitespace-nowrap oui-cursor-pointer\",\n )}\n >\n {tab.name}\n </label>\n </Flex>\n );\n })}\n </Flex>\n </>\n )}\n </Flex>\n </Box>\n </div>\n )}\n </Box>\n );\n};\n","import React from \"react\";\nimport { Box, cn, Flex, Marquee } from \"@kodiak-finance/orderly-ui\";\nimport type { HorizontalMarketsScriptReturn } from \"./horizontalMarkets.script\";\nimport { MarketItem } from \"./marketItem.ui\";\nimport { MarketTypeFilter } from \"./marketTypeFilter.ui\";\nimport type { DropdownPos } from \"./marketTypeFilter.ui\";\n\nexport type HorizontalMarketsProps = HorizontalMarketsScriptReturn & {\n className?: string;\n dropdownPos?: DropdownPos;\n};\n\nexport const HorizontalMarkets = React.memo<HorizontalMarketsProps>((props) => {\n const {\n symbols,\n tickerData,\n currentSymbol,\n onSymbolClick,\n selectedMarketType,\n onMarketTypeChange,\n className,\n dropdownPos,\n } = props;\n\n // Memoize the render function to prevent unnecessary re-renders\n const renderMarketItem = React.useCallback(\n (symbol: string, index: number) => {\n const data = tickerData[symbol];\n const isActive = currentSymbol === symbol;\n\n if (!data) {\n return null;\n }\n\n return (\n <MarketItem\n key={symbol}\n symbol={symbol}\n tickerData={data}\n isActive={isActive}\n onSymbolClick={onSymbolClick}\n />\n );\n },\n [tickerData, currentSymbol, onSymbolClick],\n );\n\n const carouselOptions = React.useMemo(\n () => ({\n loop: true,\n align: \"start\" as const,\n axis: \"x\" as const,\n }),\n [],\n );\n\n const autoScrollOptions = React.useMemo(\n () => ({\n speed: 1,\n direction: \"forward\" as const,\n stopOnMouseEnter: true,\n }),\n [],\n );\n\n return (\n <Box\n className={cn(\n \"oui-horizontal-markets\",\n \"oui-bg-base-9 oui-rounded-[12px]\",\n \"oui-w-full oui-px-3 oui-py-2\",\n className,\n )}\n >\n <Flex\n direction=\"row\"\n gapX={3}\n itemAlign=\"center\"\n className=\"oui-size-full\"\n >\n {/* Filter Button */}\n <MarketTypeFilter\n selectedMarketType={selectedMarketType}\n onMarketTypeChange={onMarketTypeChange}\n position={dropdownPos}\n />\n\n {/* Markets List */}\n <Marquee\n data={symbols}\n renderItem={renderMarketItem}\n carouselOptions={carouselOptions}\n autoScrollOptions={autoScrollOptions}\n className=\"oui-h-full\"\n />\n </Flex>\n </Box>\n );\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n HorizontalMarkets.displayName = \"HorizontalMarkets\";\n}\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@kodiak-finance/orderly-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 React from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, TabPanel, Tabs } from \"@kodiak-finance/orderly-ui\";\nimport type { FundingScriptReturn } from \"./funding.script\";\n\nconst LazySearchInput = React.lazy(() =>\n import(\"../../../components/searchInput\").then((mod) => {\n return { default: mod.SearchInput };\n }),\n);\n\nconst LazyFundingOverviewWidget = React.lazy(() =>\n import(\"../../../components/fundingOverview\").then((mod) => {\n return { default: mod.FundingOverviewWidget };\n }),\n);\n\nconst LazyFundingComparisonWidget = React.lazy(() =>\n import(\"../../../components/fundingComparison\").then((mod) => {\n return { default: mod.FundingComparisonWidget };\n }),\n);\n\nexport const Funding: React.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 <React.Suspense fallback={null}>\n <LazySearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n </React.Suspense>\n }\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyFundingOverviewWidget />\n </React.Suspense>\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyFundingComparisonWidget />\n </React.Suspense>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import React from \"react\";\nimport { useScreen } from \"@kodiak-finance/orderly-ui\";\nimport { MobileFunding } from \"./funding.mobile.ui\";\nimport { useFundingScript } from \"./funding.script\";\nimport { Funding } from \"./funding.ui\";\n\nexport const FundingWidget: React.FC = () => {\n const state = useFundingScript();\n const { isMobile } = useScreen();\n return isMobile ? <MobileFunding {...state} /> : <Funding {...state} />;\n};\n","export { MarketsHeader } from \"./marketsHeader.ui\";\nexport { useMarketsHeaderScript } from \"./marketsHeader.script\";\nexport { MarketsHeaderWidget } from \"./marketsHeader.widget\";\n","export * from \"./pages/home/marketsHeader\";\nexport * from \"./pages/home/marketsDataList\";\n\nexport * from \"./components/marketsListFull\";\nexport * from \"./components/favoritesListFull\";\n\nexport * from \"./components/favoritesDropdownMenu\";\nexport * from \"./components/favoritesTabs\";\nexport * from \"./components/expandMarkets\";\n\nexport * from \"./components/marketsList\";\nexport * from \"./components/fundingOverview\";\nexport * from \"./components/fundingComparison\";\n\nexport * from \"./components/collapseMarkets\";\nexport * from \"./components/sideMarkets\";\nexport * from \"./components/dropDownMarkets\";\nexport * from \"./components/marketsSheet\";\nexport * from \"./components/symbolInfoBar\";\nexport * from \"./components/symbolInfoBarFull\";\nexport * from \"./components/horizontalMarkets\";\n\nexport * from \"./deprecated/newListingList\";\nexport * from \"./deprecated/favoritesList\";\nexport * from \"./deprecated/recentList\";\nexport * from \"./type\";\n\nexport { MarketsHomePage } from \"./pages/home/page\";\nexport { MarketsProvider } from \"./components/marketsProvider\";\n","export { SideMarkets } from \"./sideMarkets.ui\";\nexport { useSideMarketsScript } from \"./sideMarkets.script\";\nexport { SideMarketsWidget } from \"./sideMarkets.widget\";\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocalStorage } from \"@kodiak-finance/orderly-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 resizeable?: boolean;\n panelSize?: \"small\" | \"middle\" | \"large\";\n onPanelSizeChange?: React.Dispatch<\n React.SetStateAction<\"small\" | \"middle\" | \"large\">\n >;\n};\n\nexport type SideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;\n\nconst SIDE_MARKETS_SEL_TAB_KEY = \"orderly_side_markets_sel_tab_key\";\n\nexport const useSideMarketsScript = (options?: SideMarketsScriptOptions) => {\n const [panelSize, setPanelSize] = useState(options?.panelSize);\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 onPanelSizeChange = useCallback(\n (size: \"small\" | \"middle\" | \"large\") => {\n if (typeof options?.onPanelSizeChange === \"function\") {\n options.onPanelSizeChange(size);\n } else {\n setPanelSize(size);\n }\n },\n [options?.onPanelSizeChange],\n );\n\n useEffect(() => {\n setPanelSize(options?.panelSize);\n }, [options?.panelSize]);\n\n return {\n resizeable: options?.resizeable ?? true,\n panelSize: panelSize,\n onPanelSizeChange: onPanelSizeChange as React.Dispatch<\n React.SetStateAction<\"small\" | \"middle\" | \"large\">\n >,\n activeTab: activeTab as MarketsTabName,\n onTabChange: setActiveTab,\n tabSort: tabSort,\n } as const;\n};\n","import React from \"react\";\nimport { pick } from \"ramda\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useSideMarketsScript } from \"./sideMarkets.script\";\nimport type { SideMarketsProps } from \"./sideMarkets.ui\";\n\nconst LazySideMarkets = React.lazy(() =>\n import(\"./sideMarkets.ui\").then((mod) => {\n return { default: mod.SideMarkets };\n }),\n);\n\nexport type SideMarketsWidgetProps = MarketsProviderProps &\n Partial<\n Pick<\n SideMarketsProps,\n \"resizeable\" | \"panelSize\" | \"onPanelSizeChange\" | \"className\"\n >\n >;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n const state = useSideMarketsScript(\n pick([\"resizeable\", \"panelSize\", \"onPanelSizeChange\"], props),\n );\n return (\n <MarketsProvider {...pick([\"symbol\", \"onSymbolChange\"], props)}>\n <React.Suspense fallback={null}>\n <LazySideMarkets {...state} className={props.className} />\n </React.Suspense>\n </MarketsProvider>\n );\n};\n","import { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, TabPanel, Tabs, Text } from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-ui\";\nimport { UseSymbolInfoBarScriptReturn } from \"./symbolInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 React, { ReactNode } from \"react\";\nimport { useFundingRate } from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { TokenIcon, Flex, Text, cn, Divider } from \"@kodiak-finance/orderly-ui\";\nimport { Decimal } from \"@kodiak-finance/orderly-utils\";\nimport {\n ArrowLeftIcon,\n FavoritesIcon2,\n TriangleDownIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport type { MarketsProviderProps } from \"../marketsProvider\";\nimport type { UseSymbolInfoBarFullScriptReturn } from \"./symbolInfoBarFull.script\";\n\nconst LazyDropDownMarketsWidget = React.lazy(() =>\n import(\"../dropDownMarkets\").then((mod) => {\n return { default: mod.DropDownMarketsWidget };\n }),\n);\n\nconst LazyFavoritesDropdownMenuWidget = React.lazy(() =>\n import(\"../favoritesDropdownMenu\").then((mod) => {\n return { default: mod.FavoritesDropdownMenuWidget };\n }),\n);\n\nconst LazyDataItem = React.lazy(() =>\n import(\"./dataItem.ui\").then((mod) => {\n return { default: mod.DataItem };\n }),\n);\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 <React.Suspense fallback={null}>\n <LazyFavoritesDropdownMenuWidget 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 </LazyFavoritesDropdownMenuWidget>\n </React.Suspense>\n );\n\n const symbolView = (\n <React.Suspense fallback={null}>\n <LazyDropDownMarketsWidget\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 </LazyDropDownMarketsWidget>\n </React.Suspense>\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 <React.Suspense fallback={null}>\n <LazyDataItem\n label={t(\"markets.column.24hChange\")}\n value={change}\n />\n </React.Suspense>\n </div>\n <React.Suspense fallback={null}>\n <LazyDataItem\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 </React.Suspense>\n <React.Suspense fallback={null}>\n <LazyDataItem\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 </React.Suspense>\n <React.Suspense fallback={null}>\n <LazyDataItem\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 </React.Suspense>\n <React.Suspense fallback={null}>\n <LazyDataItem\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\n justify=\"between\"\n itemAlign={\"center\"}\n width={\"100%\"}\n >\n <Text intensity={54}>\n {t(\"trading.fundingRate.predFundingRate.interval\")}\n </Text>\n <Text intensity={80}>{fundingPeriod}</Text>\n </Flex>\n <Flex\n justify=\"between\"\n itemAlign={\"center\"}\n width={\"100%\"}\n >\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 </React.Suspense>\n\n <div ref={tailingElementRef}>\n <React.Suspense fallback={null}>\n <LazyDataItem\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 </React.Suspense>\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 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 \"@kodiak-finance/orderly-hooks\";\nimport { Decimal } from \"@kodiak-finance/orderly-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 React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useHorizontalMarketsScript } from \"./horizontalMarkets.script\";\nimport type { MarketType } from \"./horizontalMarkets.script\";\nimport type { HorizontalMarketsProps } from \"./horizontalMarkets.ui\";\nimport type { DropdownPos } from \"./marketTypeFilter.ui\";\n\nconst LazyHorizontalMarkets = React.lazy(() =>\n import(\"./horizontalMarkets.ui\").then((mod) => {\n return { default: mod.HorizontalMarkets };\n }),\n);\n\nexport type HorizontalMarketsWidgetProps = MarketsProviderProps &\n Partial<Pick<HorizontalMarketsProps, \"symbols\" | \"className\">> & {\n maxItems?: number;\n defaultMarketType?: MarketType;\n dropdownPos?: DropdownPos;\n };\n\nconst HorizontalMarketsInner: React.FC<\n Pick<\n HorizontalMarketsWidgetProps,\n \"symbols\" | \"maxItems\" | \"defaultMarketType\" | \"className\" | \"dropdownPos\"\n >\n> = (props) => {\n const { symbols, maxItems, className, defaultMarketType, dropdownPos } =\n props;\n const state = useHorizontalMarketsScript({\n symbols,\n maxItems,\n defaultMarketType,\n });\n return (\n <React.Suspense fallback={null}>\n <LazyHorizontalMarkets\n {...state}\n className={className}\n dropdownPos={dropdownPos}\n />\n </React.Suspense>\n );\n};\n\nexport const HorizontalMarketsWidget: React.FC<HorizontalMarketsWidgetProps> = (\n props,\n) => {\n const {\n symbols,\n maxItems,\n className,\n defaultMarketType,\n dropdownPos,\n ...providerProps\n } = props;\n\n return (\n <MarketsProvider {...providerProps}>\n <HorizontalMarketsInner\n symbols={symbols}\n maxItems={maxItems}\n className={className}\n defaultMarketType={defaultMarketType}\n dropdownPos={dropdownPos}\n />\n </MarketsProvider>\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport {\n useMarkets,\n MarketsType,\n useLocalStorage,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { API } from \"@kodiak-finance/orderly-types\";\nimport {\n SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n SIDE_MARKETS_SEL_TAB_KEY,\n} from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { sortList } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type MarketType = \"all\" | \"recent\" | \"newListing\" | \"favorites\";\n\nexport type HorizontalMarketsScriptOptions = {\n symbols?: string[];\n maxItems?: number;\n defaultMarketType?: MarketType;\n};\n\nexport type HorizontalMarketsScriptReturn = ReturnType<\n typeof useHorizontalMarketsScript\n>;\n\nexport const useHorizontalMarketsScript = (\n options?: HorizontalMarketsScriptOptions,\n) => {\n const {\n symbols: optionSymbols,\n maxItems: optionMaxItems,\n defaultMarketType,\n } = options || {};\n const { symbol: currentSymbol, onSymbolChange } = useMarketsContext();\n const [selectedMarketType, setSelectedMarketType] =\n useLocalStorage<MarketType>(\n SIDE_MARKETS_SEL_TAB_KEY,\n (defaultMarketType || \"all\") as MarketType,\n );\n\n const MarketsTypeMap: Record<MarketType, MarketsType> = {\n all: MarketsType.ALL,\n recent: MarketsType.RECENT,\n newListing: MarketsType.NEW_LISTING,\n favorites: MarketsType.FAVORITES,\n };\n\n // Pull markets from the shared store (same as SideMarkets)\n const marketTypeKey = (selectedMarketType as MarketType) || \"all\";\n const [markets, favorite] = useMarkets(\n MarketsTypeMap[marketTypeKey] || MarketsType.ALL,\n );\n // Apply the same ordering rules as SideMarkets\n const filteredMarkets = useMemo(() => {\n if (selectedMarketType === \"favorites\") {\n const { favorites, selectedFavoriteTab } = favorite;\n const symbolsInTab = favorites\n ?.filter((fav) =>\n fav.tabs?.some((tab) => tab.id === selectedFavoriteTab.id),\n )\n ?.map((fav) => fav.name);\n\n const map: Record<string, (typeof markets)[number]> = Object.create(null);\n for (const m of markets) map[m.symbol] = m;\n return (symbolsInTab || [])\n .map((s) => map[s])\n .filter(Boolean) as typeof markets;\n }\n\n if (selectedMarketType === \"recent\") {\n const symbolsInRecent = favorite.recent?.map((r) => r.name) || [];\n const map: Record<string, (typeof markets)[number]> = Object.create(null);\n for (const m of markets) map[m.symbol] = m;\n return symbolsInRecent\n .map((s) => map[s])\n .filter(Boolean) as typeof markets;\n }\n\n return markets;\n }, [\n markets,\n favorite.favorites,\n favorite.selectedFavoriteTab,\n favorite.recent,\n selectedMarketType,\n ]);\n\n // Read the tabSort from the same storage used by side markets and apply it\n const { tabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n const sortedMarkets = useMemo(() => {\n const sort = tabSort?.[selectedMarketType as MarketsTabName];\n return sort ? sortList(filteredMarkets, sort) : filteredMarkets;\n }, [filteredMarkets, tabSort, selectedMarketType]);\n\n const symbols = useMemo(() => {\n const list = optionSymbols\n ? optionSymbols\n : sortedMarkets.map((m) => m.symbol);\n const max = optionMaxItems;\n if (typeof max === \"number\") {\n if (max === -1) return list;\n if (max >= 0) return list.slice(0, max);\n }\n return list;\n }, [sortedMarkets, optionSymbols, optionMaxItems]);\n\n type TickerData = Record<\n string,\n { \"24h_close\": number; change: number; quote_dp: number }\n >;\n const tickerData = useMemo<TickerData>(() => {\n return sortedMarkets.reduce<TickerData>((acc, item) => {\n acc[item.symbol] = {\n \"24h_close\": item[\"24h_close\"],\n change: item.change,\n quote_dp: item.quote_dp,\n };\n return acc;\n }, {} as TickerData);\n }, [sortedMarkets]);\n\n const onSymbolClick = useCallback(\n (symbol: string) => {\n const record = sortedMarkets.find((m) => m.symbol === symbol);\n if (record) {\n onSymbolChange?.(record as any);\n favorite.addToHistory(record as any);\n } else {\n onSymbolChange?.({ symbol } as API.Symbol);\n }\n },\n [sortedMarkets, favorite, onSymbolChange],\n );\n\n const onMarketTypeChange = useCallback(\n (marketType: MarketType) => {\n setSelectedMarketType(marketType);\n },\n [setSelectedMarketType],\n );\n\n return {\n symbols,\n tickerData,\n currentSymbol,\n onSymbolClick,\n selectedMarketType,\n onMarketTypeChange,\n } as const;\n};\n","export { HorizontalMarketsWidget } from \"./horizontalMarkets.widget\";\nexport { HorizontalMarkets } from \"./horizontalMarkets.ui\";\nexport { MarketTypeFilter } from \"./marketTypeFilter.ui\";\nexport { MarketItem } from \"./marketItem.ui\";\nexport { useHorizontalMarketsScript } from \"./horizontalMarkets.script\";\nexport type { HorizontalMarketsProps } from \"./horizontalMarkets.ui\";\nexport type { HorizontalMarketsWidgetProps } from \"./horizontalMarkets.widget\";\nexport type { MarketTypeFilterProps } from \"./marketTypeFilter.ui\";\nexport type { MarketItemProps } from \"./marketItem.ui\";\nexport type {\n HorizontalMarketsScriptOptions,\n HorizontalMarketsScriptReturn,\n MarketType,\n} from \"./horizontalMarkets.script\";\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 \"@kodiak-finance/orderly-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 React, { FC, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Box, cn, TabPanel, Tabs, useScreen } from \"@kodiak-finance/orderly-ui\";\nimport {\n LeftNavProps,\n RouterAdapter,\n LeftNavUI,\n} from \"@kodiak-finance/orderly-ui-scaffold\";\nimport {\n MarketsProvider,\n type MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { MarketsPageTab } from \"../../type\";\n\nconst LazyMarketsHeaderWidget = React.lazy(() =>\n import(\"./marketsHeader/marketsHeader.widget\").then((mod) => {\n return { default: mod.MarketsHeaderWidget };\n }),\n);\n\nconst LazyMarketsDataListWidget = React.lazy(() =>\n import(\"./marketsDataList\").then((mod) => {\n return { default: mod.MarketsDataListWidget };\n }),\n);\n\nconst LazyFundingWidget = React.lazy(() =>\n import(\"./funding/funding.widget\").then((mod) => {\n return { default: mod.FundingWidget };\n }),\n);\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: React.FC<MarketsContentProps> = (props) => {\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 <React.Suspense fallback={null}>\n <LazyMarketsHeaderWidget className=\"oui-mt-4\" />\n </React.Suspense>\n <React.Suspense fallback={null}>\n <LazyMarketsDataListWidget />\n </React.Suspense>\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value={MarketsPageTab.Funding}\n testid=\"oui-testid-funding-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyFundingWidget />\n </React.Suspense>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n\nconst MarketsMobileContent: React.FC<MarketsContentProps> = (props) => {\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-mr-4 oui-ml-3\"\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 <React.Suspense fallback={null}>\n <LazyMarketsHeaderWidget className=\"oui-mt-2\" />\n </React.Suspense>\n <React.Suspense fallback={null}>\n <LazyMarketsDataListWidget />\n </React.Suspense>\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value=\"funding\"\n testid=\"oui-testid-funding-tab\"\n >\n <React.Suspense fallback={null}>\n <LazyFundingWidget />\n </React.Suspense>\n </TabPanel>\n </Tabs>\n );\n};\n"]}