@orderly.network/markets 2.3.1 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +40 -40
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +4 -4
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +7 -7
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/pages/home/marketsHeader/marketsHeader.ui.tsx","../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/marketsHeader/marketsHeader.script.tsx","../src/utils.ts","../src/pages/home/marketsHeader/marketsHeader.widget.tsx","../src/pages/home/marketsHeader/marketsHeader.mobile.ui.tsx","../src/pages/home/marketsDataList/marketsDataList.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.mobile.ui.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/components/collapseMarkets/index.tsx","../src/components/sideMarkets/column.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.widget.tsx","../src/components/marketsList/marketsList.script.ts","../src/type.ts","../src/components/marketsList/marketsList.widget.tsx","../src/components/searchInput.tsx/index.tsx","../src/components/shared/column.tsx","../src/components/shared/hooks/useFavoritesExtraProps.tsx","../src/components/favoritesTabs/favoritesTabs.ui.tsx","../src/components/favoritesTabs/favoritesTabs.script.ts","../src/components/favoritesTabs/favoritesTabs.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/pages/home/marketsDataList/marketsDataList.ui.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/marketsListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/favoritesListFull.widget.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/marketsListFull.widget.tsx","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/components/expandMarkets/expandMarkets.script.ts","../src/constant.ts","../src/components/expandMarkets/expandMarkets.widget.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/fundingOverview.widget.tsx","../src/components/fundingOverview/fundingOverview.mobile.ui.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/fundingComparison.widget.tsx","../src/components/fundingComparison/fundingComparison.mobile.ui.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/sideMarkets.widget.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/dropDownMarkets.widget.tsx","../src/components/marketsSheet/marketsSheet.ui.tsx","../src/components/marketsSheet/column.tsx","../src/components/marketsSheet/marketsSheet.script.ts","../src/components/marketsSheet/marketsSheet.widget.tsx","../src/components/symbolInfoBar/symbolInfoBar.ui.tsx","../src/components/symbolInfoBar/symbolInfoBar.script.ts","../src/components/symbolInfoBar/symbolInfoBar.widget.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.script.ts","../src/components/symbolInfoBarFull/symbolInfoBarFull.widget.tsx","../src/deprecated/newListingList/newListingList.ui.tsx","../src/deprecated/newListingList/newListingList.script.ts","../src/deprecated/newListingList/widget.tsx","../src/deprecated/favoritesList/favoritesList.ui.tsx","../src/deprecated/favoritesList/favoritesList.script.ts","../src/deprecated/favoritesList/widget.tsx","../src/deprecated/recentList/recentList.ui.tsx","../src/deprecated/recentList/recentList.script.ts","../src/deprecated/recentList/widget.tsx","../src/pages/home/page.tsx","../src/pages/home/funding/funding.widget.tsx","../src/pages/home/funding/funding.mobile.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/funding.ui.tsx"],"names":["useMemo","useTranslation","Box","cn","Flex","Text","Decimal","createContext","useState","useContext","useCallback","jsx","MarketsContext","MarketsProvider","props","searchValue","setSearchValue","clearSearchValue","useMarketsContext","jsxs","EditIcon","TrashIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon","ActiveAddIcon","ExpandIcon","CollapseIcon","TriangleDownIcon","ArrowLeftIcon","MarketsHeader","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","onSymbolChange","t","cls","onSymbol","item","BlockList","CardItem","ScrollIndicator","list","index","BlockItem","ListItem","scrollPrev","scrollNext","useEffect","useEmblaCarousel","useMarkets","useQuery","MarketsType","sortList","sort","sortKey","sortOrder","sortedList","isEmpty","value","a","b","val1","val2","useSort","initialSort","onSortChange","setSort","onSort","options","nextSort","getSortedList","searchBySymbol","formatString","reg","searchValueLower","exactMatches","startsWithMatches","otherMatches","formattedSymbol","formatSymbol","symbolLower","compareSymbols","symbolA","symbolB","symbol","arr","type","base","quote","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","useScreen","TabPanel","Tabs","Fragment","MobileMarketsHeader","activeTab","setActiveTab","MarketsHeaderWidget","state","isMobile","DataTable","TokenIcon","Tooltip","Badge","CollapseMarkets","content","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","Input","CloseCircleFillIcon","FavoritesDropdownMenu","favoriteTabs","open","onOpenChange","inputVisible","selectedTabs","onValueChange","hide","hideInput","showInput","onCheck","addTab","confirm","overLen","renderInput","overTabs","header","checked","tab","footer","e","useFavoritesDropdownMenuScript","favorites","updateFavoriteTabs","updateSymbolFavoriteState","setOpen","setInputVisible","setValue","setSelectedTabs","clearState","newTab","find","FavoritesDropdownMenuWidget","useSideMarketsColumns","isFavoriteList","record","favoritesIcon","onDelSymbol","iconCls","actions","MarketsList","loading","dataSource","getColumns","collapsed","isFavoritesList","renderHeader","sideColumns","columns","MarketsPageTab","MarketsTabName","FundingTabName","MarketsTypeMap","useMarketsListScript","setLoading","selectedFavoriteTab","filterList","searchResults","MarketsListWidget","SearchInput","classNames","suffix","onSearchValueChange","i18n","getSymbolColumn","getLastColumn","get24hPercentageColumn","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","updateSelectedFavoriteTab","addIconWidth","tabHeight","gradientColor","onDel","onKeyUp","renderActions","renderAdd","icon","isActive","renderContent","textProps","useRef","useFavoritesTabScript","updateFavorites","setEditing","setScrollable","scrollView","setInputWidth","updateScrollLayout","scrollWidth","clientWidth","scrollToRight","selectedTab","_favorites","tabs","rect","offset","FavoritesTabWidget","className","rest","useFavoritesProps","dataFilter","fav","getFavoritesProps","MobileMarketsDataList","onTabChange","tabSort","onTabSort","renderTab","useSessionStorage","useTabSort","setTabSort","MOBILE_MARKETS_TAB_SORT_STORAGE_KEY","useMarketsDataListScript","Trans","useMarketsListFullColumns","button","FavoritesListFull","pagination","usePagination","useFavoritesListFullScript","pageSize","setPage","filterData","FavoritesListFullWidget","MarketsListFull","useMarketsListFullScript","searchList","sortStore","MarketsListFullWidget","MarketsDataList","MarketsDataListWidget","ExpandMarkets","SIDE_MARKETS_TAB_SORT_STORAGE_KEY","useExpandMarketsScript","ExpandMarketsWidget","Picker","Select","createFundingRenderer","dp","useFundingOverviewColumns","selectedPeriod","setSelectedPeriod","FundingPeriodSelect","FundingOverview","isLoading","useFundingRateHistory","useFundingRates","useFundingOverviewScript","marketData","fundingHistory","isHistoryLoading","getPositiveRates","fundingRates","processedData","posRates","acc","period","history","h","fundingRate","fundingInterval","getFundingInterval","filteredData","next_funding_time","last_funding_rate_timestamp","diff","MobileFundingOverview","FundingOverviewWidget","baseEX","exchanges","useFundingComparisonScript","row","result","exchangeName","rate","wooFiRate","otherRate","exchange","CDN_PREFIX","useFundingColumns","FundingComparison","MobileFundingComparison","FundingComparisonWidget","SideMarkets","collapsable","onCollapse","SideMarketsHeader","useLocalStorage","SIDE_MARKETS_SEL_TAB_KEY","useSideMarketsScript","setCollapsed","SideMarketsWidget","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","search","DROPDOWN_MARKETS_SEL_TAB_KEY","DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY","useDropDownMarketsScript","DropDownMarketsWidget","getMarketsSheetColumns","MarketsSheet","MARKETS_SHEET_SEL_TAB_KEY","useMarketsSheetScript","MarketsSheetWidget","SymbolInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useSymbolInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","SymbolInfoBarWidget","useFundingRate","SymbolInfoBarFull","isFavorite","quotoDp","openInterest","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","favoriteIcon","price","change","DataItem","FundingRate","visible","leading","tailing","onClick","useMarketsStore","useSymbolInfoBarFullScript","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","SymbolInfoBarFullWidget","NewListingList","useNewListingListScript","NewListingListWidget","FavoritesList","useFavoritesListScript","FavoritesListWidget","RecentList","useRecentListScript","RecentListWidget","MobileFunding","useFundingScript","Funding","FundingWidget","MarketsHomePage","MarketsMobileContent","MarketsDesktopContent"],"mappings":"AAAA,OAAwB,WAAAA,OAAe,QACvC,OAAS,kBAAAC,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,QAAAC,EAAM,QAAAC,OAAY,sBACpC,OAAS,WAAAC,OAAe,yBCHxB,OAEE,iBAAAC,GAEA,YAAAC,GACA,cAAAC,GACA,eAAAC,OACK,QA2BH,cAAAC,OAAA,oBAjBG,IAAMC,GAAiBL,GAAc,CAAC,CAAwB,EAOxDM,EACXC,GACG,CACH,GAAM,CAACC,EAAaC,CAAc,EAAIR,GAAS,EAAE,EAE3CS,EAAmBP,GAAY,IAAM,CACzCM,EAAe,EAAE,CACnB,EAAG,CAAC,CAAC,EAEL,OACEL,GAACC,GAAe,SAAf,CACC,MAAO,CACL,YAAAG,EACA,oBAAqBC,EACrB,iBAAAC,EACA,OAAQH,EAAM,OACd,eAAgBA,EAAM,cACxB,EAEC,SAAAA,EAAM,SACT,CAEJ,EAEO,SAASI,GAAoB,CAClC,OAAOT,GAAWG,EAAc,CAClC,CC/CE,OAiBI,OAAAD,EAjBJ,QAAAQ,OAAA,oBADK,IAAMC,GAAyCN,GACpDK,GAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGL,EAEJ,UAAAH,EAAC,QACC,GAAG,IACH,MAAO,CAAE,SAAU,OAAQ,EAC3B,UAAU,iBACV,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,KAEP,SAAAA,EAAC,QAAK,KAAK,UAAU,EAAE,gBAAgB,EACzC,EACAA,EAAC,KAAE,KAAK,UACN,SAAAA,EAAC,QAAK,EAAE,oVAAoV,EAC9V,GACF,EAGWU,GAA0CP,GACrDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,4PAA4P,EACtQ,EAGWW,GAA+CR,GAC1DK,GAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGL,EAEJ,UAAAH,EAAC,QACC,GAAG,IACH,MAAO,CAAE,SAAU,OAAQ,EAC3B,UAAU,iBACV,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,KAEP,SAAAA,EAAC,QAAK,KAAK,UAAU,EAAE,gBAAgB,EACzC,EACAA,EAAC,KAAE,KAAK,UACN,SAAAA,EAAC,QAAK,EAAE,2eAA2e,EACrf,GACF,EAGWY,GAAgDT,GAC3DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,qyBAAqyB,EAC/yB,EAGWa,EAA8CV,GACzDK,GAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGL,EAEJ,UAAAH,EAAC,QACC,GAAG,IACH,MAAO,CAAE,SAAU,OAAQ,EAC3B,UAAU,iBACV,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,KAEP,SAAAA,EAAC,QAAK,KAAK,UAAU,EAAE,iBAAiB,EAC1C,EACAA,EAAC,KAAE,KAAK,UACN,SAAAA,EAAC,QAAK,EAAE,ueAAue,EACjf,GACF,EAGWc,GAAgDX,GAC3DK,GAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGL,EAEJ,UAAAH,EAAC,QACC,GAAG,IACH,MAAO,CAAE,SAAU,OAAQ,EAC3B,UAAU,iBACV,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,KAEP,SAAAA,EAAC,QAAK,KAAK,UAAU,EAAE,iBAAiB,EAC1C,EACAA,EAAC,KAAE,KAAK,UACN,SAAAA,EAAC,QAAK,EAAE,ilBAAilB,EAC3lB,GACF,EA6BK,IAAMe,GAA2CZ,GACtDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,kOAAkO,EAC5O,EAGWgB,GAA8Cb,GACzDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,mVAAmV,EAC7V,EAGWiB,EAA4Cd,GACvDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,i4BACJ,EACF,EAGWkB,GAA+Cf,GAC1DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,2TAA2T,EACrU,EAGWmB,GAAiDhB,GAC5DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,ghBAAghB,EAC1hB,EAGWoB,GAAwCjB,GACnDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,uLAAuL,EACjM,EAGWqB,GAA2ClB,GACtDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,idAAid,EAC3d,EAGWsB,GAAwCnB,GACnDK,GAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGL,EAEJ,UAAAH,EAAC,QACC,GAAG,IACH,MAAO,CAAE,SAAU,OAAQ,EAC3B,UAAU,iBACV,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,KAEP,SAAAA,EAAC,QAAK,EAAE,gBAAgB,EAC1B,EACAA,EAAC,KAAE,KAAK,UACN,SAAAA,EAAC,QAAK,EAAE,yDAAyD,EACnE,GACF,EAGWuB,GAA8CpB,GACzDK,GAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,UAAAR,EAAC,QACC,EAAE,odACF,KAAK,iCACP,EACAA,EAAC,QACC,SAAAQ,GAAC,kBACC,GAAG,2BACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,cAAc,iBAEd,UAAAR,EAAC,QAAK,UAAU,qCAAqC,EACrDA,EAAC,QAAK,OAAO,IAAI,UAAU,uCAAuC,GACpE,EACF,GACF,EAGWwB,GAA2CrB,GACtDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,uSAAuS,EACjT,EAGWyB,GAA6CtB,GACxDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,kSAAkS,EAC5S,EAGW0B,GAAiDvB,GAC5DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,yFAAyF,EACnG,EAGW2B,GAA8CxB,GACzDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,2LAA2L,EACrM,EFvTI,OACE,OAAAA,EADF,QAAAQ,OAAA,oBAjCC,IAAMoB,GAAyCzB,GAAU,CAC9D,GAAM,CACJ,SAAA0B,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,QAAAC,EACA,OAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,IAAAC,EACA,SAAAC,CACF,EAAIpC,EACE,CAAE,eAAAqC,CAAe,EAAIjC,EAAkB,EACvC,CAAE,EAAAkC,CAAE,EAAInD,GAAe,EAEvBoD,EAAMlD,GACV,gGACAwC,GAAgB,oCAClB,EAEMW,EAAYC,GAAc,CAC9BJ,IAAiBI,CAAI,EACrBL,EAAS,aAAaK,CAAI,CAC5B,EAEA,OACEpC,GAAC,OACC,GAAG,qBACH,UAAWhB,GAAG,sBAAuBW,EAAM,SAAS,EACpD,IAAK6B,EAAeH,EAAW,OAE/B,UAAArB,GAACf,EAAA,CAAK,MAAM,OAAO,KAAM,EACvB,UAAAO,EAAC6C,GAAA,CACC,cAAeT,EACf,kBAAmBC,EACnB,IAAKC,EACL,UAAWI,EACb,EACA1C,EAAC8C,GAAA,CACC,KAAMb,EACN,MACEjC,EAACN,GAAK,SAAL,CAAc,MAAM,QAClB,SAAA+C,EAAE,qBAAqB,EAC1B,EAEF,UAAWC,EACX,SAAUC,EACZ,EACA3C,EAAC8C,GAAA,CACC,KAAMZ,EACN,MACElC,EAACN,GAAA,CAAK,UAAU,yBACb,SAAA+C,EAAE,oBAAoB,EACzB,EAEF,UAAWC,EACX,SAAUC,EACZ,EACA3C,EAAC8C,GAAA,CACC,KAAMX,EACN,MACEnC,EAACN,GAAA,CAAK,UAAU,wBACb,SAAA+C,EAAE,mBAAmB,EACxB,EAEF,UAAWC,EACX,SAAUC,EACZ,GACF,EACA3C,EAAC,OAAI,UAAU,+CACb,SAAAA,EAAC+C,GAAA,CACC,YAAahB,EACb,WAAYD,GAAU,WACtB,WAAYA,GAAU,WACxB,EACF,GACF,CAEJ,EAWMe,GAAuC1C,GAAU,CACrD,GAAM,CAAE,cAAAiC,EAAe,kBAAAC,EAAmB,IAAAC,CAAI,EAAInC,EAC5C,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvB0D,EAAO3D,GAAQ,IACZ,CACL,CACE,MACEmB,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAEwB,EAAE,0BAA0B,GAC/C,EAEF,MAAOL,CACT,EACA,CACE,MACE5B,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAEwB,EAAE,sBAAsB,GAC3C,EAEF,MAAOJ,CACT,EACA,CACE,MACE7B,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAE,GAAGwB,EAAE,eAAe,CAAC,UACxC,EAEF,MAAOH,CACT,CACF,EACC,CAACF,EAAeC,EAAmBC,CAAG,CAAC,EAC1C,OACEtC,EAACP,EAAA,CACC,UAAU,SACV,QAAQ,UACR,MAAM,OACN,OAAQ,IACR,UAAWU,EAAM,UAEhB,SAAA6C,GAAM,IAAI,CAACJ,EAAMK,IAAUjD,EAACkD,GAAA,CAAuB,GAAGN,GAAXK,CAAiB,CAAE,EACjE,CAEJ,EAUMC,GAAuC/C,GAEzCK,GAACjB,GAAA,CAAI,UAAW,IAAK,EAAE,KAAK,GAAI,EAAG,GAAI,EAAG,MAAM,OAC9C,UAAAS,EAACN,GAAA,CAAK,GAAG,MAAM,UAAW,GAAI,KAAK,KAAK,OAAO,WAC5C,SAAAS,EAAM,MACT,EAEAH,EAACN,GAAK,QAAL,CACC,KAAK,OACL,SAAS,IACT,GAAIS,EAAM,IAAM,EAChB,GAAIR,GAAQ,WACZ,KAAMQ,EAAM,KAEX,SAAAA,EAAM,MACT,GACF,EAWE2C,GAAqC3C,GAEvCK,GAACjB,GAAA,CACC,UAAW,IACX,EAAE,KACF,GAAI,EACJ,GAAI,EACJ,OAAQ,IACR,UAAWY,EAAM,UAEjB,UAAAH,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAACN,GAAK,SAAL,CAAc,MAAM,QAAQ,KAAK,KAAK,OAAO,WAC3C,SAAAS,EAAM,MACT,EACF,EAEAH,EAACP,EAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,GAAI,EAC5C,SAAAU,EAAM,MAAM,IAAI,CAACyC,EAAMK,IACtBjD,EAACmD,GAAA,CAA2B,KAAMP,EAAM,SAAUzC,EAAM,UAAzCyC,EAAK,MAA8C,CACnE,EACH,GACF,EAkBEO,GAAqChD,GAAU,CACnD,GAAM,CAAE,KAAAyC,CAAK,EAAIzC,EAEjB,OACEK,GAACf,EAAA,CACC,MAAM,OACN,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,UAAWD,GAAG,yCAA0CW,EAAM,SAAS,EACvE,QAAS,IAAM,CACbA,EAAM,SAASyC,CAAI,CACrB,EAEA,UAAA5C,EAACP,EAAA,CAAK,MAAM,OAAO,KAAM,EAEvB,SAAAO,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAkD,EAAK,OACR,EACF,EAEA5C,EAACP,EAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,GAAK,QAAL,CACC,SAAS,IACT,KAAK,KACL,OAAO,WACP,GAAIkD,EAAK,SAER,SAAAA,EAAK,WAAW,EACnB,EACF,EAEA5C,EAACP,EAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,KAAK,KACL,OAAO,WACP,eAAc,GAEb,SAAAkD,EAAK,OACR,EACF,GACF,CAEJ,EAQMG,GAAmD5C,GAAU,CACjE,GAAM,CAAE,YAAA4B,EAAa,WAAAqB,EAAY,WAAAC,CAAW,EAAIlD,EAEhD,OACEH,EAACP,EAAA,CAAK,KAAM,EAAG,QAAQ,SAAS,UAAU,iBACvC,UAAC,EAAG,CAAC,EAAE,IAAKmD,GAET5C,EAACT,GAAA,CAEC,GAAI,EACJ,GAAIqD,IAAS,EAAI,EAAI,EACrB,GAAIA,IAAS,EAAI,EAAI,EACrB,QAAS,IAAM,CACTb,IAAgB,GAAKa,IAAS,EAChCS,IAAa,EACJtB,IAAgB,GAAKa,IAAS,GACvCQ,IAAa,CAEjB,EACA,UAAU,qBAEV,SAAApD,EAACT,GAAA,CAEC,MAAO,EACP,OAAQ,EACR,EAAE,OACF,UAAWC,GACT,sCACAuC,IAAgBa,EACZ,kCACA,yBACN,GATKA,CAUP,GAxBKA,CAyBP,CAEH,EACH,CAEJ,EG/TA,OAAS,aAAAU,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAO0D,OAAsB,uBAC7B,OAAS,cAAAC,GAAY,YAAAC,GAAU,eAAAC,OAAmB,yBAClD,OAAS,WAAA/D,OAAe,yBCHxB,OAAS,eAAAI,GAAa,aAAAuD,GAAW,YAAAzD,OAAgB,QAkB1C,SAAS8D,GAASX,EAAaY,EAAiB,CACrD,GAAM,CAAE,QAAAC,EAAS,UAAAC,CAAU,EAAIF,GAAQ,CAAC,EAClCG,EAAa,CAAC,GAAIf,GAAQ,CAAC,CAAE,EAE7BgB,EAAWC,GAAsCA,GAAU,KAEjE,OAAIJ,GAAWC,GAEbC,EAAW,KAAK,CAACG,EAAQC,IAAW,CAClC,IAAMC,EAAOF,EAAEL,CAAO,EAChBQ,EAAOF,EAAEN,CAAO,EAEtB,OAAIG,EAAQI,CAAI,EAAU,EACtBJ,EAAQK,CAAI,EAAU,GAEtBP,IAAc,OACTO,EAAOD,EAGTA,EAAOC,CAChB,CAAC,EAEIN,CACT,CAEO,SAASO,EACdC,EACAC,EACA,CACA,GAAM,CAACZ,EAAMa,CAAO,EAAI5E,GAA+B0E,CAAW,EAE5DG,EAAS3E,GAAa4E,GAAwB,CAClD,IAAMC,EAAWD,EACb,CACE,QAASA,EAAQ,QACjB,UAAWA,EAAQ,IACrB,EACA,OAEJF,EAAQG,CAAQ,EAChBJ,IAAeI,CAAQ,CAEzB,EAAG,CAAC,CAAC,EAECC,EAAgB9E,GACnBiD,GAAgBW,GAASX,EAAMY,CAAI,EACpC,CAACA,CAAI,CACP,EAEA,MAAO,CAAE,KAAAA,EAAM,OAAAc,EAAQ,cAAAG,CAAc,CACvC,CAEO,SAASC,EACd9B,EACA5C,EAAc,GACd2E,EACA,CACA,GAAI,CAAC3E,EACH,OAAO4C,EAGT,IAAMgC,EAAM,IAAI,OAAO5E,EAAa,GAAG,EACjC6E,EAAmB7E,EAAY,YAAY,EAG3C8E,EAAoB,CAAC,EACrBC,EAAyB,CAAC,EAC1BC,EAAoB,CAAC,EAE3BpC,GAAM,QAASJ,GAAS,CACtB,IAAMyC,EAAkBC,GAAa1C,EAAK,OAAQmC,CAAY,EACxDQ,EAAcF,EAAgB,YAAY,EAC5CL,EAAI,KAAKK,CAAe,IACtBE,IAAgBN,EAClBC,EAAa,KAAKtC,CAAI,EACb2C,EAAY,WAAWN,CAAgB,EAChDE,EAAkB,KAAKvC,CAAI,EAE3BwC,EAAa,KAAKxC,CAAI,EAG5B,CAAC,EAED,IAAM4C,EAAiB,CAACtB,EAAMC,IAAS,CACrC,IAAMsB,EAAUH,GAAapB,EAAE,OAAQa,CAAY,EAC7CW,EAAUJ,GAAanB,EAAE,OAAQY,CAAY,EACnD,OAAIU,EAAUC,EAAgB,GAC1BD,EAAUC,EAAgB,EACvB,CACT,EAGA,OAAAP,EAAkB,KAAKK,CAAc,EACrCJ,EAAa,KAAKI,CAAc,EAGzB,CAAC,GAAGN,EAAc,GAAGC,EAAmB,GAAGC,CAAY,CAChE,CAEA,SAASE,GAAaK,EAAgBZ,EAAuB,OAAQ,CACnE,GAAI,CAACY,EACH,MAAO,GAET,IAAMC,EAAMD,EAAO,MAAM,GAAG,EACtBE,EAAOD,EAAI,CAAC,EACZE,EAAOF,EAAI,CAAC,EACZG,EAAQH,EAAI,CAAC,EAEnB,OAAOb,EACJ,QAAQ,OAAQc,CAAI,EACpB,QAAQ,OAAQC,CAAI,EACpB,QAAQ,QAASC,CAAK,CAC3B,CAEO,SAASC,IAAU,CACxB,GAAM,CAACC,EAAOC,CAAQ,EAAIrG,GAAiB,CAAC,EACtC,CAACsG,EAAQC,CAAS,EAAIvG,GAAiB,CAAC,EAE9C,OAAAyD,GAAU,IAAM,CACd4C,EAAS,OAAO,UAAU,EAC1BE,EAAU,OAAO,WAAW,EAE5B,IAAMC,EAAe,IAAM,CACzBD,EAAU,OAAO,WAAW,EAC5BF,EAAS,OAAO,UAAU,CAC5B,EAEA,eAAQ,iBAAiB,SAAUG,CAAY,EAExC,IAAM,CACX,QAAQ,oBAAoB,SAAUA,CAAY,CACpD,CACF,EAAG,CAAC,CAAC,EAEE,CACL,MAAAJ,EACA,OAAAE,CACF,CACF,CD5IO,IAAMG,GAAyB,IAAM,CAC1C,GAAM,CAACvE,EAAawE,CAAc,EAAI1G,GAAS,CAAC,EAC1C2G,EAAOC,GAAc,EAErB,CAAE,MAAAR,CAAM,EAAID,GAAQ,EAEpB,CAACnE,EAAUC,CAAQ,EAAIyB,GAAiB,CAC5C,KAAM,GAEN,eAAgB,MAClB,CAAC,EAED,OAAAD,GAAU,IAAM,CACdxB,GAAU,GAAG,SAAU,IAAM,CAC3ByE,EAAezE,GAAU,mBAAmB,CAAC,CAC/C,CAAC,CACH,EAAG,CAACA,CAAQ,CAAC,EAEN,CACL,YAAAC,EACA,eAAAwE,EACA,SAAA1E,EACA,SAAUC,EACV,aAAcmE,EAAQ,KACtB,GAAGO,CACL,CACF,EAEO,SAASC,IAAgB,CAC9B,GAAM,CAACC,EAASnE,CAAQ,EAAIiB,GAAWE,GAAY,GAAG,EAChD,CAAE,KAAMiD,CAAQ,EAAIlD,GAAS,0BAA0B,EAEvDxB,EAAO5C,GACX,IACEsE,GAAS+C,EAAS,CAAE,QAAS,eAAgB,UAAW,MAAO,CAAC,EAAE,MAChE,EACA,CACF,EACF,CAACA,CAAO,CACV,EAEMxE,EAAU7C,GACd,IACEsE,GAAS+C,EAAS,CAAE,QAAS,SAAU,UAAW,MAAO,CAAC,EAAE,MAAM,EAAG,CAAC,EACxE,CAACA,CAAO,CACV,EAEMvE,EAAS9C,GACb,IACEsE,GAAS+C,EAAS,CAAE,QAAS,SAAU,UAAW,KAAM,CAAC,EAAE,MAAM,EAAG,CAAC,EACvE,CAACA,CAAO,CACV,EAEMtE,EAAgB/C,GACpB,IACEqH,GAAS,OAAO,CAACE,EAAoBC,IAC5BD,EAAU,IAAIC,EAAS,YAAY,GAAK,CAAC,EAC/C,IAAIlH,GAAQ,CAAC,CAAC,GAAK,IAAIA,GAAQ,CAAC,EACrC,CAAC+G,CAAO,CACV,EAEMrE,EAAoBhD,GACxB,IACEqH,GAAS,OAAO,CAACE,EAAoBC,IAC5BD,EAAU,IAAIC,EAAS,cAAmB,CAAC,EACjD,IAAIlH,GAAQ,CAAC,CAAC,GAAK,IAAIA,GAAQ,CAAC,EACrC,CAAC+G,CAAO,CACV,EAEMpE,EAAMjD,GAAQ,IAAM,CACxB,GAAI,CAACsH,EAAS,MAAO,GAErB,GAAM,CAAE,cAAAG,EAAgB,CAAE,EAAIH,EAC9B,OAAO,IAAIhH,GAAQmH,CAAa,EAAE,SAAS,CAC7C,EAAG,CAACH,CAAO,CAAC,EAEZ,MAAO,CACL,QAAAD,EACA,KAAAzE,EACA,QAAAC,EACA,OAAAC,EACA,cAAeC,EAAc,SAAS,EACtC,kBAAmBC,EAAkB,SAAS,EAC9C,IAAAC,EACA,SAAAC,CACF,CACF,CErGA,OAAS,aAAAwE,OAAiB,sBCD1B,OAAwB,WAAA1H,GAAS,YAAAQ,OAAgB,QACjD,OAAS,kBAAAP,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,QAAAC,GAAM,YAAAuH,GAAU,QAAAC,GAAM,QAAAvH,OAAY,sBACpD,OAAS,WAAAC,OAAe,yBAiClB,OAoFE,YAAAuH,GApFF,OAAAlH,EAOE,QAAAQ,OAPF,oBAxBC,IAAM2G,GAAqDhH,GAAU,CAC1E,GAAM,CACJ,KAAA8B,EACA,QAAAC,EACA,OAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,IAAAC,EACA,SAAAC,CACF,EAAIpC,EACE,CAACiH,EAAWC,CAAY,EAAIxH,GAAS,aAAa,EAClD,CAAE,eAAA2C,CAAe,EAAIjC,EAAkB,EACvC,CAAE,EAAAkC,CAAE,EAAInD,GAAe,EAEvBqD,EAAYC,GAAc,CAC9BJ,IAAiBI,CAAI,EACrBL,EAAS,aAAaK,CAAI,CAC5B,EAEA,OACEpC,GAAC,OACC,GAAG,qBACH,UAAWhB,GAAG,sBAAuBW,EAAM,SAAS,EAEpD,UAAAH,EAAC6C,GAAA,CACC,cAAeT,EACf,kBAAmBC,EACnB,IAAKC,EACP,EAEAtC,EAACT,GAAA,CAAI,UAAW,IAAK,EAAE,KAAK,EAAG,EAAG,GAAI,EACpC,SAAAiB,GAACyG,GAAA,CAAK,KAAK,KAAK,MAAOG,EAAW,cAAeC,EAC/C,UAAArH,EAACgH,GAAA,CACC,MAAOvE,EAAE,qBAAqB,EAC9B,MAAM,cACN,OAAO,yBAEP,SAAAzC,EAAC8C,GAAA,CAAS,KAAMb,EAAM,SAAUU,EAAU,EAC5C,EACA3C,EAACgH,GAAA,CACC,MAAOvE,EAAE,oBAAoB,EAC7B,MAAM,aACN,OAAO,yBAEP,SAAAzC,EAAC8C,GAAA,CAAS,KAAMZ,EAAS,SAAUS,EAAU,EAC/C,EACA3C,EAACgH,GAAA,CACC,MAAOvE,EAAE,mBAAmB,EAC5B,MAAM,YACN,OAAO,yBAEP,SAAAzC,EAAC8C,GAAA,CAAS,KAAMX,EAAQ,SAAUQ,EAAU,EAC9C,GACF,EACF,GACF,CAEJ,EASME,GAAuC1C,GAAU,CACrD,GAAM,CAAE,cAAAiC,EAAe,kBAAAC,EAAmB,IAAAC,CAAI,EAAInC,EAC5C,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvB0D,EAAO3D,GAAQ,IACZ,CACL,CACE,MACEmB,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAEwB,EAAE,0BAA0B,GAC/C,EAEF,MAAOL,CACT,EACA,CACE,MACE5B,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAEwB,EAAE,sBAAsB,GAC3C,EAEF,MAAOJ,CACT,EACA,CACE,MACE7B,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAE,GAAGwB,EAAE,eAAe,CAAC,UACxC,EAEF,MAAOH,CACT,CACF,EACC,CAACF,EAAeC,EAAmBC,CAAG,CAAC,EAE1C,OACEtC,EAACP,GAAA,CACC,UAAW,IACX,EAAE,KACF,MAAM,OACN,GAAI,EACJ,UAAWU,EAAM,UAEhB,SAAA6C,GAAM,IAAI,CAACJ,EAAMK,IAChBjD,EAAAkH,GAAA,CACE,SAAAlH,EAACkD,GAAA,CAEE,GAAGN,EACJ,UAAWpD,GACTyD,IAAUD,EAAK,OAAS,GAAK,gCAC/B,GAJKC,CAKP,EACF,CACD,EACH,CAEJ,EAUMC,GAAuC/C,GAEzCK,GAACjB,GAAA,CAAI,GAAI,EAAG,MAAM,OAAO,UAAWY,EAAM,UACxC,UAAAH,EAACN,GAAA,CAAK,GAAG,MAAM,UAAW,GAAI,KAAK,MAAM,OAAO,WAC7C,SAAAS,EAAM,MACT,EAEAH,EAACN,GAAK,QAAL,CACC,KAAK,OACL,SAAS,IACT,GAAIS,EAAM,IAAM,EAChB,GAAIR,GAAQ,WACZ,KAAOQ,EAAM,MAAgB,QAE5B,SAAAA,EAAM,MACT,GACF,EAUE2C,GAAqC3C,GAEvCH,EAACP,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,GAAI,EAC5C,SAAAU,EAAM,MAAM,IAAI,CAACyC,EAAMK,IACtBjD,EAACmD,GAAA,CAEC,KAAMP,EACN,SAAUzC,EAAM,SAChB,UAAU,YAHLyC,EAAK,MAIZ,CACD,EACH,EAkBEO,GAAqChD,GAAU,CACnD,GAAM,CAAE,KAAAyC,CAAK,EAAIzC,EAEjB,OACEK,GAACf,GAAA,CACC,MAAM,OACN,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,UAAWD,GAAG,yCAA0CW,EAAM,SAAS,EACvE,QAAS,IAAM,CACbA,EAAM,SAASyC,CAAI,CACrB,EAEA,UAAA5C,EAACP,GAAA,CAAK,MAAM,OAAO,KAAM,EACvB,SAAAO,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAkD,EAAK,OACR,EACF,EAEA5C,EAACP,GAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,GAAK,QAAL,CACC,SAAS,IACT,KAAK,KACL,OAAO,WACP,GAAIkD,EAAK,SAER,SAAAA,EAAK,WAAW,EACnB,EACF,EAEA5C,EAACP,GAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,KAAK,KACL,OAAO,WACP,eAAc,GAEb,SAAAkD,EAAK,OACR,EACF,GACF,CAEJ,EDzOI,cAAA5C,OAAA,oBAJG,IAAMsH,GAAqDnH,GAAU,CAC1E,IAAMoH,EAAQjB,GAAuB,EAC/B,CAAE,SAAAkB,CAAS,EAAIT,GAAU,EAC/B,OAAOS,EACLxH,GAACmH,GAAA,CAAoB,UAAWhH,EAAM,UAAY,GAAGoH,EAAO,EAE5DvH,GAAC4B,GAAA,CAAc,UAAWzB,EAAM,UAAY,GAAGoH,EAAO,CAE1D,EElBA,OAAS,aAAAR,OAAiB,sBCA1B,OAAS,eAAAhH,OAAmB,QAC5B,OAAS,kBAAAT,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAY,YAAAwH,GAAU,QAAAC,OAAY,sBCDhD,OAAS,MAAAzH,GAAI,aAAAiI,OAAiB,sBCD9B,OAAS,kBAAAnI,OAAsB,wBAC/B,OAAS,aAAAoI,GAAW,QAAAjI,GAAM,QAAAC,GAAM,MAAAF,GAAI,WAAAmI,GAAS,SAAAC,OAAa,sBAC1D,OAAS,WAAAjI,OAAe,yBAiBR,OACE,OAAAK,EADF,QAAAQ,OAAA,oBAVT,IAAMqH,GAAmD1H,GAAU,CACxE,GAAM,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAC/C,CAAE,EAAAkC,CAAE,EAAInD,GAAe,EAC7B,OACEU,EAAC,OAAI,UAAU,sDACb,SAAAA,EAACP,GAAA,CAAK,UAAU,SAAS,GAAI,EAAG,KAAM,EACnC,SAAAU,EAAM,YAAY,IAAKyC,GAAS,CAC/B,IAAMkF,EACJtH,GAACf,GAAA,CAAK,UAAW,IAAK,EAAG,EAAG,UAAU,cAAc,EAAE,OACpD,UAAAe,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC0H,GAAA,CAAU,OAAQ9E,EAAK,OAAQ,UAAU,kBAAkB,EAC5D5C,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAkD,EAAK,OACR,GACF,EACA5C,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAA+C,EAAE,qBAAqB,EAC1B,EACAzC,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAA+C,EAAE,8BAA8B,EACnC,GACF,EAEAjC,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,MAAM,KAAM,EAC7C,UAAAe,GAACoH,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAAhF,EAAK,SAAS,KACjB,EACA5C,EAACN,GAAK,QAAL,CACC,GAAIkD,EAAK,UAAY,EACrB,SAAS,IACT,KAAK,MACL,UAAW,GAEV,SAAAA,EAAK,WAAW,EACnB,EACA5C,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAiD,EAAK,OACR,GACF,GACF,EAGF,OACE5C,EAAC2H,GAAA,CACC,KAAK,QACL,WAAY,EAEZ,QAASG,EACT,cAAe,EAGf,SAAAtH,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,SACR,UAAU,SACV,KAAM,EACN,MAAO,GACP,OAAQ,GACR,EAAE,KACF,UAAWD,GACT,qBACA,sBACAmG,IAAW/C,EAAK,QAAU,mCAC5B,EACA,QAAS,IAAM,CACbJ,IAAiBI,CAAI,CACvB,EAEA,UAAA5C,EAAC0H,GAAA,CAAU,OAAQ9E,EAAK,OAAQ,UAAU,kBAAkB,EAC5D5C,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAiD,EAAK,OACR,GACF,GA7BKA,EAAK,MA8BZ,CAEJ,CAAC,EACH,EACF,CAEJ,ECzGA,OAAS,kBAAAtD,OAAsB,wBAC/B,OAAS,QAAAG,GAAM,aAAAiI,GAAW,QAAAhI,GAAM,SAAAkI,GAAO,MAAApI,OAAkB,sBACzD,OAAS,WAAAG,OAAe,yBCFxB,OAAS,kBAAAL,OAAsB,wBAC/B,OACE,OAAAC,GACA,UAAAwI,GACA,yBAAAC,GACA,wBAAAC,GACA,YAAAC,GACA,aAAAC,GACA,WAAAC,GACA,uBAAAC,GACA,sBAAAC,GACA,oBAAAC,GACA,uBAAAC,GACA,QAAA/I,GACA,SAAAgJ,GACA,QAAA/I,GACA,MAAAF,GACA,uBAAAkJ,GACA,WAAAf,OACK,sBAkCG,OAgBU,OAAA3H,EAhBV,QAAAQ,MAAA,oBA5BH,IAAMmI,GACXxI,GACG,CACH,GAAM,CACJ,OAAAwF,EACA,aAAAiD,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAA/E,EACA,cAAAgF,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,EAAIpJ,EAEE,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvBkK,EAAUvF,GAAO,OAAS,GAE1BwF,EAAc,IAAM,CACxB,GAAIV,EACF,OACEvI,EAACjB,GAAA,CACC,UAAAiB,EAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACyI,GAAA,CACC,UAAS,GACT,MAAOxE,EACP,cAAegF,EACf,WAAY,CACV,KAAMzJ,GACJ,4DACAgK,GACE,kEACJ,CACF,EACA,aAAa,MACb,OACEvF,GACEjE,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAAC0I,GAAA,CACC,QAAS,EACT,KAAM,GACN,UAAU,+CACV,QAAS,IAAM,CACbO,EAAc,EAAE,CAClB,EACF,EACF,EAGN,EAEAjJ,EAAC+H,GAAA,CACC,UAAU,iBACV,KAAK,KACL,QAASuB,EACT,SAAU,CAACrF,GAASuF,EAEnB,SAAA/G,EAAE,YAAY,EACjB,GACF,EAEC+G,GACChJ,EAACf,GAAA,CAAK,UAAU,SAAS,KAAM,EAAG,GAAI,EACpC,UAAAO,EAAC,OAAI,UAAU,4CAA4C,EAC3DA,EAACN,GAAA,CAAK,MAAM,SAAU,SAAA+C,EAAE,gCAAgC,EAAE,GAC5D,GAEJ,EAIJ,IAAMiH,EAAWd,EAAa,QAAU,GAExC,OACE5I,EAAC2H,GAAA,CACC,KAAM+B,EAAW,OAAY,GAE7B,QACE1J,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAA+C,EAAE,gCAAgC,EACrC,EAEF,UAAU,gBACV,cAAe,EACf,MAAO,CAAE,UAAW,iBAAkB,EAEtC,SAAAzC,EAAC,OACC,SAAAQ,EAACf,GAAA,CACC,UAAWD,GACTkK,EAAW,yBAA2B,oBACxC,EACA,UAAU,SACV,KAAM,EACN,EAAG,EACH,UAAWA,EAAW,IAAM,IAC5B,QAASA,EAAW,OAAYN,EAChC,OAAQ,GACR,EAAE,OAEF,UAAApJ,EAACkI,GAAA,CACC,KAAM,GACN,UAAU,4BACV,QAAS,EACX,EACAlI,EAACN,GAAA,CAAK,UAAU,GAAG,UAAW,GAC3B,SAAA+C,EAAE,2CAA2C,EAChD,GACF,EACF,EACF,CAEJ,EAEMkH,EACJnJ,EAACf,GAAA,CAAK,QAAQ,UAAU,UAAU,yBAChC,UAAAe,EAACf,GAAA,CAAK,KAAM,EACT,UAAAgD,EAAE,kCAAkC,EACrCzC,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,OACL,SAAQ,GAEP,SAAAiG,EACH,GACF,EACA3F,EAACmI,GAAA,CACC,KAAM,GACN,UAAU,4CACV,QAASe,EACX,GACF,EAGIpB,EAEJtH,EAACjB,GAAA,CACC,UAAAS,EAACT,GAAA,CACC,GAAI,EACJ,UAAU,6DAET,SAAAqJ,GAAc,MAAM,EAAG,EAAE,GAAG,IAAKhG,GAAS,CACzC,IAAMgH,EAAU,CAAC,CAACZ,EAAa,KAAMa,IAAQA,GAAI,KAAOjH,EAAK,EAAE,EAC/D,OACE5C,EAACT,GAAA,CAAkB,UAAU,qBAC3B,SAAAiB,EAACf,GAAA,CACC,UAAU,sCACV,EAAG,EACH,EAAE,KACF,QAAS,IAAM,CACb4J,EAAQzG,EAAMgH,CAAO,CACvB,EAEC,UAAAA,EACC5J,EAACgI,GAAA,CACC,KAAM,GACN,UAAU,4BACZ,EAEAhI,EAACiI,GAAA,CACC,KAAM,GACN,UAAU,4BACZ,EAGFjI,EAACN,GAAA,CAAK,UAAW,GAAK,SAAAkD,EAAK,KAAK,GAClC,GAtBQA,EAAK,EAuBf,CAEJ,CAAC,EACH,EACA5C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACb,SAAAkK,EAAY,EACf,GACF,EAIIK,EACJtJ,EAACf,GAAA,CAAK,KAAM,EAAG,GAAI,EACjB,UAAAO,EAAC+H,GAAA,CAEC,MAAM,OACN,QAASmB,EACT,UAAS,GACT,UAAU,cACV,KAAK,KAEJ,SAAAzG,EAAE,eAAe,GAPd,WAQN,EAEAzC,EAAC+H,GAAA,CAEC,QAASwB,EACT,UAAS,GACT,UAAU,cACV,KAAK,KAEJ,SAAA9G,EAAE,gBAAgB,GANf,SAON,GACF,EAGF,OACEjC,EAAC+H,GAAA,CAAiB,KAAMM,EAAM,aAAcC,EAC1C,UAAA9I,EAACwI,GAAA,CAAoB,QAAO,GAAE,SAAArI,EAAM,SAAS,EAC7CH,EAACsI,GAAA,CACC,SAAAtI,EAACqI,GAAA,CACC,iBAAmB0B,GAAMA,EAAE,eAAe,EAC1C,QAAUA,GAAMA,EAAE,gBAAgB,EAClC,MAAM,QACN,YAAa,IACb,WAAY,GACZ,UAAU,2DAEV,SAAA/J,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EAAG,MAAO,IACxB,SAAAiB,EAACd,GAAA,CAAK,GAAG,MAAM,KAAK,KAAK,OAAO,WAC7B,UAAAiK,EACD3J,EAACoI,GAAA,EAAQ,EACRN,EACAgC,GACH,EACF,EACF,EACF,GACF,CAEJ,ECnQA,OAAS,aAAAxG,GAAW,YAAAzD,OAAgB,QAa7B,SAASmK,GACdrF,EACA,CACA,GAAM,CAAE,OAAAgB,CAAO,EAAIhB,EAAQ,KAAO,CAAC,EAC7B,CACJ,UAAAsF,EACA,aAAArB,EACA,mBAAAsB,EACA,0BAAAC,CACF,EAAIxF,EAAQ,SACN,CAACkE,EAAMuB,CAAO,EAAIvK,GAAS,EAAK,EAChC,CAACkJ,EAAcsB,CAAe,EAAIxK,GAAS,EAAK,EAChD,CAACoE,EAAOqG,CAAQ,EAAIzK,GAAS,EAAE,EAC/B,CAACmJ,EAAcuB,CAAe,EAAI1K,GAAS,CAAC,CAAkB,EAE9DqJ,EAAO,IAAM,CACjBkB,EAAQ,EAAK,CACf,EAEMhB,EAAY,IAAM,CACtBiB,EAAgB,EAAI,CACtB,EAEMlB,EAAY,IAAM,CACtBkB,EAAgB,EAAK,CACvB,EAEMG,EAAa,IAAM,CACvBF,EAAS,EAAE,EACXnB,EAAU,EACVoB,EAAgB,CAAC,CAAC,CACpB,EAEMjB,EAAS,IAAM,CACnB,IAAMmB,EAAS,CACb,KAAMxG,GAAS,aAAa2E,EAAa,MAAM,GAC/C,GAAI,KAAK,IAAI,CACf,EACAsB,EAAmBO,EAAQ,CAAE,IAAK,EAAK,CAAC,EACxCD,EAAW,CACb,EAEMnB,EAAU,CAACzG,EAAmBgH,IAAqB,CAErDW,EADEX,EACcZ,GAAc,OAAQa,IAAQA,GAAI,KAAOjH,EAAK,EAAE,EAEhD,CAAC,GAAGoG,EAAcpG,CAAI,CAF2B,EAInEuG,EAAU,CACZ,EAEMI,EAAU,IAAM,CACpBY,EAA0BxF,EAAQ,IAAKqE,EAAc,EAAK,EAC1DoB,EAAQ,EAAK,CACf,EAEA,OAAA9G,GAAU,IAAM,CACd,GAAI,CAACuF,EACH,OAGF,IAAM6B,EAAOT,GAAW,KAAMrH,GAASA,EAAK,OAAS+C,CAAM,EACvD+E,GAAM,MAAM,QACdH,EAAgBG,GAAM,IAAI,CAE9B,EAAG,CAAC7B,EAAMoB,EAAWrB,EAAcjD,CAAM,CAAC,EAE1CrC,GAAU,IAAM,CACTuF,GACH2B,EAAW,CAEf,EAAG,CAAC3B,CAAI,CAAC,EAEF,CACL,OAAAlD,EACA,aAAAiD,EACA,KAAAC,EACA,aAAcuB,EACd,aAAArB,EACA,aAAAC,EACA,MAAA/E,EACA,cAAeqG,EACf,KAAApB,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,CACF,CCvFI,cAAAvJ,OAAA,oBALG,IAAM2K,EAERxK,GAAU,CACb,IAAMoH,EAAQyC,GAA+B7J,CAAK,EAClD,OACEH,GAAC2I,GAAA,CAAuB,GAAGpB,EAAQ,SAAApH,EAAM,SAAS,CAEtD,EHqBkB,cAAAH,EAuBF,QAAAQ,OAvBE,oBAzBX,IAAMoK,GAAwB,CACnCrI,EACAsI,EAAiB,KACd,CACH,GAAM,CAAE,EAAApI,CAAE,EAAInD,GAAe,EAE7B,MAAO,CACL,CACE,MAAO,GAAGmD,EAAE,uBAAuB,CAAC,MAAMA,EAAE,eAAe,CAAC,GAC5D,UAAW,aACX,OAAQ,GACR,UAAW,eACX,OAAQ,CAACwB,EAAO6G,IAAW,CACzB,IAAIC,EACJ,OAAKF,IACHE,EACE/K,EAAC2K,EAAA,CAA4B,IAAKG,EAAQ,SAAUvI,EAClD,SAAAvC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqL,EAAO,WACN9K,EAACkB,GAAA,CAAe,UAAU,2CAA2C,EAErElB,EAACmB,GAAA,CAAiB,UAAU,2EAA2E,EAE3G,EACF,GAKFX,GAACf,GAAA,CACE,UAAAsL,EACDvK,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC0H,GAAA,CAAU,OAAQoD,EAAO,OAAQ,UAAU,kBAAkB,EAC9D9K,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAoL,EAAO,OACV,EACAtK,GAACoH,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAAkD,EAAO,SAAS,KACnB,GACF,EAEA9K,EAACN,GAAK,QAAL,CACC,UAAW,GACX,KAAK,MACL,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WAEX,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,EACA,CACE,MAAOxB,EAAE,6BAA6B,EACtC,UAAW,SACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,OAAQ,CAACwB,EAAO6G,IAAW,CACzB,IAAME,EAAkCjB,GAAM,CAC5CxH,EAAS,0BACPuI,EACAvI,EAAS,oBACT,EACF,EACAwH,EAAE,gBAAgB,CACpB,EAEMkB,EACJ,yEAEIC,EACJlL,EAAC,OACC,UAAWR,GACT,2CACA,kCACF,EAEA,SAAAgB,GAACf,GAAA,CACC,UAAWD,GACT,kBACA,oCACF,EACA,EAAE,OACF,MAAO,GACP,QAAQ,SACR,UAAU,MACV,KAAM,EAEN,UAAAQ,EAACoB,GAAA,CACC,UAAW6J,EACX,QAAUlB,GAAM,CACdA,EAAE,gBAAgB,EAClBxH,EAAS,SAASuI,CAAM,CAC1B,EACF,EACA9K,EAACqB,GAAA,CAAW,UAAW4J,EAAS,QAASD,EAAa,GACxD,EACF,EAGF,OACExK,GAAC,OAAI,UAAU,eACZ,UAAAqK,GAAkBK,EAEnB1K,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,MACR,UAAU,MACV,KAAM,EACN,UAAWD,GAAGqL,GAAkB,2BAA2B,EAE3D,UAAA7K,EAACN,GAAK,QAAL,CAAa,GAAIoL,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAAA,EAAO,WAAW,EACrB,EACA9K,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,CACF,CACF,EFpHW,OAIP,YAAAiD,GAJO,OAAAlH,GAIP,QAAAQ,OAJO,oBAvBJ,IAAM2K,GAAqChL,GAAU,CAC1D,GAAM,CACJ,QAAAiL,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,EACA,YAAAH,EACA,WAAA+G,EACA,UAAAC,EACA,gBAAAC,EACA,aAAAC,CACF,EAAItL,EAEE,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/CmL,EAAcd,GAAsBrI,EAAUiJ,CAAe,EAE7DG,EACJ,OAAOL,GAAe,WAClBA,EAAW/I,EAAUiJ,CAAe,EACpCE,EAEN,OAAIH,EACKvL,GAAC6H,GAAA,CAAgB,WAAYwD,EAAY,EAIhD7K,GAAA0G,GAAA,CACG,UAAAuE,IAAelJ,CAAQ,EACxBvC,GAACyH,GAAA,CACC,WAAY,CACV,KAAMtH,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASwL,EACT,QAASP,EACT,WAAYC,EACZ,MAAO,CAACP,EAAQ7H,KACP,CACL,UAAWzD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsI,CAAM,EACvBvI,EAAS,aAAauI,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACnF,CAAO,EAAG,EAAK,EAChC,OAAQjB,EACR,YACEH,EACI,CACE,QAASA,EAAY,QACrB,KAAMA,EAAY,SACpB,EACA,OAEN,cAAa,GACf,GACF,CAEJ,EMlFA,OAAS,aAAAjB,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAS,eAAA6D,GAAa,cAAAF,OAAkB,yBCcjC,IAAKoI,QACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UAFAA,QAAA,IAKAC,OACVA,EAAA,UAAY,YACZA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,WAAa,aAJHA,OAAA,IAOAC,QACVA,EAAA,SAAW,WACXA,EAAA,WAAa,aAFHA,QAAA,IDhBZ,IAAMC,GAAiB,CACpB,IAAqBrI,GAAY,IACjC,UAA2BA,GAAY,UACvC,OAAwBA,GAAY,OACpC,WAA4BA,GAAY,WAC3C,EAEasI,GAAwBrH,GAAsC,CACzE,GAAM,CAACyG,EAASa,CAAU,EAAIpM,GAAS,EAAI,EAErC,CAAC2G,EAAMjE,CAAQ,EAAIiB,GACvBuI,GAAepH,EAAQ,IAAI,GAAKjB,GAAY,GAC9C,EAEM,CAAE,UAAAuG,EAAW,oBAAAiC,CAAoB,EAAI3J,EAErC,CAAE,YAAAnC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAmE,EAAQ,cAAAG,CAAc,EAAIP,EAChCK,EAAQ,YACRA,EAAQ,MACV,EAEM0G,EAAahM,GAAQ,IAAM,CAC/B,IAAM8M,EACJ,OAAOxH,EAAQ,YAAe,WAC1BA,EAAQ,WAAW6B,EAAM,CAAE,UAAAyD,EAAW,oBAAAiC,CAAoB,CAAC,EAC3D1F,EACA4F,EAAgBtH,EAAeqH,EAAY/L,EAAa,MAAM,EACpE,OAAOyE,EAAcuH,CAAa,CACpC,EAAG,CACD5F,EACA3B,EACAzE,EACAuE,EAAQ,WACRsF,EACAiC,CACF,CAAC,EAED5I,GAAU,IAAM,CACd2I,EAAW,EAAK,CAClB,EAAG,CAACzF,CAAI,CAAC,EAET,IAAMgF,EAAkB7G,EAAQ,mBAEhC,MAAO,CACL,QAAAyG,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,EACA,gBAAA8G,CACF,CACF,EEhCI,cAAAxL,OAAA,oBAJG,IAAMqM,EAAuDlM,GAAU,CAC5E,IAAMoH,EAAQyE,GAAqB7L,CAAK,EAExC,OACEH,GAACmL,GAAA,CACE,GAAG5D,EACJ,YAAapH,EAAM,YACnB,WAAYA,EAAM,WAClB,UAAWA,EAAM,UACjB,gBAAiBA,EAAM,gBACvB,aAAcA,EAAM,aACpB,aAAcA,EAAM,aACtB,CAEJ,ECzCA,OAAS,kBAAAb,OAAsB,wBAC/B,OACE,OAAAC,GACA,uBAAAmJ,GACA,MAAAlJ,GACA,SAAAiJ,OAEK,sBA2BG,cAAAzI,OAAA,oBArBH,IAAMsM,EAAenM,GAA4B,CACtD,GAAM,CAAE,WAAAoM,EAAY,OAAAC,CAAO,EAAIrM,EAEzB,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvB,CAAE,YAAAc,EAAa,oBAAAqM,EAAqB,iBAAAnM,CAAiB,EACzDC,EAAkB,EAEpB,OACEP,GAACyI,GAAA,CACC,MAAOrI,EACP,cAAeqM,EACf,YAAahK,EAAE,4BAA4B,EAC3C,WAAY,CACV,GAAG8J,EAEH,KAAM/M,GAAG,uCAAwC+M,GAAY,IAAI,CACnE,EACA,KAAK,KACL,OACEvM,GAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,GAACe,GAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEyL,GACCpM,GACCJ,GAACT,GAAA,CAAI,GAAI,EACP,SAAAS,GAAC0I,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASpI,EACX,EACF,EAGJ,aAAa,MACf,CAEJ,ECnDA,OAAS,QAAAoM,OAAY,wBACrB,OAAS,QAAAhN,GAAc,QAAAD,GAAM,aAAAiI,GAAW,SAAAE,OAAa,sBACrD,OAAS,WAAAjI,OAAe,yBA0BR,cAAAK,GAqBN,QAAAQ,OArBM,oBArBT,SAASmM,GACdpK,EACAsI,EAAiB,GACjB,CACA,MAAO,CACL,MAAO6B,GAAK,EAAE,eAAe,EAC7B,UAAW,SACX,MAAO,IACP,OAAQ,CAACzI,EAAO6G,IAAW,CACzB,IAAIC,EACJ,OAAKF,IACHE,EACE/K,GAAC2K,EAAA,CAA4B,IAAKG,EAAQ,SAAUvI,EAClD,SAAAvC,GAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqL,EAAO,WACN9K,GAACkB,GAAA,CAAe,UAAU,2CAA2C,EAErElB,GAACmB,GAAA,CAAiB,UAAU,2EAA2E,EAE3G,EACF,GAKFX,GAACf,GAAA,CAAK,KAAM,EACT,UAAAsL,EACD/K,GAAC0H,GAAA,CAAU,OAAQzD,EAAO,UAAU,kBAAkB,EACtDjE,GAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAuE,EACH,EACAzD,GAACoH,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAAkD,EAAO,SAAS,KACnB,GACF,CAEJ,CACF,CACF,CAEO,SAAS8B,IAAgB,CAC9B,MAAO,CACL,MAAOF,GAAK,EAAE,qBAAqB,EACnC,UAAW,YACX,MAAO,QACP,OAAQ,GACR,MAAO,IACP,OAAQ,CAACzI,EAAO6G,IAEZ9K,GAACN,GAAK,QAAL,CAAa,GAAIoL,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAA7G,EACH,CAGN,CACF,CAEO,SAAS4I,IAAyB,CACvC,MAAO,CACL,MAAOH,GAAK,EAAE,8BAA8B,EAC5C,UAAW,SACX,MAAO,QACP,OAAQ,GACR,MAAO,GACP,OAASzI,GAELjE,GAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAsE,EACH,CAGN,CACF,CCjGA,OAAS,eAAAlE,OAAmB,QAE5B,OAAS,OAAAR,OAAW,sBCApB,OAAS,kBAAAD,OAAsB,wBAC/B,OACE,OAAAC,GACA,MAAAC,GACA,QAAAC,GACA,QAAAC,GACA,WAAAiI,GACA,SAAAc,GACA,SAAAqE,OACK,sBA+CC,cAAA9M,EAqBF,QAAAQ,OArBE,oBAnCD,IAAMuM,GAA6C5M,GAAU,CAClE,GAAM,CACJ,KAAA0I,EACA,QAAAuB,EACA,UAAA4C,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAAnJ,EACA,cAAAgF,EACA,aAAAoE,EACA,OAAAC,EACA,OAAAhE,EACA,OAAAiE,EACA,KAAAC,EAAO,UACP,WAAAC,CACF,EAAItN,EAEE,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvB,CAAE,oBAAA4M,EAAqB,aAAAtD,EAAc,0BAAA8E,CAA0B,EACnEvN,EAAM,SAEFwN,EAAeH,IAAS,KAAO,GAAK,GACpCI,EAAYJ,IAAS,KAAO,GAAK,GACjChE,EAAUvF,GAAO,OAAS,GAE1B4J,GACJ,iIAEIC,GAASlL,GAAc,CAC3BkK,GAAM,QAAQ,CACZ,MAAOrK,EAAE,4CAA4C,EACrD,QACEzC,EAACN,GAAA,CAAK,KAAK,KACR,SAAA+C,EAAE,mDAAoD,CACrD,KAAMG,EAAK,IACb,CAAC,EACH,EAEF,MAAO,CACL,OAAA2K,EAAO3K,CAAI,EACJ,QAAQ,QAAQ,CACzB,CACF,CAAC,CACH,EAEMmL,GAAiChE,GAAM,CACvCA,EAAE,MAAQ,SACZsD,EAAa7D,CAAO,CAExB,EAEMwE,GAAiBpL,GAEnBpC,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,SAAS,GAAI,EAAG,GAAI,EAC3C,UAAAO,EAACS,GAAA,CACC,UAAU,4EACV,QAAS,IAAM,CACb6M,EAAO1K,CAAI,CACb,EACF,EACA5C,EAACU,GAAA,CACC,UAAU,4EACV,QAAS,IAAM,CACboN,GAAMlL,CAAI,CACZ,EACF,GACF,EAIEqL,GAAY,IAAM,CACtB,IAAMvE,EAAWd,EAAa,QAAU,GAElCsF,EACJlO,EAACP,GAAA,CACC,UAAWD,GACT,kBACAkK,EAAW,yBAA2B,qBACtCA,EAAW,gBAAkBmE,EAC/B,EACA,MAAOF,EACP,OAAQC,EACR,EAAE,OACF,QAAQ,SACR,UAAU,SACV,QAASlE,EAAW,OAAYJ,EAE/B,SAAAI,EACC1J,EAACsB,GAAA,CAAQ,UAAU,iDAAiD,EAEpEtB,EAACuB,GAAA,CAAc,UAAU,aAAa,EAE1C,EAGF,OAAImI,EAEA1J,EAAC2H,GAAA,CAEC,QACE3H,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,kDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,MAAO,CAAE,UAAW,iBAAkB,EAErC,SAAAwO,EACH,EAIGA,CACT,EAEMzE,EAAe0E,GAEjBnO,EAAC2H,GAAA,CACC,KAAM6B,EAEN,QACExJ,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,iDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,WAAY,EAEZ,SAAAM,EAACyI,GAAA,CACC,IAAKwE,EACL,MACEzD,EACI,CAAE,MAAO0D,CAAW,EACpB,CAEE,uBAAwB,SACxB,eAAgB,OAChB,oBAAqB,cACrB,qBAAsB,OACtB,MAAOA,CACT,EAEN,WAAY,CACV,KAAM1N,GACJ,yCACA,sEACAgO,IAAS,KAAO,eAAiB,eACjCW,GAAY3O,GAAGgK,EAAU,mBAAqBqE,EAAa,CAC7D,EACA,MAAOrO,GACL,oDACAgK,EACI,kBACA,2CACJgE,IAAS,KAAO,eAAiB,aACnC,CACF,EACA,MAAOvJ,EACP,cAAegF,EACf,OAAQ,IAAM,CACZoE,EAAa7D,CAAO,CACtB,EACA,QAASuE,GACT,aAAa,MACf,EACF,EAIEK,GAAgB,CAACxL,EAAmBuL,IAAsB,CAC9D,GAAIf,GAAWe,EACb,OAAO1E,EAAY0E,CAAQ,EAG7B,IAAME,GAAY,CAChB,OAAQ,WACR,KAAMb,IAAS,KAAO,MAAQ,KAC9B,UAAWA,IAAS,KAAO,qBAAuB,qBAClD,GAAI,KACN,EAEM1F,GAAUqG,EACdnO,EAACN,GAAK,SAAL,CAAc,MAAM,QAAQ,MAAO,IAAM,GAAG2O,GAC1C,SAAAzL,EAAK,KACR,EAEA5C,EAACN,GAAA,CAAM,GAAG2O,GAAY,SAAAzL,EAAK,KAAK,EAGlC,OACE5C,EAACT,GAAA,CACC,EAAE,OACF,GAAI,EACJ,OAAQqO,EACR,UAAWpO,GACT,qCACA2O,EACI,wCACA,iCACJA,EACIN,GACA,sEACN,EACA,QAAS,IAAM,CACbH,EAA0B9K,CAAI,EAC1BuL,GACF/D,EAAQ,EAAI,CAEhB,EAEC,SAAAtC,GACH,CAEJ,EAEA,OACEtH,GAACf,GAAA,CAAK,MAAM,OAAO,KAAM,EAAG,UAAWU,EAAM,UAC3C,UAAAK,GAACf,GAAA,CACC,IAAKuN,EACL,GAAG,uCACH,UAAWxN,GACT,qDACA,yCACF,EAEA,KAAMgO,IAAS,KAAO,EAAI,EAC1B,MAAM,OAEL,UAAA5E,GAAc,MAAM,EAAG,EAAE,GAAG,IAAKhG,GAAc,CAC9C,IAAMuL,EAAWjC,EAAoB,KAAOtJ,EAAK,GACjD,OACE5C,EAAC2H,GAAA,CAEC,KAAMwG,GAAY,CAACf,EAAUvE,EAAO,GACpC,aAAeA,IAAS,CAClBsF,GACF/D,EAAQvB,EAAI,CAEhB,EAEA,QAASmF,GAAcpL,CAAI,EAC3B,cAAe,EACf,UAAWpD,GAAG,eAAe,EAC7B,MAAO,CACL,UAAW,iBACb,EAEC,SAAA4O,GAAcxL,EAAMuL,CAAQ,GAfxBvL,EAAK,EAgBZ,CAEJ,CAAC,EAEA,CAAC6K,GAAcQ,GAAU,EAE1BjO,EAACN,GAAA,CAAK,KAAK,KAAK,IAAKyN,EAAS,UAAU,gBACrC,SAAAlJ,EACH,GACF,EACCwJ,GAAcQ,GAAU,GAC3B,CAEJ,ECjSA,OAAS,aAAA3K,GAAW,UAAAgL,GAAQ,YAAAzO,OAAgB,QAYrC,SAAS0O,GAAsB5J,EAAuC,CAC3E,GAAM,CAAE,SAAApC,EAAU,KAAAiL,EAAO,SAAU,EAAI7I,EACjC,CACJ,UAAAsF,EACA,aAAArB,EACA,oBAAAsD,EACA,mBAAAhC,EACA,0BAAAwD,EACA,gBAAAc,CACF,EAAIjM,EAEE,CAACsG,EAAMuB,CAAO,EAAIvK,GAAS,EAAK,EAChC,CAACuN,EAASqB,CAAU,EAAI5O,GAAS,EAAK,EACtC,CAACoE,EAAOqG,CAAQ,EAAIzK,GAAS,EAAE,EAC/B,CAAC4N,EAAYiB,CAAa,EAAI7O,GAAS,EAAK,EAE5C8O,EAAaL,GAAyB,IAAI,EAC1CrB,EAAWqB,GAAyB,IAAI,EACxCnB,EAAUmB,GAAwB,IAAI,EAEtC,CAACpB,EAAY0B,CAAa,EAAI/O,GAAS,EAAE,EAEzCgP,EAAqB,IAAM,CAC/B,IAAMlB,EAAeH,IAAS,KAAO,GAAK,GAC1C,WAAW,IAAM,CACf,GAAM,CAAE,YAAAsB,GAAa,YAAAC,CAAY,EAAIJ,EAAW,SAAW,CAAC,EAExDG,GAAeC,GACjBL,EAAc,EAAI,CAEtB,EAAG,CAAC,CACN,EAEMM,GAAgB,IAAM,CAC1B,WAAW,IAAM,CACXL,EAAW,UACbA,EAAW,QAAQ,WACjBA,EAAW,QAAQ,YAAcA,EAAW,QAAQ,YAE1D,EAAG,CAAC,CACN,EAEMrB,GAAU1K,GAAc,CAC5B6L,EAAW,EAAI,EACfnE,EAAS1H,EAAK,IAAI,EAClB,WAAW,IAAM,CACfqK,EAAS,SAAS,MAAM,EACxBA,EAAS,SAAS,kBAAkB,GAAI,EAAE,CAC5C,EAAG,CAAC,CACN,EAEMI,GAAgB7D,GAAqB,CACzCU,EACE,CACE,GAAGgC,EACH,KAAM1C,EAAU0C,EAAoB,KAAOjI,CAC7C,EACA,CAAE,OAAQ,EAAK,CACjB,EACAwK,EAAW,EAAK,EAChBrE,EAAQ,EAAK,EACbyE,EAAmB,CACrB,EAEMvF,GAAS,IAAM,CACnB,IAAMmB,EAAS,CACb,KAAM,aAAa7B,EAAa,MAAM,GACtC,GAAI,KAAK,IAAI,CACf,EACAsB,EAAmBO,EAAQ,CAAE,IAAK,EAAK,CAAC,EACxCiD,EAA0BjD,CAAM,EAChCoE,EAAmB,EACnBG,GAAc,CAChB,EAEMzB,GAAU0B,GAAqB,CACnC/E,EAAmB+E,EAAa,CAAE,OAAQ,EAAK,CAAC,EAEhD,WAAW,IAAM,CAEf,IAAMC,GAAajF,EAAU,IAAKrH,KAAU,CAC1C,GAAGA,GACH,KAAMA,GAAK,MAAM,OAAQiH,IAAQA,GAAI,KAAOoF,EAAY,EAAE,CAC5D,EAAE,EAEFT,EAAgBU,EAAU,EAG1B,IAAMC,EAAOvG,EAAa,OAAQhG,IAASA,GAAK,KAAOqM,EAAY,EAAE,EAC/DpF,EAAMsF,IAAOA,GAAM,OAAS,CAAC,GAAKA,IAAO,CAAC,EAChDzB,EAA0B7D,CAAG,CAC/B,EAAG,CAAC,CACN,EAEA,OAAAvG,GAAU,IAAM,CACd,GAAIW,EAAO,CACT,IAAMmL,EAAOjC,EAAQ,SAAS,sBAAsB,EAC9CkC,GAAS7B,IAAS,KAAO,EAAI,GACnCoB,EAAc,KAAK,KAAKQ,GAAM,OAAS,GAAKC,GAAQ,EAAE,CAAC,CACzD,CACF,EAAG,CAACpL,CAAK,CAAC,EAEVX,GAAU,IAAM,CACduL,EAAmB,CACrB,EAAG,CAAC,CAAC,EAEE,CACL,SAAAtM,EACA,KAAAsG,EACA,QAAAuB,EACA,UAAWuE,EACX,SAAA1B,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAAnJ,EACA,cAAeqG,EACf,OAAAgD,GACA,aAAAD,GACA,OAAA/D,GACA,OAAAiE,GACA,WAAAE,CACF,CACF,CCxHS,cAAAzN,OAAA,oBALF,IAAMsP,GACXnP,GACG,CACH,GAAM,CAAE,UAAAoP,EAAW,GAAGC,CAAK,EAAIrP,EACzBoH,EAAQgH,GAAsBiB,CAAI,EACxC,OAAOxP,GAAC+M,GAAA,CAAc,GAAGxF,EAAO,KAAMpH,EAAM,KAAM,UAAWoP,EAAW,CAC1E,EHNQ,cAAAvP,OAAA,oBAJD,SAASyP,GAAoB,CAClC,IAAMhE,EAAe1L,GAAawC,GAE9BvC,GAACT,GAAA,CAAI,GAAI,EAAG,UAAU,eACpB,SAAAS,GAACsP,GAAA,CAAmB,SAAU/M,EAAU,KAAK,KAAK,EACpD,EAED,CAAC,CAAC,EAECmN,EAAa3P,GACjB,CACEyG,EACA7B,IACG,CACH,GAAM,CAAE,UAAAsF,EAAW,oBAAAiC,CAAoB,EAAIvH,EAE3C,OAAOsF,GACH,OACCrH,GACCA,EAAK,MAAM,UAAWiH,GAAQA,EAAI,KAAOqC,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKyD,GAAQ,CACb,IAAM1M,EAAQuD,GAAM,UAAW5D,GAASA,EAAK,SAAW+M,EAAI,IAAI,EAChE,OAAI1M,IAAU,GACLuD,EAAKvD,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAASA,CAAI,CAC3B,EACA,CAAC,CACH,EAEMgN,EAAoB7P,GACvB8F,GACKA,gBACK,CAAE,aAAA4F,EAAc,WAAAiE,CAAW,EAE7B,CAAC,EAEV,CAACjE,EAAciE,CAAU,CAC3B,EAEA,MAAO,CACL,aAAAjE,EACA,WAAAiE,EACA,kBAAAE,CACF,CACF,CZjBM,mBAAA1I,GACE,OAAAlH,GADF,QAAAQ,OAAA,oBArBC,IAAMqP,GACX1P,GACG,CACH,GAAM,CAAE,UAAAiH,EAAW,YAAA0I,EAAa,QAAAC,EAAS,UAAAC,CAAU,EAAI7P,EACjD,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvBgM,EAAavL,GACjB,CAACwC,EAA4BsI,EAAiB,KACrC,CACL8B,GAAgBpK,EAAUsI,CAAc,EACxC+B,GAAc,EACdC,GAAuB,CACzB,EAEF,CAAC,CACH,EAEM,CAAE,kBAAA+C,CAAkB,EAAIH,EAAkB,EAE1CQ,EAAapK,GAEfrF,GAAA0G,GAAA,CACE,UAAAlH,GAACsM,EAAA,CACC,WAAY,CACV,KAAM9M,GACJ,6BACA4H,iBAA0C,UAC5C,CACF,EACF,EACApH,GAACqM,EAAA,CACC,KAAMxG,EACN,YAAakK,EAAQlK,CAAI,EACzB,OAAQmK,EAAUnK,CAAI,EACtB,WAAYyF,EACZ,aAAa,gBACZ,GAAGsE,EAAkB/J,CAAI,EAC5B,GACF,EAIJ,OACE7F,GAACT,GAAA,CAAI,GAAG,mBAAmB,UAAW,IAAK,GAAI,EAAG,GAAI,EAAG,EAAE,MACzD,SAAAiB,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOG,EACP,cAAe0I,EACf,WAAY,CACV,gBAAiB,UACnB,EACA,oBAAmB,GAEnB,UAAA9P,GAACgH,GAAA,CACC,MAAOvE,EAAE,mBAAmB,EAC5B,KAAMzC,GAACa,EAAA,EAAc,EACrB,MAAM,YAEL,SAAAoP,aAAkC,EACrC,EACAjQ,GAACgH,GAAA,CACC,MAAOvE,EAAE,oBAAoB,EAC7B,KAAMzC,GAACW,GAAA,EAAe,EACtB,MAAM,MAEL,SAAAsP,OAA4B,EAC/B,EACAjQ,GAACgH,GAAA,CACC,MAAOvE,EAAE,qBAAqB,EAC9B,KAAMzC,GAACY,GAAA,EAAgB,EACvB,MAAM,MAEL,SAAAqP,cAAmC,EACtC,GACF,EACF,CAEJ,EgB/FA,OAAS,aAAA3M,GAAW,YAAAzD,OAAgB,QCApC,OAAS,eAAAE,OAAmB,QAC5B,OAAS,qBAAAmQ,OAAyB,yBAG3B,SAASC,EAAWxL,EAAiC,CAC1D,GAAM,CAACoL,EAASK,CAAU,EAAIF,GAAkBvL,EAAQ,WAAY,CACjE,IAAqB,CACpB,QAAS,aACT,UAAW,MACb,CACF,CAAqC,EAE/BqL,EAAYjQ,GACf8F,GAA0BjC,GAAoB,CAC7CwM,EAAW,CAAE,GAAGL,EAAS,CAAClK,CAAI,EAAGjC,CAAK,CAAC,CACzC,EACA,CAACmM,CAAO,CACV,EAEA,MAAO,CACL,QAAAA,EACA,UAAAC,CACF,CACF,CDdA,IAAMK,GAAsC,kCAErC,SAASC,IAA2B,CACzC,GAAM,CAAClJ,EAAWC,CAAY,EAAIxH,QAElC,EACM,CAAE,iBAAAS,CAAiB,EAAIC,EAAkB,EAEzC,CAAE,QAAAwP,EAAS,UAAAC,CAAU,EAAIG,EAAW,CACxC,WAAYE,EACd,CAAC,EAED,OAAA/M,GAAU,IAAM,CACdhD,IAAmB,CACrB,EAAG,CAAC8G,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAcnD,GAAkBoD,EAAapD,CAAuB,EACpE,QAAA8L,EACA,UAAAC,CACF,CACF,CE/BA,OAAS,kBAAA1Q,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,YAAAyH,GAAU,QAAAC,OAAY,sBCApC,OAAS,SAAAsJ,OAAa,wBACtB,OAAS,MAAA/Q,GAAI,QAAAC,GAAM,aAAAgI,OAAiB,sBCFpC,OAA4B,WAAApI,OAAe,QAC3C,OAAS,kBAAAC,OAAsB,wBAC/B,OAAS,QAAAG,GAAM,QAAAC,GAAM,OAAAH,GAAK,WAAAoI,OAAuB,sBACjD,OAAS,WAAAhI,OAAe,yBAmBT,cAAAK,EAgGL,QAAAQ,OAhGK,oBATR,IAAMgQ,GAA4B,CACvCjO,EACAsI,EAAiB,KACd,CACH,GAAM,CAAE,EAAApI,CAAE,EAAInD,GAAe,EA+L7B,OA7LgBD,GAAQ,IACf,CACL,CACE,MAAOW,EAACc,GAAA,CAAgB,UAAU,WAAW,EAC7C,UAAW,aACX,MAAO,SACP,MAAO,GACP,OAAQ,CAACmD,EAAO6G,IAAW,CAUzB,IAAM2F,EACJzQ,EAACP,GAAA,CACC,MAAM,OACN,OAAO,OACP,GAAI,EACJ,QAAQ,SACR,UAAU,SACV,QAASoL,EAhB2Bd,GAAM,CAC5CxH,EAAS,0BACPuI,EACAvI,EAAS,oBACT,EACF,EACAwH,EAAE,gBAAgB,CACpB,EAS4C,OACxC,cAAY,6CAEX,SAAA9F,EACCjE,EAACa,EAAA,CAAc,UAAU,gCAAgC,EAEzDb,EAACc,GAAA,CAAgB,UAAU,gEAAgE,EAE/F,EAGF,OAAI+J,EACK4F,EAIPzQ,EAAC2K,EAAA,CAA4B,IAAKG,EAAQ,SAAUvI,EACjD,SAAAkO,EACH,CAEJ,CACF,EACA,CACE,MAAOhO,EAAE,uBAAuB,EAChC,UAAW,SACX,MAAO,GACP,OAASwB,GAELjE,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAuE,EACH,CAGN,EACA,CACE,MAAOxB,EAAE,cAAc,EACvB,UAAW,YACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAAQ,CAACwB,EAAO6G,IAEZ9K,EAACN,GAAK,QAAL,CAAa,GAAIoL,EAAO,UAAY,EAAG,SAAS,IAC9C,SAAA7G,EACH,CAGN,EACA,CACE,MAAOxB,EAAE,0BAA0B,EACnC,UAAW,SACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASwB,GAELjE,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,CAGN,EACA,CACE,MACEzD,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAEwB,EAAE,0BAA0B,GAC/C,EAEF,UAAW,aACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASwB,GAELjE,EAACN,GAAK,QAAL,CAAa,SAAS,IAAI,GAAI,EAAG,GAAIC,GAAQ,WAC3C,SAAAsE,EACH,CAGN,EACA,CACE,MACEzD,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,EAAA,EAAY,EAAE,IAAEwB,EAAE,sBAAsB,GAC3C,EAEF,UAAW,eACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASwB,GAELjE,EAACN,GAAK,QAAL,CAAa,SAAS,IAAI,GAAI,EAAG,GAAIC,GAAQ,WAC3C,SAAAsE,EACH,CAGN,EACA,CACE,MAAOxB,EAAE,mCAAmC,EAC5C,UAAW,aACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASwB,GACHA,IAAU,KACL,KAGPjE,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAI,EACJ,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,CAGN,EACA,CACE,UAAW,SACX,KAAM,SACN,MAAO,GACP,OAAQ,CAACA,EAAO6G,IACVD,EAEA7K,EAACP,GAAA,CAAK,QAAQ,MAAM,GAAI,EACtB,SAAAO,EAAC2H,GAAA,CACC,QAASlF,EAAE,iCAAiC,EAC5C,MAAM,SACN,cAAe,EAEf,SAAAzC,EAACT,GAAA,CACC,UAAU,sDACV,QAAUwK,GAAM,CACdA,EAAE,gBAAgB,EAClBxH,EAAS,SAASuI,CAAM,CAC1B,EACA,cAAY,oCAEZ,SAAA9K,EAACgB,GAAA,CAAc,UAAU,yDAAyD,EACpF,EACF,EACF,EAGG,IAEX,CACF,EACC,CAACuB,EAAUsI,EAAgBpI,CAAC,CAAC,CAGlC,EDzLU,cAAAzC,GAON,QAAAQ,OAPM,oBAbH,IAAMkQ,GAAiDvQ,GAAU,CACtE,GAAM,CAAE,WAAAkL,EAAY,SAAA9I,EAAU,OAAAmC,EAAQ,QAAA0G,EAAS,WAAAuF,CAAW,EAAIxQ,EAExD,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/CoL,EAAU6E,GAA0BjO,EAAU,EAAI,EAcxD,OACE/B,GAAC,OACC,UAAAR,GAACsP,GAAA,CAAmB,SAAU/M,EAAU,UAAU,WAAW,EAE7DvC,GAACyH,GAAA,CACC,SAAQ,GAER,QAASkE,EACT,WAAYN,EACZ,UApBJrL,GAACP,GAAA,CAAK,UAAU,wCAEd,SAAAO,GAACuQ,GAAA,CACC,QAAQ,mCACR,WAAY,CACVvQ,GAACc,GAAA,CAAwB,UAAU,6BAAd,GAA0C,CACjE,EACF,EACF,EAaI,QAASsK,EACT,MAAO,CAACN,EAAQ7H,KACP,CACL,UAAWzD,GAAG,iCAAiC,EAC/C,QAAS,IAAM,CACbgD,IAAiBsI,CAAM,EACvBvI,EAAS,aAAauI,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACnF,CAAO,EAAG,EAAK,EAChC,OAAQjB,EACR,WAAYiM,EACZ,cAAa,GACf,GACF,CAEJ,EE1DA,OAAS,aAAArN,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAS,eAAA6D,GAAa,cAAAF,OAAkB,yBACxC,OAAS,iBAAAoN,OAAqB,sBAQvB,IAAMC,GAA6B,IAAM,CAC9C,GAAM,CAAE,SAAAC,EAAU,QAAAC,EAAS,WAAAJ,CAAW,EAAIC,GAAc,CACtD,SAAU,EACZ,CAAC,EACK,CAACpK,EAAMjE,CAAQ,EAAIiB,GAAWE,GAAY,SAAS,EACnD,CAAC0H,EAASa,CAAU,EAAIpM,GAAS,EAAI,EAErC,CAAE,UAAAoK,EAAW,oBAAAiC,CAAoB,EAAI3J,EAErC,CAAE,YAAAnC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAmE,EAAQ,cAAAG,CAAc,EAAIP,EAAQ,EAEpC0M,EAAa3R,GAAQ,IAAM,CAC/B,IAAM8M,EAAalC,GACf,OACCrH,GACCA,EAAK,MAAM,UAAWiH,GAAQA,EAAI,KAAOqC,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKyD,GAAQ,CACb,IAAM1M,EAAQuD,GAAM,UAAW5D,GAASA,EAAK,SAAW+M,EAAI,IAAI,EAChE,OAAI1M,IAAU,GACLuD,EAAKvD,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAAS,CAAC,CAACA,CAAI,EAE3B,OAAOkC,EAAeqH,EAAY/L,EAAa,WAAW,CAC5D,EAAG,CAACoG,EAAM0F,EAAqBjC,EAAW7J,CAAW,CAAC,EAEhDiL,EAAahM,GACjB,IAAMwF,EAAcmM,CAAU,EAC9B,CAACA,EAAYnM,CAAa,CAC5B,EAEA,OAAAvB,GAAU,IAAM,CACd2I,EAAW,EAAK,CAClB,EAAG,CAAChC,CAAS,CAAC,EAEd3G,GAAU,IAAM,CACdyN,EAAQ,CAAC,CACX,EAAG,CAAC3Q,CAAW,CAAC,EAET,CACL,QAAAgL,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,EACA,WAAAiM,CACF,CACF,ECzDS,cAAA3Q,OAAA,oBAFF,IAAMiR,GAAoC,IAAM,CACrD,IAAM1J,EAAQsJ,GAA2B,EACzC,OAAO7Q,GAAC0Q,GAAA,CAAmB,GAAGnJ,EAAO,CACvC,ECLA,OAAS,MAAA/H,GAAI,aAAAiI,OAAiB,sBAyB1B,cAAAzH,OAAA,oBAhBG,IAAMkR,GAA6C/Q,GAAU,CAClE,GAAM,CACJ,QAAAiL,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,EACA,YAAAH,EACA,KAAAsB,EACA,WAAA8K,CACF,EAAIxQ,EAEE,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/CoL,EAAU6E,GAA0BjO,EAAU,EAAK,EAEzD,OACEvC,GAACyH,GAAA,CACC,SAAQ,GACR,QAASkE,EACT,QAASP,EACT,WAAYC,EACZ,MAAO,CAACP,EAAQ7H,KACP,CACL,UAAWzD,GAAG,iCAAiC,EAC/C,QAAS,IAAM,CACbgD,IAAiBsI,CAAM,EACvBvI,EAAS,aAAauI,CAAM,CAC9B,EACA,cAAe,sBACbjF,IAAS,MAAQ,aAAe,KAClC,OAAOiF,EAAO,MAAM,EACtB,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACnF,CAAO,EAAG,EAAK,EAChC,OAAQjB,EACR,YAAaH,EACb,WAAYoM,EACZ,WAAY,CACV,OAAQ,UACV,EACA,cAAa,GACf,CAEJ,ECtDA,OAAS,aAAArN,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAS,eAAA6D,GAAa,cAAAF,OAAkB,yBACxC,OAAoB,iBAAAoN,OAAqB,sBAWlC,IAAMO,GACXxM,GACG,CACH,GAAM,CAACyG,EAASa,CAAU,EAAIpM,GAAS,EAAI,EACrC,CAAE,QAAAkR,EAAS,WAAAJ,CAAW,EAAIC,GAAc,CAC5C,SAAU,EACZ,CAAC,EAEK,CAACpK,EAAMjE,CAAQ,EAAIiB,GAAWE,GAAY,GAAG,EAE7C,CAAE,YAAAtD,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAmE,EAAQ,cAAAG,EAAe,KAAAjB,CAAK,EAAIU,EAAQK,EAAQ,WAAW,EAE7D0G,EAAahM,GAAQ,IAAM,CAC/B,IAAM+R,EAAatM,EAAe0B,EAAMpG,EAAa,WAAW,EAChE,OAAOyE,EAAcuM,CAAU,CACjC,EAAG,CAAC5K,EAAM3B,EAAezE,CAAW,CAAC,EAErCkD,GAAU,IAAM,CACd2I,EAAW,EAAK,CAClB,EAAG,CAACzF,CAAI,CAAC,EAETlD,GAAU,IAAM,CACdyN,EAAQ,CAAC,CACX,EAAG,CAAC3Q,CAAW,CAAC,EAEhBkD,GAAU,IAAM,CAEVqB,EAAQ,OAAS,OACnBpC,EAAS,oBAAoB,MAAOqB,GAAM,QAAUA,GAAM,SAAU,CAExE,EAAG,CAACA,EAAMe,EAAQ,IAAI,CAAC,EAEvB,IAAMJ,EAAclF,GAAQ,IAAM,CAChC,IAAMgS,EACJ1M,EAAQ,OAAS,MAAQpC,EAAS,SAAS,IAAM,OAEnD,MAAO,CACL,QAAS8O,GAAW,SAAW1M,GAAS,aAAa,QACrD,KAAM0M,GAAW,WAAa1M,GAAS,aAAa,SACtD,CACF,EAAG,CAACpC,EAAS,QAASoC,EAAQ,YAAaA,EAAQ,IAAI,CAAC,EAExD,MAAO,CACL,QAAAyG,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,EACA,WAAAiM,EACA,YAAApM,CACF,CACF,ECnDS,cAAAvE,OAAA,oBALF,IAAMsR,GACXnR,GACG,CACH,IAAMoH,EAAQ4J,GAAyBhR,CAAK,EAE5C,OAAOH,GAACkR,GAAA,CAAiB,GAAG3J,EAAO,KAAMpH,EAAM,KAAM,CACvD,EPCM,OAMI,OAAAH,EANJ,QAAAQ,OAAA,oBANC,IAAM+Q,GAAmDpR,GAAU,CACxE,GAAM,CAAE,UAAAiH,EAAW,YAAA0I,CAAY,EAAI3P,EAC7B,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAE7B,OACEU,EAACT,GAAA,CAAI,GAAG,mBAAmB,UAAW,IAAK,EAAG,EAAG,EAAE,MACjD,SAAAiB,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOG,EACP,cAAe0I,EACf,SACE9P,EAACsM,EAAA,CAAY,WAAY,CAAE,KAAM,wBAAyB,EAAG,EAG/D,UAAAtM,EAACgH,GAAA,CACC,MAAOvE,EAAE,mBAAmB,EAC5B,KAAMzC,EAACa,EAAA,EAAc,EACrB,MAAM,YACN,OAAO,mCAEP,SAAAb,EAACiR,GAAA,EAAwB,EAC3B,EACAjR,EAACgH,GAAA,CACC,MAAOvE,EAAE,oBAAoB,EAC7B,KAAMzC,EAACW,GAAA,EAAe,EACtB,MAAM,MACN,OAAO,6BAEP,SAAAX,EAACsR,GAAA,CACC,KAAK,MACL,YAAa,CACX,QAAS,aACT,UAAW,MACb,EACF,EACF,EACAtR,EAACgH,GAAA,CACC,MAAOvE,EAAE,qBAAqB,EAC9B,KAAMzC,EAACY,GAAA,EAAgB,EACvB,MAAM,MACN,OAAO,qCAEP,SAAAZ,EAACsR,GAAA,CACC,KAAK,MACL,YAAa,CACX,QAAS,eACT,UAAW,MACb,EACF,EACF,GACF,EACF,CAEJ,EnBrDI,cAAAtR,OAAA,oBANG,IAAMwR,GAAwB,IAAM,CACzC,GAAM,CAAE,SAAAhK,CAAS,EAAIT,GAAU,EAEzBQ,EAAQ+I,GAAyB,EAEvC,OAAO9I,EACLxH,GAAC6P,GAAA,CAAuB,GAAGtI,EAAO,EAElCvH,GAACuR,GAAA,CAAiB,GAAGhK,EAAO,CAEhC,E2BfA,OAAS,kBAAAjI,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,YAAAwH,GAAU,QAAAC,OAAY,sBAsBhC,cAAAjH,GAqBF,QAAAQ,OArBE,oBAZD,IAAMiR,GAA+CtR,GAAU,CACpE,GAAM,CAAE,UAAAiH,EAAW,YAAA0I,EAAa,QAAAC,EAAS,UAAAC,CAAU,EAAI7P,EAEjD,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvBoD,EAAM,4BAEN,CAAE,kBAAAkN,CAAkB,EAAIH,EAAkB,EAE1CQ,EAAapK,GAEf7F,GAAC,OAAI,UAAW0C,EACd,SAAA1C,GAACqM,EAAA,CACC,KAAMxG,EACN,YAAakK,EAAQlK,CAAI,EACzB,OAAQmK,EAAUnK,CAAI,EACtB,gBAAiB,CACf,OAAQrG,GACN,WACAqG,gBAAoC,WAAa,UACnD,CACF,EACC,GAAG+J,EAAkB/J,CAAI,EAC5B,EACF,EAIJ,OACErF,GAACjB,GAAA,CAAI,UAAWC,GAAG,uCAAuC,EAAG,OAAO,OAClE,UAAAQ,GAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,GAACsM,EAAA,EAAY,EACf,EACA9L,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOG,EACP,cAAe0I,EACf,WAAY,CACV,SAAUtQ,GAAG,cAAc,EAC3B,YAAa,aACb,gBAAiB,UACnB,EACA,UAAWkD,EACX,oBAAmB,GAEnB,UAAA1C,GAACgH,GAAA,CACC,MAAOvE,EAAE,mBAAmB,EAC5B,KAAMzC,GAACa,EAAA,EAAc,EACrB,kBAEC,SAAAoP,aAAkC,EACrC,EACAjQ,GAACgH,GAAA,CAAS,MAAOvE,EAAE,gBAAgB,EAAG,eACnC,SAAAwN,UAA+B,EAClC,EACAjQ,GAACgH,GAAA,CAAS,MAAOvE,EAAE,YAAY,EAAG,YAC/B,SAAAwN,OAA4B,EAC/B,EACAjQ,GAACgH,GAAA,CACC,MAAOvE,EAAE,qBAAqB,EAC9B,mBAEC,SAAAwN,cAAmC,EACtC,GACF,GACF,CAEJ,EC/EA,OAAS,eAAAlQ,GAAa,aAAAuD,GAAW,YAAAzD,OAAgB,QCA1C,IAAM6R,GACX,gCDcK,SAASC,GAAuBhN,EAAqC,CAC1E,GAAM,CAACyC,EAAWC,CAAY,EAAIxH,GAChC8E,EAAQ,SACV,EAEM,CAAE,QAAAoL,EAAS,UAAAC,CAAU,EAAIG,EAAW,CACxC,WAAYuB,EACd,CAAC,EAEK,CAAE,iBAAApR,CAAiB,EAAIC,EAAkB,EAEzCuP,EAAc/P,GACjBkE,GAAkB,CACb,OAAOU,GAAS,aAAgB,WAClCA,EAAQ,YAAYV,CAAuB,EAE3CoD,EAAapD,CAAuB,CAExC,EACA,CAACU,GAAS,WAAW,CACvB,EACA,OAAArB,GAAU,IAAM,CACd+D,EAAa1C,GAAS,sBAAqC,CAC7D,EAAG,CAACA,GAAS,SAAS,CAAC,EAEvBrB,GAAU,IAAM,CACdhD,IAAmB,CACrB,EAAG,CAAC8G,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAA0I,EACA,QAAAC,EACA,UAAAC,CACF,CACF,CE3BM,cAAAhQ,OAAA,oBAbC,IAAM4R,GACXzR,GACG,CACH,IAAMoH,EAAQoK,GAAuB,CACnC,UAAWxR,EAAM,UACjB,YAAaA,EAAM,WACrB,CAAC,EAED,OACEH,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACyR,GAAA,CAAe,GAAGlK,EAAO,EAC5B,CAEJ,EC1BA,OAAa,YAAA1H,OAAgB,QAC7B,OAAS,aAAA4H,GAAW,MAAAjI,OAAU,sBCD9B,OAAS,WAAAH,OAAe,QACxB,OAAS,kBAAAC,OAAsB,wBAC/B,OAEE,QAAAG,GACA,UAAAoS,GACA,UAAAC,GACA,QAAApS,GACA,aAAAgI,GACA,aAAAX,OACK,sBACP,OAAS,WAAApH,OAAe,yBAOX,cAAAK,GA+BH,QAAAQ,OA/BG,oBAJb,IAAMuR,GACJ,CAACC,EAAa,IACb/N,GACKA,IAAU,EACLjE,GAACN,GAAA,CAAK,eAAG,EAIhBM,GAACN,GAAK,QAAL,CACC,KAAK,cACL,GAAIsS,EACJ,SAAQ,GACR,GAAIrS,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,EAIOgO,GAA4B,CACvCC,EACAC,IACG,CACH,GAAM,CAAE,EAAA1P,CAAE,EAAInD,GAAe,EACvB,CAAE,SAAAkI,CAAS,EAAIT,GAAU,EAE/B,OAAO1H,GAAwC,IACtC,CACL,CACE,MAAOoD,EAAE,uBAAuB,EAChC,UAAW,SACX,MAAO,IACP,UAAW+E,EAAW,WAAa,OACnC,OAASvD,GACPzD,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,GAAC0H,GAAA,CACC,OAAQzD,EACR,UAAWuD,EAAW,kBAAoB,aAC5C,EAEAxH,GAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,OAAO,WAEN,SAAAuE,EACH,GACF,CAEJ,EACA,CACE,MAAOxB,EAAE,mCAAmC,EAC5C,UAAW,aACX,MAAO,IACP,OAAQ,GACR,OAAQ,CAACwB,EAAO6G,IACdtK,GAAC,OACC,UAAAR,GAACN,GAAK,QAAL,CACC,KAAK,cACL,GAAI,EACJ,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,EACAjE,GAAC,QAAK,UAAU,4BACb,cAAK8K,EAAO,eAAe,IAC9B,GACF,CAEJ,EACA,CACE,MAAOrI,EAAE,oCAAoC,EAC7C,UAAW,cACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MAAOtP,EAAE,8BAA8B,EACvC,UAAW,YACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MAAOtP,EAAE,8BAA8B,EACvC,UAAW,YACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MAAOtP,EAAE,8BAA8B,EACvC,UAAW,YACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MAAOtP,EAAE,+BAA+B,EACxC,UAAW,aACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MAAOtP,EAAE,+BAA+B,EACxC,UAAW,aACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MAAOtP,EAAE,+BAA+B,EACxC,UAAW,aACX,MAAO,GACP,OAAQ,GACR,OAAQsP,GAAsB,CAChC,EACA,CACE,MACEvR,GAAC,OAAI,UAAU,qBACb,UAAAR,GAACoS,GAAA,CACC,MAAOF,EACP,cAAeC,EACjB,EACAnS,GAAC,QAAM,SAAAyC,EAAE,qCAAqC,EAAE,GAClD,EAEF,UAAWyP,EACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAAQH,GAAsB,CAAC,CACjC,CACF,EACC,CAACtP,EAAG+E,EAAU0K,EAAgBC,CAAiB,CAAC,CACrD,EAOMC,GAAuBjS,GAAoC,CAC/D,GAAM,CAAE,CAAE,EAAIb,GAAe,EACvB,CAAE,SAAAkI,CAAS,EAAIT,GAAU,EAEzBpC,EAAUtF,GAAQ,IACf,CACL,CACE,MAAO,EAAE,kBAAkB,EAC3B,MAAO,YACT,EACA,CACE,MAAO,EAAE,kBAAkB,EAC3B,MAAO,YACT,EACA,CACE,MAAO,EAAE,kBAAkB,EAC3B,MAAO,YACT,EACA,CACE,MAAO,EAAE,mBAAmB,EAC5B,MAAO,aACT,EACA,CACE,MAAO,EAAE,mBAAmB,EAC5B,MAAO,aACT,EACA,CACE,MAAO,EAAE,mBAAmB,EAC5B,MAAO,aACT,CACF,EACC,CAAC,CAAC,CAAC,EAEN,OAAImI,EAEAxH,GAAC6R,GAAA,CACC,KAAK,KACL,MAAO1R,EAAM,MACb,cAAeA,EAAM,cACrB,QAASwE,EACX,EAKF3E,GAAC8R,GAAO,QAAP,CACC,KAAK,KACL,MAAO3R,EAAM,MACb,cAAeA,EAAM,cACrB,QAASwE,EACX,CAEJ,EDvMI,cAAA3E,OAAA,oBAPG,IAAMqS,GAA6ClS,GAAU,CAClE,GAAM,CAAE,WAAAkL,EAAY,UAAAiH,EAAW,WAAA3B,EAAY,OAAAjM,CAAO,EAAIvE,EAChD,CAAC+R,EAAgBC,CAAiB,EAAItS,GAAS,YAAY,EAE3D8L,EAAUsG,GAA0BC,EAAgBC,CAAiB,EAE3E,OACEnS,GAACyH,GAAA,CACC,QAASkE,EACT,WAAYN,EACZ,QAASiH,EACT,SAAQ,GACR,MAAO,KACE,CACL,UAAW9S,GAAG,iCAAiC,CACjD,GAEF,WAAY,CACV,OAAQ,UACV,EACA,WAAYmR,EACZ,OAAQjM,EACR,cAAa,GACb,gBAAkBoG,GAAWA,EAAO,OACtC,CAEJ,EEjCA,OAAS,WAAAzL,OAAe,QACxB,OACE,eAAAqE,GACA,yBAAA6O,GACA,mBAAAC,GACA,cAAAhP,OACK,yBACP,OAAS,iBAAAoN,OAAqB,sBAyBvB,IAAM6B,GAA2B,IAAM,CAC5C,GAAM,CAAE,WAAA9B,CAAW,EAAIC,GAAc,CAAE,SAAU,EAAG,CAAC,EAC/C,CAAC8B,CAAU,EAAIlP,GAAWE,GAAY,GAAG,EAEzC,CACJ,KAAMiP,EACN,UAAWC,EACX,iBAAAC,CACF,EAAIN,GAAsB,EACpBO,EAAeN,GAAgB,EAE/B,CAAE,OAAA9N,EAAQ,cAAAG,CAAc,EAAIP,EAAQ,EACpC,CAAE,YAAAlE,CAAY,EAAIG,EAAkB,EAEpCwS,EAAgB1T,GAAQ,IAA8B,CAC1D,GAAI,CAACqT,GAAY,OAAQ,MAAO,CAAC,EAGjC,IAAMM,EADU,CAAC,KAAM,KAAM,KAAM,MAAO,MAAO,KAAK,EAC7B,OACvB,CAACC,EAAKC,KACJD,EAAIC,CAAM,EAAIL,EAAiBF,EAAgBO,CAAM,EAC9CD,GAET,CAAC,CACH,EAIA,OAAOP,EAAW,IAAK9P,GAAS,CAC9B,IAAM+C,EAAS/C,EAAK,OACduQ,EAAUR,GAAgB,KAAMS,GAAMA,EAAE,SAAWzN,CAAM,EAEzD0N,EAAcP,EAAanN,CAAM,EAEjC2N,EAAkBC,GACtBF,EAAY,mBAAmB,EAC/BA,EAAY,6BAA6B,CAC3C,EAEA,MAAO,CACL,OAAA1N,EACA,WAAY0N,EAAY,kBAAkB,EAC1C,YAAaA,EAAY,mBAAmB,EAC5C,gBAAAC,EACA,UAAWH,GAAS,UAAU,IAAI,GAAG,MAAQ,EAC7C,UAAWA,GAAS,UAAU,IAAI,GAAG,MAAQ,EAC7C,UAAWA,GAAS,UAAU,IAAI,GAAG,MAAQ,EAC7C,WAAYA,GAAS,UAAU,KAAK,GAAG,MAAQ,EAC/C,WAAYA,GAAS,UAAU,KAAK,GAAG,MAAQ,EAC/C,WAAYA,GAAS,UAAU,KAAK,GAAG,MAAQ,EAC/C,aAAcH,EAAS,IAAI,EAAErN,CAAM,GAAK,IACxC,aAAcqN,EAAS,IAAI,EAAErN,CAAM,GAAK,IACxC,aAAcqN,EAAS,IAAI,EAAErN,CAAM,GAAK,IACxC,cAAeqN,EAAS,KAAK,EAAErN,CAAM,GAAK,IAC1C,cAAeqN,EAAS,KAAK,EAAErN,CAAM,GAAK,IAC1C,cAAeqN,EAAS,KAAK,EAAErN,CAAM,GAAK,GAC5C,CACF,CAAC,CACH,EAAG,CAAC+M,EAAYC,EAAgBG,EAAcD,CAAgB,CAAC,EAEzDW,EAAenU,GAAQ,IACpByF,EAAeiO,EAAe3S,EAAa,WAAW,EAC5D,CAAC2S,EAAe3S,EAAauQ,CAAU,CAAC,EAO3C,MAAO,CAAE,WALUtR,GACjB,IAAMwF,EAAc2O,CAAY,EAChC,CAACA,EAAc3O,CAAa,CAC9B,EAEqB,UAAW+N,EAAkB,WAAAjC,EAAY,OAAAjM,CAAO,CACvE,EAEA,SAAS6O,GACPE,EACAC,EACA,CAEA,GAAI,CAACD,GAAqB,CAACC,EAA6B,MAAO,GAC/D,IAAMC,EAAOF,EAAoBC,EAEjC,OAAO,KAAK,MAAMC,EAAO,IAAO,CAClC,CChHA,OAAS,aAAA5M,OAAiB,sBCD1B,OAAa,YAAAlH,OAAgB,QAC7B,OAAS,aAAA4H,GAAW,MAAAjI,OAAU,sBAe1B,cAAAQ,OAAA,oBATG,IAAM4T,GACXzT,GACG,CACH,GAAM,CAAE,WAAAkL,EAAY,UAAAiH,EAAW,OAAA5N,CAAO,EAAIvE,EACpC,CAAC+R,EAAgBC,CAAiB,EAAItS,GAAS,YAAY,EAE3D8L,EAAUsG,GAA0BC,EAAgBC,CAAiB,EAE3E,OACEnS,GAACyH,GAAA,CACC,QAASkE,EACT,WAAYN,EACZ,QAASiH,EACT,MAAO,KACE,CACL,UAAW9S,GAAG,iCAAiC,CACjD,GAEF,WAAY,CACV,OAAQ,UACR,KAAM,cACR,EACA,OAAQkF,EACR,cAAa,GACb,gBAAkBoG,GAAWA,EAAO,OACtC,CAEJ,EDxBI,cAAA9K,OAAA,oBAJG,IAAM6T,GAA4B,IAAM,CAC7C,IAAM1T,EAAQsS,GAAyB,EACjC,CAAE,SAAAjL,CAAS,EAAIT,GAAU,EAC/B,OAAOS,EACLxH,GAAC4T,GAAA,CAAuB,GAAGzT,EAAO,EAElCH,GAACqS,GAAA,CAAiB,GAAGlS,EAAO,CAEhC,EEbA,OAAS,MAAAX,OAAU,sBACnB,OAAS,aAAAiI,OAAiB,sBCF1B,OAAS,WAAApI,OAAe,QACxB,OAAS,kBAAAC,OAAsB,wBAC/B,OAAS,MAAAE,GAAI,QAAAC,GAAM,aAAAiI,GAAW,aAAAX,OAAiB,sBAE/C,OAAS,QAAArH,OAAY,sBACrB,OAAS,WAAAC,OAAe,yBCLxB,OAAS,WAAAN,OAAe,QACxB,OAAS,mBAAAmT,GAAiB,YAAA/O,OAAgB,yBAC1C,OAAS,iBAAAmN,OAAqB,sBAC9B,OAAS,WAAAjR,OAAe,yBAIjB,IAAMmU,GAAS,YAETC,GAAY,CACvBD,GACA,UACA,GAAGA,EAAM,aACT,MACA,GAAGA,EAAM,SACT,QACA,GAAGA,EAAM,WACT,OACA,GAAGA,EAAM,UACT,SACA,GAAGA,EAAM,YACT,SACA,GAAGA,EAAM,WACX,EAMaE,GAA6B,IAAM,CAC9C,GAAM,CAAE,WAAArD,CAAW,EAAIC,GAAc,CAAE,SAAU,EAAG,CAAC,EAC/C,CAAE,OAAAlM,EAAQ,cAAAG,CAAc,EAAIP,EAAQ,EACpC,CAAE,YAAAlE,CAAY,EAAIG,EAAkB,EAEpCuS,EAAeN,GAAgB,EAE/B,CAAE,KAAAhM,EAAM,UAAA8L,CAAU,EAAI7O,GAE1B,2CAA2C,EAEvCsP,EAAgB1T,GAAQ,IACxB,CAAC,MAAM,QAAQmH,CAAI,GAAK,CAACA,EAAK,OACzB,CAAC,EAEHA,EAAK,IAAKyN,GAAQ,CACvB,IAAMC,EAAmC,CACvC,OAAQD,EAAI,MACd,EACA,OAAAF,GAAU,QAASnR,GAAS,CAE1B,GADkBA,EAAK,SAAS,KAAK,EAW9B,CACL,GAAM,CAAC,CAAEuR,CAAY,EAAIvR,EAAK,QAAQ,KAAM,EAAE,EAAE,MAAM,GAAG,EACnDwR,EAAOtB,EAAamB,EAAI,MAAM,EAC9BI,EAAYD,EAAK,mBAAmB,GAAK,KAIzCE,EAHWL,EAAI,WAAW,KAC7BlK,GAAMA,EAAE,KAAK,YAAY,IAAMoK,EAAa,YAAY,CAC3D,GAC4B,MAAQ,KAChCE,IAAc,MAAQC,IAAc,KACtCJ,EAAOtR,CAAI,EAAI,IAAIjD,GAAQ0U,CAAS,EAAE,IAAIC,CAAS,EAAE,SAAS,EAE9DJ,EAAOtR,CAAI,EAAI,IAEnB,SAtBMA,IAASkR,GAAQ,CACnB,IAAMM,EAAOtB,EAAamB,EAAI,MAAM,EACpCC,EAAOtR,CAAI,EAAIwR,EAAK,mBAAmB,GAAK,IAC9C,KAAO,CACL,IAAMG,EAAWN,EAAI,WAAW,KAC7BlK,GAAMA,EAAE,KAAK,YAAY,IAAMnH,EAAK,YAAY,CACnD,EACAsR,EAAOtR,CAAI,EAAI2R,GAAU,MAAQ,IACnC,CAeJ,CAAC,EACML,CACT,CAAC,EACA,CAAC1N,EAAMsM,CAAY,CAAC,EAEjBU,EAAenU,GAAQ,IACpByF,EAAeiO,EAAe3S,EAAa,WAAW,EAC5D,CAAC2S,EAAe3S,EAAauQ,CAAU,CAAC,EAO3C,MAAO,CACL,WANiBtR,GACjB,IAAMwF,EAAc2O,CAAY,EAChC,CAAC3O,EAAe2O,CAAY,CAC9B,EAIE,UAAAlB,EACA,WAAA3B,EACA,OAAAjM,CACF,CACF,EDvEU,OACE,OAAA1E,GADF,QAAAQ,OAAA,oBAfV,IAAMgU,GAAa,mDAENC,GAAoB,IAAM,CACrC,GAAM,CAAE,EAAAhS,CAAE,EAAInD,GAAe,EACvB,CAAE,SAAAkI,CAAS,EAAIT,GAAU,EAE/B,OAAO1H,GAAkB,IAChB,CACL,CACE,MAAOoD,EAAE,uBAAuB,EAChC,UAAW,SACX,MAAO,IACP,OAAQ,GACR,UAAW+E,EAAW,WAAa,OACnC,OAASvD,GACPzD,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,GAAC0H,GAAA,CACC,OAAQzD,EACR,UAAWuD,EAAW,kBAAoB,aAC5C,EAEAxH,GAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WAEN,SAAAuE,EACH,GACF,CAEJ,EACA,GAAG8P,GAAU,IAAanR,IAAU,CAClC,MACEpC,GAACf,GAAA,CAAK,QAAQ,QAAQ,UAAU,SAAS,IAAK,EAC3C,WAACmD,EAAK,SAAS,KAAK,GACnB5C,GAAC,OACC,IAAK,GAAGwU,EAAU,IAAI5R,EAAK,YAAY,EAAE,QAAQ,IAAK,GAAG,CAAC,OAC1D,UAAWpD,GACT,+CACAgI,EAAW,kBAAoB,YACjC,EACF,EAED5E,GACH,EAEF,UAAWA,EACX,OAAQ,GACR,MAAOA,EAAK,SAAS,KAAK,EAAI,IAAM,IACpC,OAAOqB,EAAsB,CAC3B,OAAIA,IAAU,KACL,IAIPjE,GAACN,GAAK,QAAL,CACC,KAAK,cACL,GAAI,EACJ,SAAU,GAAAkD,EAAK,SAAS,KAAK,GAAKA,IAASkR,IAC3C,GAAInU,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,CAEJ,CACF,EAAE,CACJ,EACC,CAACxB,EAAG+E,CAAQ,CAAC,CAClB,EDpEI,cAAAxH,OAAA,oBAJG,IAAM0U,GAAkDvU,GAAU,CACvE,IAAMwL,EAAU8I,GAAkB,EAElC,OACEzU,GAACyH,GAAA,CACC,QAASkE,EACT,WAAYxL,EAAM,WAClB,QAASA,EAAM,UACf,MAAO,KACE,CACL,UAAWX,GAAG,iCAAiC,CACjD,GAEF,WAAY,CACV,OAAQ,UACV,EACA,SAAQ,GACR,WAAYW,EAAM,WACpB,CAEJ,EGzBA,OAAS,aAAA4G,OAAiB,sBCA1B,OAAS,MAAAvH,OAAU,sBACnB,OAAS,aAAAiI,OAAiB,sBAQtB,cAAAzH,OAAA,oBAJG,IAAM2U,GAAwDxU,GAAU,CAC7E,IAAMwL,EAAU8I,GAAkB,EAElC,OACEzU,GAACyH,GAAA,CACC,QAASkE,EACT,WAAYxL,EAAM,WAClB,QAASA,EAAM,UACf,MAAO,KACE,CACL,UAAWX,GAAG,iCAAiC,CACjD,GAEF,WAAY,CACV,OAAQ,UACR,KAAM,cACR,EACF,CAEJ,EDfI,cAAAQ,OAAA,oBAJG,IAAM4U,GAA8B,IAAM,CAC/C,IAAMrN,EAAQyM,GAA2B,EACnC,CAAE,SAAAxM,CAAS,EAAIT,GAAU,EAC/B,OAAOS,EACLxH,GAAC2U,GAAA,CAAyB,GAAGpN,EAAO,EAEpCvH,GAAC0U,GAAA,CAAmB,GAAGnN,EAAO,CAElC,EEbA,OAAS,kBAAAjI,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,QAAAC,GAAM,QAAAC,OAAY,sBAiC5B,cAAAM,GAsBJ,QAAAQ,OAtBI,oBAlBD,IAAMqU,GAA2C1U,GAAU,CAChE,GAAM,CACJ,YAAA2U,EACA,UAAAvJ,EACA,WAAAwJ,EACA,UAAA3N,EACA,YAAA0I,EACA,UAAAP,EACA,QAAAQ,CACF,EAAI5P,EAEE,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/C,CAAE,kBAAAqP,CAAkB,EAAIH,EAAkB,EAE1CrB,EAAgB,IACf7C,EAYHvL,GAACqM,EAAA,CACC,KAAMjF,EACN,YAAa2I,EAAQ3I,CAAS,EAG9B,UAAWmE,EACV,GAAGqE,EAAkBxI,CAAS,EACjC,EAjBEpH,GAAC4R,GAAA,CACC,UAAWxK,EACX,YAAa0I,EACb,OAAQnK,EACR,eAAgBnD,EAClB,EAgBN,OACEhC,GAACf,GAAA,CACC,GAAG,mBACH,UAAWD,GAAG,oBAAqB+P,CAAS,EAC5C,UAAU,SACV,KAAM,EACN,OAAO,OACP,MAAM,OAEN,UAAAvP,GAACgV,GAAA,CACC,YAAaF,EACb,UAAWvJ,EACX,WAAYwJ,EACd,EACA/U,GAACT,GAAA,CACC,MAAM,OACN,UAAWC,GACT+L,EAAY,4BAA8B,2BAC5C,EAEC,SAAA6C,EAAc,EACjB,GACF,CAEJ,EAIa4G,GAAiD7U,GAAU,CACtE,GAAM,CAAE,YAAA2U,EAAa,UAAAvJ,EAAW,WAAAwJ,CAAW,EAAI5U,EAEzC,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvBoD,EAAMlD,GACV,4BACAsV,EACI,qDACA,wBACN,EAEA,OAAIvJ,EAEAvL,GAACwB,GAAA,CACC,UAAWkB,EACX,QAAS,IAAM,CACbqS,IAAa,EAAK,CACpB,EACF,EAKFvU,GAACf,GAAA,CAAK,QAAQ,UAAU,GAAI,EAAG,MAAM,OACnC,UAAAO,GAACN,GAAA,CAAK,KAAK,OAAO,UAAW,GAC1B,SAAA+C,EAAE,gBAAgB,EACrB,EACAzC,GAACyB,GAAA,CACC,UAAWiB,EACX,QAAS,IAAM,CACbqS,IAAa,EAAI,CACnB,EACF,GACF,CAEJ,ECxHA,OAAS,eAAAhV,GAAa,aAAAuD,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC1D,OAAS,mBAAAoV,OAAuB,yBAahC,IAAMC,GAA2B,mCAE1B,SAASC,GAAqBxQ,EAAoC,CACvE,GAAM,CAAC4G,EAAW6J,CAAY,EAAIvV,GAAS8E,GAAS,SAAS,EACvD,CAACyC,EAAWC,CAAY,EAAI4N,GAChCC,QAEF,EAEM,CAAE,QAAAnF,CAAQ,EAAII,EAAW,CAC7B,WAAYuB,EACd,CAAC,EAEKoD,EAAczV,GAClB,IAAMsF,GAAS,aAAe,GAC9B,CAACA,GAAS,WAAW,CACvB,EAEMoQ,EAAahV,GAChBwL,GAAuB,CAClB,OAAO5G,GAAS,YAAe,WACjCA,EAAQ,WAAW4G,CAAS,EAE5B6J,EAAa7J,CAAS,CAE1B,EACA,CAAC5G,GAAS,UAAU,CACtB,EAEA,OAAArB,GAAU,IAAM,CACd8R,EAAazQ,GAAS,SAAS,CACjC,EAAG,CAACA,GAAS,SAAS,CAAC,EAEhB,CACL,YAAAmQ,EACA,UAAAvJ,EACA,WAAAwJ,EACA,UAAW3N,EACX,YAAaC,EACb,QAAA0I,CACF,CACF,CC9BM,cAAA/P,OAAA,oBAZC,IAAMqV,GAAuDlV,GAAU,CAC5E,IAAMoH,EAAQ4N,GAAqB,CACjC,YAAahV,EAAM,YACnB,UAAWA,EAAM,UACjB,WAAYA,EAAM,UACpB,CAAC,EAED,OACEH,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAAC6U,GAAA,CAAa,GAAGtN,EAAO,UAAWpH,EAAM,UAAW,EACtD,CAEJ,EC3BA,OAAS,kBAAAb,OAAsB,wBAC/B,OACE,OAAAC,GACA,aAAA4I,GACA,MAAA3I,GACA,QAAAC,GACA,YAAAuH,GACA,QAAAC,GACA,uBAAAoB,GACA,sBAAAC,GACA,oBAAAC,GACA,uBAAAC,OACK,sBCbP,OAA4B,eAAAzI,OAAmB,QAC/C,OAAS,kBAAAT,OAAsB,wBAC/B,OAAS,QAAAG,GAAM,QAAAC,GAAM,MAAAF,OAAkB,sBACvC,OAAS,WAAAG,OAAe,yBAwCR,OAuBF,YAAAuH,GAZI,OAAAlH,GAXF,QAAAQ,OAAA,oBA/BT,IAAM8U,GAA4B,IAAM,CAC7C,GAAM,CAAE,EAAA7S,CAAE,EAAInD,GAAe,EAE7B,OAAOS,GACL,CAACwC,EAA4BsI,EAAiB,KACrC,CACL8B,GAAgBpK,EAAUsI,CAAc,EACxC+B,GAAc,EACdC,GAAuB,EACvB,CACE,MAAOpK,EAAE,eAAe,EACxB,UAAW,aACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,MAAO,GACP,OAAQ,CAACwB,EAAO6G,IAAW,CACzB,IAAME,EAAkCjB,GAAM,CAC5CxH,EAAS,0BACPuI,EACAvI,EAAS,oBACT,EACF,EACAwH,EAAE,gBAAgB,CACpB,EAEMkB,EACJ,yEAEIC,EACJlL,GAAC,OAAI,UAAWR,GAAG,wCAAwC,EACzD,SAAAgB,GAACf,GAAA,CACC,UAAWD,GACT,qCACA,wCACF,EACA,EAAE,OACF,MAAO,GACP,QAAQ,SACR,UAAU,MACV,KAAM,EAEN,UAAAQ,GAACoB,GAAA,CACC,UAAW6J,EACX,QAAUlB,GAAM,CACdA,EAAE,gBAAgB,EAClBxH,EAAS,SAASuI,CAAM,CAC1B,EACF,EACA9K,GAACqB,GAAA,CAAW,UAAW4J,EAAS,QAASD,EAAa,GACxD,EACF,EAEF,OACExK,GAAA0G,GAAA,CACG,UAAA2D,GAAkBK,EACnBlL,GAACN,GAAK,QAAL,CACC,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WACZ,UAAWH,GAAGqL,GAAkB,2BAA2B,EAE1D,SAAA5G,EACH,GACF,CAEJ,CACF,CACF,EAEF,CAACxB,CAAC,CACJ,CACF,EDtDI,OACE,OAAAzC,EADF,QAAAQ,OAAA,oBAJG,IAAM+U,GAERpV,GAEDK,GAAC+H,GAAA,CAAiB,KAAMpI,EAAM,KAAM,aAAcA,EAAM,aACtD,UAAAH,EAACwI,GAAA,CAAoB,QAAO,GAAE,SAAArI,EAAM,SAAS,EAC7CH,EAACsI,GAAA,CACC,SAAAtI,EAACqI,GAAA,CACC,iBAAmB0B,GAAMA,EAAE,eAAe,EAC1C,QAAUA,GAAMA,EAAE,gBAAgB,EAClC,MAAM,QACN,YAAa,IACb,WAAY,GACZ,UAAWvK,GACT,0DACAW,EAAM,gBACR,EAEA,SAAAH,EAACwV,GAAA,CAAwB,GAAGrV,EAAO,KAAMA,EAAM,KAAM,EACvD,EACF,GACF,EAISqV,GACXrV,GACG,CACH,GAAM,CAAE,UAAAiH,EAAW,YAAA0I,EAAa,QAAAC,EAAS,UAAAC,CAAU,EAAI7P,EAEjD,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvBgM,EAAagK,GAA0B,EAEvCG,EACJjV,GAACf,GAAA,CAAK,GAAI,EAAG,KAAM,EAAG,GAAI,EAAG,GAAI,EAC/B,UAAAO,EAACsM,EAAA,CACC,WAAY,CACV,KAAM,YACR,EACF,EACAtM,EAACmI,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAAShI,EAAM,KACf,QAAS,EACX,GACF,EAGIuC,EAAM,4BAEN,CAAE,kBAAAkN,CAAkB,EAAIH,EAAkB,EAE1CQ,EAAapK,GAEf7F,EAAC,OAAI,UAAW0C,EACd,SAAA1C,EAACqM,EAAA,CACC,KAAMxG,EACN,YAAakK,EAAQlK,CAAI,EACzB,OAAQmK,EAAUnK,CAAI,EACtB,WAAYyF,EACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACZ,GAAGsE,EAAkB/J,CAAI,EAC5B,EACF,EAIJ,OACErF,GAACjB,GAAA,CACC,UAAWC,GAAG,uCAAuC,EACrD,OAAO,OACP,UAAW,IAEV,UAAAiW,EAEDjV,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOG,EACP,cAAe0I,EACf,WAAY,CACV,SAAU,wBACV,YAAa,YACf,EACA,UAAWpN,EAEX,UAAA1C,EAACgH,GAAA,CACC,MAAOvE,EAAE,mBAAmB,EAC5B,KAAMzC,EAACa,EAAA,EAAc,EACrB,kBAEC,SAAAoP,aAAkC,EACrC,EACAjQ,EAACgH,GAAA,CAAS,MAAOvE,EAAE,gBAAgB,EAAG,eACnC,SAAAwN,UAA+B,EAClC,EACAjQ,EAACgH,GAAA,CAAS,MAAOvE,EAAE,YAAY,EAAG,YAC/B,SAAAwN,OAA4B,EAC/B,EACAjQ,EAACgH,GAAA,CACC,MAAOvE,EAAE,qBAAqB,EAC9B,mBAEC,SAAAwN,cAAmC,EACtC,GACF,GACF,CAEJ,EE5IA,OAAS,aAAA3M,GAAW,YAAAzD,OAAgB,QACpC,OAAS,mBAAAoV,OAAuB,yBAShC,IAAMS,GAA+B,uCAE/BC,GACJ,oCAEK,SAASC,IAA2B,CACzC,GAAM,CAAC/M,EAAMuB,CAAO,EAAIvK,GAAS,EAAK,EAEhC,CAACuH,EAAWC,CAAY,EAAI4N,GAChCS,QAEF,EAEM,CAAE,QAAA3F,EAAS,UAAAC,CAAU,EAAIG,EAAW,CACxC,WAAYwF,EACd,CAAC,EAEK,CAAE,iBAAArV,CAAiB,EAAIC,EAAkB,EAEzC2I,EAAO,IAAM,CACjBkB,EAAQ,EAAK,CACf,EAEA,OAAA9G,GAAU,IAAM,CACdhD,IAAmB,CACrB,EAAG,CAAC8G,CAAS,CAAC,EAEP,CACL,UAAWA,EACX,YAAcnD,GAAkBoD,EAAapD,CAAuB,EACpE,KAAA4E,EACA,aAAcuB,EACd,KAAAlB,EACA,QAAA6G,EACA,UAAAC,CACF,CACF,CC7BM,cAAAhQ,OAAA,oBATC,IAAM6V,GAER1V,GAAU,CACb,IAAMoH,EAAQqO,GAAyB,EACvC,OACE5V,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACuV,GAAA,CAAiB,GAAGhO,EAAO,iBAAkBpH,EAAM,iBACjD,SAAAA,EAAM,SACT,EACF,CAEJ,ECtBA,OAAS,kBAAAb,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,YAAAwH,GAAU,QAAAC,GAAM,QAAAvH,OAAY,sBCA9C,OAAS,QAAAgN,OAAY,wBACrB,OAAS,QAAAjN,GAAM,aAAAiI,GAAW,QAAAhI,GAAM,SAAAkI,GAAO,MAAApI,OAAkB,sBACzD,OAAS,WAAAG,OAAe,yBAiCN,cAAAK,EAsBF,QAAAQ,OAtBE,oBAvBX,IAAMsV,GAAyB,CACpCvT,EACAsI,EAAiB,KAEV,CACL,CACE,MAAO,GAAG6B,GAAK,EAAE,uBAAuB,CAAC,MAAMA,GAAK,EAAE,eAAe,CAAC,GACtE,UAAW,aACX,OAAQ,GACR,UAAW,eACX,OAAQ,CAACzI,EAAO6G,IAAW,CACzB,IAAIC,EACJ,OAAKF,IACHE,EACE/K,EAAC2K,EAAA,CAA4B,IAAKG,EAAQ,SAAUvI,EAClD,SAAAvC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqL,EAAO,WACN9K,EAACkB,GAAA,CAAe,UAAU,2CAA2C,EAErElB,EAACmB,GAAA,CAAiB,UAAU,2EAA2E,EAE3G,EACF,GAIFX,GAACf,GAAA,CACE,UAAAsL,EACDvK,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC0H,GAAA,CAAU,OAAQoD,EAAO,OAAQ,UAAU,kBAAkB,EAC9D9K,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAoL,EAAO,OACV,EACAtK,GAACoH,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAAkD,EAAO,SAAS,KACnB,GACF,EAEA9K,EAACN,GAAK,QAAL,CACC,UAAW,GACX,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WAEX,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,EACA,CACE,MAAOyI,GAAK,EAAE,6BAA6B,EAC3C,UAAW,SACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,OAAQ,CAACzI,EAAO6G,IAAW,CACzB,IAAME,EAAkCjB,GAAM,CAC5CxH,EAAS,0BACPuI,EACAvI,EAAS,oBACT,EACF,EACAwH,EAAE,gBAAgB,CACpB,EAEMkB,EACJ,yEAEIC,EACJlL,EAAC,OACC,UAAWR,GACT,2CACA,kCACF,EAEA,SAAAgB,GAACf,GAAA,CACC,UAAWD,GACT,kBACA,oCACF,EACA,EAAE,OACF,MAAO,GACP,QAAQ,SACR,UAAU,MACV,KAAM,EAEN,UAAAQ,EAACoB,GAAA,CACC,UAAW6J,EACX,QAAUlB,GAAM,CACdA,EAAE,gBAAgB,EAClBxH,EAAS,SAASuI,CAAM,CAC1B,EACF,EACA9K,EAACqB,GAAA,CAAW,UAAW4J,EAAS,QAASD,EAAa,GACxD,EACF,EAGF,OACExK,GAAC,OAAI,UAAU,eACZ,UAAAqK,GAAkBK,EAEnB1K,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,MACR,UAAU,MACV,KAAM,EACN,UAAWD,GAAGqL,GAAkB,2BAA2B,EAE3D,UAAA7K,EAACN,GAAK,QAAL,CAAa,GAAIoL,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAAA,EAAO,WAAW,EACrB,EACA9K,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,CACF,EDlII,cAAAjE,GAqBA,QAAAQ,OArBA,oBATC,IAAMuV,GAA6C5V,GAAU,CAClE,GAAM,CAAE,UAAAoP,EAAW,QAAAQ,EAAS,UAAAC,CAAU,EAAI7P,EAEpC,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvB,CAAE,kBAAAsQ,CAAkB,EAAIH,EAAkB,EAE1CQ,EAAapK,GAEf7F,GAACqM,EAAA,CACC,KAAMxG,EACN,YAAakK,EAAQlK,CAAI,EACzB,OAAQmK,EAAUnK,CAAI,EACtB,WAAYiQ,GACZ,gBAAiB,CACf,KAAM,iBACN,OAAQtW,GACN,6CACAqG,gBACI,4BACA,2BACN,CACF,EACC,GAAG+J,EAAkB/J,CAAI,EAC5B,EAIJ,OACErF,GAACjB,GAAA,CAAI,OAAO,OAAO,UAAWC,GAAG,oBAAqB+P,CAAS,EAC7D,UAAA/O,GAACjB,GAAA,CAAI,GAAI,EAAG,GAAI,EAAG,GAAI,EACrB,UAAAS,GAACN,GAAA,CAAK,KAAK,OAAO,UAAW,GAC1B,SAAA+C,EAAE,gBAAgB,EACrB,EACAzC,GAACsM,EAAA,CAAY,WAAY,CAAE,KAAM,UAAW,EAAG,GACjD,EAEA9L,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO9G,EAAM,UACb,cAAeA,EAAM,YACrB,WAAY,CACV,SAAUX,GAAG,cAAc,EAC3B,YAAa,aACb,gBAAiB,UACnB,EACA,UAAU,4BACV,oBAAmB,GAEnB,UAAAQ,GAACgH,GAAA,CACC,MAAOvE,EAAE,mBAAmB,EAC5B,KAAMzC,GAACa,EAAA,EAAc,EACrB,kBAEC,SAAAoP,aAAkC,EACrC,EAEAjQ,GAACgH,GAAA,CAAS,MAAOvE,EAAE,YAAY,EAAG,YAC/B,SAAAwN,OAA4B,EAC/B,GACF,GACF,CAEJ,EE9EA,OAAS,mBAAAgF,OAAuB,yBAOhC,IAAMe,GAA4B,oCAE3B,SAASC,IAAwB,CACtC,GAAM,CAAE,QAAAlG,EAAS,UAAAC,CAAU,EAAIG,EAAW,CACxC,WAAYuB,EACd,CAAC,EAEK,CAACtK,EAAWC,CAAY,EAAI4N,GAChCe,cAEF,EAEA,MAAO,CAAE,QAAAjG,EAAS,UAAAC,EAAW,UAAA5I,EAAW,YAAaC,CAAa,CACpE,CCFM,cAAArH,OAAA,oBAVC,IAAMkW,GACX/V,GACG,CACH,IAAMoH,EAAQ0O,GAAsB,EAEpC,OACEjW,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAAC+V,GAAA,CAAc,GAAGxO,EAAO,UAAWpH,EAAM,UAAW,EACvD,CAEJ,ECpBA,OAAS,QAAAV,GAAM,QAAAC,GAAM,MAAAF,GAAI,WAAA4I,GAAS,SAAAR,OAAa,sBAG/C,OAAS,WAAAjI,OAAe,yBAgBpB,OACE,OAAAK,GADF,QAAAQ,OAAA,oBAJG,IAAM2V,GAAyChW,GAAU,CAC9D,GAAM,CAAE,OAAAwF,EAAQ,KAAAa,EAAM,SAAA4P,EAAU,SAAAzT,CAAS,EAAIxC,EAEvCkW,EACJ7V,GAACf,GAAA,CAAK,UAAU,qCAAqC,QAASkD,EAC5D,UAAA3C,GAACN,GAAK,UAAL,CACC,UAAU,yCACV,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAiG,EACH,EACA3F,GAAC0B,GAAA,CAAiB,UAAU,sDAAsD,GACpF,EAGF,OACElB,GAACf,GAAA,CACC,UAAWD,GACT,6BACA,+BACAW,EAAM,SACR,EAEA,UAAAK,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,4CACvB,UAAAe,GAACf,GAAA,CAAK,KAAM,EACT,UAAA4W,EACD7V,GAACoH,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAAwO,EAAS,KACZ,GACF,EAEApW,GAACoI,GAAA,CAAQ,UAAU,UAAU,UAAU,WAAW,UAAW,EAAG,EAChEpI,GAACN,GAAK,QAAL,CACC,KAAK,MACL,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAA6G,GAAO,OACV,GACF,EACCrG,EAAM,UACT,CAEJ,ECjEA,OAAS,WAAAd,OAAe,QACxB,OAAS,kBAAAiX,GAAgB,mBAAAC,OAAuB,yBAUzC,SAASC,GAAuB7R,EAAwC,CAC7E,GAAM,CAAE,OAAAgB,CAAO,EAAIhB,EAEb6B,EAAO+P,GAAgB5Q,CAAM,EAE7B8Q,EAAcH,GAAe,EAE7BF,EAAW/W,GAAQ,IAAM,CAC7B,IAAMqX,EAAOD,EAAY9Q,CAAM,EACzBgR,EAAUD,EAAK,UAAU,EAC/B,OAAOE,GAAYD,CAAO,CAC5B,EAAG,CAAChR,EAAQ8Q,CAAW,CAAC,EAExB,MAAO,CACL,OAAA9Q,EACA,KAAAa,EACA,SAAA4P,CACF,CACF,CAEA,SAASQ,GAAYC,EAAkB,CACrC,OAAOA,EAAW,EAAIA,EAAW,MACnC,CClBS,cAAA7W,OAAA,oBANF,IAAM8W,GACX3W,GACG,CACH,GAAM,CAAE,OAAAwF,EAAQ,GAAG6J,CAAK,EAAIrP,EAEtBoH,EAAQiP,GAAuB,CAAE,OAAA7Q,CAAO,CAAC,EAC/C,OAAO3F,GAACmW,GAAA,CAAe,GAAG5O,EAAQ,GAAGiI,EAAM,CAC7C,EChBA,OACE,aAAA9H,GACA,QAAAjI,GACA,QAAAC,EACA,MAAAF,GACA,WAAA4I,GACA,WAAAT,OACK,sBASP,OAAS,WAAAhI,OAAe,yBAIxB,OAAS,kBAAAoX,OAAsB,yBAC/B,OAAS,kBAAAzX,OAAsB,wBAyCrB,OA4CN,YAAA4H,GA5CM,OAAAlH,EAcJ,QAAAQ,OAdI,oBA7BH,IAAMwW,GAAuD7W,GAAU,CAC5E,GAAM,CACJ,OAAAwF,EACA,WAAAsR,EACA,SAAA1U,EACA,KAAAiE,EACA,QAAA0Q,EACA,aAAAC,EACA,YAAA9D,EACA,aAAA+D,EACA,kBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,QAAAC,CACF,EAAItX,EAEE,CAAE,EAAAsC,CAAE,EAAInD,GAAe,EAEvBoY,EACJ1X,EAAC2K,EAAA,CAA4B,IAAK,CAAE,OAAAhF,CAAO,EAAG,SAAUpD,EACtD,SAAAvC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAwX,EACCjX,EAACkB,GAAA,CAAe,UAAU,gDAAgD,EAE1ElB,EAACmB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,EAGIkV,EACJrW,EAAC6V,GAAA,CACC,iBAAiB,8BACjB,OAAQ1V,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAK,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,qBACvB,UAAAO,EAAC0H,GAAA,CAAU,OAAQ/B,EAAQ,UAAU,kBAAkB,EACvD3F,EAACN,EAAK,UAAL,CACC,UAAU,yCACV,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,UAAW,GAEV,SAAAiG,EACH,EACA3F,EAAC0B,GAAA,CAAiB,UAAU,4BAA4B,GAC1D,EACF,EAGIiW,EACJ3X,EAACN,EAAK,QAAL,CACC,GAAIwX,GAAW,EACf,SAAS,IACT,KAAK,KACL,UAAW,GACX,UAAU,iBAET,SAAA1Q,IAAO,WAAW,EACrB,EAGIoR,EACJpX,GAAA0G,GAAA,CACE,UAAAlH,EAACN,EAAK,QAAL,CAAa,SAAQ,GAAC,GAAIC,GAAQ,WAAY,eAAc,GAC1D,SAAA6G,IAAO,YAAY,EACtB,EACAxG,EAACN,EAAA,CAAK,UAAW,GAAI,aAAC,EACtBM,EAACN,EAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAA6G,GAAO,OACV,GACF,EAGF,OACEhG,GAACf,GAAA,CACC,UAAWD,GACT,8BACA,iCACAW,EAAM,SACR,EAEA,MAAO,CACL,UAAW,gBACX,WAAY,WACd,EAEA,UAAAK,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,4CACvB,UAAAe,GAACf,GAAA,CAAK,KAAM,EACT,UAAAiY,EACArB,GACH,EACArW,EAACoI,GAAA,CAAQ,UAAU,eAAe,UAAU,WAAW,UAAW,EAAG,EACpEuP,EACDnX,GAAC,OAAI,UAAU,8CACb,UAAAR,EAAC,OACC,IAAKoX,EACL,UAAU,oDAEV,SAAA5W,GAACf,GAAA,CAAK,KAAM,EAAG,OAAO,OACpB,UAAAO,EAAC,OAAI,IAAKqX,EACR,SAAArX,EAAC6X,GAAA,CACC,MAAOpV,EAAE,0BAA0B,EACnC,MAAOmV,EACT,EACF,EACA5X,EAAC6X,GAAA,CACC,MAAOpV,EAAE,4BAA4B,EACrC,MACEzC,EAACN,EAAK,QAAL,CACC,GAAIwX,EACJ,cAAY,uCAEX,SAAA1Q,GAAO,WACV,EAEF,KAAM/D,EAAE,oCAAoC,EAC9C,EACAzC,EAAC6X,GAAA,CACC,MAAOpV,EAAE,6BAA6B,EACtC,MACEzC,EAACN,EAAK,QAAL,CAAa,GAAIwX,EACf,SAAA1Q,GAAO,YACV,EAEF,KAAM/D,EAAE,qCAAqC,EAC/C,EACAzC,EAAC6X,GAAA,CACC,MAAOpV,EAAE,iCAAiC,EAC1C,MACEzC,EAACN,EAAK,QAAL,CAAa,KAAK,QAAQ,GAAI,EAC5B,SAAA8G,IAAO,YAAY,EACtB,EAEF,KAAM/D,EAAE,yCAAyC,EACnD,EACAzC,EAAC6X,GAAA,CACC,MAAOpV,EAAE,uCAAuC,EAChD,MAAOzC,EAAC8X,GAAA,CAAY,OAAQnS,EAAQ,EACpC,KAAMlD,EAAE,+CAA+C,EACzD,EACAzC,EAAC,OAAI,IAAKsX,EACR,SAAAtX,EAAC6X,GAAA,CACC,MAAOpV,EAAE,sBAAsB,EAC/B,MACEjC,GAAA0G,GAAA,CACE,UAAAlH,EAACN,EAAK,QAAL,CAAa,KAAK,QAAQ,GAAI,EAC5B,SAAAyX,EACH,EACAnX,EAACN,EAAA,CAAK,UAAW,GAAK,iBAAQ,GAChC,EAEF,KAAM+C,EAAE,8BAA8B,EACxC,EACF,GACF,EACF,EACAzC,EAAC+C,GAAA,CAAgB,QAAO,GAAC,QAAS0U,EAAS,QAASF,EAAgB,EACpEvX,EAAC+C,GAAA,CAAgB,QAAO,GAAC,QAAS0U,EAAS,QAASD,EAAgB,GACtE,GACF,EACCrX,EAAM,UACT,CAEJ,EAQM0X,GAAqC1X,GAEvCK,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QACjC,UAAAO,EAAC2H,GAAA,CACC,KAAMxH,EAAM,KAAO,OAAY,GAC/B,QAASA,EAAM,KACf,UAAU,mCACV,MAAO,CAAE,UAAW,iBAAkB,EACtC,cAAe,IAEf,SAAAH,EAACN,EAAA,CACC,KAAK,MACL,UAAW,GACX,UAAWF,GACT,iBACA,yCACAW,EAAM,MACJ,sEACJ,EAEC,SAAAA,EAAM,MACT,EACF,EACAH,EAACN,EAAA,CACC,KAAK,MACL,UAAW,GACX,UAAWF,GACT,iBACA,2DACF,EAEC,SAAAW,EAAM,MACT,GACF,EAWE4C,GAAmD5C,GAAU,CACjE,GAAM,CAAE,QAAA4X,EAAS,QAAAC,EAAS,QAAAC,EAAS,QAAAC,CAAQ,EAAI/X,EAC/C,OAAK4X,EAGH/X,EAAC,UACC,QAAS,IAAM,CACbkY,IAAUF,EAAU,OAAS,OAAO,CACtC,EACA,MAAO,CACL,WACE,yFACJ,EACA,UAAWxY,GACT,yCACA,oDACAwY,GAAW,sBACXC,GAAW,qCACb,EAEA,SAAAjY,EAAC2B,GAAA,CAAc,UAAU,4DAA4D,EACvF,EAnBmB,IAqBvB,EAEMmW,GAA4C,CAAC,CAAE,OAAAnS,CAAO,IAAM,CAChE,IAAMa,EAAOuQ,GAAepR,CAAM,EAElC,OAAIa,GAAM,mBAAqB,KACtB,KAIPhG,GAAC,OACC,UAAAR,EAACN,EAAK,QAAL,CAAa,KAAK,IAAI,GAAI,EAAG,UAAU,qBACrC,SAAA8G,EAAK,iBACR,EACAxG,EAACN,EAAA,CAAK,UAAW,GAAI,UAAU,mBAE5B,gBAAO8G,EAAK,SAAS,GACxB,GACF,CAEJ,ECnTA,OACE,kBAAAuQ,GACA,mBAAAoB,GACA,kBAAA7B,GACA,mBAAAC,OACK,yBACP,OAAS,WAAA5W,OAAe,yBACxB,OAAS,aAAA2D,GAAW,WAAAjE,GAAS,UAAAiP,GAAQ,YAAAzO,OAAgB,QAU9C,SAASuY,GACdzT,EACA,CACA,GAAM,CAAE,OAAAgB,CAAO,EAAIhB,EAEb6B,EAAO+P,GAAgB5Q,CAAM,EAC7B0N,EAAc0D,GAAepR,CAAM,EAEnCpD,EAAW4V,GAAgB,EAG3BjB,EADOZ,GAAe,EACP3Q,CAAM,EAAE,UAAU,EACjC,CAAC4R,EAAgBc,CAAiB,EAAIxY,GAAS,EAAK,EACpD,CAAC2X,EAAgBc,CAAiB,EAAIzY,GAAS,EAAK,EAEpDuX,EAAe9I,GAAuB,IAAI,EAC1C+I,EAAoB/I,GAAuB,IAAI,EAC/CgJ,EAAoBhJ,GAAuB,IAAI,EAE/C2I,EAAa5X,GACjB,IAAM,CAAC,CAACkD,EAAS,UAAU,KAAMK,GAASA,EAAK,OAAS+C,CAAM,EAC9D,CAACpD,EAAS,UAAWoD,CAAM,CAC7B,EAEMwR,EAAe9X,GACnB,IACE,IAAIM,GAAQ6G,GAAM,eAAiB,CAAC,EACjC,IAAIA,GAAM,aAAe,CAAC,EAC1B,gBAAgB,CAAC,EACjB,QAAQ,EACb,CAACA,CAAI,CACP,EAEA,OAAAlD,GAAU,IAAM,CACd,IAAMiV,EAAuB,IAAI,qBAAsBC,GAAY,CACjE,QAASvV,EAAQ,EAAGA,EAAQuV,EAAQ,OAAQvV,IAAS,CACnD,IAAML,EAAO4V,EAAQvV,CAAK,EACtBL,IACEA,EAAK,SAAWyU,EAAkB,SACpCgB,EAAkB,CAACzV,EAAK,cAAc,EAGpCA,EAAK,SAAW0U,EAAkB,SACpCgB,EAAkB,CAAC1V,EAAK,cAAc,EAG5C,CACF,CAAC,EACD,OAAIyU,EAAkB,SACpBkB,EAAqB,QAAQlB,EAAkB,OAAO,EAGpDC,EAAkB,SACpBiB,EAAqB,QAAQjB,EAAkB,OAAO,EAGjD,IAAM,CACXiB,EAAqB,WAAW,CAClC,CACF,EAAG,CAAC,CAAC,EAQE,CACL,OAAA5S,EACA,WAAAsR,EACA,SAAA1U,EACA,KAAAiE,EACA,QAAA0Q,EACA,aAAAC,EACA,YAAA9D,EACA,aAAA+D,EACA,kBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,QAnBeiB,GAAsB,CACjCA,IAAc,OAChBrB,EAAa,SAAS,SAAS,CAAE,KAAM,KAAM,SAAU,QAAS,CAAC,EAC9DA,EAAa,SAAS,SAAS,CAAE,KAAM,IAAK,SAAU,QAAS,CAAC,CACvE,CAgBA,CACF,CC9ES,cAAApX,OAAA,oBANF,IAAM0Y,GACXvY,GACG,CACH,GAAM,CAAE,OAAAwF,EAAQ,GAAG6J,CAAK,EAAIrP,EAEtBoH,EAAQ6Q,GAA2B,CAAE,OAAAzS,CAAO,CAAC,EACnD,OAAO3F,GAACgX,GAAA,CAAmB,GAAGzP,EAAQ,GAAGiI,EAAM,CACjD,ECrBA,OAAS,MAAAhQ,GAAI,aAAAiI,OAAiB,sBAwBnB,cAAAzH,OAAA,oBAdJ,IAAM2Y,GAA2CxY,GAAU,CAChE,GAAM,CAAE,WAAAkL,EAAY,SAAA9I,EAAU,OAAAmC,EAAQ,QAAA0G,EAAS,WAAAE,EAAY,UAAAC,CAAU,EACnEpL,EAEI,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/CmL,EAAcd,GAAsBrI,EAAU,EAAK,EAEnDoJ,EACJ,OAAOL,GAAe,WAClBA,EAAW/I,EAAU,EAAK,EAC1BmJ,EAEN,OAAIH,EACKvL,GAAC6H,GAAA,CAAgB,WAAYwD,EAAY,EAIhDrL,GAACyH,GAAA,CACC,WAAY,CACV,KAAMtH,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASwL,EACT,WAAYN,EACZ,QAASD,EACT,MAAO,CAACN,EAAQ7H,KACP,CACL,UAAWzD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsI,CAAM,EACvBvI,EAAS,aAAauI,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACnF,CAAO,EAAG,EAAK,EAChC,OAAQjB,EACR,cAAa,GACf,CAEJ,ECtDA,OAAS,aAAApB,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAS,eAAA6D,GAAa,cAAAF,OAAkB,yBAQjC,IAAMoV,GAA0B,IAAM,CAC3C,GAAM,CAACpS,EAAMjE,CAAQ,EAAIiB,GAAWE,GAAY,WAAW,EACrD,CAAC0H,EAASa,CAAU,EAAIpM,GAAS,EAAI,EAErC,CAAE,YAAAO,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAmE,EAAQ,cAAAG,CAAc,EAAIP,EAAQ,EAEpC+G,EAAahM,GAAQ,IAAM,CAC/B,IAAM+M,EAAgBtH,EAAe0B,EAAMpG,EAAa,MAAM,EAC9D,OAAOyE,EAAcuH,CAAa,CACpC,EAAG,CAAC5F,EAAMpG,EAAayE,CAAa,CAAC,EAErC,OAAAvB,GAAU,IAAM,CACd2I,EAAW,EAAK,CAClB,EAAG,CAACzF,CAAI,CAAC,EAEF,CACL,QAAA4E,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,CACF,CACF,EChBS,cAAA1E,OAAA,oBAJF,IAAM6Y,GACX1Y,GACG,CACH,IAAMoH,EAAQqR,GAAwB,EACtC,OAAO5Y,GAAC2Y,GAAA,CAAgB,GAAGpR,EAAQ,GAAGpH,EAAO,CAC/C,EChBA,OAAS,OAAAZ,GAAK,MAAAC,GAAI,aAAAiI,OAAiB,sBAuBxB,OAIP,YAAAP,GAJO,OAAAlH,GAIP,QAAAQ,OAJO,oBAZJ,IAAMsY,GAAyC3Y,GAAU,CAC9D,GAAM,CAAE,WAAAkL,EAAY,SAAA9I,EAAU,OAAAmC,EAAQ,QAAA0G,EAAS,WAAAE,EAAY,UAAAC,CAAU,EACnEpL,EAEI,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/CmL,EAAcd,GAAsBrI,EAAU,EAAI,EAElDoJ,EACJ,OAAOL,GAAe,WAAaA,EAAW/I,EAAU,EAAI,EAAImJ,EAElE,OAAIH,EACKvL,GAAC6H,GAAA,CAAgB,WAAYwD,EAAY,EAIhD7K,GAAA0G,GAAA,CACE,UAAAlH,GAACT,GAAA,CAAI,GAAI,EAAG,UAAU,eACpB,SAAAS,GAACsP,GAAA,CAAmB,SAAU/M,EAAU,KAAK,KAAK,EACpD,EAEAvC,GAACyH,GAAA,CACC,WAAY,CACV,KAAMtH,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASwL,EACT,WAAYN,EACZ,QAASD,EACT,MAAO,CAACN,EAAQ7H,KACP,CACL,UAAWzD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsI,CAAM,EACvBvI,EAAS,aAAauI,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACnF,CAAO,EAAG,EAAK,EAChC,OAAQjB,EACR,cAAa,GACf,GACF,CAEJ,EC3DA,OAAS,aAAApB,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAS,eAAA6D,GAAa,cAAAF,OAAkB,yBAMjC,IAAMuV,GAAyB,IAAM,CAC1C,GAAM,CAACvS,EAAMjE,CAAQ,EAAIiB,GAAWE,GAAY,SAAS,EACnD,CAAC0H,EAASa,CAAU,EAAIpM,GAAS,EAAI,EAErC,CAAE,UAAAoK,EAAW,oBAAAiC,CAAoB,EAAI3J,EAErC,CAAE,YAAAnC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAmE,EAAQ,cAAAG,CAAc,EAAIP,EAAQ,EAEpC+G,EAAahM,GAAQ,IAAM,CAC/B,IAAM8M,EAAalC,GACf,OACCrH,GACCA,EAAK,MAAM,UAAWiH,GAAQA,EAAI,KAAOqC,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKyD,GAAQ,CACb,IAAM1M,EAAQuD,GAAM,UAAW5D,GAASA,EAAK,SAAW+M,EAAI,IAAI,EAChE,OAAI1M,IAAU,GACLuD,EAAKvD,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAAS,CAAC,CAACA,CAAI,EAErBwJ,EAAgBtH,EAAeqH,EAAY/L,EAAa,MAAM,EACpE,OAAOyE,EAAcuH,CAAa,CACpC,EAAG,CAAC5F,EAAM0F,EAAqBjC,EAAW7J,EAAayE,CAAa,CAAC,EAErE,OAAAvB,GAAU,IAAM,CACd2I,EAAW,EAAK,CAClB,EAAG,CAACzF,CAAI,CAAC,EAEF,CACL,QAAA4E,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,CACF,CACF,EC/BS,cAAA1E,OAAA,oBAJF,IAAMgZ,GACX7Y,GACG,CACH,IAAMoH,EAAQwR,GAAuB,EACrC,OAAO/Y,GAAC8Y,GAAA,CAAe,GAAGvR,EAAQ,GAAGpH,EAAO,CAC9C,EChBA,OAAS,MAAAX,GAAI,aAAAiI,OAAiB,sBAuBnB,cAAAzH,OAAA,oBAdJ,IAAMiZ,GAAmC9Y,GAAU,CACxD,GAAM,CAAE,WAAAkL,EAAY,SAAA9I,EAAU,OAAAmC,EAAQ,QAAA0G,EAAS,WAAAE,EAAY,UAAAC,CAAU,EACnEpL,EAEI,CAAE,OAAAwF,EAAQ,eAAAnD,CAAe,EAAIjC,EAAkB,EAE/CmL,EAAcd,GAAsBrI,EAAU,EAAK,EAEnDoJ,EACJ,OAAOL,GAAe,WAClBA,EAAW/I,EAAU,EAAK,EAC1BmJ,EAEN,OAAIH,EACKvL,GAAC6H,GAAA,CAAgB,WAAYwD,EAAY,EAIhDrL,GAACyH,GAAA,CACC,WAAY,CACV,KAAMtH,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASwL,EACT,WAAYN,EACZ,QAASD,EACT,MAAO,CAACN,EAAQ7H,KACP,CACL,UAAWzD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsI,CAAM,EACvBvI,EAAS,aAAauI,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACnF,CAAO,EAAG,EAAK,EAChC,OAAQjB,EACR,cAAa,GACf,CAEJ,ECrDA,OAAS,aAAApB,GAAW,WAAAjE,GAAS,YAAAQ,OAAgB,QAC7C,OAAS,eAAA6D,GAAa,cAAAF,OAAkB,yBAMjC,IAAM0V,GAAsB,IAAM,CACvC,GAAM,CAAC1S,EAAMjE,CAAQ,EAAIiB,GAAWE,GAAY,MAAM,EAChD,CAAC0H,EAASa,CAAU,EAAIpM,GAAS,EAAI,EAErC,CAAE,YAAAO,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAmE,EAAQ,cAAAG,CAAc,EAAIP,EAAQ,EAEpC+G,EAAahM,GAAQ,IAAM,CAC/B,IAAM+M,EAAgBtH,EAAe0B,EAAMpG,EAAa,MAAM,EAC9D,OAAOyE,EAAcuH,CAAa,CACpC,EAAG,CAAC5F,EAAMpG,EAAayE,CAAa,CAAC,EAErC,OAAAvB,GAAU,IAAM,CACd2I,EAAW,EAAK,CAClB,EAAG,CAACzF,CAAI,CAAC,EAEF,CACL,QAAA4E,EACA,WAAAC,EACA,SAAA9I,EACA,OAAAmC,CACF,CACF,EChBS,cAAA1E,OAAA,oBAFF,IAAMmZ,GAAqDhZ,GAAU,CAC1E,IAAMoH,EAAQ2R,GAAoB,EAClC,OAAOlZ,GAACiZ,GAAA,CAAY,GAAG1R,EAAQ,GAAGpH,EAAO,CAC3C,ECfA,OAAa,YAAAN,OAAgB,QAC7B,OAAS,kBAAAP,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,YAAAwH,GAAU,QAAAC,GAAM,aAAAF,OAAiB,sBCFnD,OAAS,aAAAA,OAAiB,sBCC1B,OAAS,kBAAAzH,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,MAAAC,GAAI,YAAAwH,GAAU,QAAAC,OAAY,sBAUpC,OA4BM,YAAAC,GA5BN,OAAAlH,GA4BM,QAAAQ,OA5BN,oBAJG,IAAM4Y,GAA0CjZ,GAAU,CAC/D,GAAM,CAAE,CAAE,EAAIb,GAAe,EAEvBmW,EACJzV,GAACsM,EAAA,CACC,WAAY,CACV,KAAM9M,GAAG,mBAAmB,CAC9B,EACF,EAGF,OACEQ,GAACT,GAAA,CACC,UAAW,IACX,EAAG,EACH,GAAI,EACJ,GAAI,EACJ,EAAE,KACF,OAAO,OACP,UAAU,2BAEV,SAAAiB,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO9G,EAAM,UACb,cAAeA,EAAM,YAErB,UAAAH,GAACgH,GAAA,CACC,MAAO,EAAE,iBAAiB,EAC1B,MAAM,WACN,OAAO,kCAEP,SAAAxG,GAAA0G,GAAA,CACG,UAAAuO,EACDzV,GAAC6T,GAAA,EAAsB,GACzB,EACF,EACA7T,GAACgH,GAAA,CACC,MAAO,EAAE,4BAA4B,EACrC,MAAM,aACN,OAAO,oCAEP,SAAAxG,GAAA0G,GAAA,CACG,UAAAuO,EACDzV,GAAC4U,GAAA,EAAwB,GAC3B,EACF,GACF,EACF,CAEJ,EC1DA,OAAS,YAAA/U,OAAgB,QAKlB,SAASwZ,IAAmB,CACjC,GAAM,CAACjS,EAAWC,CAAY,EAAIxH,aAElC,EAEA,MAAO,CACL,UAAAuH,EACA,YAAaC,CACf,CACF,CCbA,OAAS,kBAAA/H,OAAsB,wBAC/B,OAAS,OAAAC,GAAK,YAAAyH,GAAU,QAAAC,OAAY,sBAiB9B,OAMI,OAAAjH,GANJ,QAAAQ,OAAA,oBAXC,IAAM8Y,GAAoCnZ,GAAU,CACzD,GAAM,CAAE,CAAE,EAAIb,GAAe,EAE7B,OACEU,GAACT,GAAA,CACC,UAAW,IACX,EAAG,EACH,GAAI,EACJ,EAAE,MACF,UAAU,2BAEV,SAAAiB,GAACyG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO9G,EAAM,UACb,cAAeA,EAAM,YACrB,SACEH,GAACsM,EAAA,CAAY,WAAY,CAAE,KAAM,wBAAyB,EAAG,EAG/D,UAAAtM,GAACgH,GAAA,CACC,MAAO,EAAE,iBAAiB,EAC1B,MAAM,WACN,OAAO,kCAEP,SAAAhH,GAAC6T,GAAA,EAAsB,EACzB,EACA7T,GAACgH,GAAA,CACC,MAAO,EAAE,4BAA4B,EACrC,MAAM,aACN,OAAO,oCAEP,SAAAhH,GAAC4U,GAAA,EAAwB,EAC3B,GACF,EACF,CAEJ,EHrCoB,cAAA5U,OAAA,oBAHb,IAAMuZ,GAAgB,IAAM,CACjC,IAAMhS,EAAQ8R,GAAiB,EACzB,CAAE,SAAA7R,CAAS,EAAIT,GAAU,EAC/B,OAAOS,EAAWxH,GAACoZ,GAAA,CAAe,GAAG7R,EAAO,EAAKvH,GAACsZ,GAAA,CAAS,GAAG/R,EAAO,CACvE,EDqBU,cAAAvH,EA8BF,QAAAQ,OA9BE,oBAdH,IAAMgZ,GAA6CrZ,GAAU,CAClE,GAAM,CAAE,SAAAqH,CAAS,EAAIT,GAAU,EAEzB,CAACK,EAAWC,CAAY,EAAIxH,YAElC,EAEA,OACEG,EAACE,EAAA,CAAgB,eAAgBC,EAAM,eACrC,SAAAH,EAAC,OACC,GAAG,wBACH,UAAWR,GAAG,oBAAqBW,EAAM,SAAS,EAEjD,SAAAqH,EACCxH,EAACyZ,GAAA,CACC,UAAWrS,EACX,YAAaC,EACf,EAEArH,EAAC0Z,GAAA,CACC,UAAWtS,EACX,YAAaC,EACf,EAEJ,EACF,CAEJ,EAOMqS,GAAyBvZ,GAA+B,CAC5D,GAAM,CAAE,CAAE,EAAIb,GAAe,EAE7B,OACEU,EAACT,GAAA,CAAI,EAAG,EACN,SAAAiB,GAACyG,GAAA,CACC,KAAK,KACL,MAAO9G,EAAM,UACb,cAAeA,EAAM,YAErB,UAAAK,GAACwG,GAAA,CACC,MAAO,EAAE,gBAAgB,EACzB,gBACA,OAAO,yBAEP,UAAAhH,EAACsH,GAAA,CAAoB,UAAU,WAAW,EAC1CtH,EAACwR,GAAA,EAAsB,GACzB,EACAxR,EAACgH,GAAA,CACC,MAAO,EAAE,gBAAgB,EACzB,gBACA,OAAO,yBAEP,SAAAhH,EAACuZ,GAAA,EAAc,EACjB,GACF,EACF,CAEJ,EAEME,GAAwBtZ,GAA+B,CAC3D,GAAM,CAAE,CAAE,EAAIb,GAAe,EAE7B,OACEkB,GAACyG,GAAA,CACC,QAAQ,OACR,KAAK,KACL,MAAO9G,EAAM,UACb,cAAeA,EAAM,YACrB,WAAY,CACV,kBAAmB,eACnB,SAAU,oBACV,QAASX,GACP,6BACA,+CACF,EACA,YAAa,UACf,EAEA,UAAAgB,GAACwG,GAAA,CACC,MAAO,EAAE,gBAAgB,EACzB,MAAM,UACN,OAAO,yBAEP,UAAAhH,EAACsH,GAAA,CAAoB,UAAU,WAAW,EAC1CtH,EAACwR,GAAA,EAAsB,GACzB,EACAxR,EAACgH,GAAA,CACC,MAAO,EAAE,gBAAgB,EACzB,MAAM,UACN,OAAO,yBAEP,SAAAhH,EAACuZ,GAAA,EAAc,EACjB,GACF,CAEJ","sourcesContent":["import { FC, ReactNode, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\n/** -----------MarketsHeader start ------------ */\ntype MarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\nexport const MarketsHeader: FC<MarketsHeaderProps> = (props) => {\n const {\n emblaRef,\n emblaApi,\n scrollIndex,\n enableScroll,\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]\",\n enableScroll && \"oui-cursor-pointer oui-select-none\",\n );\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n ref={enableScroll ? emblaRef : undefined}\n >\n <Flex width=\"100%\" gapX={4}>\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n className={cls}\n />\n <CardItem\n data={news}\n title={\n <Text.gradient color=\"brand\">\n {t(\"markets.newListings\")}\n </Text.gradient>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={gainers}\n title={\n <Text className=\"oui-text-success-light\">\n {t(\"markets.topGainers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={losers}\n title={\n <Text className=\"oui-text-danger-light\">\n {t(\"markets.topLosers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n </Flex>\n <div className=\"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4\">\n <ScrollIndicator\n scrollIndex={scrollIndex}\n scrollPrev={emblaApi?.scrollPrev}\n scrollNext={emblaApi?.scrollNext}\n />\n </div>\n </div>\n );\n};\n/** -----------MarketsHeader end ------------ */\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\n/** -----------MarketsHeader start ------------ */\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n return (\n <Flex\n direction=\"column\"\n justify=\"between\"\n width=\"100%\"\n height={236}\n className={props.className}\n >\n {list?.map((item, index) => <BlockItem key={index} {...item} />)}\n </Flex>\n );\n};\n/** -----------MarketsHeader start ------------ */\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box intensity={900} r=\"lg\" px={4} py={3} width=\"100%\">\n <Text as=\"div\" intensity={36} size=\"xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 0}\n rm={Decimal.ROUND_DOWN}\n rule={props.rule as any}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n title: ReactNode;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Box\n intensity={900}\n r=\"lg\"\n py={4}\n pb={2}\n height={236}\n className={props.className}\n >\n <Box px={4}>\n <Text.gradient color=\"brand\" size=\"sm\" weight=\"semibold\">\n {props.title}\n </Text.gradient>\n </Box>\n\n <Flex direction=\"column\" itemAlign=\"start\" mt={2}>\n {props.data?.map((item, index) => (\n <ListItem key={item.symbol} item={item} onSymbol={props.onSymbol} />\n ))}\n </Flex>\n </Box>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n {/* <TokenIcon symbol={item.symbol} size=\"xs\" /> */}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface ScrollIndicatorProps {\n scrollIndex: number;\n scrollPrev?: () => void;\n scrollNext?: () => void;\n}\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { scrollIndex, scrollPrev, scrollNext } = props;\n\n return (\n <Flex gapX={1} justify=\"center\" className=\"3xl:oui-hidden\">\n {[0, 1].map((item) => {\n return (\n <Box\n key={item}\n py={1}\n pl={item === 0 ? 1 : 0}\n pr={item === 1 ? 1 : 0}\n onClick={() => {\n if (scrollIndex === 0 && item === 1) {\n scrollNext?.();\n } else if (scrollIndex === 1 && item === 0) {\n scrollPrev?.();\n }\n }}\n className=\"oui-cursor-pointer\"\n >\n <Box\n key={item}\n width={8}\n height={4}\n r=\"full\"\n className={cn(\n \"oui-transition-all oui-duration-300\",\n scrollIndex === item\n ? \"oui-w-4 oui-bg-base-contrast-36\"\n : \"oui-bg-base-contrast-20\",\n )}\n />\n </Box>\n );\n })}\n </Flex>\n );\n};\n\nexport default ScrollIndicator;\n","import {\n FC,\n createContext,\n PropsWithChildren,\n useState,\n useContext,\n useCallback,\n} from \"react\";\nimport { API } from \"@orderly.network/types\";\n\ntype MarketsContextState = {\n symbol?: string;\n searchValue?: string;\n onSearchValueChange?: (searchValue: string) => void;\n clearSearchValue?: () => void;\n} & MarketsProviderProps;\n\nexport const MarketsContext = createContext({} as MarketsContextState);\n\nexport type MarketsProviderProps = {\n symbol?: string;\n onSymbolChange?: (symbol: API.Symbol) => void;\n};\n\nexport const MarketsProvider: FC<PropsWithChildren<MarketsProviderProps>> = (\n props,\n) => {\n const [searchValue, setSearchValue] = useState(\"\");\n\n const clearSearchValue = useCallback(() => {\n setSearchValue(\"\");\n }, []);\n\n return (\n <MarketsContext.Provider\n value={{\n searchValue,\n onSearchValueChange: setSearchValue,\n clearSearchValue,\n symbol: props.symbol,\n onSymbolChange: props.onSymbolChange,\n }}\n >\n {props.children}\n </MarketsContext.Provider>\n );\n};\n\nexport function useMarketsContext() {\n return useContext(MarketsContext);\n}\n","import React, { FC, PropsWithChildren, SVGProps } from \"react\";\n\nexport const EditIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z\" />\n </g>\n </svg>\n);\n\nexport const TrashIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M7.205 1.334c-.345 0-.674.136-.918.38L6.001 2H2.667a.667.667 0 1 0 0 1.334h10.667a.667.667 0 1 0 0-1.334h-3.333l-.287-.286a1.3 1.3 0 0 0-.918-.38zM2.911 4.667l1.018 8.842c.088.66.656 1.158 1.322 1.158h5.498c.666 0 1.235-.497 1.323-1.163l1.019-8.837z\" />\n </svg>\n);\n\nexport const AllMarketsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"12\"\n height=\"12\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h12v12H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M8.5 10a.48.48 0 0 1-.356-.144A.48.48 0 0 1 8 9.5V7q0-.213.144-.356A.48.48 0 0 1 8.5 6.5h1q.212 0 .356.144A.48.48 0 0 1 10 7v2.5q0 .212-.144.356A.48.48 0 0 1 9.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 5 9.5v-7q0-.212.144-.356A.48.48 0 0 1 5.5 2h1q.213 0 .356.144A.48.48 0 0 1 7 2.5v7q0 .212-.144.356A.48.48 0 0 1 6.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 2 9.5V5q0-.213.144-.356A.48.48 0 0 1 2.5 4.5h1q.212 0 .356.144A.48.48 0 0 1 4 5v4.5q0 .212-.144.356A.48.48 0 0 1 3.5 10z\" />\n </g>\n </svg>\n);\n\nexport const NewListingsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M5.993.958a.416.416 0 0 0-.41.422v.416a.416.416 0 1 0 .832 0V1.38a.416.416 0 0 0-.422-.422M2.749 2.29a.416.416 0 0 0-.29.714l.291.292a.416.416 0 1 0 .589-.588l-.292-.292a.42.42 0 0 0-.298-.126m6.489 0a.42.42 0 0 0-.286.126l-.292.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m-3.239.753a2.895 2.895 0 0 0-2.913 2.914A2.86 2.86 0 0 0 4.751 8.58v1.123c0 .458.374.833.832.833h.832a.835.835 0 0 0 .833-.833V8.58a2.86 2.86 0 0 0 1.665-2.622 2.895 2.895 0 0 0-2.914-2.914M1.421 5.541a.416.416 0 1 0 0 .833h.417a.416.416 0 1 0 0-.833zm8.74 0a.416.416 0 1 0 0 .833h.416a.417.417 0 1 0 0-.833zM3.037 8.492a.42.42 0 0 0-.287.126l-.291.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m5.913 0a.416.416 0 0 0-.29.714l.292.292a.416.416 0 1 0 .588-.588l-.292-.292a.42.42 0 0 0-.298-.126\" />\n </svg>\n);\n\nexport const FavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"m10 14.074-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z\" />\n </g>\n </svg>\n);\n\nexport const UnFavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M7.333 14.396 10 12.813l2.688 1.583-.709-3 2.313-1.98-3.063-.27L10 6.292 8.77 9.146l-3.062.27 2.334 1.98zM10 14.074l-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z\" />\n </g>\n </svg>\n);\n\nexport const CirclePlusIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"18\"\n height=\"18\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h18v18H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M8.325 12.6h1.35V9.675H12.6v-1.35H9.675V5.4h-1.35v2.925H5.4v1.35h2.925zm.68 3.6a7 7 0 0 1-2.799-.562A7.3 7.3 0 0 1 3.91 14.09a7.3 7.3 0 0 1-1.546-2.296A7 7 0 0 1 1.8 8.99q0-1.49.563-2.794a7.26 7.26 0 0 1 3.843-3.834A7 7 0 0 1 9.009 1.8q1.49 0 2.794.562 1.303.563 2.288 1.547a7.3 7.3 0 0 1 1.547 2.292q.561 1.308.562 2.794a7 7 0 0 1-.562 2.799 7.3 7.3 0 0 1-1.547 2.297 7.3 7.3 0 0 1-2.292 1.547 7 7 0 0 1-2.794.562M9 14.85q2.437 0 4.144-1.706Q14.85 11.437 14.85 9t-1.706-4.144Q11.437 3.15 9 3.15T4.856 4.856 3.15 9t1.706 4.144Q6.563 14.85 9 14.85\" />\n </g>\n </svg>\n);\n\nexport const SearchIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7\" />\n </svg>\n);\n\nexport const MoveToTopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M10 5.5a.76.76 0 0 0-.583.25l-4.334 4c0 .083-.083.25-.083.333 0 .25.167.417.417.417h2.916v6.667c0 .416.334.833.834.833h1.666c.5 0 .834-.417.834-.833V10.5h2.916c.25 0 .417-.167.417-.417 0-.083-.083-.25-.083-.333l-4.25-4.084c-.25-.083-.417-.166-.667-.166M2.177 3.06A.8.8 0 0 1 2.5 3h15a.834.834 0 1 1 0 1.667h-15a.833.833 0 0 1-.323-1.607\" />\n </svg>\n);\n\nexport const OrderlyIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.015.34h-.029a5.98 5.98 0 0 0-3.93 1.477c-.074.065-.027.184.072.184h7.745c.099 0 .146-.119.072-.184A5.98 5.98 0 0 0 6.015.341M3.48 7.866a.23.23 0 0 1 .187.1A2.85 2.85 0 0 0 6 9.178a2.85 2.85 0 0 0 2.334-1.213.23.23 0 0 1 .186-.1h3.104c.09 0 .155.086.13.172A6 6 0 0 1 6 12.327a6 6 0 0 1-5.755-4.29.134.134 0 0 1 .13-.172zM8.26 4.6a.29.29 0 0 0 .229.116h3.11c.09 0 .156-.086.13-.173a6 6 0 0 0-1.106-2.03.22.22 0 0 0-.165-.077H1.543a.22.22 0 0 0-.165.077 6 6 0 0 0-1.105 2.03.134.134 0 0 0 .13.173h3.11A.29.29 0 0 0 3.74 4.6 2.85 2.85 0 0 1 6 3.488c.92 0 1.738.436 2.26 1.112m.414 2.717c-.02.055.02.115.079.115h3.033a.135.135 0 0 0 .133-.112 6 6 0 0 0-.015-2.058.135.135 0 0 0-.133-.11H8.72c-.06 0-.1.061-.078.117a2.83 2.83 0 0 1 .032 2.048m-5.427.115c.06 0 .1-.06.079-.115a2.84 2.84 0 0 1 .032-2.048.085.085 0 0 0-.078-.118H.23a.135.135 0 0 0-.134.11A6 6 0 0 0 .08 7.32c.01.065.067.112.133.112z\"\n />\n </svg>\n);\n\nexport const FavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531\" />\n </svg>\n);\n\nexport const UnFavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531m0 1.297 1.03 2.108c.073.15.211.242.375.266l2.343.343-1.702 1.64a.48.48 0 0 0-.14.437l.405 2.312L6.246 9.03a.5.5 0 0 0-.468 0L3.7 10.123l.39-2.296a.52.52 0 0 0-.14-.453l-1.687-1.64 2.327-.328a.52.52 0 0 0 .39-.28z\" />\n </svg>\n);\n\nexport const TopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M2.01 2.915a.667.667 0 1 0 0 1.334h12a.667.667 0 0 0 0-1.334zM7.343 13.59a.667.667 0 0 0 1.333 0V7.88l2 1.98.937-.938L8.49 5.777a.686.686 0 0 0-.959 0L4.405 8.923l.938.937 2-1.979z\" />\n </svg>\n);\n\nexport const DeleteIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M4.67 2.203A2.667 2.667 0 0 0 2.005 4.87v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.87a2.667 2.667 0 0 0-2.667-2.667zm1.334 3.334c.17 0 .349.057.48.187l1.52 1.52 1.52-1.52a.68.68 0 0 1 .48-.187c.17 0 .349.057.48.187.26.26.26.698 0 .959l-1.521 1.52 1.52 1.52c.26.262.26.699 0 .96a.687.687 0 0 1-.958 0L8.004 9.162l-1.52 1.52a.687.687 0 0 1-.96 0 .687.687 0 0 1 0-.958l1.521-1.52-1.52-1.521a.687.687 0 0 1 0-.96.68.68 0 0 1 .479-.186\" />\n </svg>\n);\n\nexport const AddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z\" />\n </g>\n </svg>\n);\n\nexport const ActiveAddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n d=\"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z\"\n fill=\"url(#paint0_linear_1951_55156)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_1951_55156\"\n x1=\"10.4954\"\n y1=\"5.96487\"\n x2=\"1.49536\"\n y2=\"5.96487\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n\nexport const ExpandIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z\" />\n </svg>\n);\n\nexport const CollapseIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z\" />\n </svg>\n);\n\nexport const TriangleDownIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M3.003 3.998a.494.494 0 0 0-.39.797l3 4c.2.266.597.266.797 0l3-4a.5.5 0 0 0-.407-.797z\" />\n </svg>\n);\n\nexport const ArrowLeftIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M9.186 3.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L7.463 7.993 9.87 4.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083\" />\n </svg>\n);\n\nexport const ArrowRightIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.777 3.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L8.5 7.993l-2.408 3.625a.685.685 0 0 0 .187.938.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271\" />\n </svg>\n);\n\nconst BaseSortIcon = (props: PropsWithChildren) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n fill=\"none\"\n >\n {props.children}\n </svg>\n );\n};\n\nexport const SortingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042m0 7.916a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const AscendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const DescendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </BaseSortIcon>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { useMarkets, useQuery, MarketsType } from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { sortList, useSize } from \"../../../utils\";\n\n// export type EmblaCarouselType = Exclude<UseEmblaCarouselType[1], undefined>;\n// export type TEmblaApi = Pick<EmblaCarouselType, \"scrollPrev\" | \"scrollNext\">;\n// use UseEmblaCarouselType will bring type error\nexport type TEmblaApi = {\n scrollPrev: (jump?: boolean) => void;\n scrollNext: (jump?: boolean) => void;\n};\n\nexport type MarketsHeaderReturns = ReturnType<typeof useMarketsHeaderScript>;\n\nexport const useMarketsHeaderScript = () => {\n const [scrollIndex, setScrollIndex] = useState(0);\n const data = useDataSource();\n\n const { width } = useSize();\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop: true,\n // duration: 25,\n slidesToScroll: \"auto\",\n });\n\n useEffect(() => {\n emblaApi?.on(\"select\", () => {\n setScrollIndex(emblaApi?.selectedScrollSnap());\n });\n }, [emblaApi]);\n\n return {\n scrollIndex,\n setScrollIndex,\n emblaRef,\n emblaApi: emblaApi as TEmblaApi,\n enableScroll: width < 1440,\n ...data,\n };\n};\n\nexport function useDataSource() {\n const [markets, favorite] = useMarkets(MarketsType.ALL);\n const { data: balance } = useQuery(\"/v1/public/balance/stats\");\n\n const news = useMemo(\n () =>\n sortList(markets, { sortKey: \"created_time\", sortOrder: \"desc\" }).slice(\n 0,\n 5,\n ),\n [markets],\n );\n\n const gainers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"desc\" }).slice(0, 5),\n [markets],\n );\n\n const losers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"asc\" }).slice(0, 5),\n [markets],\n );\n\n const total24Amount = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"24h_amount\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const totalOpenInterest = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"openInterest\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const tvl = useMemo(() => {\n if (!balance) return 0;\n\n const { total_holding = 0 } = balance as any;\n return new Decimal(total_holding).toNumber();\n }, [balance]);\n\n return {\n markets,\n news,\n gainers,\n losers,\n total24Amount: total24Amount.toNumber(),\n totalOpenInterest: totalOpenInterest.toNumber(),\n tvl,\n favorite,\n };\n}\n","import { useCallback, useEffect, useState } from \"react\";\nimport { TableSort } from \"@orderly.network/ui\";\nimport { SortType } from \"./type\";\n\n/** 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 const isEmpty = (value: any) => value === undefined || value === null;\n\n if (sortKey && sortOrder) {\n // sort list\n sortedList.sort((a: any, b: any) => {\n const val1 = a[sortKey];\n const val2 = b[sortKey];\n\n if (isEmpty(val1)) return 1;\n if (isEmpty(val2)) return -1;\n\n if (sortOrder === \"desc\") {\n return val2 - val1;\n }\n\n return val1 - val2;\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\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 const reg = new RegExp(searchValue, \"i\");\n const searchValueLower = searchValue.toLowerCase();\n\n // Split results into three groups: exact matches, starts with search and other matches\n const exactMatches: T[] = [];\n const startsWithMatches: T[] = [];\n const otherMatches: T[] = [];\n\n list?.forEach((item) => {\n const formattedSymbol = formatSymbol(item.symbol, formatString);\n const symbolLower = formattedSymbol.toLowerCase();\n if (reg.test(formattedSymbol)) {\n if (symbolLower === searchValueLower) {\n exactMatches.push(item);\n } else if (symbolLower.startsWith(searchValueLower)) {\n startsWithMatches.push(item);\n } else {\n otherMatches.push(item);\n }\n }\n });\n\n const compareSymbols = (a: T, b: T) => {\n const symbolA = formatSymbol(a.symbol, formatString);\n const symbolB = formatSymbol(b.symbol, formatString);\n if (symbolA < symbolB) return -1;\n if (symbolA > symbolB) return 1;\n return 0;\n };\n\n // Sort each group alphabetically\n startsWithMatches.sort(compareSymbols);\n otherMatches.sort(compareSymbols);\n\n // Combine results with prioritized matches first\n return [...exactMatches, ...startsWithMatches, ...otherMatches];\n}\n\nfunction formatSymbol(symbol: string, formatString: string = \"base\") {\n if (!symbol) {\n return \"\";\n }\n const arr = symbol.split(\"_\");\n const type = arr[0];\n const base = arr[1];\n const quote = arr[2];\n\n return formatString\n .replace(\"type\", type)\n .replace(\"base\", base)\n .replace(\"quote\", quote);\n}\n\nexport function useSize() {\n const [width, setWidth] = useState<number>(0);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n\n const handleResize = () => {\n setHeight(window.innerHeight);\n setWidth(window.innerWidth);\n };\n\n window?.addEventListener(\"resize\", handleResize);\n\n return () => {\n window?.removeEventListener(\"resize\", handleResize);\n };\n }, []);\n\n return {\n width,\n height,\n };\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsHeader } from \"./marketsHeader.mobile.ui\";\nimport { useMarketsHeaderScript } from \"./marketsHeader.script\";\nimport { MarketsHeader } from \"./marketsHeader.ui\";\n\ntype MarketsHeaderWidgetProps = {\n className?: string;\n};\n\nexport const MarketsHeaderWidget: FC<MarketsHeaderWidgetProps> = (props) => {\n const state = useMarketsHeaderScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileMarketsHeader className={props.className} {...state} />\n ) : (\n <MarketsHeader className={props.className} {...state} />\n );\n};\n","import { FC, ReactNode, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\ntype MobileMarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\n\nexport const MobileMarketsHeader: FC<MobileMarketsHeaderProps> = (props) => {\n const {\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const [activeTab, setActiveTab] = useState(\"newListings\");\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n >\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n />\n\n <Box intensity={900} r=\"xl\" p={3} mt={3}>\n <Tabs size=\"md\" value={activeTab} onValueChange={setActiveTab}>\n <TabPanel\n title={t(\"markets.newListings\")}\n value=\"newListings\"\n testid=\"oui-testid-markets-tab\"\n >\n <CardItem data={news} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topGainers\")}\n value=\"topGainers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={gainers} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topLosers\")}\n value=\"topLosers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={losers} onSymbol={onSymbol} />\n </TabPanel>\n </Tabs>\n </Box>\n </div>\n );\n};\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n\n return (\n <Flex\n intensity={900}\n r=\"xl\"\n width=\"100%\"\n py={3}\n className={props.className}\n >\n {list?.map((item, index) => (\n <>\n <BlockItem\n key={index}\n {...item}\n className={cn(\n index !== list.length - 1 && \"oui-border-r oui-border-line-6\",\n )}\n />\n </>\n ))}\n </Flex>\n );\n};\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n className?: string;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box px={3} width=\"100%\" className={props.className}>\n <Text as=\"div\" intensity={36} size=\"2xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 2}\n rm={Decimal.ROUND_DOWN}\n rule={(props.rule as any) || \"human\"}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Flex direction=\"column\" itemAlign=\"start\" mt={3}>\n {props.data?.map((item, index) => (\n <ListItem\n key={item.symbol}\n item={item}\n onSymbol={props.onSymbol}\n className=\"oui-px-0\"\n />\n ))}\n </Flex>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsDataList } from \"./marketsDataList.mobile.ui\";\nimport { useMarketsDataListScript } from \"./marketsDataList.script\";\nimport { MarketsDataList } from \"./marketsDataList.ui\";\n\nexport const MarketsDataListWidget = () => {\n const { isMobile } = useScreen();\n\n const state = useMarketsDataListScript();\n\n return isMobile ? (\n <MobileMarketsDataList {...state} />\n ) : (\n <MarketsDataList {...state} />\n );\n};\n","import { useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Column, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { MarketsListWidget } from \"../../../components/marketsList\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../../../components/shared/column\";\nimport { useFavoritesProps } from \"../../../components/shared/hooks/useFavoritesExtraProps\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MobileMarketsDataListProps = UseMarketsDataListScript;\n\nexport const MobileMarketsDataList: React.FC<MobileMarketsDataListProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n const { t } = useTranslation();\n\n const getColumns = useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n ] as Column[];\n },\n [],\n );\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <>\n <SearchInput\n classNames={{\n root: cn(\n \"oui-mx-3 oui-mb-4 oui-mt-5\",\n activeTab !== MarketsTabName.Favorites && \"oui-mb-2\",\n ),\n }}\n />\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getColumns}\n rowClassName=\"!oui-h-[34px]\"\n {...getFavoritesProps(type)}\n />\n </>\n );\n };\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} py={3} mt={2} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n scrollIndicator: \"oui-mx-3\",\n }}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n >\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { type MarketsListScriiptReturn } from \"./marketsList.script\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListProps = MarketsListScriiptReturn &\n Pick<\n MarketsListWidgetProps,\n | \"getColumns\"\n | \"collapsed\"\n | \"tableClassNames\"\n | \"rowClassName\"\n | \"initialSort\"\n | \"renderHeader\"\n >;\n\nexport const MarketsList: FC<MarketsListProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n getColumns,\n collapsed,\n isFavoritesList,\n renderHeader,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, isFavoritesList);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, isFavoritesList)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n {renderHeader?.(favorite)}\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={\n initialSort\n ? {\n sortKey: initialSort.sortKey,\n sort: initialSort.sortOrder,\n }\n : undefined\n }\n manualSorting\n />\n </>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { TokenIcon, Flex, Text, cn, Tooltip, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport type CollapseMarketsProps = {\n dataSource: any[];\n};\n\nexport const CollapseMarkets: React.FC<CollapseMarketsProps> = (props) => {\n const { symbol, onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n return (\n <div className=\"oui-custom-scrollbar oui-h-full oui-overflow-y-auto\">\n <Flex direction=\"column\" px={2} gapY={1}>\n {props.dataSource?.map((item) => {\n const content = (\n <Flex intensity={800} p={2} className=\"oui-gap-x-7\" r=\"base\">\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.last\")}\n </Text>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.24hPercentage\")}\n </Text>\n </Flex>\n\n <Flex direction=\"column\" itemAlign=\"end\" gapY={1}>\n <Badge size=\"xs\" color=\"primary\">\n {item.leverage}x\n </Badge>\n <Text.numeral\n dp={item.quote_dp || 2}\n currency=\"$\"\n size=\"2xs\"\n intensity={80}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n\n return (\n <Tooltip\n side=\"right\"\n sideOffset={6}\n // @ts-ignore\n content={content}\n delayDuration={0}\n key={item.symbol}\n >\n <Flex\n direction=\"column\"\n justify=\"center\"\n itemAlign=\"center\"\n gapY={1}\n width={54}\n height={54}\n r=\"lg\"\n className={cn(\n \"oui-cursor-pointer\",\n \"hover:oui-bg-base-7\",\n symbol === item.symbol && \"oui-bg-base-6 hover:oui-bg-base-6\",\n )}\n onClick={() => {\n onSymbolChange?.(item);\n }}\n >\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Tooltip>\n );\n })}\n </Flex>\n </div>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useSideMarketsColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n return [\n {\n title: `${t(\"markets.column.market\")} / ${t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n size=\"2xs\"\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n Button,\n CheckedSquareFillIcon,\n CheckSquareEmptyIcon,\n PlusIcon,\n CloseIcon,\n Divider,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Flex,\n Input,\n Text,\n cn,\n CloseCircleFillIcon,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseFavoritesDropdownMenuScriptReturn } from \"./favoritesDropdownMenu.script\";\n\nexport type FavoritesDropdownMenuProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptReturn>;\n\nexport const FavoritesDropdownMenu: React.FC<FavoritesDropdownMenuProps> = (\n props,\n) => {\n const {\n symbol,\n favoriteTabs,\n open,\n onOpenChange,\n inputVisible,\n selectedTabs,\n value,\n onValueChange,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n } = props;\n\n const { t } = useTranslation();\n\n const overLen = value?.length > 15;\n\n const renderInput = () => {\n if (inputVisible) {\n return (\n <Box>\n <Flex gapX={2}>\n <Input\n autoFocus\n value={value}\n onValueChange={onValueChange}\n classNames={{\n root: cn(\n \"oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6\",\n overLen &&\n \"focus-within:oui-outline-danger focus-visible:oui-outline-danger\",\n ),\n }}\n autoComplete=\"off\"\n suffix={\n value && (\n <Box mr={2}>\n <CloseCircleFillIcon\n opacity={1}\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-20\"\n onClick={() => {\n onValueChange(\"\");\n }}\n />\n </Box>\n )\n }\n />\n\n <Button\n className=\"oui-rounded-sm\"\n size=\"sm\"\n onClick={addTab}\n disabled={!value || overLen}\n >\n {t(\"common.add\")}\n </Button>\n </Flex>\n\n {overLen && (\n <Flex itemAlign=\"center\" gapX={1} mt={1}>\n <div className=\"oui-size-1 oui-rounded-full oui-bg-danger\"></div>\n <Text color=\"danger\">{t(\"markets.favorites.tabs.maxName\")}</Text>\n </Flex>\n )}\n </Box>\n );\n }\n\n const overTabs = favoriteTabs.length >= 10;\n\n return (\n <Tooltip\n open={overTabs ? undefined : false}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n {t(\"markets.favorites.tabs.maxList\")}\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n <div>\n <Flex\n className={cn(\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n )}\n itemAlign=\"center\"\n gapX={2}\n p={2}\n intensity={overTabs ? 500 : 600}\n onClick={overTabs ? undefined : showInput}\n height={28}\n r=\"base\"\n >\n <PlusIcon\n size={14}\n className=\"oui-text-base-contrast-36\"\n opacity={1}\n />\n <Text className=\"\" intensity={20}>\n {t(\"markets.favorites.dropdown.addPlaceholder\")}\n </Text>\n </Flex>\n </div>\n </Tooltip>\n );\n };\n\n const header = (\n <Flex justify=\"between\" className=\"oui-mb-[10px] oui-mt-3\">\n <Flex gapX={1}>\n {t(\"markets.favorites.dropdown.title\")}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"base\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n </Flex>\n <CloseIcon\n size={16}\n className=\"oui-cursor-pointer oui-text-base-contrast\"\n onClick={hide}\n />\n </Flex>\n );\n\n const content = (\n // <ScrollArea className=\"custom-scrollbar\">\n <Box>\n <Box\n my={2}\n className=\"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item) => {\n const checked = !!selectedTabs.find((tab) => tab.id === item.id);\n return (\n <Box key={item.id} className=\"oui-cursor-pointer\">\n <Flex\n className=\"oui-gap-x-[6px] hover:oui-bg-base-6\"\n p={2}\n r=\"md\"\n onClick={() => {\n onCheck(item, checked);\n }}\n >\n {checked ? (\n <CheckedSquareFillIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n ) : (\n <CheckSquareEmptyIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n )}\n\n <Text intensity={54}>{item.name}</Text>\n </Flex>\n </Box>\n );\n })}\n </Box>\n <Box mt={3} pb={5}>\n {renderInput()}\n </Box>\n </Box>\n // </ScrollArea>\n );\n\n const footer = (\n <Flex gapX={3} mt={3}>\n <Button\n key=\"secondary\"\n color=\"gray\"\n onClick={hide}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.cancel\")}\n </Button>\n\n <Button\n key=\"primary\"\n onClick={confirm}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.confirm\")}\n </Button>\n </Flex>\n );\n\n return (\n <DropdownMenuRoot open={open} onOpenChange={onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-12}\n sideOffset={24}\n className=\"oui-markets-favorite-dropdown-menu-content oui-bg-base-8\"\n >\n <Box px={5} pb={5} width={360}>\n <Text as=\"div\" size=\"sm\" weight=\"semibold\">\n {header}\n <Divider />\n {content}\n {footer}\n </Text>\n </Box>\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesDropdownMenuScriptOptions = {\n row: any;\n favorite: FavoriteInstance;\n};\n\nexport type UseFavoritesDropdownMenuScriptReturn = ReturnType<\n typeof useFavoritesDropdownMenuScript\n>;\n\nexport function useFavoritesDropdownMenuScript(\n options: UseFavoritesDropdownMenuScriptOptions\n) {\n const { symbol } = options.row || {};\n const {\n favorites,\n favoriteTabs,\n updateFavoriteTabs,\n updateSymbolFavoriteState,\n } = options.favorite;\n const [open, setOpen] = useState(false);\n const [inputVisible, setInputVisible] = useState(false);\n const [value, setValue] = useState(\"\");\n const [selectedTabs, setSelectedTabs] = useState([] as FavoriteTab[]);\n\n const hide = () => {\n setOpen(false);\n };\n\n const showInput = () => {\n setInputVisible(true);\n };\n\n const hideInput = () => {\n setInputVisible(false);\n };\n\n const clearState = () => {\n setValue(\"\");\n hideInput();\n setSelectedTabs([]);\n };\n\n const addTab = () => {\n const newTab = {\n name: value || `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n clearState();\n };\n\n const onCheck = (item: FavoriteTab, checked: boolean) => {\n if (checked) {\n setSelectedTabs(selectedTabs?.filter((tab) => tab.id !== item.id));\n } else {\n setSelectedTabs([...selectedTabs, item]);\n }\n hideInput();\n };\n\n const confirm = () => {\n updateSymbolFavoriteState(options.row, selectedTabs, false);\n setOpen(false);\n };\n\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const find = favorites?.find((item) => item.name === symbol);\n if (find?.tabs?.length) {\n setSelectedTabs(find?.tabs);\n }\n }, [open, favorites, favoriteTabs, symbol]);\n\n useEffect(() => {\n if (!open) {\n clearState();\n }\n }, [open]);\n\n return {\n symbol,\n favoriteTabs,\n open,\n onOpenChange: setOpen,\n inputVisible,\n selectedTabs,\n value,\n onValueChange: setValue,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n };\n}\n","import { PropsWithChildren } from \"react\";\nimport {\n useFavoritesDropdownMenuScript,\n UseFavoritesDropdownMenuScriptOptions,\n} from \"./favoritesDropdownMenu.script\";\nimport { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\n\nexport type FavoritesDropdownMenuWidgetProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptOptions>;\n\nexport const FavoritesDropdownMenuWidget: React.FC<\n FavoritesDropdownMenuWidgetProps\n> = (props) => {\n const state = useFavoritesDropdownMenuScript(props);\n return (\n <FavoritesDropdownMenu {...state}>{props.children}</FavoritesDropdownMenu>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListScriptOptions = MarketsListWidgetProps;\n\nexport type MarketsListScriiptReturn = ReturnType<typeof useMarketsListScript>;\n\nconst MarketsTypeMap = {\n [MarketsTabName.All]: MarketsType.ALL,\n [MarketsTabName.Favorites]: MarketsType.FAVORITES,\n [MarketsTabName.Recent]: MarketsType.RECENT,\n [MarketsTabName.NewListing]: MarketsType.NEW_LISTING,\n};\n\nexport const useMarketsListScript = (options: MarketsListScriptOptions) => {\n const [loading, setLoading] = useState(true);\n\n const [data, favorite] = useMarkets(\n MarketsTypeMap[options.type] || MarketsType.ALL,\n );\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort(\n options.initialSort,\n options.onSort,\n );\n\n const dataSource = useMemo(() => {\n const filterList =\n typeof options.dataFilter === \"function\"\n ? options.dataFilter(data, { favorites, selectedFavoriteTab })\n : data;\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [\n data,\n getSortedList,\n searchValue,\n options.dataFilter,\n favorites,\n selectedFavoriteTab,\n ]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n const isFavoritesList = options.type === MarketsTabName.Favorites;\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n isFavoritesList,\n };\n};\n","import { useMarkets } from \"@orderly.network/hooks\";\nimport { SortOrder, Column } from \"@orderly.network/ui\";\n\nexport type FavoriteInstance = ReturnType<typeof useMarkets>[1];\n\nexport type SortType = {\n sortKey: string;\n sortOrder: SortOrder;\n};\n\nexport type GetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList: boolean,\n) => Column[];\n\nexport enum MarketsPageTab {\n Markets = \"markets\",\n Funding = \"funding\",\n}\n\nexport enum MarketsTabName {\n Favorites = \"favorites\",\n Recent = \"recent\",\n All = \"all\",\n NewListing = \"newListing\",\n}\n\nexport enum FundingTabName {\n Overview = \"overview\",\n Comparison = \"comparison\",\n}\n","import { ReactNode } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { DataTableClassNames } from \"@orderly.network/ui\";\nimport {\n FavoriteInstance,\n GetColumns,\n SortType,\n MarketsTabName,\n} from \"../../type\";\nimport { useMarketsListScript } from \"./marketsList.script\";\nimport { MarketsList } from \"./marketsList.ui\";\n\nexport type MarketsListWidgetProps = {\n type: MarketsTabName;\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n initialSort?: SortType;\n onSort?: (sort?: SortType) => void;\n renderHeader?: (favorite: FavoriteInstance) => ReactNode;\n dataFilter?: (\n data: any[],\n options: { favorites: Favorite[]; selectedFavoriteTab: FavoriteTab },\n ) => any[];\n};\n\nexport const MarketsListWidget: React.FC<MarketsListWidgetProps> = (props) => {\n const state = useMarketsListScript(props);\n\n return (\n <MarketsList\n {...state}\n initialSort={props.initialSort}\n getColumns={props.getColumns}\n collapsed={props.collapsed}\n tableClassNames={props.tableClassNames}\n rowClassName={props.rowClassName}\n renderHeader={props.renderHeader}\n />\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseCircleFillIcon,\n cn,\n Input,\n InputProps,\n} from \"@orderly.network/ui\";\nimport { SearchIcon } from \"../../icons\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\ntype SearchInputProps = Pick<InputProps, \"classNames\" | \"suffix\">;\n\nexport const SearchInput = (props: SearchInputProps) => {\n const { classNames, suffix } = props;\n\n const { t } = useTranslation();\n\n const { searchValue, onSearchValueChange, clearSearchValue } =\n useMarketsContext();\n\n return (\n <Input\n value={searchValue}\n onValueChange={onSearchValueChange}\n placeholder={t(\"markets.search.placeholder\")}\n classNames={{\n ...classNames,\n // use mt-px to fix the top border issue\n root: cn(\"oui-mt-px oui-border oui-border-line\", classNames?.root),\n }}\n size=\"sm\"\n prefix={\n <Box pl={3} pr={1}>\n <SearchIcon className=\"oui-text-base-contrast-36\" />\n </Box>\n }\n suffix={\n suffix ||\n (searchValue && (\n <Box mr={2}>\n <CloseCircleFillIcon\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-36\"\n onClick={clearSearchValue}\n />\n </Box>\n ))\n }\n autoComplete=\"off\"\n />\n );\n};\n","import { ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Text, Column, Flex, TokenIcon, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FavoritesIcon2, UnFavoritesIcon2 } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport function getSymbolColumn(\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) {\n return {\n title: i18n.t(\"common.symbol\"),\n dataIndex: \"symbol\",\n width: 150,\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex gapX={1}>\n {favoritesIcon}\n <TokenIcon symbol={value} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n );\n },\n } as Column<any>;\n}\n\nexport function getLastColumn() {\n return {\n title: i18n.t(\"markets.column.last\"),\n dataIndex: \"24h_close\",\n align: \"right\",\n onSort: true,\n width: 100,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n\nexport function get24hPercentageColumn() {\n return {\n title: i18n.t(\"markets.column.24hPercentage\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n width: 80,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n","import { useCallback } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { Box } from \"@orderly.network/ui\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { FavoritesTabWidget } from \"../../favoritesTabs\";\n\nexport function useFavoritesProps() {\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 return {\n renderHeader,\n dataFilter,\n getFavoritesProps,\n };\n}\n","import { KeyboardEventHandler } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n cn,\n Flex,\n Text,\n Tooltip,\n Input,\n modal,\n} from \"@orderly.network/ui\";\nimport { AddIcon, ActiveAddIcon, EditIcon, TrashIcon } from \"../../icons\";\nimport {\n UseFavoritesTabScriptOptions,\n UseFavoritesTabScriptReturn,\n} from \"./favoritesTabs.script\";\n\nexport type FavoritesTabProps = UseFavoritesTabScriptReturn &\n Pick<UseFavoritesTabScriptOptions, \"size\"> & {\n className?: string;\n };\n\nexport const FavoritesTab: React.FC<FavoritesTabProps> = (props) => {\n const {\n open,\n setOpen,\n container,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange,\n updateCurTab,\n onEdit,\n addTab,\n delTab,\n size = \"default\",\n scrollable,\n } = props;\n\n const { t } = useTranslation();\n\n const { selectedFavoriteTab, favoriteTabs, updateSelectedFavoriteTab } =\n props.favorite;\n\n const addIconWidth = size === \"sm\" ? 28 : 36;\n const tabHeight = size === \"sm\" ? 18 : 24;\n const overLen = value?.length > 15;\n\n const gradientColor =\n \"oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)]\";\n\n const onDel = (item: any) => {\n modal.confirm({\n title: t(\"markets.favorites.tabs.delete.dialog.title\"),\n content: (\n <Text size=\"sm\">\n {t(\"markets.favorites.tabs.delete.dialog.description\", {\n name: item.name,\n })}\n </Text>\n ),\n onOk() {\n delTab(item);\n return Promise.resolve();\n },\n });\n };\n\n const onKeyUp: KeyboardEventHandler = (e) => {\n if (e.key === \"Enter\") {\n updateCurTab(overLen);\n }\n };\n\n const renderActions = (item: any) => {\n return (\n <Flex gapX={2} itemAlign=\"center\" px={2} py={1}>\n <EditIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onEdit(item);\n }}\n />\n <TrashIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onDel(item);\n }}\n />\n </Flex>\n );\n };\n\n const renderAdd = () => {\n const overTabs = favoriteTabs.length >= 10;\n\n const icon = (\n <Flex\n className={cn(\n \"oui-inline-flex\",\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n overTabs ? \"oui-bg-base-3\" : gradientColor,\n )}\n width={addIconWidth}\n height={tabHeight}\n r=\"base\"\n justify=\"center\"\n itemAlign=\"center\"\n onClick={overTabs ? undefined : addTab}\n >\n {overTabs ? (\n <AddIcon className=\"oui-z-[1] oui-size-3 oui-text-base-contrast-54\" />\n ) : (\n <ActiveAddIcon className=\"oui-size-3\" />\n )}\n </Flex>\n );\n\n if (overTabs) {\n return (\n <Tooltip\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n Maximum 10 groups in the favorite list\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n {icon}\n </Tooltip>\n );\n }\n\n return icon;\n };\n\n const renderInput = (isActive: boolean) => {\n return (\n <Tooltip\n open={overLen}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n List name cannot exceed 15 characters\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n sideOffset={0}\n >\n <Input\n ref={inputRef}\n style={\n overLen\n ? { width: inputWidth }\n : {\n // @ts-ignore\n \"--oui-gradient-angle\": \"270deg\",\n backgroundClip: \"text\",\n WebkitTextFillColor: \"transparent\",\n WebkitBackgroundClip: \"text\",\n width: inputWidth,\n }\n }\n classNames={{\n root: cn(\n \"oui-my-px oui-rounded oui-p-0 oui-px-2\",\n \"focus-within:oui-outline-transparent focus-visible:oui-outline-none\",\n size === \"sm\" ? \"oui-h-[18px]\" : \"oui-h-[24px]\",\n isActive && cn(overLen ? \"oui-bg-danger/15\" : gradientColor),\n ),\n input: cn(\n \"oui-font-semibold oui-caret-[rgba(217,217,217,1)]\",\n overLen\n ? \"oui-text-danger\"\n : \"oui-text-transparent oui-gradient-brand \",\n size === \"sm\" ? \"oui-text-2xs\" : \"oui-text-sm\",\n ),\n }}\n value={value}\n onValueChange={onValueChange}\n onBlur={() => {\n updateCurTab(overLen);\n }}\n onKeyUp={onKeyUp}\n autoComplete=\"off\"\n />\n </Tooltip>\n );\n };\n\n const renderContent = (item: FavoriteTab, isActive: boolean) => {\n if (editing && isActive) {\n return renderInput(isActive);\n }\n\n const textProps = {\n weight: \"semibold\",\n size: size === \"sm\" ? \"2xs\" : \"sm\",\n className: size === \"sm\" ? \"oui-leading-[18px]\" : \"oui-leading-[24px]\",\n as: \"div\",\n } as any;\n\n const content = isActive ? (\n <Text.gradient color=\"brand\" angle={270} {...textProps}>\n {item.name}\n </Text.gradient>\n ) : (\n <Text {...textProps}>{item.name}</Text>\n );\n\n return (\n <Box\n r=\"base\"\n px={2}\n height={tabHeight}\n className={cn(\n \"oui-cursor-pointer oui-select-none\",\n isActive\n ? \"oui-markets-favorites-active-tab-item\"\n : \"oui-markets-favorites-tab-item\",\n isActive\n ? gradientColor\n : \"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast\",\n )}\n onClick={() => {\n updateSelectedFavoriteTab(item);\n if (isActive) {\n setOpen(true);\n }\n }}\n >\n {content}\n </Box>\n );\n };\n\n return (\n <Flex width=\"100%\" gapX={3} className={props.className}>\n <Flex\n ref={container}\n id=\"oui-markets-favorites-tabs-container\"\n className={cn(\n \"oui-hide-scrollbar oui-relative oui-cursor-pointer\",\n \"oui-overflow-hidden oui-overflow-x-auto\",\n )}\n // my={3}\n gapX={size === \"sm\" ? 2 : 3}\n width=\"100%\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item: any) => {\n const isActive = selectedFavoriteTab.id === item.id;\n return (\n <Tooltip\n key={item.id}\n open={isActive && !editing ? open : false}\n onOpenChange={(open) => {\n if (isActive) {\n setOpen(open);\n }\n }}\n // @ts-ignore\n content={renderActions(item)}\n delayDuration={0}\n className={cn(\"oui-bg-base-5\")}\n arrow={{\n className: \"oui-fill-base-5\",\n }}\n >\n {renderContent(item, isActive)}\n </Tooltip>\n );\n })}\n\n {!scrollable && renderAdd()}\n\n <Text size=\"xs\" ref={spanRef} className=\"oui-invisible\">\n {value}\n </Text>\n </Flex>\n {scrollable && renderAdd()}\n </Flex>\n );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesTabScriptOptions = {\n favorite: FavoriteInstance;\n size?: \"sm\" | \"default\";\n};\n\nexport type UseFavoritesTabScriptReturn = ReturnType<\n typeof useFavoritesTabScript\n>;\n\nexport function useFavoritesTabScript(options: UseFavoritesTabScriptOptions) {\n const { favorite, size = \"default\" } = options;\n const {\n favorites,\n favoriteTabs,\n selectedFavoriteTab,\n updateFavoriteTabs,\n updateSelectedFavoriteTab,\n updateFavorites,\n } = favorite;\n\n const [open, setOpen] = useState(false);\n const [editing, setEditing] = useState(false);\n const [value, setValue] = useState(\"\");\n const [scrollable, setScrollable] = useState(false);\n\n const scrollView = useRef<HTMLInputElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const spanRef = useRef<HTMLSpanElement>(null);\n\n const [inputWidth, setInputWidth] = useState(50);\n\n const updateScrollLayout = () => {\n const addIconWidth = size === \"sm\" ? 28 : 36;\n setTimeout(() => {\n const { scrollWidth, clientWidth } = scrollView.current || {};\n\n if (scrollWidth! > clientWidth!) {\n setScrollable(true);\n }\n }, 0);\n };\n\n const scrollToRight = () => {\n setTimeout(() => {\n if (scrollView.current) {\n scrollView.current.scrollLeft =\n scrollView.current.scrollWidth - scrollView.current.clientWidth;\n }\n }, 0);\n };\n\n const onEdit = (item: any) => {\n setEditing(true);\n setValue(item.name);\n setTimeout(() => {\n inputRef.current?.focus();\n inputRef.current?.setSelectionRange(-1, -1);\n }, 0);\n };\n\n const updateCurTab = (overLen: boolean) => {\n updateFavoriteTabs(\n {\n ...selectedFavoriteTab,\n name: overLen ? selectedFavoriteTab.name : value,\n },\n { update: true },\n );\n setEditing(false);\n setOpen(false);\n updateScrollLayout();\n };\n\n const addTab = () => {\n const newTab = {\n name: `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n updateSelectedFavoriteTab(newTab);\n updateScrollLayout();\n scrollToRight();\n };\n\n const delTab = (selectedTab: any) => {\n updateFavoriteTabs(selectedTab, { delete: true });\n\n setTimeout(() => {\n // remove all symbol favorite in this tab\n const _favorites = favorites.map((item) => ({\n ...item,\n tabs: item.tabs?.filter((tab) => tab.id !== selectedTab.id),\n }));\n\n updateFavorites(_favorites);\n\n // auto selected last tab\n const tabs = favoriteTabs.filter((item) => item.id !== selectedTab.id);\n const tab = tabs?.[tabs?.length - 1] || tabs?.[0];\n updateSelectedFavoriteTab(tab);\n }, 0);\n };\n\n useEffect(() => {\n if (value) {\n const rect = spanRef.current?.getBoundingClientRect();\n const offset = size === \"sm\" ? 0 : 14;\n setInputWidth(Math.max((rect?.width || 0) + offset, 50));\n }\n }, [value]);\n\n useEffect(() => {\n updateScrollLayout();\n }, []);\n\n return {\n favorite,\n open,\n setOpen,\n container: scrollView,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange: setValue,\n onEdit,\n updateCurTab,\n addTab,\n delTab,\n scrollable,\n };\n}\n","import {\n useFavoritesTabScript,\n UseFavoritesTabScriptOptions,\n} from \"./favoritesTabs.script\";\nimport { FavoritesTab } from \"./favoritesTabs.ui\";\n\nexport type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {\n className?: string;\n};\n\nexport const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps> = (\n props,\n) => {\n const { className, ...rest } = props;\n const state = useFavoritesTabScript(rest);\n return <FavoritesTab {...state} size={props.size} className={className} />;\n};\n","import { useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { useTabSort } from \"../../../components/shared/hooks/useTabSort\";\nimport { MarketsTabName } from \"../../../type\";\n\nexport type UseMarketsDataListScript = ReturnType<\n typeof useMarketsDataListScript\n>;\n\nconst MOBILE_MARKETS_TAB_SORT_STORAGE_KEY = \"orderly_mobile_markets_tab_sort\";\n\nexport function useMarketsDataListScript() {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n MarketsTabName.All,\n );\n const { clearSearchValue } = 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 };\n}\n","import { useCallback } from \"react\";\nimport { useSessionStorage } from \"@orderly.network/hooks\";\nimport { SortType, MarketsTabName } from \"../../../type\";\n\nexport function useTabSort(options: { storageKey: string }) {\n const [tabSort, setTabSort] = useSessionStorage(options.storageKey, {\n [MarketsTabName.All]: {\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n },\n } as Record<MarketsTabName, SortType>);\n\n const onTabSort = useCallback(\n (type: MarketsTabName) => (sort?: SortType) => {\n setTabSort({ ...tabSort, [type]: sort });\n },\n [tabSort],\n );\n\n return {\n tabSort,\n onTabSort,\n };\n}\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesListFullWidget } from \"../../../components/favoritesListFull\";\nimport { MarketsListFullWidget } from \"../../../components/marketsListFull\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n const { activeTab, onTabChange } = props;\n const { t } = useTranslation();\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} p={6} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"xl\"\n value={activeTab}\n onValueChange={onTabChange}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n testid=\"oui-testid-markets-favorites-tab\"\n >\n <FavoritesListFullWidget />\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n testid=\"oui-testid-markets-all-tab\"\n >\n <MarketsListFullWidget\n type=\"all\"\n initialSort={{\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n testid=\"oui-testid-markets-newListings-tab\"\n >\n <MarketsListFullWidget\n type=\"new\"\n initialSort={{\n sortKey: \"created_time\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC } from \"react\";\nimport { Trans } from \"@orderly.network/i18n\";\nimport { cn, Flex, DataTable } from \"@orderly.network/ui\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { UnFavoritesIcon } from \"../../icons\";\nimport { useMarketsListFullColumns } from \"../marketsListFull/column\";\nimport { UseFavoritesListFullReturn } from \"./favoritesListFull.script\";\n\nexport type FavoritesListFullProps = UseFavoritesListFullReturn;\n\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 = (\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 loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n pagination={pagination}\n manualSorting\n />\n </div>\n );\n};\n","import { MouseEventHandler, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, Box, Tooltip, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n FavoritesIcon,\n MoveToTopIcon,\n OrderlyIcon,\n UnFavoritesIcon,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useMarketsListFullColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n const columns = useMemo(() => {\n return [\n {\n title: <UnFavoritesIcon className=\"oui-mt-1\" />,\n dataIndex: \"isFavorite\",\n align: \"center\",\n width: 30,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const button = (\n <Flex\n width=\"100%\"\n height=\"100%\"\n mr={3}\n justify=\"center\"\n itemAlign=\"center\"\n onClick={isFavoriteList ? onDelSymbol : undefined}\n data-testid=\"oui-testid-markets-table-row-favorite-icon\"\n >\n {value ? (\n <FavoritesIcon className=\"oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon className=\"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n );\n\n if (isFavoriteList) {\n return button;\n }\n\n return (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n {button}\n </FavoritesDropdownMenuWidget>\n );\n },\n },\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 90,\n render: (value) => {\n return (\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {value}\n </Text.formatted>\n );\n },\n },\n {\n title: t(\"common.price\"),\n dataIndex: \"24h_close\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} currency=\"$\">\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.column.24hChange\"),\n dataIndex: \"change\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n dataIndex: \"24h_amount\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n dataIndex: \"openInterest\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.dataList.column.8hFunding\"),\n dataIndex: \"8h_funding\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n if (value === null) {\n return \"--\";\n }\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n dp={4}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n dataIndex: \"action\",\n type: \"action\",\n width: 40,\n render: (value, record) => {\n if (isFavoriteList) {\n return (\n <Flex justify=\"end\" mr={4}>\n <Tooltip\n content={t(\"markets.dataList.column.moveTop\")}\n align=\"center\"\n delayDuration={0}\n >\n <Box\n className=\"oui-hidden oui-cursor-pointer group-hover:oui-block\"\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n data-testid=\"oui-markets-favorites-pinned-icon\"\n >\n <MoveToTopIcon className=\"oui-text-base-contrast-20 hover:oui-text-base-contrast\" />\n </Box>\n </Tooltip>\n </Flex>\n );\n }\n return null;\n },\n },\n ] as Column[];\n }, [favorite, isFavoriteList, t]);\n\n return columns;\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListFullReturn = ReturnType<\n typeof useFavoritesListFullScript\n>;\n\nexport const useFavoritesListFullScript = () => {\n const { pageSize, setPage, pagination } = usePagination({\n pageSize: 10,\n });\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const filterData = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n return searchBySymbol(filterList, searchValue, \"base-type\");\n }, [data, selectedFavoriteTab, favorites, searchValue]);\n\n const dataSource = useMemo(\n () => getSortedList(filterData),\n [filterData, getSortedList],\n );\n\n useEffect(() => {\n setLoading(false);\n }, [favorites]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n };\n};\n","import { useFavoritesListFullScript } from \"./favoritesListFull.script\";\nimport { FavoritesListFull } from \"./favoritesListFull.ui\";\n\nexport const FavoritesListFullWidget: React.FC = () => {\n const state = useFavoritesListFullScript();\n return <FavoritesListFull {...state} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useMarketsListFullColumns } from \"./column\";\nimport { type UseMarketsListFullReturn } from \"./marketsListFull.script\";\n\nexport type MarketsListFullProps = UseMarketsListFullReturn & {\n type?: \"all\" | \"new\";\n};\n\nexport const MarketsListFull: FC<MarketsListFullProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n type,\n pagination,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const columns = useMarketsListFullColumns(favorite, false);\n\n return (\n <DataTable\n bordered\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n \"data-testid\": `oui-testid-markets-${\n type === \"new\" ? \"newListing\" : \"all\"\n }-tr-${record.symbol}`,\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={initialSort}\n pagination={pagination}\n classNames={{\n header: \"oui-h-12\",\n }}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { TableSort, usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { MarketsListFullWidgetProps } from \"./marketsListFull.widget\";\n\nexport type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;\n\nexport type UseMarketsListFullReturn = ReturnType<\n typeof useMarketsListFullScript\n>;\n\nexport const useMarketsListFullScript = (\n options: UseMarketsListFullScriptOptions,\n) => {\n const [loading, setLoading] = useState(true);\n const { setPage, pagination } = usePagination({\n pageSize: 10,\n });\n\n const [data, favorite] = useMarkets(MarketsType.ALL);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList, sort } = useSort(options.initialSort);\n\n const dataSource = useMemo(() => {\n const searchList = searchBySymbol(data, searchValue, \"base-type\");\n return getSortedList(searchList);\n }, [data, getSortedList, searchValue]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n useEffect(() => {\n // Only all markets store sort\n if (options.type === \"all\") {\n favorite.updateTabsSortState(\"all\", sort?.sortKey!, sort?.sortOrder!);\n }\n }, [sort, options.type]);\n\n const initialSort = useMemo(() => {\n const sortStore =\n options.type === \"all\" ? favorite.tabSort?.all : undefined;\n\n return {\n sortKey: sortStore?.sortKey || options?.initialSort?.sortKey,\n sort: sortStore?.sortOrder || options?.initialSort?.sortOrder,\n } as TableSort;\n }, [favorite.tabSort, options.initialSort, options.type]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n initialSort,\n };\n};\n","import { SortType } from \"../../type\";\nimport { useMarketsListFullScript } from \"./marketsListFull.script\";\nimport { MarketsListFull } from \"./marketsListFull.ui\";\n\nexport type MarketsListFullWidgetProps = {\n type?: \"all\" | \"new\";\n initialSort?: SortType;\n};\n\nexport const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps> = (\n props,\n) => {\n const state = useMarketsListFullScript(props);\n\n return <MarketsListFull {...state} type={props.type} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { ExpandMarketsScriptReturn } from \"./expandMarkets.script\";\n\nexport type ExpandMarketsProps = ExpandMarketsScriptReturn;\n\nexport const ExpandMarkets: React.FC<ExpandMarketsProps> = (props) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n tableClassNames={{\n scroll: cn(\n \"oui-px-1\",\n type === MarketsTabName.Favorites ? \"oui-pb-9\" : \"oui-pb-2\",\n ),\n }}\n {...getFavoritesProps(type)}\n />\n </div>\n );\n };\n\n return (\n <Box className={cn(\"oui-overflow-hidden oui-font-semibold\")} height=\"100%\">\n <Box px={3} pb={2}>\n <SearchInput />\n </Box>\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className={cls}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type ExpandMarketsScriptOptions = {\n activeTab?: MarketsTabName;\n onTabChange?: (tab: MarketsTabName) => void;\n};\n\nexport type ExpandMarketsScriptReturn = ReturnType<\n typeof useExpandMarketsScript\n>;\n\nexport function useExpandMarketsScript(options: ExpandMarketsScriptOptions) {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n options.activeTab!,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const onTabChange = useCallback(\n (value: string) => {\n if (typeof options?.onTabChange === \"function\") {\n options.onTabChange(value as MarketsTabName);\n } else {\n setActiveTab(value as MarketsTabName);\n }\n },\n [options?.onTabChange],\n );\n useEffect(() => {\n setActiveTab(options?.activeTab || MarketsTabName.Favorites);\n }, [options?.activeTab]);\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab,\n onTabChange,\n tabSort,\n onTabSort,\n };\n}\n","export const SIDE_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_side_markets_tab_sort\";\n","import { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useExpandMarketsScript,\n ExpandMarketsScriptOptions,\n} from \"./expandMarkets.script\";\nimport { ExpandMarkets } from \"./expandMarkets.ui\";\n\nexport type ExpandMarketsWidgetProps = MarketsProviderProps &\n ExpandMarketsScriptOptions;\n\nexport const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps> = (\n props,\n) => {\n const state = useExpandMarketsScript({\n activeTab: props.activeTab,\n onTabChange: props.onTabChange,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <ExpandMarkets {...state} />\n </MarketsProvider>\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type FundingOverviewProps = FundingOverviewReturn;\n\nexport const FundingOverview: FC<FundingOverviewProps> = (props) => {\n const { dataSource, isLoading, pagination, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n bordered\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n pagination={pagination}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Column,\n Flex,\n Picker,\n Select,\n Text,\n TokenIcon,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ProcessedFundingData } from \"./fundingOverview.script\";\n\nconst createFundingRenderer =\n (dp: number = 5) =>\n (value: number) => {\n if (value === 0) {\n return <Text> - </Text>;\n }\n\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={dp}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n };\n\nexport const useFundingOverviewColumns = (\n selectedPeriod: string,\n setSelectedPeriod: (value: string) => void,\n) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n return useMemo<Column<ProcessedFundingData>[]>(() => {\n return [\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 135,\n className: isMobile ? \"oui-pl-0\" : undefined,\n render: (value) => (\n <Flex gapX={1}>\n <TokenIcon\n symbol={value}\n className={isMobile ? \"oui-size-[18px]\" : \"oui-size-5\"}\n />\n\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n </Flex>\n ),\n },\n {\n title: t(\"markets.funding.column.estFunding\"),\n dataIndex: \"estFunding\",\n width: 120,\n onSort: true,\n render: (value, record) => (\n <div>\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n <span className=\"oui-text-base-contrast-54\">\n {`/ ${record.fundingInterval}h`}\n </span>\n </div>\n ),\n },\n {\n title: t(\"markets.funding.column.lastFunding\"),\n dataIndex: \"lastFunding\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.1dAvg\"),\n dataIndex: \"funding1d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.3dAvg\"),\n dataIndex: \"funding3d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.7dAvg\"),\n dataIndex: \"funding7d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.14dAvg\"),\n dataIndex: \"funding14d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.30dAvg\"),\n dataIndex: \"funding30d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.90dAvg\"),\n dataIndex: \"funding90d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: (\n <div className=\"oui-flex oui-gap-1\">\n <FundingPeriodSelect\n value={selectedPeriod}\n onValueChange={setSelectedPeriod}\n />\n <span>{t(\"markets.funding.column.positiveRate\")}</span>\n </div>\n ),\n dataIndex: selectedPeriod,\n width: 130,\n align: \"right\",\n onSort: true,\n render: createFundingRenderer(2),\n },\n ];\n }, [t, isMobile, selectedPeriod, setSelectedPeriod]);\n};\n\ntype FundingPeriodSelectProps = {\n value: string;\n onValueChange: (value: string) => void;\n};\n\nconst FundingPeriodSelect = (props: FundingPeriodSelectProps) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const options = useMemo(() => {\n return [\n {\n label: t(\"common.select.1d\"),\n value: \"1dPositive\",\n },\n {\n label: t(\"common.select.3d\"),\n value: \"3dPositive\",\n },\n {\n label: t(\"common.select.7d\"),\n value: \"7dPositive\",\n },\n {\n label: t(\"common.select.14d\"),\n value: \"14dPositive\",\n },\n {\n label: t(\"common.select.30d\"),\n value: \"30dPositive\",\n },\n {\n label: t(\"common.select.90d\"),\n value: \"90dPositive\",\n },\n ];\n }, [t]);\n\n if (isMobile) {\n return (\n <Picker\n size=\"sm\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n }\n\n return (\n <Select.options\n size=\"xs\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport {\n MarketsType,\n useFundingRateHistory,\n useFundingRates,\n useMarkets,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nexport type ProcessedFundingData = {\n symbol: string;\n estFunding: number;\n lastFunding: number;\n fundingInterval: number;\n funding1d: number | string;\n funding3d: number | string;\n funding7d: number | string;\n funding14d: number | string;\n funding30d: number | string;\n funding90d: number | string;\n \"1dPositive\": number | string;\n \"3dPositive\": number | string;\n \"7dPositive\": number | string;\n \"14dPositive\": number | string;\n \"30dPositive\": number | string;\n \"90dPositive\": number | string;\n};\n\nexport type FundingOverviewReturn = ReturnType<typeof useFundingOverviewScript>;\n\nexport const useFundingOverviewScript = () => {\n const { pagination } = usePagination({ pageSize: 10 });\n const [marketData] = useMarkets(MarketsType.ALL);\n\n const {\n data: fundingHistory,\n isLoading: isHistoryLoading,\n getPositiveRates,\n } = useFundingRateHistory();\n const fundingRates = useFundingRates();\n\n const { onSort, getSortedList } = useSort();\n const { searchValue } = useMarketsContext();\n\n const processedData = useMemo((): ProcessedFundingData[] => {\n if (!marketData?.length) return [];\n\n const periods = [\"1d\", \"3d\", \"7d\", \"14d\", \"30d\", \"90d\"] as const;\n const posRates = periods.reduce(\n (acc, period) => {\n acc[period] = getPositiveRates(fundingHistory, period);\n return acc;\n },\n {} as Record<string, Record<string, number>>,\n );\n\n // because fundingHistory list is unstable sort, so use marketData instead\n // TODO: feedback to backend to fix this if possible\n return marketData.map((item) => {\n const symbol = item.symbol;\n const history = fundingHistory?.find((h) => h.symbol === symbol);\n\n const fundingRate = fundingRates[symbol];\n\n const fundingInterval = getFundingInterval(\n fundingRate(\"next_funding_time\"),\n fundingRate(\"last_funding_rate_timestamp\"),\n );\n\n return {\n symbol,\n estFunding: fundingRate(\"est_funding_rate\"),\n lastFunding: fundingRate(\"last_funding_rate\"),\n fundingInterval,\n funding1d: history?.funding?.[\"1d\"]?.rate ?? 0,\n funding3d: history?.funding?.[\"3d\"]?.rate ?? 0,\n funding7d: history?.funding?.[\"7d\"]?.rate ?? 0,\n funding14d: history?.funding?.[\"14d\"]?.rate ?? 0,\n funding30d: history?.funding?.[\"30d\"]?.rate ?? 0,\n funding90d: history?.funding?.[\"90d\"]?.rate ?? 0,\n \"1dPositive\": posRates[\"1d\"][symbol] ?? \"-\",\n \"3dPositive\": posRates[\"3d\"][symbol] ?? \"-\",\n \"7dPositive\": posRates[\"7d\"][symbol] ?? \"-\",\n \"14dPositive\": posRates[\"14d\"][symbol] ?? \"-\",\n \"30dPositive\": posRates[\"30d\"][symbol] ?? \"-\",\n \"90dPositive\": posRates[\"90d\"][symbol] ?? \"-\",\n };\n });\n }, [marketData, fundingHistory, fundingRates, getPositiveRates]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [filteredData, getSortedList],\n );\n\n return { dataSource, isLoading: isHistoryLoading, pagination, onSort };\n};\n\nfunction getFundingInterval(\n next_funding_time: number,\n last_funding_rate_timestamp: number,\n) {\n // default interval is 8 hours\n if (!next_funding_time || !last_funding_rate_timestamp) return 8;\n const diff = next_funding_time - last_funding_rate_timestamp;\n\n return Math.round(diff / 3600000);\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingOverview } from \"./fundingOverview.mobile.ui\";\nimport { useFundingOverviewScript } from \"./fundingOverview.script\";\nimport { FundingOverview } from \"./fundingOverview.ui\";\n\nexport const FundingOverviewWidget: FC = () => {\n const props = useFundingOverviewScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingOverview {...props} />\n ) : (\n <FundingOverview {...props} />\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type MobileFundingOverviewProps = FundingOverviewReturn;\n\nexport const MobileFundingOverview: FC<MobileFundingOverviewProps> = (\n props,\n) => {\n const { dataSource, isLoading, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const FundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n bordered\n pagination={props.pagination}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { cn, Flex, TokenIcon, useScreen } from \"@orderly.network/ui\";\nimport type { Column } from \"@orderly.network/ui\";\nimport { Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { baseEX, exchanges } from \"./fundingComparison.script\";\n\nconst CDN_PREFIX = \"https://oss.orderly.network/static/exchange_logo\";\n\nexport const useFundingColumns = () => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\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\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 ...exchanges.map<Column>((item) => ({\n title: (\n <Flex justify=\"start\" itemAlign=\"center\" gap={1}>\n {!item.includes(\" - \") && (\n <img\n src={`${CDN_PREFIX}/${item.toLowerCase().replace(\" \", \"_\")}.png`}\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\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring={item.includes(\" - \") || item === baseEX ? true : false}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n })),\n ];\n }, [t, isMobile]);\n};\n","import { useMemo } from \"react\";\nimport { useFundingRates, useQuery } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nexport const baseEX = \"WOOFi Pro\";\n\nexport const exchanges = [\n baseEX,\n \"Binance\",\n `${baseEX} - Binance`,\n \"OKX\",\n `${baseEX} - OKX`,\n \"Bybit\",\n `${baseEX} - Bybit`,\n \"dYdX\",\n `${baseEX} - dYdX`,\n \"Bitget\",\n `${baseEX} - Bitget`,\n \"KuCoin\",\n `${baseEX} - KuCoin`,\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\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\n const processedData = useMemo(() => {\n if (!Array.isArray(data) || !data.length) {\n return [];\n }\n return data.map((row) => {\n const result: Record<PropertyKey, any> = {\n symbol: row.symbol,\n };\n exchanges.forEach((item) => {\n const isCompare = item.includes(` - `);\n if (!isCompare) {\n if (item === baseEX) {\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, fundingRates]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [getSortedList, filteredData],\n );\n\n return {\n dataSource,\n isLoading,\n pagination,\n onSort,\n };\n};\n","import type { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingComparison } from \"./fundingComparison.mobile.ui\";\nimport { useFundingComparisonScript } from \"./fundingComparison.script\";\nimport { FundingComparison } from \"./fundingComparison.ui\";\n\nexport const FundingComparisonWidget: FC = () => {\n const state = useFundingComparisonScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingComparison {...state} />\n ) : (\n <FundingComparison {...state} />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const MobileFundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n />\n );\n};\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { CollapseIcon, ExpandIcon } from \"../../icons\";\nimport { ExpandMarketsWidget } from \"../expandMarkets\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport {\n SideMarketsScriptOptions,\n SideMarketsScriptReturn,\n} from \"./sideMarkets.script\";\n\nexport type SideMarketsProps = SideMarketsScriptReturn & {\n className?: string;\n};\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n const {\n collapsable,\n collapsed,\n onCollapse,\n activeTab,\n onTabChange,\n className,\n tabSort,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderContent = () => {\n if (!collapsed) {\n return (\n <ExpandMarketsWidget\n activeTab={activeTab}\n onTabChange={onTabChange}\n symbol={symbol}\n onSymbolChange={onSymbolChange}\n />\n );\n }\n\n return (\n <MarketsListWidget\n type={activeTab}\n initialSort={tabSort[activeTab]}\n // collapsed list is not custom sort, so we don't need to pass onSort\n // onSort={onTabSort(activeTab)}\n collapsed={collapsed}\n {...getFavoritesProps(activeTab)}\n />\n );\n };\n\n return (\n <Flex\n id=\"oui-side-markets\"\n className={cn(\"oui-font-semibold\", className)}\n direction=\"column\"\n gapY={5}\n height=\"100%\"\n width=\"100%\"\n >\n <SideMarketsHeader\n collapsable={collapsable}\n collapsed={collapsed}\n onCollapse={onCollapse}\n />\n <Box\n width=\"100%\"\n className={cn(\n collapsed ? \"oui-h-[calc(100%_-_52px)]\" : \"oui-h-[calc(100%_-_56px)]\",\n )}\n >\n {renderContent()}\n </Box>\n </Flex>\n );\n};\n\ntype SideMarketsHeaderProps = SideMarketsScriptOptions;\n\nexport const SideMarketsHeader: FC<SideMarketsHeaderProps> = (props) => {\n const { collapsable, collapsed, onCollapse } = props;\n\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-text-base-contrast-36\",\n collapsable\n ? \"oui-cursor-pointer hover:oui-text-base-contrast-80\"\n : \"oui-cursor-not-allowed\",\n );\n\n if (collapsed) {\n return (\n <ExpandIcon\n className={cls}\n onClick={() => {\n onCollapse?.(false);\n }}\n />\n );\n }\n\n return (\n <Flex justify=\"between\" px={3} width=\"100%\">\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <CollapseIcon\n className={cls}\n onClick={() => {\n onCollapse?.(true);\n }}\n />\n </Flex>\n );\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type SideMarketsScriptOptions = {\n collapsable?: boolean;\n collapsed?: boolean;\n onCollapse?: (collapsed: boolean) => void;\n};\n\nexport type SideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;\n\nconst SIDE_MARKETS_SEL_TAB_KEY = \"orderly_side_markets_sel_tab_key\";\n\nexport function useSideMarketsScript(options?: SideMarketsScriptOptions) {\n const [collapsed, setCollapsed] = useState(options?.collapsed);\n const [activeTab, setActiveTab] = useLocalStorage(\n SIDE_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const collapsable = useMemo(\n () => options?.collapsable ?? true,\n [options?.collapsable],\n );\n\n const onCollapse = useCallback(\n (collapsed: boolean) => {\n if (typeof options?.onCollapse === \"function\") {\n options.onCollapse(collapsed);\n } else {\n setCollapsed(collapsed);\n }\n },\n [options?.onCollapse],\n );\n\n useEffect(() => {\n setCollapsed(options?.collapsed);\n }, [options?.collapsed]);\n\n return {\n collapsable,\n collapsed,\n onCollapse,\n activeTab: activeTab as MarketsTabName,\n onTabChange: setActiveTab,\n tabSort,\n };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useSideMarketsScript } from \"./sideMarkets.script\";\nimport { SideMarkets, SideMarketsProps } from \"./sideMarkets.ui\";\n\nexport type SideMarketsWidgetProps = MarketsProviderProps &\n Partial<\n Pick<\n SideMarketsProps,\n \"collapsable\" | \"collapsed\" | \"onCollapse\" | \"className\"\n >\n >;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n const state = useSideMarketsScript({\n collapsable: props.collapsable,\n collapsed: props.collapsed,\n onCollapse: props.onCollapse,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <SideMarkets {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseIcon,\n cn,\n Flex,\n TabPanel,\n Tabs,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { useDropDownMarketsColumns } from \"./column\";\nimport { DropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\n\nexport type DropDownMarketsProps = DropDownMarketsScriptReturn & {\n contentClassName?: string;\n};\n\nexport const DropDownMarkets: React.FC<\n PropsWithChildren<DropDownMarketsProps>\n> = (props) => {\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-32}\n sideOffset={20}\n className={cn(\n \"oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0\",\n props.contentClassName,\n )}\n >\n <DropDownMarketsConetnt {...props} hide={props.hide} />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n\nexport const DropDownMarketsConetnt: React.FC<DropDownMarketsProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const getColumns = useDropDownMarketsColumns();\n\n const search = (\n <Flex mx={3} gapX={3} pt={3} pb={2}>\n <SearchInput\n classNames={{\n root: \"oui-w-full\",\n }}\n />\n <CloseIcon\n size={12}\n className=\"oui-cursor-pointer oui-text-base-contrast-80\"\n onClick={props.hide}\n opacity={1}\n />\n </Flex>\n );\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps } = 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 />\n </div>\n );\n };\n\n return (\n <Box\n className={cn(\"oui-overflow-hidden oui-font-semibold\")}\n height=\"100%\"\n intensity={800}\n >\n {search}\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: \"oui-my-[6px] oui-px-3\",\n tabsContent: \"oui-h-full\",\n }}\n className={cls}\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { DeleteIcon, TopIcon } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../shared/column\";\n\nexport const useDropDownMarketsColumns = () => {\n const { t } = useTranslation();\n\n return useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n {\n title: t(\"common.volume\"),\n dataIndex: \"24h_amount\",\n align: \"right\",\n onSort: true,\n className: \"oui-relative\",\n width: 80,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div className={cn(\"oui-absolute oui-right-1 oui-top-[3px]\")}>\n <Flex\n className={cn(\n \"oui-bg-primary-darken oui-py-[6px]\",\n \"oui-hidden group-hover:oui-inline-flex\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n return (\n <>\n {isFavoriteList && actions}\n <Text.numeral\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n {value}\n </Text.numeral>\n </>\n );\n },\n },\n ] as Column[];\n },\n [t],\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type DropDownMarketsScriptReturn = ReturnType<\n typeof useDropDownMarketsScript\n>;\n\nconst DROPDOWN_MARKETS_SEL_TAB_KEY = \"orderly_dropdown_markets_sel_tab_key\";\n\nconst DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_dropdown_markets_tab_sort\";\n\nexport function useDropDownMarketsScript() {\n const [open, setOpen] = useState(false);\n\n const [activeTab, setActiveTab] = useLocalStorage(\n DROPDOWN_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const hide = () => {\n setOpen(false);\n };\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab: activeTab as MarketsTabName,\n onTabChange: (value: string) => setActiveTab(value as MarketsTabName),\n open,\n onOpenChange: setOpen,\n hide,\n tabSort,\n onTabSort,\n };\n}\n","import React, { PropsWithChildren } from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nimport { DropDownMarkets, DropDownMarketsProps } from \"./dropDownMarkets.ui\";\n\nexport type DropDownMarketsWidgetProps = MarketsProviderProps &\n Pick<DropDownMarketsProps, \"contentClassName\">;\n\nexport const DropDownMarketsWidget: React.FC<\n PropsWithChildren<DropDownMarketsWidgetProps>\n> = (props) => {\n const state = useDropDownMarketsScript();\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <DropDownMarkets {...state} contentClassName={props.contentClassName}>\n {props.children}\n </DropDownMarkets>\n </MarketsProvider>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { getMarketsSheetColumns } from \"./column\";\nimport { MarketsSheetScriptReturn } from \"./marketsSheet.script\";\n\nexport type MarketsSheetProps = MarketsSheetScriptReturn & {\n className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n const { className, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\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 type === MarketsTabName.Favorites\n ? \"oui-h-[calc(100%_-_70px)]\"\n : \"oui-h-[calc(100%_-_40px)]\",\n ),\n }}\n {...getFavoritesProps(type)}\n />\n );\n };\n\n return (\n <Box height=\"100%\" className={cn(\"oui-font-semibold\", className)}>\n <Box px={3} mt={3} mb={2}>\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <SearchInput classNames={{ root: \"oui-mt-4\" }} />\n </Box>\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (tab: string) => void}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className=\"oui-h-[calc(100%_-_92px)]\"\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const getMarketsSheetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n return [\n {\n title: `${i18n.t(\"markets.column.market\")} / ${i18n.t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: i18n.t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;\n\nconst MARKETS_SHEET_SEL_TAB_KEY = \"orderly_markets_sheet_sel_tab_key\";\n\nexport function useMarketsSheetScript() {\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const [activeTab, setActiveTab] = useLocalStorage(\n MARKETS_SHEET_SEL_TAB_KEY,\n MarketsTabName.Favorites,\n );\n\n return { tabSort, onTabSort, activeTab, onTabChange: setActiveTab };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useMarketsSheetScript } from \"./marketsSheet.script\";\nimport { MarketsSheet, MarketsSheetProps } from \"./marketsSheet.ui\";\n\nexport type MarketsSheetWidgetProps = MarketsProviderProps &\n Partial<Pick<MarketsSheetProps, \"className\">>;\n\nexport const MarketsSheetWidget: React.FC<MarketsSheetWidgetProps> = (\n props,\n) => {\n const state = useMarketsSheetScript();\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <MarketsSheet {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { Flex, Text, cn, Divider, Badge } from \"@orderly.network/ui\";\nimport { UseSymbolInfoBarScriptReturn } from \"./symbolInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type SymbolInfoBarProps = Pick<MarketsProviderProps, \"onSymbolChange\"> &\n UseSymbolInfoBarScriptReturn & {\n className?: string;\n trailing?: ReactNode;\n onSymbol?: () => void;\n };\n\nexport const SymbolInfoBar: FC<SymbolInfoBarProps> = (props) => {\n const { symbol, data, leverage, onSymbol } = props;\n\n const symbolView = (\n <Flex className=\"oui-cursor-pointer oui-gap-x-[6px]\" onClick={onSymbol}>\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"sm\"\n weight=\"semibold\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]\" />\n </Flex>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-mobile\",\n \"oui-font-semibold oui-h-full\",\n props.className\n )}\n >\n <Flex gapX={3} className=\"oui-flex-1 oui-overflow-hidden oui-h-full\">\n <Flex gapX={3}>\n {symbolView}\n <Badge size=\"xs\" color=\"primary\">\n {leverage}x\n </Badge>\n </Flex>\n\n <Divider className=\"oui-h-6\" direction=\"vertical\" intensity={8} />\n <Text.numeral\n size=\"2xs\"\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n","import { useMemo } from \"react\";\nimport { useSymbolsInfo, useTickerStream } from \"@orderly.network/hooks\";\n\nexport type UseSymbolInfoBarScriptOptions = {\n symbol: string;\n};\n\nexport type UseSymbolInfoBarScriptReturn = ReturnType<\n typeof useSymbolInfoBarScript\n>;\n\nexport function useSymbolInfoBarScript(options: UseSymbolInfoBarScriptOptions) {\n const { symbol } = options;\n\n const data = useTickerStream(symbol);\n\n const symbolsInfo = useSymbolsInfo();\n\n const leverage = useMemo(() => {\n const info = symbolsInfo[symbol];\n const baseImr = info(\"base_imr\");\n return getLeverage(baseImr);\n }, [symbol, symbolsInfo]);\n\n return {\n symbol,\n data,\n leverage,\n };\n}\n\nfunction getLeverage(base_imr: number) {\n return base_imr ? 1 / base_imr : undefined;\n}\n","import {\n useSymbolInfoBarScript,\n UseSymbolInfoBarScriptOptions,\n} from \"./symbolInfoBar.script\";\nimport { SymbolInfoBar, SymbolInfoBarProps } from \"./symbolInfoBar.ui\";\n\nexport type SymbolInfoBarWidgetPros = UseSymbolInfoBarScriptOptions &\n Pick<SymbolInfoBarProps, \"className\" | \"trailing\" | \"onSymbol\">;\n\nexport const SymbolInfoBarWidget: React.FC<SymbolInfoBarWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarScript({ symbol });\n return <SymbolInfoBar {...state} {...rest} />;\n};\n","import {\n TokenIcon,\n Flex,\n Text,\n cn,\n Divider,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseSymbolInfoBarFullScriptReturn } from \"./symbolInfoBarFull.script\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\nimport {\n ArrowLeftIcon,\n FavoritesIcon2,\n TriangleDownIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ReactNode } from \"react\";\nimport { DropDownMarketsWidget } from \"../dropDownMarkets\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport { useFundingRate } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 fundingRate,\n containerRef,\n leadingElementRef,\n tailingElementRef,\n leadingVisible,\n tailingVisible,\n onScoll,\n } = props;\n\n const { t } = useTranslation();\n\n const favoriteIcon = (\n <FavoritesDropdownMenuWidget row={{ symbol }} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-cursor-pointer oui-mr-1\"\n >\n {isFavorite ? (\n <FavoritesIcon2 className=\"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n\n const symbolView = (\n <DropDownMarketsWidget\n contentClassName=\"oui-w-[429px] oui-h-[496px]\"\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <Flex gapX={1} className=\"oui-cursor-pointer\">\n <TokenIcon symbol={symbol} className=\"oui-w-4 oui-h-4\" />\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n intensity={98}\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54\" />\n </Flex>\n </DropDownMarketsWidget>\n );\n\n const price = (\n <Text.numeral\n dp={quotoDp || 2}\n currency=\"$\"\n size=\"sm\"\n intensity={98}\n className=\"oui-data-value\"\n >\n {data?.[\"24h_close\"]}\n </Text.numeral>\n );\n\n const change = (\n <>\n <Text.numeral coloring rm={Decimal.ROUND_DOWN} showIdentifier>\n {data?.[\"24h_change\"]!}\n </Text.numeral>\n <Text intensity={36}>/</Text>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-desktop\",\n \"oui-font-semibold oui-h-[54px]\",\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-flex-1 oui-overflow-hidden oui-h-full\">\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-overflow-hidden oui-h-full\">\n <div\n ref={containerRef}\n className=\"oui-overflow-x-auto oui-hide-scrollbar oui-h-full\"\n >\n <Flex gapX={8} height=\"100%\">\n <div ref={leadingElementRef}>\n <DataItem\n label={t(\"markets.column.24hChange\")}\n value={change}\n />\n </div>\n <DataItem\n label={t(\"markets.symbolInfoBar.Mark\")}\n value={\n <Text.numeral\n dp={quotoDp}\n data-testid=\"oui-testid-tokenInfo-markPrice-value\"\n >\n {data?.[\"mark_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Mark.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.Index\")}\n value={\n <Text.numeral dp={quotoDp}>\n {data?.[\"index_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Index.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.24hVolume\")}\n value={\n <Text.numeral rule=\"human\" dp={2}>\n {data?.[\"24h_amount\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.24hVolume.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.predFundingRate\")}\n value={<FundingRate symbol={symbol} />}\n hint={t(\"markets.symbolInfoBar.predFundingRate.tooltip\")}\n />\n <div ref={tailingElementRef}>\n <DataItem\n label={t(\"markets.openInterest\")}\n value={\n <>\n <Text.numeral rule=\"human\" dp={2}>\n {openInterest}\n </Text.numeral>\n <Text intensity={36}>{` USDC`}</Text>\n </>\n }\n hint={t(\"markets.openInterest.tooltip\")}\n />\n </div>\n </Flex>\n </div>\n <ScrollIndicator leading onClick={onScoll} visible={leadingVisible} />\n <ScrollIndicator tailing onClick={onScoll} visible={tailingVisible} />\n </div>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n\ntype DataItemProps = {\n label: string;\n value: ReactNode;\n hint?: string;\n};\n\nconst DataItem: React.FC<DataItemProps> = (props) => {\n return (\n <Flex direction=\"column\" itemAlign=\"start\">\n <Tooltip\n open={props.hint ? undefined : false}\n content={props.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-break-normal oui-whitespace-nowrap\",\n props.hint &&\n \"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12\"\n )}\n >\n {props.label}\n </Text>\n </Tooltip>\n <Text\n size=\"2xs\"\n intensity={98}\n className={cn(\n \"oui-data-value\",\n \"oui-leading-[20px] oui-break-normal oui-whitespace-nowrap\"\n )}\n >\n {props.value}\n </Text>\n </Flex>\n );\n};\n\ntype ScrollIndicatorProps = {\n tailing?: boolean;\n leading?: boolean;\n visible?: boolean;\n onClick?: (direction: string) => void;\n};\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { visible, leading, tailing, onClick } = props;\n if (!visible) return null;\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-items-center oui-w-[80px]\",\n \"oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l\",\n leading && \"oui-left-0 oui-pl-1\",\n tailing && \"oui-right-0 oui-pr-1 oui-rotate-180\"\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 {\n useFundingRate,\n useMarketsStore,\n useSymbolsInfo,\n useTickerStream,\n} from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\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 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 if (direction === \"left\")\n containerRef.current?.scrollBy({ left: -100, behavior: \"smooth\" });\n else containerRef.current?.scrollBy({ left: 100, behavior: \"smooth\" });\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 };\n}\n","import { FC } from \"react\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useSymbolInfoBarFullScript,\n UseSymbolInfoBarFullScriptOptions,\n} from \"./symbolInfoBarFull.script\";\nimport {\n SymbolInfoBarFull,\n SymbolInfoBarFullProps,\n} from \"./symbolInfoBarFull.ui\";\n\nexport type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions &\n Pick<SymbolInfoBarFullProps, \"className\" | \"trailing\"> &\n Pick<MarketsProviderProps, \"onSymbolChange\">;\n\nexport const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarFullScript({ symbol });\n return <SymbolInfoBarFull {...state} {...rest} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseNewListingListReturn } from \"./newListingList.script\";\nimport { NewListingListWidgetProps } from \"./widget\";\n\nexport type NewListingListProps = UseNewListingListReturn &\n NewListingListWidgetProps;\n\nexport const NewListingList: FC<NewListingListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseNewListingListReturn = ReturnType<\n typeof useNewListingListScript\n>;\n\nexport const useNewListingListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.NEW_LISTING);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useNewListingListScript } from \"./newListingList.script\";\nimport { NewListingList } from \"./newListingList.ui\";\n\nexport type NewListingListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const NewListingListWidget: React.FC<NewListingListWidgetProps> = (\n props,\n) => {\n const state = useNewListingListScript();\n return <NewListingList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport type { FavoritesListWidgetProps } from \"./widget\";\n\nexport type FavoritesListProps = UseFavoritesListReturn &\n FavoritesListWidgetProps;\n\nexport const FavoritesList: FC<FavoritesListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, true);\n\n const columns =\n typeof getColumns === \"function\" ? getColumns(favorite, true) : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n <Box px={3} className=\"oui-my-[6px]\">\n <FavoritesTabWidget favorite={favorite} size=\"sm\" />\n </Box>\n\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n </>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListReturn = ReturnType<typeof useFavoritesListScript>;\n\nexport const useFavoritesListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, selectedFavoriteTab, favorites, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useFavoritesListScript } from \"./favoritesList.script\";\nimport { FavoritesList } from \"./favoritesList.ui\";\n\nexport type FavoritesListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const FavoritesListWidget: React.FC<FavoritesListWidgetProps> = (\n props,\n) => {\n const state = useFavoritesListScript();\n return <FavoritesList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { RecentListWidgetProps } from \"./widget\";\n\nexport type RecentListProps = UseRecentListReturn & RecentListWidgetProps;\n\nexport const RecentList: FC<RecentListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseRecentListReturn = ReturnType<typeof useRecentListScript>;\n\nexport const useRecentListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.RECENT);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useRecentListScript } from \"./recentList.script\";\nimport { RecentList } from \"./recentList.ui\";\n\nexport type RecentListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const RecentListWidget: React.FC<RecentListWidgetProps> = (props) => {\n const state = useRecentListScript();\n return <RecentList {...state} {...props} />;\n};\n","import { FC, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, useScreen } from \"@orderly.network/ui\";\nimport {\n MarketsProvider,\n MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { MarketsPageTab } from \"../../type\";\nimport { FundingWidget } from \"./funding/funding.widget\";\nimport { MarketsDataListWidget } from \"./marketsDataList\";\nimport { MarketsHeaderWidget } from \"./marketsHeader/marketsHeader.widget\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\n const { isMobile } = useScreen();\n\n const [activeTab, setActiveTab] = useState<MarketsPageTab>(\n MarketsPageTab.Markets,\n );\n\n return (\n <MarketsProvider onSymbolChange={props.onSymbolChange}>\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 />\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};\n\nconst MarketsDesktopContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Box p={6}>\n <Tabs\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.markets\")}\n value={MarketsPageTab.Markets}\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-4\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value={MarketsPageTab.Funding}\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n\nconst MarketsMobileContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Tabs\n variant=\"text\"\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n classNames={{\n tabsListContainer: \"oui-border-0\",\n tabsList: \"oui-mx-6 oui-my-2\",\n trigger: cn(\n \"oui-text-2xl oui-font-bold\",\n \"data-[state=active]:after:oui-bg-transparent!\",\n ),\n tabsContent: \"oui-px-3\",\n }}\n >\n <TabPanel\n title={t(\"common.markets\")}\n value=\"markets\"\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-2\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value=\"funding\"\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileFunding } from \"./funding.mobile.ui\";\nimport { useFundingScript } from \"./funding.script\";\nimport { Funding } from \"./funding.ui\";\n\nexport const FundingWidget = () => {\n const state = useFundingScript();\n const { isMobile } = useScreen();\n return isMobile ? <MobileFunding {...state} /> : <Funding {...state} />;\n};\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const MobileFunding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n const search = (\n <SearchInput\n classNames={{\n root: cn(\"oui-mb-2 oui-mt-5\"),\n }}\n />\n );\n\n return (\n <Box\n intensity={900}\n p={3}\n mt={2}\n mb={5}\n r=\"xl\"\n height=\"100%\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <>\n {search}\n <FundingOverviewWidget />\n </>\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <>\n {search}\n <FundingComparisonWidget />\n </>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useState } from \"react\";\nimport { FundingTabName } from \"../../../type\";\n\nexport type FundingScriptReturn = ReturnType<typeof useFundingScript>;\n\nexport function useFundingScript() {\n const [activeTab, setActiveTab] = useState<FundingTabName>(\n FundingTabName.Overview,\n );\n\n return {\n activeTab,\n onTabChange: setActiveTab,\n };\n}\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const Funding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Box\n intensity={900}\n p={6}\n mt={4}\n r=\"2xl\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <FundingOverviewWidget />\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <FundingComparisonWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/pages/home/marketsHeader/marketsHeader.ui.tsx","../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/marketsHeader/marketsHeader.script.tsx","../src/utils.ts","../src/pages/home/marketsHeader/marketsHeader.widget.tsx","../src/pages/home/marketsHeader/marketsHeader.mobile.ui.tsx","../src/pages/home/marketsDataList/marketsDataList.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.mobile.ui.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/components/collapseMarkets/index.tsx","../src/components/sideMarkets/column.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.widget.tsx","../src/components/marketsList/marketsList.script.ts","../src/type.ts","../src/components/marketsList/marketsList.widget.tsx","../src/components/searchInput.tsx/index.tsx","../src/components/shared/column.tsx","../src/components/shared/hooks/useFavoritesExtraProps.tsx","../src/components/favoritesTabs/favoritesTabs.ui.tsx","../src/components/favoritesTabs/favoritesTabs.script.ts","../src/components/favoritesTabs/favoritesTabs.widget.tsx","../src/pages/home/marketsDataList/marketsDataList.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/pages/home/marketsDataList/marketsDataList.ui.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/marketsListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/favoritesListFull.widget.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/marketsListFull.widget.tsx","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/components/expandMarkets/expandMarkets.script.ts","../src/constant.ts","../src/components/expandMarkets/expandMarkets.widget.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/fundingOverview.widget.tsx","../src/components/fundingOverview/fundingOverview.mobile.ui.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/fundingComparison.widget.tsx","../src/components/fundingComparison/fundingComparison.mobile.ui.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/sideMarkets.widget.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/dropDownMarkets.widget.tsx","../src/components/marketsSheet/marketsSheet.ui.tsx","../src/components/marketsSheet/column.tsx","../src/components/marketsSheet/marketsSheet.script.ts","../src/components/marketsSheet/marketsSheet.widget.tsx","../src/components/symbolInfoBar/symbolInfoBar.ui.tsx","../src/components/symbolInfoBar/symbolInfoBar.script.ts","../src/components/symbolInfoBar/symbolInfoBar.widget.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.script.ts","../src/components/symbolInfoBarFull/symbolInfoBarFull.widget.tsx","../src/deprecated/newListingList/newListingList.ui.tsx","../src/deprecated/newListingList/newListingList.script.ts","../src/deprecated/newListingList/widget.tsx","../src/deprecated/favoritesList/favoritesList.ui.tsx","../src/deprecated/favoritesList/favoritesList.script.ts","../src/deprecated/favoritesList/widget.tsx","../src/deprecated/recentList/recentList.ui.tsx","../src/deprecated/recentList/recentList.script.ts","../src/deprecated/recentList/widget.tsx","../src/pages/home/page.tsx","../src/pages/home/funding/funding.widget.tsx","../src/pages/home/funding/funding.mobile.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/funding.ui.tsx"],"names":["useMemo","useTranslation","Box","cn","Flex","Text","Decimal","createContext","useState","useContext","useCallback","jsx","MarketsContext","MarketsProvider","props","searchValue","setSearchValue","clearSearchValue","useMarketsContext","jsxs","EditIcon","TrashIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon","ActiveAddIcon","ExpandIcon","CollapseIcon","TriangleDownIcon","ArrowLeftIcon","MarketsHeader","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","onSymbolChange","t","cls","onSymbol","item","BlockList","CardItem","ScrollIndicator","list","index","BlockItem","ListItem","scrollPrev","scrollNext","useEffect","useEmblaCarousel","useMarkets","useQuery","MarketsType","sortList","sort","sortKey","sortOrder","sortedList","isEmpty","value","a","b","val1","val2","useSort","initialSort","onSortChange","setSort","onSort","options","nextSort","getSortedList","searchBySymbol","formatString","reg","searchValueLower","exactMatches","startsWithMatches","otherMatches","formattedSymbol","formatSymbol","symbolLower","compareSymbols","symbolA","symbolB","symbol","arr","type","base","quote","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","useScreen","TabPanel","Tabs","Fragment","MobileMarketsHeader","activeTab","setActiveTab","MarketsHeaderWidget","state","isMobile","DataTable","TokenIcon","Tooltip","Badge","CollapseMarkets","content","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","Input","CloseCircleFillIcon","FavoritesDropdownMenu","favoriteTabs","open","onOpenChange","inputVisible","selectedTabs","onValueChange","hide","hideInput","showInput","onCheck","addTab","confirm","overLen","renderInput","overTabs","header","checked","tab","footer","e","useFavoritesDropdownMenuScript","favorites","updateFavoriteTabs","updateSymbolFavoriteState","setOpen","setInputVisible","setValue","setSelectedTabs","clearState","newTab","find","FavoritesDropdownMenuWidget","useSideMarketsColumns","isFavoriteList","record","favoritesIcon","onDelSymbol","iconCls","actions","MarketsList","loading","dataSource","getColumns","collapsed","isFavoritesList","renderHeader","sideColumns","columns","MarketsPageTab","MarketsTabName","FundingTabName","MarketsTypeMap","useMarketsListScript","setLoading","selectedFavoriteTab","filterList","searchResults","MarketsListWidget","SearchInput","classNames","suffix","onSearchValueChange","i18n","getSymbolColumn","getLastColumn","get24hPercentageColumn","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","updateSelectedFavoriteTab","addIconWidth","tabHeight","gradientColor","onDel","onKeyUp","renderActions","renderAdd","icon","isActive","renderContent","textProps","useRef","useFavoritesTabScript","updateFavorites","setEditing","setScrollable","scrollView","setInputWidth","updateScrollLayout","scrollWidth","clientWidth","scrollToRight","selectedTab","_favorites","tabs","rect","offset","FavoritesTabWidget","className","rest","useFavoritesProps","dataFilter","fav","getFavoritesProps","MobileMarketsDataList","onTabChange","tabSort","onTabSort","renderTab","useSessionStorage","useTabSort","setTabSort","MOBILE_MARKETS_TAB_SORT_STORAGE_KEY","useMarketsDataListScript","Trans","useMarketsListFullColumns","button","FavoritesListFull","pagination","usePagination","useFavoritesListFullScript","pageSize","setPage","filterData","FavoritesListFullWidget","MarketsListFull","useMarketsListFullScript","searchList","sortStore","MarketsListFullWidget","MarketsDataList","MarketsDataListWidget","ExpandMarkets","SIDE_MARKETS_TAB_SORT_STORAGE_KEY","useExpandMarketsScript","ExpandMarketsWidget","Picker","Select","createFundingRenderer","dp","useFundingOverviewColumns","selectedPeriod","setSelectedPeriod","FundingPeriodSelect","FundingOverview","isLoading","useFundingRateHistory","useFundingRates","useFundingOverviewScript","marketData","fundingHistory","isHistoryLoading","getPositiveRates","fundingRates","processedData","posRates","acc","period","history","h","fundingRate","fundingInterval","getFundingInterval","filteredData","next_funding_time","last_funding_rate_timestamp","diff","MobileFundingOverview","FundingOverviewWidget","useMarketsStream","getOpenInterest","open_interest","index_price","baseEX","exchanges","useFundingComparisonScript","futures","row","target","result","exchangeName","rate","wooFiRate","otherRate","exchange","CDN_PREFIX","useFundingColumns","FundingComparison","MobileFundingComparison","FundingComparisonWidget","SideMarkets","collapsable","onCollapse","SideMarketsHeader","useLocalStorage","SIDE_MARKETS_SEL_TAB_KEY","useSideMarketsScript","setCollapsed","SideMarketsWidget","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","search","DROPDOWN_MARKETS_SEL_TAB_KEY","DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY","useDropDownMarketsScript","DropDownMarketsWidget","getMarketsSheetColumns","MarketsSheet","MARKETS_SHEET_SEL_TAB_KEY","useMarketsSheetScript","MarketsSheetWidget","SymbolInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useSymbolInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","SymbolInfoBarWidget","useFundingRate","SymbolInfoBarFull","isFavorite","quotoDp","openInterest","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","favoriteIcon","price","change","DataItem","FundingRate","visible","leading","tailing","onClick","useMarketsStore","useSymbolInfoBarFullScript","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","SymbolInfoBarFullWidget","NewListingList","useNewListingListScript","NewListingListWidget","FavoritesList","useFavoritesListScript","FavoritesListWidget","RecentList","useRecentListScript","RecentListWidget","MobileFunding","useFundingScript","Funding","FundingWidget","MarketsHomePage","MarketsMobileContent","MarketsDesktopContent"],"mappings":"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","sourcesContent":["import { FC, ReactNode, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\n/** -----------MarketsHeader start ------------ */\ntype MarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\nexport const MarketsHeader: FC<MarketsHeaderProps> = (props) => {\n const {\n emblaRef,\n emblaApi,\n scrollIndex,\n enableScroll,\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]\",\n enableScroll && \"oui-cursor-pointer oui-select-none\",\n );\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n ref={enableScroll ? emblaRef : undefined}\n >\n <Flex width=\"100%\" gapX={4}>\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n className={cls}\n />\n <CardItem\n data={news}\n title={\n <Text.gradient color=\"brand\">\n {t(\"markets.newListings\")}\n </Text.gradient>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={gainers}\n title={\n <Text className=\"oui-text-success-light\">\n {t(\"markets.topGainers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n <CardItem\n data={losers}\n title={\n <Text className=\"oui-text-danger-light\">\n {t(\"markets.topLosers\")}\n </Text>\n }\n className={cls}\n onSymbol={onSymbol}\n />\n </Flex>\n <div className=\"oui-mb-3 oui-mt-1 3xl:oui-mb-0 3xl:oui-mt-4\">\n <ScrollIndicator\n scrollIndex={scrollIndex}\n scrollPrev={emblaApi?.scrollPrev}\n scrollNext={emblaApi?.scrollNext}\n />\n </div>\n </div>\n );\n};\n/** -----------MarketsHeader end ------------ */\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\n/** -----------MarketsHeader start ------------ */\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n return (\n <Flex\n direction=\"column\"\n justify=\"between\"\n width=\"100%\"\n height={236}\n className={props.className}\n >\n {list?.map((item, index) => <BlockItem key={index} {...item} />)}\n </Flex>\n );\n};\n/** -----------MarketsHeader start ------------ */\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box intensity={900} r=\"lg\" px={4} py={3} width=\"100%\">\n <Text as=\"div\" intensity={36} size=\"xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 0}\n rm={Decimal.ROUND_DOWN}\n rule={props.rule as any}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n title: ReactNode;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Box\n intensity={900}\n r=\"lg\"\n py={4}\n pb={2}\n height={236}\n className={props.className}\n >\n <Box px={4}>\n <Text.gradient color=\"brand\" size=\"sm\" weight=\"semibold\">\n {props.title}\n </Text.gradient>\n </Box>\n\n <Flex direction=\"column\" itemAlign=\"start\" mt={2}>\n {props.data?.map((item, index) => (\n <ListItem key={item.symbol} item={item} onSymbol={props.onSymbol} />\n ))}\n </Flex>\n </Box>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n {/* <TokenIcon symbol={item.symbol} size=\"xs\" /> */}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n\ninterface ScrollIndicatorProps {\n scrollIndex: number;\n scrollPrev?: () => void;\n scrollNext?: () => void;\n}\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { scrollIndex, scrollPrev, scrollNext } = props;\n\n return (\n <Flex gapX={1} justify=\"center\" className=\"3xl:oui-hidden\">\n {[0, 1].map((item) => {\n return (\n <Box\n key={item}\n py={1}\n pl={item === 0 ? 1 : 0}\n pr={item === 1 ? 1 : 0}\n onClick={() => {\n if (scrollIndex === 0 && item === 1) {\n scrollNext?.();\n } else if (scrollIndex === 1 && item === 0) {\n scrollPrev?.();\n }\n }}\n className=\"oui-cursor-pointer\"\n >\n <Box\n key={item}\n width={8}\n height={4}\n r=\"full\"\n className={cn(\n \"oui-transition-all oui-duration-300\",\n scrollIndex === item\n ? \"oui-w-4 oui-bg-base-contrast-36\"\n : \"oui-bg-base-contrast-20\",\n )}\n />\n </Box>\n );\n })}\n </Flex>\n );\n};\n\nexport default ScrollIndicator;\n","import {\n FC,\n createContext,\n PropsWithChildren,\n useState,\n useContext,\n useCallback,\n} from \"react\";\nimport { API } from \"@orderly.network/types\";\n\ntype MarketsContextState = {\n symbol?: string;\n searchValue?: string;\n onSearchValueChange?: (searchValue: string) => void;\n clearSearchValue?: () => void;\n} & MarketsProviderProps;\n\nexport const MarketsContext = createContext({} as MarketsContextState);\n\nexport type MarketsProviderProps = {\n symbol?: string;\n onSymbolChange?: (symbol: API.Symbol) => void;\n};\n\nexport const MarketsProvider: FC<PropsWithChildren<MarketsProviderProps>> = (\n props,\n) => {\n const [searchValue, setSearchValue] = useState(\"\");\n\n const clearSearchValue = useCallback(() => {\n setSearchValue(\"\");\n }, []);\n\n return (\n <MarketsContext.Provider\n value={{\n searchValue,\n onSearchValueChange: setSearchValue,\n clearSearchValue,\n symbol: props.symbol,\n onSymbolChange: props.onSymbolChange,\n }}\n >\n {props.children}\n </MarketsContext.Provider>\n );\n};\n\nexport function useMarketsContext() {\n return useContext(MarketsContext);\n}\n","import React, { FC, PropsWithChildren, SVGProps } from \"react\";\n\nexport const EditIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M3.333 12.667h.95L10.8 6.15l-.95-.95-6.517 6.517zM2.667 14a.65.65 0 0 1-.475-.192.65.65 0 0 1-.192-.475v-1.616a1.32 1.32 0 0 1 .383-.934l8.417-8.4q.2-.183.442-.283.24-.1.508-.1.267 0 .517.1.249.1.433.3l.917.933q.2.184.291.434a1.44 1.44 0 0 1 0 1.008 1.25 1.25 0 0 1-.291.442l-8.4 8.4a1.32 1.32 0 0 1-.933.383zm7.65-8.317L9.85 5.2l.95.95z\" />\n </g>\n </svg>\n);\n\nexport const TrashIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M7.205 1.334c-.345 0-.674.136-.918.38L6.001 2H2.667a.667.667 0 1 0 0 1.334h10.667a.667.667 0 1 0 0-1.334h-3.333l-.287-.286a1.3 1.3 0 0 0-.918-.38zM2.911 4.667l1.018 8.842c.088.66.656 1.158 1.322 1.158h5.498c.666 0 1.235-.497 1.323-1.163l1.019-8.837z\" />\n </svg>\n);\n\nexport const AllMarketsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"12\"\n height=\"12\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h12v12H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M8.5 10a.48.48 0 0 1-.356-.144A.48.48 0 0 1 8 9.5V7q0-.213.144-.356A.48.48 0 0 1 8.5 6.5h1q.212 0 .356.144A.48.48 0 0 1 10 7v2.5q0 .212-.144.356A.48.48 0 0 1 9.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 5 9.5v-7q0-.212.144-.356A.48.48 0 0 1 5.5 2h1q.213 0 .356.144A.48.48 0 0 1 7 2.5v7q0 .212-.144.356A.48.48 0 0 1 6.5 10zm-3 0a.48.48 0 0 1-.356-.144A.48.48 0 0 1 2 9.5V5q0-.213.144-.356A.48.48 0 0 1 2.5 4.5h1q.212 0 .356.144A.48.48 0 0 1 4 5v4.5q0 .212-.144.356A.48.48 0 0 1 3.5 10z\" />\n </g>\n </svg>\n);\n\nexport const NewListingsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M5.993.958a.416.416 0 0 0-.41.422v.416a.416.416 0 1 0 .832 0V1.38a.416.416 0 0 0-.422-.422M2.749 2.29a.416.416 0 0 0-.29.714l.291.292a.416.416 0 1 0 .589-.588l-.292-.292a.42.42 0 0 0-.298-.126m6.489 0a.42.42 0 0 0-.286.126l-.292.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m-3.239.753a2.895 2.895 0 0 0-2.913 2.914A2.86 2.86 0 0 0 4.751 8.58v1.123c0 .458.374.833.832.833h.832a.835.835 0 0 0 .833-.833V8.58a2.86 2.86 0 0 0 1.665-2.622 2.895 2.895 0 0 0-2.914-2.914M1.421 5.541a.416.416 0 1 0 0 .833h.417a.416.416 0 1 0 0-.833zm8.74 0a.416.416 0 1 0 0 .833h.416a.417.417 0 1 0 0-.833zM3.037 8.492a.42.42 0 0 0-.287.126l-.291.292a.416.416 0 1 0 .588.588l.292-.292a.416.416 0 0 0-.302-.714m5.913 0a.416.416 0 0 0-.29.714l.292.292a.416.416 0 1 0 .588-.588l-.292-.292a.42.42 0 0 0-.298-.126\" />\n </svg>\n);\n\nexport const FavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"m10 14.074-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z\" />\n </g>\n </svg>\n);\n\nexport const UnFavoritesIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"20\"\n height=\"21\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 .5h20v20H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M7.333 14.396 10 12.813l2.688 1.583-.709-3 2.313-1.98-3.063-.27L10 6.292 8.77 9.146l-3.062.27 2.334 1.98zM10 14.074l-3.2 1.913a.6.6 0 0 1-.332.068.6.6 0 0 1-.277-.101.5.5 0 0 1-.186-.256.5.5 0 0 1-.005-.336l.84-3.556-2.82-2.394a.5.5 0 0 1-.174-.281.6.6 0 0 1 .013-.315.5.5 0 0 1 .173-.252.55.55 0 0 1 .305-.112l3.693-.33 1.467-3.393a.57.57 0 0 1 .211-.255A.54.54 0 0 1 10 4.39q.16 0 .292.083.131.082.211.255l1.467 3.414 3.693.309q.178.014.305.123.126.11.173.262t.002.304a.56.56 0 0 1-.183.27l-2.8 2.395.84 3.556a.5.5 0 0 1-.005.336.5.5 0 0 1-.186.256.6.6 0 0 1-.277.101.6.6 0 0 1-.332-.068z\" />\n </g>\n </svg>\n);\n\nexport const CirclePlusIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"18\"\n height=\"18\"\n >\n <path fill=\"#D9D9D9\" d=\"M0 0h18v18H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M8.325 12.6h1.35V9.675H12.6v-1.35H9.675V5.4h-1.35v2.925H5.4v1.35h2.925zm.68 3.6a7 7 0 0 1-2.799-.562A7.3 7.3 0 0 1 3.91 14.09a7.3 7.3 0 0 1-1.546-2.296A7 7 0 0 1 1.8 8.99q0-1.49.563-2.794a7.26 7.26 0 0 1 3.843-3.834A7 7 0 0 1 9.009 1.8q1.49 0 2.794.562 1.303.563 2.288 1.547a7.3 7.3 0 0 1 1.547 2.292q.561 1.308.562 2.794a7 7 0 0 1-.562 2.799 7.3 7.3 0 0 1-1.547 2.297 7.3 7.3 0 0 1-2.292 1.547 7 7 0 0 1-2.794.562M9 14.85q2.437 0 4.144-1.706Q14.85 11.437 14.85 9t-1.706-4.144Q11.437 3.15 9 3.15T4.856 4.856 3.15 9t1.706 4.144Q6.563 14.85 9 14.85\" />\n </g>\n </svg>\n);\n\nexport const SearchIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M5.841 1.14a4.667 4.667 0 0 0 0 9.333 4.74 4.74 0 0 0 2.875-.975l2.54 2.56a.6.6 0 0 0 .838 0 .6.6 0 0 0 0-.838L9.537 8.677a4.72 4.72 0 0 0 .971-2.871 4.667 4.667 0 0 0-4.667-4.667m0 1.166a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7\" />\n </svg>\n);\n\nexport const MoveToTopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"20\"\n height=\"21\"\n viewBox=\"0 0 20 21\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M10 5.5a.76.76 0 0 0-.583.25l-4.334 4c0 .083-.083.25-.083.333 0 .25.167.417.417.417h2.916v6.667c0 .416.334.833.834.833h1.666c.5 0 .834-.417.834-.833V10.5h2.916c.25 0 .417-.167.417-.417 0-.083-.083-.25-.083-.333l-4.25-4.084c-.25-.083-.417-.166-.667-.166M2.177 3.06A.8.8 0 0 1 2.5 3h15a.834.834 0 1 1 0 1.667h-15a.833.833 0 0 1-.323-1.607\" />\n </svg>\n);\n\nexport const OrderlyIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.015.34h-.029a5.98 5.98 0 0 0-3.93 1.477c-.074.065-.027.184.072.184h7.745c.099 0 .146-.119.072-.184A5.98 5.98 0 0 0 6.015.341M3.48 7.866a.23.23 0 0 1 .187.1A2.85 2.85 0 0 0 6 9.178a2.85 2.85 0 0 0 2.334-1.213.23.23 0 0 1 .186-.1h3.104c.09 0 .155.086.13.172A6 6 0 0 1 6 12.327a6 6 0 0 1-5.755-4.29.134.134 0 0 1 .13-.172zM8.26 4.6a.29.29 0 0 0 .229.116h3.11c.09 0 .156-.086.13-.173a6 6 0 0 0-1.106-2.03.22.22 0 0 0-.165-.077H1.543a.22.22 0 0 0-.165.077 6 6 0 0 0-1.105 2.03.134.134 0 0 0 .13.173h3.11A.29.29 0 0 0 3.74 4.6 2.85 2.85 0 0 1 6 3.488c.92 0 1.738.436 2.26 1.112m.414 2.717c-.02.055.02.115.079.115h3.033a.135.135 0 0 0 .133-.112 6 6 0 0 0-.015-2.058.135.135 0 0 0-.133-.11H8.72c-.06 0-.1.061-.078.117a2.83 2.83 0 0 1 .032 2.048m-5.427.115c.06 0 .1-.06.079-.115a2.84 2.84 0 0 1 .032-2.048.085.085 0 0 0-.078-.118H.23a.135.135 0 0 0-.134.11A6 6 0 0 0 .08 7.32c.01.065.067.112.133.112z\"\n />\n </svg>\n);\n\nexport const FavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531\" />\n </svg>\n);\n\nexport const UnFavoritesIcon2: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.012 1.72c-.286 0-.577.178-.75.532L4.2 4.438l-2.42.344c-.78.108-1.03.872-.47 1.42l1.75 1.703-.407 2.39c-.133.773.508 1.24 1.203.874.268-.142 1.648-.857 2.155-1.124l2.155 1.124c.695.367 1.339-.1 1.202-.874l-.421-2.39 1.749-1.702c.565-.547.326-1.31-.453-1.421l-2.436-.344L6.76 2.252c-.172-.354-.464-.531-.75-.531m0 1.297 1.03 2.108c.073.15.211.242.375.266l2.343.343-1.702 1.64a.48.48 0 0 0-.14.437l.405 2.312L6.246 9.03a.5.5 0 0 0-.468 0L3.7 10.123l.39-2.296a.52.52 0 0 0-.14-.453l-1.687-1.64 2.327-.328a.52.52 0 0 0 .39-.28z\" />\n </svg>\n);\n\nexport const TopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M2.01 2.915a.667.667 0 1 0 0 1.334h12a.667.667 0 0 0 0-1.334zM7.343 13.59a.667.667 0 0 0 1.333 0V7.88l2 1.98.937-.938L8.49 5.777a.686.686 0 0 0-.959 0L4.405 8.923l.938.937 2-1.979z\" />\n </svg>\n);\n\nexport const DeleteIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M4.67 2.203A2.667 2.667 0 0 0 2.005 4.87v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.87a2.667 2.667 0 0 0-2.667-2.667zm1.334 3.334c.17 0 .349.057.48.187l1.52 1.52 1.52-1.52a.68.68 0 0 1 .48-.187c.17 0 .349.057.48.187.26.26.26.698 0 .959l-1.521 1.52 1.52 1.52c.26.262.26.699 0 .96a.687.687 0 0 1-.958 0L8.004 9.162l-1.52 1.52a.687.687 0 0 1-.96 0 .687.687 0 0 1 0-.958l1.521-1.52-1.52-1.521a.687.687 0 0 1 0-.96.68.68 0 0 1 .479-.186\" />\n </svg>\n);\n\nexport const AddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <mask\n id=\"a\"\n style={{ maskType: \"alpha\" }}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M0 0h16v16H0z\" />\n </mask>\n <g mask=\"url(#a)\">\n <path d=\"M7.333 8.667h-4V7.333h4v-4h1.333v4h4v1.334h-4v4H7.333z\" />\n </g>\n </svg>\n);\n\nexport const ActiveAddIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n d=\"M5.99536 1.46487C5.71936 1.46487 5.49536 1.68887 5.49536 1.96487V5.46487H1.99536C1.71936 5.46487 1.49536 5.68887 1.49536 5.96487C1.49536 6.24087 1.71936 6.46487 1.99536 6.46487H5.49536V9.96487C5.49536 10.2409 5.71936 10.4649 5.99536 10.4649C6.27136 10.4649 6.49536 10.2409 6.49536 9.96487V6.46487H9.99536C10.2714 6.46487 10.4954 6.24087 10.4954 5.96487C10.4954 5.68887 10.2714 5.46487 9.99536 5.46487H6.49536V1.96487C6.49536 1.68887 6.27136 1.46487 5.99536 1.46487Z\"\n fill=\"url(#paint0_linear_1951_55156)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_1951_55156\"\n x1=\"10.4954\"\n y1=\"5.96487\"\n x2=\"1.49536\"\n y2=\"5.96487\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n\nexport const ExpandIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z\" />\n </svg>\n);\n\nexport const CollapseIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z\" />\n </svg>\n);\n\nexport const TriangleDownIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M3.003 3.998a.494.494 0 0 0-.39.797l3 4c.2.266.597.266.797 0l3-4a.5.5 0 0 0-.407-.797z\" />\n </svg>\n);\n\nexport const ArrowLeftIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M9.186 3.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L7.463 7.993 9.87 4.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083\" />\n </svg>\n);\n\nexport const ArrowRightIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M6.777 3.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L8.5 7.993l-2.408 3.625a.685.685 0 0 0 .187.938.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271\" />\n </svg>\n);\n\nconst BaseSortIcon = (props: PropsWithChildren) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n fill=\"none\"\n >\n {props.children}\n </svg>\n );\n};\n\nexport const SortingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042m0 7.916a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const AscendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </BaseSortIcon>\n );\n};\n\nexport const DescendingIcon = () => {\n return (\n <BaseSortIcon>\n <path\n d=\"M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n <path\n d=\"M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </BaseSortIcon>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { useMarkets, useQuery, MarketsType } from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { sortList, useSize } from \"../../../utils\";\n\n// export type EmblaCarouselType = Exclude<UseEmblaCarouselType[1], undefined>;\n// export type TEmblaApi = Pick<EmblaCarouselType, \"scrollPrev\" | \"scrollNext\">;\n// use UseEmblaCarouselType will bring type error\nexport type TEmblaApi = {\n scrollPrev: (jump?: boolean) => void;\n scrollNext: (jump?: boolean) => void;\n};\n\nexport type MarketsHeaderReturns = ReturnType<typeof useMarketsHeaderScript>;\n\nexport const useMarketsHeaderScript = () => {\n const [scrollIndex, setScrollIndex] = useState(0);\n const data = useDataSource();\n\n const { width } = useSize();\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop: true,\n // duration: 25,\n slidesToScroll: \"auto\",\n });\n\n useEffect(() => {\n emblaApi?.on(\"select\", () => {\n setScrollIndex(emblaApi?.selectedScrollSnap());\n });\n }, [emblaApi]);\n\n return {\n scrollIndex,\n setScrollIndex,\n emblaRef,\n emblaApi: emblaApi as TEmblaApi,\n enableScroll: width < 1440,\n ...data,\n };\n};\n\nexport function useDataSource() {\n const [markets, favorite] = useMarkets(MarketsType.ALL);\n const { data: balance } = useQuery(\"/v1/public/balance/stats\");\n\n const news = useMemo(\n () =>\n sortList(markets, { sortKey: \"created_time\", sortOrder: \"desc\" }).slice(\n 0,\n 5,\n ),\n [markets],\n );\n\n const gainers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"desc\" }).slice(0, 5),\n [markets],\n );\n\n const losers = useMemo(\n () =>\n sortList(markets, { sortKey: \"change\", sortOrder: \"asc\" }).slice(0, 5),\n [markets],\n );\n\n const total24Amount = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"24h_amount\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const totalOpenInterest = useMemo(\n () =>\n markets?.reduce((prevValue: Decimal, curValue: any) => {\n return prevValue.add(curValue[\"openInterest\"] || 0);\n }, new Decimal(0)) || new Decimal(0),\n [markets],\n );\n\n const tvl = useMemo(() => {\n if (!balance) return 0;\n\n const { total_holding = 0 } = balance as any;\n return new Decimal(total_holding).toNumber();\n }, [balance]);\n\n return {\n markets,\n news,\n gainers,\n losers,\n total24Amount: total24Amount.toNumber(),\n totalOpenInterest: totalOpenInterest.toNumber(),\n tvl,\n favorite,\n };\n}\n","import { useCallback, useEffect, useState } from \"react\";\nimport { TableSort } from \"@orderly.network/ui\";\nimport { SortType } from \"./type\";\n\n/** 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 const isEmpty = (value: any) => value === undefined || value === null;\n\n if (sortKey && sortOrder) {\n // sort list\n sortedList.sort((a: any, b: any) => {\n const val1 = a[sortKey];\n const val2 = b[sortKey];\n\n if (isEmpty(val1)) return 1;\n if (isEmpty(val2)) return -1;\n\n if (sortOrder === \"desc\") {\n return val2 - val1;\n }\n\n return val1 - val2;\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\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 const reg = new RegExp(searchValue, \"i\");\n const searchValueLower = searchValue.toLowerCase();\n\n // Split results into three groups: exact matches, starts with search and other matches\n const exactMatches: T[] = [];\n const startsWithMatches: T[] = [];\n const otherMatches: T[] = [];\n\n list?.forEach((item) => {\n const formattedSymbol = formatSymbol(item.symbol, formatString);\n const symbolLower = formattedSymbol.toLowerCase();\n if (reg.test(formattedSymbol)) {\n if (symbolLower === searchValueLower) {\n exactMatches.push(item);\n } else if (symbolLower.startsWith(searchValueLower)) {\n startsWithMatches.push(item);\n } else {\n otherMatches.push(item);\n }\n }\n });\n\n const compareSymbols = (a: T, b: T) => {\n const symbolA = formatSymbol(a.symbol, formatString);\n const symbolB = formatSymbol(b.symbol, formatString);\n if (symbolA < symbolB) return -1;\n if (symbolA > symbolB) return 1;\n return 0;\n };\n\n // Sort each group alphabetically\n startsWithMatches.sort(compareSymbols);\n otherMatches.sort(compareSymbols);\n\n // Combine results with prioritized matches first\n return [...exactMatches, ...startsWithMatches, ...otherMatches];\n}\n\nfunction formatSymbol(symbol: string, formatString: string = \"base\") {\n if (!symbol) {\n return \"\";\n }\n const arr = symbol.split(\"_\");\n const type = arr[0];\n const base = arr[1];\n const quote = arr[2];\n\n return formatString\n .replace(\"type\", type)\n .replace(\"base\", base)\n .replace(\"quote\", quote);\n}\n\nexport function useSize() {\n const [width, setWidth] = useState<number>(0);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n\n const handleResize = () => {\n setHeight(window.innerHeight);\n setWidth(window.innerWidth);\n };\n\n window?.addEventListener(\"resize\", handleResize);\n\n return () => {\n window?.removeEventListener(\"resize\", handleResize);\n };\n }, []);\n\n return {\n width,\n height,\n };\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsHeader } from \"./marketsHeader.mobile.ui\";\nimport { useMarketsHeaderScript } from \"./marketsHeader.script\";\nimport { MarketsHeader } from \"./marketsHeader.ui\";\n\ntype MarketsHeaderWidgetProps = {\n className?: string;\n};\n\nexport const MarketsHeaderWidget: FC<MarketsHeaderWidgetProps> = (props) => {\n const state = useMarketsHeaderScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileMarketsHeader className={props.className} {...state} />\n ) : (\n <MarketsHeader className={props.className} {...state} />\n );\n};\n","import { FC, ReactNode, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { OrderlyIcon } from \"../../../icons\";\nimport { MarketsHeaderReturns } from \"./marketsHeader.script\";\n\ntype MobileMarketsHeaderProps = MarketsHeaderReturns & {\n className?: string;\n};\n\nexport const MobileMarketsHeader: FC<MobileMarketsHeaderProps> = (props) => {\n const {\n news,\n gainers,\n losers,\n total24Amount,\n totalOpenInterest,\n tvl,\n favorite,\n } = props;\n const [activeTab, setActiveTab] = useState(\"newListings\");\n const { onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n\n const onSymbol = (item: any) => {\n onSymbolChange?.(item);\n favorite.addToHistory(item);\n };\n\n return (\n <div\n id=\"oui-markets-header\"\n className={cn(\"oui-overflow-hidden\", props.className)}\n >\n <BlockList\n total24Amount={total24Amount}\n totalOpenInterest={totalOpenInterest}\n tvl={tvl}\n />\n\n <Box intensity={900} r=\"xl\" p={3} mt={3}>\n <Tabs size=\"md\" value={activeTab} onValueChange={setActiveTab}>\n <TabPanel\n title={t(\"markets.newListings\")}\n value=\"newListings\"\n testid=\"oui-testid-markets-tab\"\n >\n <CardItem data={news} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topGainers\")}\n value=\"topGainers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={gainers} onSymbol={onSymbol} />\n </TabPanel>\n <TabPanel\n title={t(\"markets.topLosers\")}\n value=\"topLosers\"\n testid=\"oui-testid-funding-tab\"\n >\n <CardItem data={losers} onSymbol={onSymbol} />\n </TabPanel>\n </Tabs>\n </Box>\n </div>\n );\n};\n\ntype BlockListProps = {\n className?: string;\n total24Amount?: number;\n totalOpenInterest?: number;\n tvl?: number;\n};\n\nconst BlockList: React.FC<BlockListProps> = (props) => {\n const { total24Amount, totalOpenInterest, tvl } = props;\n const { t } = useTranslation();\n\n const list = useMemo(() => {\n return [\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n value: total24Amount,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n value: totalOpenInterest,\n },\n {\n label: (\n <Flex gapX={1}>\n <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n </Flex>\n ),\n value: tvl,\n },\n ];\n }, [total24Amount, totalOpenInterest, tvl]);\n\n return (\n <Flex\n intensity={900}\n r=\"xl\"\n width=\"100%\"\n py={3}\n className={props.className}\n >\n {list?.map((item, index) => (\n <>\n <BlockItem\n key={index}\n {...item}\n className={cn(\n index !== list.length - 1 && \"oui-border-r oui-border-line-6\",\n )}\n />\n </>\n ))}\n </Flex>\n );\n};\n\ntype BlockItemProps = {\n label: ReactNode;\n value?: number;\n rule?: string;\n dp?: number;\n className?: string;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n return (\n <Box px={3} width=\"100%\" className={props.className}>\n <Text as=\"div\" intensity={36} size=\"2xs\" weight=\"semibold\">\n {props.label}\n </Text>\n\n <Text.numeral\n size=\"base\"\n currency=\"$\"\n dp={props.dp || 2}\n rm={Decimal.ROUND_DOWN}\n rule={(props.rule as any) || \"human\"}\n >\n {props.value!}\n </Text.numeral>\n </Box>\n );\n};\n\ntype CardItemProps = {\n data?: TListItem[];\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n return (\n <Flex direction=\"column\" itemAlign=\"start\" mt={3}>\n {props.data?.map((item, index) => (\n <ListItem\n key={item.symbol}\n item={item}\n onSymbol={props.onSymbol}\n className=\"oui-px-0\"\n />\n ))}\n </Flex>\n );\n};\n\ntype TListItem = {\n symbol: string;\n price: string;\n change: number;\n precision: number;\n [x: string]: any;\n};\n\ntype ListItemProps = {\n item: TListItem;\n className?: string;\n onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n const { item } = props;\n\n return (\n <Flex\n width=\"100%\"\n gapX={3}\n py={2}\n px={4}\n className={cn(\"oui-cursor-pointer hover:oui-bg-base-8\", props.className)}\n onClick={() => {\n props.onSymbol(item);\n }}\n >\n <Flex width=\"100%\" gapX={1}>\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n currency=\"$\"\n size=\"xs\"\n weight=\"semibold\"\n dp={item.quote_dp}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n </Flex>\n\n <Flex width=\"100%\" justify=\"end\">\n <Text.numeral\n rule=\"percentages\"\n coloring\n size=\"xs\"\n weight=\"semibold\"\n showIdentifier\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileMarketsDataList } from \"./marketsDataList.mobile.ui\";\nimport { useMarketsDataListScript } from \"./marketsDataList.script\";\nimport { MarketsDataList } from \"./marketsDataList.ui\";\n\nexport const MarketsDataListWidget = () => {\n const { isMobile } = useScreen();\n\n const state = useMarketsDataListScript();\n\n return isMobile ? (\n <MobileMarketsDataList {...state} />\n ) : (\n <MarketsDataList {...state} />\n );\n};\n","import { useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Column, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { MarketsListWidget } from \"../../../components/marketsList\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../../../components/shared/column\";\nimport { useFavoritesProps } from \"../../../components/shared/hooks/useFavoritesExtraProps\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MobileMarketsDataListProps = UseMarketsDataListScript;\n\nexport const MobileMarketsDataList: React.FC<MobileMarketsDataListProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n const { t } = useTranslation();\n\n const getColumns = useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n ] as Column[];\n },\n [],\n );\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <>\n <SearchInput\n classNames={{\n root: cn(\n \"oui-mx-3 oui-mb-4 oui-mt-5\",\n activeTab !== MarketsTabName.Favorites && \"oui-mb-2\",\n ),\n }}\n />\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n getColumns={getColumns}\n rowClassName=\"!oui-h-[34px]\"\n {...getFavoritesProps(type)}\n />\n </>\n );\n };\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} py={3} mt={2} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n scrollIndicator: \"oui-mx-3\",\n }}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n >\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { type MarketsListScriiptReturn } from \"./marketsList.script\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListProps = MarketsListScriiptReturn &\n Pick<\n MarketsListWidgetProps,\n | \"getColumns\"\n | \"collapsed\"\n | \"tableClassNames\"\n | \"rowClassName\"\n | \"initialSort\"\n | \"renderHeader\"\n >;\n\nexport const MarketsList: FC<MarketsListProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n getColumns,\n collapsed,\n isFavoritesList,\n renderHeader,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, isFavoritesList);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, isFavoritesList)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n {renderHeader?.(favorite)}\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={\n initialSort\n ? {\n sortKey: initialSort.sortKey,\n sort: initialSort.sortOrder,\n }\n : undefined\n }\n manualSorting\n />\n </>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { TokenIcon, Flex, Text, cn, Tooltip, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport type CollapseMarketsProps = {\n dataSource: any[];\n};\n\nexport const CollapseMarkets: React.FC<CollapseMarketsProps> = (props) => {\n const { symbol, onSymbolChange } = useMarketsContext();\n const { t } = useTranslation();\n return (\n <div className=\"oui-custom-scrollbar oui-h-full oui-overflow-y-auto\">\n <Flex direction=\"column\" px={2} gapY={1}>\n {props.dataSource?.map((item) => {\n const content = (\n <Flex intensity={800} p={2} className=\"oui-gap-x-7\" r=\"base\">\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {item.symbol}\n </Text.formatted>\n </Flex>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.last\")}\n </Text>\n <Text size=\"2xs\" intensity={36}>\n {t(\"markets.column.24hPercentage\")}\n </Text>\n </Flex>\n\n <Flex direction=\"column\" itemAlign=\"end\" gapY={1}>\n <Badge size=\"xs\" color=\"primary\">\n {item.leverage}x\n </Badge>\n <Text.numeral\n dp={item.quote_dp || 2}\n currency=\"$\"\n size=\"2xs\"\n intensity={80}\n >\n {item[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n\n return (\n <Tooltip\n side=\"right\"\n sideOffset={6}\n // @ts-ignore\n content={content}\n delayDuration={0}\n key={item.symbol}\n >\n <Flex\n direction=\"column\"\n justify=\"center\"\n itemAlign=\"center\"\n gapY={1}\n width={54}\n height={54}\n r=\"lg\"\n className={cn(\n \"oui-cursor-pointer\",\n \"hover:oui-bg-base-7\",\n symbol === item.symbol && \"oui-bg-base-6 hover:oui-bg-base-6\",\n )}\n onClick={() => {\n onSymbolChange?.(item);\n }}\n >\n <TokenIcon symbol={item.symbol} className=\"oui-size-[18px]\" />\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {item.change}\n </Text.numeral>\n </Flex>\n </Tooltip>\n );\n })}\n </Flex>\n </div>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useSideMarketsColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n return [\n {\n title: `${t(\"markets.column.market\")} / ${t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n size=\"2xs\"\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n Button,\n CheckedSquareFillIcon,\n CheckSquareEmptyIcon,\n PlusIcon,\n CloseIcon,\n Divider,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Flex,\n Input,\n Text,\n cn,\n CloseCircleFillIcon,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseFavoritesDropdownMenuScriptReturn } from \"./favoritesDropdownMenu.script\";\n\nexport type FavoritesDropdownMenuProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptReturn>;\n\nexport const FavoritesDropdownMenu: React.FC<FavoritesDropdownMenuProps> = (\n props,\n) => {\n const {\n symbol,\n favoriteTabs,\n open,\n onOpenChange,\n inputVisible,\n selectedTabs,\n value,\n onValueChange,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n } = props;\n\n const { t } = useTranslation();\n\n const overLen = value?.length > 15;\n\n const renderInput = () => {\n if (inputVisible) {\n return (\n <Box>\n <Flex gapX={2}>\n <Input\n autoFocus\n value={value}\n onValueChange={onValueChange}\n classNames={{\n root: cn(\n \"oui-ml-px oui-h-7 oui-w-full oui-rounded-sm oui-bg-base-6\",\n overLen &&\n \"focus-within:oui-outline-danger focus-visible:oui-outline-danger\",\n ),\n }}\n autoComplete=\"off\"\n suffix={\n value && (\n <Box mr={2}>\n <CloseCircleFillIcon\n opacity={1}\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-20\"\n onClick={() => {\n onValueChange(\"\");\n }}\n />\n </Box>\n )\n }\n />\n\n <Button\n className=\"oui-rounded-sm\"\n size=\"sm\"\n onClick={addTab}\n disabled={!value || overLen}\n >\n {t(\"common.add\")}\n </Button>\n </Flex>\n\n {overLen && (\n <Flex itemAlign=\"center\" gapX={1} mt={1}>\n <div className=\"oui-size-1 oui-rounded-full oui-bg-danger\"></div>\n <Text color=\"danger\">{t(\"markets.favorites.tabs.maxName\")}</Text>\n </Flex>\n )}\n </Box>\n );\n }\n\n const overTabs = favoriteTabs.length >= 10;\n\n return (\n <Tooltip\n open={overTabs ? undefined : false}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n {t(\"markets.favorites.tabs.maxList\")}\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n <div>\n <Flex\n className={cn(\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n )}\n itemAlign=\"center\"\n gapX={2}\n p={2}\n intensity={overTabs ? 500 : 600}\n onClick={overTabs ? undefined : showInput}\n height={28}\n r=\"base\"\n >\n <PlusIcon\n size={14}\n className=\"oui-text-base-contrast-36\"\n opacity={1}\n />\n <Text className=\"\" intensity={20}>\n {t(\"markets.favorites.dropdown.addPlaceholder\")}\n </Text>\n </Flex>\n </div>\n </Tooltip>\n );\n };\n\n const header = (\n <Flex justify=\"between\" className=\"oui-mb-[10px] oui-mt-3\">\n <Flex gapX={1}>\n {t(\"markets.favorites.dropdown.title\")}\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"base\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n </Flex>\n <CloseIcon\n size={16}\n className=\"oui-cursor-pointer oui-text-base-contrast\"\n onClick={hide}\n />\n </Flex>\n );\n\n const content = (\n // <ScrollArea className=\"custom-scrollbar\">\n <Box>\n <Box\n my={2}\n className=\"oui-custom-scrollbar oui-max-h-[288px] oui-overflow-y-auto\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item) => {\n const checked = !!selectedTabs.find((tab) => tab.id === item.id);\n return (\n <Box key={item.id} className=\"oui-cursor-pointer\">\n <Flex\n className=\"oui-gap-x-[6px] hover:oui-bg-base-6\"\n p={2}\n r=\"md\"\n onClick={() => {\n onCheck(item, checked);\n }}\n >\n {checked ? (\n <CheckedSquareFillIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n ) : (\n <CheckSquareEmptyIcon\n size={18}\n className=\"oui-text-base-contrast-80\"\n />\n )}\n\n <Text intensity={54}>{item.name}</Text>\n </Flex>\n </Box>\n );\n })}\n </Box>\n <Box mt={3} pb={5}>\n {renderInput()}\n </Box>\n </Box>\n // </ScrollArea>\n );\n\n const footer = (\n <Flex gapX={3} mt={3}>\n <Button\n key=\"secondary\"\n color=\"gray\"\n onClick={hide}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.cancel\")}\n </Button>\n\n <Button\n key=\"primary\"\n onClick={confirm}\n fullWidth\n className=\"oui-text-sm\"\n size=\"md\"\n >\n {t(\"common.confirm\")}\n </Button>\n </Flex>\n );\n\n return (\n <DropdownMenuRoot open={open} onOpenChange={onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-12}\n sideOffset={24}\n className=\"oui-markets-favorite-dropdown-menu-content oui-bg-base-8\"\n >\n <Box px={5} pb={5} width={360}>\n <Text as=\"div\" size=\"sm\" weight=\"semibold\">\n {header}\n <Divider />\n {content}\n {footer}\n </Text>\n </Box>\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesDropdownMenuScriptOptions = {\n row: any;\n favorite: FavoriteInstance;\n};\n\nexport type UseFavoritesDropdownMenuScriptReturn = ReturnType<\n typeof useFavoritesDropdownMenuScript\n>;\n\nexport function useFavoritesDropdownMenuScript(\n options: UseFavoritesDropdownMenuScriptOptions\n) {\n const { symbol } = options.row || {};\n const {\n favorites,\n favoriteTabs,\n updateFavoriteTabs,\n updateSymbolFavoriteState,\n } = options.favorite;\n const [open, setOpen] = useState(false);\n const [inputVisible, setInputVisible] = useState(false);\n const [value, setValue] = useState(\"\");\n const [selectedTabs, setSelectedTabs] = useState([] as FavoriteTab[]);\n\n const hide = () => {\n setOpen(false);\n };\n\n const showInput = () => {\n setInputVisible(true);\n };\n\n const hideInput = () => {\n setInputVisible(false);\n };\n\n const clearState = () => {\n setValue(\"\");\n hideInput();\n setSelectedTabs([]);\n };\n\n const addTab = () => {\n const newTab = {\n name: value || `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n clearState();\n };\n\n const onCheck = (item: FavoriteTab, checked: boolean) => {\n if (checked) {\n setSelectedTabs(selectedTabs?.filter((tab) => tab.id !== item.id));\n } else {\n setSelectedTabs([...selectedTabs, item]);\n }\n hideInput();\n };\n\n const confirm = () => {\n updateSymbolFavoriteState(options.row, selectedTabs, false);\n setOpen(false);\n };\n\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const find = favorites?.find((item) => item.name === symbol);\n if (find?.tabs?.length) {\n setSelectedTabs(find?.tabs);\n }\n }, [open, favorites, favoriteTabs, symbol]);\n\n useEffect(() => {\n if (!open) {\n clearState();\n }\n }, [open]);\n\n return {\n symbol,\n favoriteTabs,\n open,\n onOpenChange: setOpen,\n inputVisible,\n selectedTabs,\n value,\n onValueChange: setValue,\n hide,\n hideInput,\n showInput,\n onCheck,\n addTab,\n confirm,\n };\n}\n","import { PropsWithChildren } from \"react\";\nimport {\n useFavoritesDropdownMenuScript,\n UseFavoritesDropdownMenuScriptOptions,\n} from \"./favoritesDropdownMenu.script\";\nimport { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\n\nexport type FavoritesDropdownMenuWidgetProps =\n PropsWithChildren<UseFavoritesDropdownMenuScriptOptions>;\n\nexport const FavoritesDropdownMenuWidget: React.FC<\n FavoritesDropdownMenuWidgetProps\n> = (props) => {\n const state = useFavoritesDropdownMenuScript(props);\n return (\n <FavoritesDropdownMenu {...state}>{props.children}</FavoritesDropdownMenu>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { type MarketsListWidgetProps } from \"./marketsList.widget\";\n\nexport type MarketsListScriptOptions = MarketsListWidgetProps;\n\nexport type MarketsListScriiptReturn = ReturnType<typeof useMarketsListScript>;\n\nconst MarketsTypeMap = {\n [MarketsTabName.All]: MarketsType.ALL,\n [MarketsTabName.Favorites]: MarketsType.FAVORITES,\n [MarketsTabName.Recent]: MarketsType.RECENT,\n [MarketsTabName.NewListing]: MarketsType.NEW_LISTING,\n};\n\nexport const useMarketsListScript = (options: MarketsListScriptOptions) => {\n const [loading, setLoading] = useState(true);\n\n const [data, favorite] = useMarkets(\n MarketsTypeMap[options.type] || MarketsType.ALL,\n );\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort(\n options.initialSort,\n options.onSort,\n );\n\n const dataSource = useMemo(() => {\n const filterList =\n typeof options.dataFilter === \"function\"\n ? options.dataFilter(data, { favorites, selectedFavoriteTab })\n : data;\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [\n data,\n getSortedList,\n searchValue,\n options.dataFilter,\n favorites,\n selectedFavoriteTab,\n ]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n const isFavoritesList = options.type === MarketsTabName.Favorites;\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n isFavoritesList,\n };\n};\n","import { useMarkets } from \"@orderly.network/hooks\";\nimport { SortOrder, Column } from \"@orderly.network/ui\";\n\nexport type FavoriteInstance = ReturnType<typeof useMarkets>[1];\n\nexport type SortType = {\n sortKey: string;\n sortOrder: SortOrder;\n};\n\nexport type GetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList: boolean,\n) => Column[];\n\nexport enum MarketsPageTab {\n Markets = \"markets\",\n Funding = \"funding\",\n}\n\nexport enum MarketsTabName {\n Favorites = \"favorites\",\n Recent = \"recent\",\n All = \"all\",\n NewListing = \"newListing\",\n}\n\nexport enum FundingTabName {\n Overview = \"overview\",\n Comparison = \"comparison\",\n}\n","import { ReactNode } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { DataTableClassNames } from \"@orderly.network/ui\";\nimport {\n FavoriteInstance,\n GetColumns,\n SortType,\n MarketsTabName,\n} from \"../../type\";\nimport { useMarketsListScript } from \"./marketsList.script\";\nimport { MarketsList } from \"./marketsList.ui\";\n\nexport type MarketsListWidgetProps = {\n type: MarketsTabName;\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n initialSort?: SortType;\n onSort?: (sort?: SortType) => void;\n renderHeader?: (favorite: FavoriteInstance) => ReactNode;\n dataFilter?: (\n data: any[],\n options: { favorites: Favorite[]; selectedFavoriteTab: FavoriteTab },\n ) => any[];\n};\n\nexport const MarketsListWidget: React.FC<MarketsListWidgetProps> = (props) => {\n const state = useMarketsListScript(props);\n\n return (\n <MarketsList\n {...state}\n initialSort={props.initialSort}\n getColumns={props.getColumns}\n collapsed={props.collapsed}\n tableClassNames={props.tableClassNames}\n rowClassName={props.rowClassName}\n renderHeader={props.renderHeader}\n />\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseCircleFillIcon,\n cn,\n Input,\n InputProps,\n} from \"@orderly.network/ui\";\nimport { SearchIcon } from \"../../icons\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\ntype SearchInputProps = Pick<InputProps, \"classNames\" | \"suffix\">;\n\nexport const SearchInput = (props: SearchInputProps) => {\n const { classNames, suffix } = props;\n\n const { t } = useTranslation();\n\n const { searchValue, onSearchValueChange, clearSearchValue } =\n useMarketsContext();\n\n return (\n <Input\n value={searchValue}\n onValueChange={onSearchValueChange}\n placeholder={t(\"markets.search.placeholder\")}\n classNames={{\n ...classNames,\n // use mt-px to fix the top border issue\n root: cn(\"oui-mt-px oui-border oui-border-line\", classNames?.root),\n }}\n size=\"sm\"\n prefix={\n <Box pl={3} pr={1}>\n <SearchIcon className=\"oui-text-base-contrast-36\" />\n </Box>\n }\n suffix={\n suffix ||\n (searchValue && (\n <Box mr={2}>\n <CloseCircleFillIcon\n size={14}\n className=\"oui-cursor-pointer oui-text-base-contrast-36\"\n onClick={clearSearchValue}\n />\n </Box>\n ))\n }\n autoComplete=\"off\"\n />\n );\n};\n","import { ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Text, Column, Flex, TokenIcon, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { FavoritesIcon2, UnFavoritesIcon2 } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport function getSymbolColumn(\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) {\n return {\n title: i18n.t(\"common.symbol\"),\n dataIndex: \"symbol\",\n width: 150,\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n\n return (\n <Flex gapX={1}>\n {favoritesIcon}\n <TokenIcon symbol={value} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n );\n },\n } as Column<any>;\n}\n\nexport function getLastColumn() {\n return {\n title: i18n.t(\"markets.column.last\"),\n dataIndex: \"24h_close\",\n align: \"right\",\n onSort: true,\n width: 100,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n\nexport function get24hPercentageColumn() {\n return {\n title: i18n.t(\"markets.column.24hPercentage\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n width: 80,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n );\n },\n } as Column<any>;\n}\n","import { useCallback } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { Box } from \"@orderly.network/ui\";\nimport { FavoriteInstance, MarketsTabName } from \"../../../type\";\nimport { FavoritesTabWidget } from \"../../favoritesTabs\";\n\nexport function useFavoritesProps() {\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 return {\n renderHeader,\n dataFilter,\n getFavoritesProps,\n };\n}\n","import { KeyboardEventHandler } from \"react\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n cn,\n Flex,\n Text,\n Tooltip,\n Input,\n modal,\n} from \"@orderly.network/ui\";\nimport { AddIcon, ActiveAddIcon, EditIcon, TrashIcon } from \"../../icons\";\nimport {\n UseFavoritesTabScriptOptions,\n UseFavoritesTabScriptReturn,\n} from \"./favoritesTabs.script\";\n\nexport type FavoritesTabProps = UseFavoritesTabScriptReturn &\n Pick<UseFavoritesTabScriptOptions, \"size\"> & {\n className?: string;\n };\n\nexport const FavoritesTab: React.FC<FavoritesTabProps> = (props) => {\n const {\n open,\n setOpen,\n container,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange,\n updateCurTab,\n onEdit,\n addTab,\n delTab,\n size = \"default\",\n scrollable,\n } = props;\n\n const { t } = useTranslation();\n\n const { selectedFavoriteTab, favoriteTabs, updateSelectedFavoriteTab } =\n props.favorite;\n\n const addIconWidth = size === \"sm\" ? 28 : 36;\n const tabHeight = size === \"sm\" ? 18 : 24;\n const overLen = value?.length > 15;\n\n const gradientColor =\n \"oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)]\";\n\n const onDel = (item: any) => {\n modal.confirm({\n title: t(\"markets.favorites.tabs.delete.dialog.title\"),\n content: (\n <Text size=\"sm\">\n {t(\"markets.favorites.tabs.delete.dialog.description\", {\n name: item.name,\n })}\n </Text>\n ),\n onOk() {\n delTab(item);\n return Promise.resolve();\n },\n });\n };\n\n const onKeyUp: KeyboardEventHandler = (e) => {\n if (e.key === \"Enter\") {\n updateCurTab(overLen);\n }\n };\n\n const renderActions = (item: any) => {\n return (\n <Flex gapX={2} itemAlign=\"center\" px={2} py={1}>\n <EditIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onEdit(item);\n }}\n />\n <TrashIcon\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n onClick={() => {\n onDel(item);\n }}\n />\n </Flex>\n );\n };\n\n const renderAdd = () => {\n const overTabs = favoriteTabs.length >= 10;\n\n const icon = (\n <Flex\n className={cn(\n \"oui-inline-flex\",\n overTabs ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n overTabs ? \"oui-bg-base-3\" : gradientColor,\n )}\n width={addIconWidth}\n height={tabHeight}\n r=\"base\"\n justify=\"center\"\n itemAlign=\"center\"\n onClick={overTabs ? undefined : addTab}\n >\n {overTabs ? (\n <AddIcon className=\"oui-z-[1] oui-size-3 oui-text-base-contrast-54\" />\n ) : (\n <ActiveAddIcon className=\"oui-size-3\" />\n )}\n </Flex>\n );\n\n if (overTabs) {\n return (\n <Tooltip\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n Maximum 10 groups in the favorite list\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n arrow={{ className: \"oui-fill-base-6\" }}\n >\n {icon}\n </Tooltip>\n );\n }\n\n return icon;\n };\n\n const renderInput = (isActive: boolean) => {\n return (\n <Tooltip\n open={overLen}\n // @ts-ignore\n content={\n <Text size=\"2xs\" intensity={80}>\n List name cannot exceed 15 characters\n </Text>\n }\n className=\"oui-bg-base-6\"\n delayDuration={0}\n sideOffset={0}\n >\n <Input\n ref={inputRef}\n style={\n overLen\n ? { width: inputWidth }\n : {\n // @ts-ignore\n \"--oui-gradient-angle\": \"270deg\",\n backgroundClip: \"text\",\n WebkitTextFillColor: \"transparent\",\n WebkitBackgroundClip: \"text\",\n width: inputWidth,\n }\n }\n classNames={{\n root: cn(\n \"oui-my-px oui-rounded oui-p-0 oui-px-2\",\n \"focus-within:oui-outline-transparent focus-visible:oui-outline-none\",\n size === \"sm\" ? \"oui-h-[18px]\" : \"oui-h-[24px]\",\n isActive && cn(overLen ? \"oui-bg-danger/15\" : gradientColor),\n ),\n input: cn(\n \"oui-font-semibold oui-caret-[rgba(217,217,217,1)]\",\n overLen\n ? \"oui-text-danger\"\n : \"oui-text-transparent oui-gradient-brand \",\n size === \"sm\" ? \"oui-text-2xs\" : \"oui-text-sm\",\n ),\n }}\n value={value}\n onValueChange={onValueChange}\n onBlur={() => {\n updateCurTab(overLen);\n }}\n onKeyUp={onKeyUp}\n autoComplete=\"off\"\n />\n </Tooltip>\n );\n };\n\n const renderContent = (item: FavoriteTab, isActive: boolean) => {\n if (editing && isActive) {\n return renderInput(isActive);\n }\n\n const textProps = {\n weight: \"semibold\",\n size: size === \"sm\" ? \"2xs\" : \"sm\",\n className: size === \"sm\" ? \"oui-leading-[18px]\" : \"oui-leading-[24px]\",\n as: \"div\",\n } as any;\n\n const content = isActive ? (\n <Text.gradient color=\"brand\" angle={270} {...textProps}>\n {item.name}\n </Text.gradient>\n ) : (\n <Text {...textProps}>{item.name}</Text>\n );\n\n return (\n <Box\n r=\"base\"\n px={2}\n height={tabHeight}\n className={cn(\n \"oui-cursor-pointer oui-select-none\",\n isActive\n ? \"oui-markets-favorites-active-tab-item\"\n : \"oui-markets-favorites-tab-item\",\n isActive\n ? gradientColor\n : \"oui-bg-line-6 oui-text-base-contrast-36 hover:oui-text-base-contrast\",\n )}\n onClick={() => {\n updateSelectedFavoriteTab(item);\n if (isActive) {\n setOpen(true);\n }\n }}\n >\n {content}\n </Box>\n );\n };\n\n return (\n <Flex width=\"100%\" gapX={3} className={props.className}>\n <Flex\n ref={container}\n id=\"oui-markets-favorites-tabs-container\"\n className={cn(\n \"oui-hide-scrollbar oui-relative oui-cursor-pointer\",\n \"oui-overflow-hidden oui-overflow-x-auto\",\n )}\n // my={3}\n gapX={size === \"sm\" ? 2 : 3}\n width=\"100%\"\n >\n {favoriteTabs?.slice(0, 10)?.map((item: any) => {\n const isActive = selectedFavoriteTab.id === item.id;\n return (\n <Tooltip\n key={item.id}\n open={isActive && !editing ? open : false}\n onOpenChange={(open) => {\n if (isActive) {\n setOpen(open);\n }\n }}\n // @ts-ignore\n content={renderActions(item)}\n delayDuration={0}\n className={cn(\"oui-bg-base-5\")}\n arrow={{\n className: \"oui-fill-base-5\",\n }}\n >\n {renderContent(item, isActive)}\n </Tooltip>\n );\n })}\n\n {!scrollable && renderAdd()}\n\n <Text size=\"xs\" ref={spanRef} className=\"oui-invisible\">\n {value}\n </Text>\n </Flex>\n {scrollable && renderAdd()}\n </Flex>\n );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport type UseFavoritesTabScriptOptions = {\n favorite: FavoriteInstance;\n size?: \"sm\" | \"default\";\n};\n\nexport type UseFavoritesTabScriptReturn = ReturnType<\n typeof useFavoritesTabScript\n>;\n\nexport function useFavoritesTabScript(options: UseFavoritesTabScriptOptions) {\n const { favorite, size = \"default\" } = options;\n const {\n favorites,\n favoriteTabs,\n selectedFavoriteTab,\n updateFavoriteTabs,\n updateSelectedFavoriteTab,\n updateFavorites,\n } = favorite;\n\n const [open, setOpen] = useState(false);\n const [editing, setEditing] = useState(false);\n const [value, setValue] = useState(\"\");\n const [scrollable, setScrollable] = useState(false);\n\n const scrollView = useRef<HTMLInputElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const spanRef = useRef<HTMLSpanElement>(null);\n\n const [inputWidth, setInputWidth] = useState(50);\n\n const updateScrollLayout = () => {\n const addIconWidth = size === \"sm\" ? 28 : 36;\n setTimeout(() => {\n const { scrollWidth, clientWidth } = scrollView.current || {};\n\n if (scrollWidth! > clientWidth!) {\n setScrollable(true);\n }\n }, 0);\n };\n\n const scrollToRight = () => {\n setTimeout(() => {\n if (scrollView.current) {\n scrollView.current.scrollLeft =\n scrollView.current.scrollWidth - scrollView.current.clientWidth;\n }\n }, 0);\n };\n\n const onEdit = (item: any) => {\n setEditing(true);\n setValue(item.name);\n setTimeout(() => {\n inputRef.current?.focus();\n inputRef.current?.setSelectionRange(-1, -1);\n }, 0);\n };\n\n const updateCurTab = (overLen: boolean) => {\n updateFavoriteTabs(\n {\n ...selectedFavoriteTab,\n name: overLen ? selectedFavoriteTab.name : value,\n },\n { update: true },\n );\n setEditing(false);\n setOpen(false);\n updateScrollLayout();\n };\n\n const addTab = () => {\n const newTab = {\n name: `WatchList_${favoriteTabs.length}`,\n id: Date.now(),\n };\n updateFavoriteTabs(newTab, { add: true });\n updateSelectedFavoriteTab(newTab);\n updateScrollLayout();\n scrollToRight();\n };\n\n const delTab = (selectedTab: any) => {\n updateFavoriteTabs(selectedTab, { delete: true });\n\n setTimeout(() => {\n // remove all symbol favorite in this tab\n const _favorites = favorites.map((item) => ({\n ...item,\n tabs: item.tabs?.filter((tab) => tab.id !== selectedTab.id),\n }));\n\n updateFavorites(_favorites);\n\n // auto selected last tab\n const tabs = favoriteTabs.filter((item) => item.id !== selectedTab.id);\n const tab = tabs?.[tabs?.length - 1] || tabs?.[0];\n updateSelectedFavoriteTab(tab);\n }, 0);\n };\n\n useEffect(() => {\n if (value) {\n const rect = spanRef.current?.getBoundingClientRect();\n const offset = size === \"sm\" ? 0 : 14;\n setInputWidth(Math.max((rect?.width || 0) + offset, 50));\n }\n }, [value]);\n\n useEffect(() => {\n updateScrollLayout();\n }, []);\n\n return {\n favorite,\n open,\n setOpen,\n container: scrollView,\n inputRef,\n inputWidth,\n spanRef,\n editing,\n value,\n onValueChange: setValue,\n onEdit,\n updateCurTab,\n addTab,\n delTab,\n scrollable,\n };\n}\n","import {\n useFavoritesTabScript,\n UseFavoritesTabScriptOptions,\n} from \"./favoritesTabs.script\";\nimport { FavoritesTab } from \"./favoritesTabs.ui\";\n\nexport type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {\n className?: string;\n};\n\nexport const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps> = (\n props,\n) => {\n const { className, ...rest } = props;\n const state = useFavoritesTabScript(rest);\n return <FavoritesTab {...state} size={props.size} className={className} />;\n};\n","import { useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { useTabSort } from \"../../../components/shared/hooks/useTabSort\";\nimport { MarketsTabName } from \"../../../type\";\n\nexport type UseMarketsDataListScript = ReturnType<\n typeof useMarketsDataListScript\n>;\n\nconst MOBILE_MARKETS_TAB_SORT_STORAGE_KEY = \"orderly_mobile_markets_tab_sort\";\n\nexport function useMarketsDataListScript() {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n MarketsTabName.All,\n );\n const { clearSearchValue } = 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 };\n}\n","import { useCallback } from \"react\";\nimport { useSessionStorage } from \"@orderly.network/hooks\";\nimport { SortType, MarketsTabName } from \"../../../type\";\n\nexport function useTabSort(options: { storageKey: string }) {\n const [tabSort, setTabSort] = useSessionStorage(options.storageKey, {\n [MarketsTabName.All]: {\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n },\n } as Record<MarketsTabName, SortType>);\n\n const onTabSort = useCallback(\n (type: MarketsTabName) => (sort?: SortType) => {\n setTabSort({ ...tabSort, [type]: sort });\n },\n [tabSort],\n );\n\n return {\n tabSort,\n onTabSort,\n };\n}\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesListFullWidget } from \"../../../components/favoritesListFull\";\nimport { MarketsListFullWidget } from \"../../../components/marketsListFull\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { AllMarketsIcon, FavoritesIcon, NewListingsIcon } from \"../../../icons\";\nimport { UseMarketsDataListScript } from \"./marketsDataList.script\";\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n const { activeTab, onTabChange } = props;\n const { t } = useTranslation();\n\n return (\n <Box id=\"oui-markets-list\" intensity={900} p={6} r=\"2xl\">\n <Tabs\n variant=\"contained\"\n size=\"xl\"\n value={activeTab}\n onValueChange={onTabChange}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value=\"favorites\"\n testid=\"oui-testid-markets-favorites-tab\"\n >\n <FavoritesListFullWidget />\n </TabPanel>\n <TabPanel\n title={t(\"markets.allMarkets\")}\n icon={<AllMarketsIcon />}\n value=\"all\"\n testid=\"oui-testid-markets-all-tab\"\n >\n <MarketsListFullWidget\n type=\"all\"\n initialSort={{\n sortKey: \"24h_amount\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n icon={<NewListingsIcon />}\n value=\"new\"\n testid=\"oui-testid-markets-newListings-tab\"\n >\n <MarketsListFullWidget\n type=\"new\"\n initialSort={{\n sortKey: \"created_time\",\n sortOrder: \"desc\",\n }}\n />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { FC } from \"react\";\nimport { Trans } from \"@orderly.network/i18n\";\nimport { cn, Flex, DataTable } from \"@orderly.network/ui\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { UnFavoritesIcon } from \"../../icons\";\nimport { useMarketsListFullColumns } from \"../marketsListFull/column\";\nimport { UseFavoritesListFullReturn } from \"./favoritesListFull.script\";\n\nexport type FavoritesListFullProps = UseFavoritesListFullReturn;\n\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 = (\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 loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n pagination={pagination}\n manualSorting\n />\n </div>\n );\n};\n","import { MouseEventHandler, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, Box, Tooltip, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n FavoritesIcon,\n MoveToTopIcon,\n OrderlyIcon,\n UnFavoritesIcon,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const useMarketsListFullColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n const { t } = useTranslation();\n\n const columns = useMemo(() => {\n return [\n {\n title: <UnFavoritesIcon className=\"oui-mt-1\" />,\n dataIndex: \"isFavorite\",\n align: \"center\",\n width: 30,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const button = (\n <Flex\n width=\"100%\"\n height=\"100%\"\n mr={3}\n justify=\"center\"\n itemAlign=\"center\"\n onClick={isFavoriteList ? onDelSymbol : undefined}\n data-testid=\"oui-testid-markets-table-row-favorite-icon\"\n >\n {value ? (\n <FavoritesIcon className=\"oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon className=\"oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n );\n\n if (isFavoriteList) {\n return button;\n }\n\n return (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n {button}\n </FavoritesDropdownMenuWidget>\n );\n },\n },\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 90,\n render: (value) => {\n return (\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n showIcon\n >\n {value}\n </Text.formatted>\n );\n },\n },\n {\n title: t(\"common.price\"),\n dataIndex: \"24h_close\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value, record) => {\n return (\n <Text.numeral dp={record.quote_dp || 2} currency=\"$\">\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.column.24hChange\"),\n dataIndex: \"change\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n </Flex>\n ),\n dataIndex: \"24h_amount\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: (\n <Flex gapX={1}>\n <OrderlyIcon /> {t(\"markets.openInterest\")}\n </Flex>\n ),\n dataIndex: \"openInterest\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n return (\n <Text.numeral currency=\"$\" dp={0} rm={Decimal.ROUND_DOWN}>\n {value}\n </Text.numeral>\n );\n },\n },\n {\n title: t(\"markets.dataList.column.8hFunding\"),\n dataIndex: \"8h_funding\",\n width: 100,\n align: \"right\",\n onSort: true,\n render: (value) => {\n if (value === null) {\n return \"--\";\n }\n return (\n <Text.numeral\n rule=\"percentages\"\n coloring\n dp={4}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n },\n {\n dataIndex: \"action\",\n type: \"action\",\n width: 40,\n render: (value, record) => {\n if (isFavoriteList) {\n return (\n <Flex justify=\"end\" mr={4}>\n <Tooltip\n content={t(\"markets.dataList.column.moveTop\")}\n align=\"center\"\n delayDuration={0}\n >\n <Box\n className=\"oui-hidden oui-cursor-pointer group-hover:oui-block\"\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n data-testid=\"oui-markets-favorites-pinned-icon\"\n >\n <MoveToTopIcon className=\"oui-text-base-contrast-20 hover:oui-text-base-contrast\" />\n </Box>\n </Tooltip>\n </Flex>\n );\n }\n return null;\n },\n },\n ] as Column[];\n }, [favorite, isFavoriteList, t]);\n\n return columns;\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListFullReturn = ReturnType<\n typeof useFavoritesListFullScript\n>;\n\nexport const useFavoritesListFullScript = () => {\n const { pageSize, setPage, pagination } = usePagination({\n pageSize: 10,\n });\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const filterData = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n return searchBySymbol(filterList, searchValue, \"base-type\");\n }, [data, selectedFavoriteTab, favorites, searchValue]);\n\n const dataSource = useMemo(\n () => getSortedList(filterData),\n [filterData, getSortedList],\n );\n\n useEffect(() => {\n setLoading(false);\n }, [favorites]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n };\n};\n","import { useFavoritesListFullScript } from \"./favoritesListFull.script\";\nimport { FavoritesListFull } from \"./favoritesListFull.ui\";\n\nexport const FavoritesListFullWidget: React.FC = () => {\n const state = useFavoritesListFullScript();\n return <FavoritesListFull {...state} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useMarketsListFullColumns } from \"./column\";\nimport { type UseMarketsListFullReturn } from \"./marketsListFull.script\";\n\nexport type MarketsListFullProps = UseMarketsListFullReturn & {\n type?: \"all\" | \"new\";\n};\n\nexport const MarketsListFull: FC<MarketsListFullProps> = (props) => {\n const {\n loading,\n dataSource,\n favorite,\n onSort,\n initialSort,\n type,\n pagination,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const columns = useMarketsListFullColumns(favorite, false);\n\n return (\n <DataTable\n bordered\n columns={columns}\n loading={loading}\n dataSource={dataSource}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[55px] oui-cursor-pointer\"),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n \"data-testid\": `oui-testid-markets-${\n type === \"new\" ? \"newListing\" : \"all\"\n }-tr-${record.symbol}`,\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n initialSort={initialSort}\n pagination={pagination}\n classNames={{\n header: \"oui-h-12\",\n }}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { TableSort, usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { MarketsListFullWidgetProps } from \"./marketsListFull.widget\";\n\nexport type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;\n\nexport type UseMarketsListFullReturn = ReturnType<\n typeof useMarketsListFullScript\n>;\n\nexport const useMarketsListFullScript = (\n options: UseMarketsListFullScriptOptions,\n) => {\n const [loading, setLoading] = useState(true);\n const { setPage, pagination } = usePagination({\n pageSize: 10,\n });\n\n const [data, favorite] = useMarkets(MarketsType.ALL);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList, sort } = useSort(options.initialSort);\n\n const dataSource = useMemo(() => {\n const searchList = searchBySymbol(data, searchValue, \"base-type\");\n return getSortedList(searchList);\n }, [data, getSortedList, searchValue]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n useEffect(() => {\n setPage(1);\n }, [searchValue]);\n\n useEffect(() => {\n // Only all markets store sort\n if (options.type === \"all\") {\n favorite.updateTabsSortState(\"all\", sort?.sortKey!, sort?.sortOrder!);\n }\n }, [sort, options.type]);\n\n const initialSort = useMemo(() => {\n const sortStore =\n options.type === \"all\" ? favorite.tabSort?.all : undefined;\n\n return {\n sortKey: sortStore?.sortKey || options?.initialSort?.sortKey,\n sort: sortStore?.sortOrder || options?.initialSort?.sortOrder,\n } as TableSort;\n }, [favorite.tabSort, options.initialSort, options.type]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n pagination,\n initialSort,\n };\n};\n","import { SortType } from \"../../type\";\nimport { useMarketsListFullScript } from \"./marketsListFull.script\";\nimport { MarketsListFull } from \"./marketsListFull.ui\";\n\nexport type MarketsListFullWidgetProps = {\n type?: \"all\" | \"new\";\n initialSort?: SortType;\n};\n\nexport const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps> = (\n props,\n) => {\n const state = useMarketsListFullScript(props);\n\n return <MarketsListFull {...state} type={props.type} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { ExpandMarketsScriptReturn } from \"./expandMarkets.script\";\n\nexport type ExpandMarketsProps = ExpandMarketsScriptReturn;\n\nexport const ExpandMarkets: React.FC<ExpandMarketsProps> = (props) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\n return (\n <div className={cls}>\n <MarketsListWidget\n type={type}\n initialSort={tabSort[type]}\n onSort={onTabSort(type)}\n tableClassNames={{\n scroll: cn(\n \"oui-px-1\",\n type === MarketsTabName.Favorites ? \"oui-pb-9\" : \"oui-pb-2\",\n ),\n }}\n {...getFavoritesProps(type)}\n />\n </div>\n );\n };\n\n return (\n <Box className={cn(\"oui-overflow-hidden oui-font-semibold\")} height=\"100%\">\n <Box px={3} pb={2}>\n <SearchInput />\n </Box>\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className={cls}\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type ExpandMarketsScriptOptions = {\n activeTab?: MarketsTabName;\n onTabChange?: (tab: MarketsTabName) => void;\n};\n\nexport type ExpandMarketsScriptReturn = ReturnType<\n typeof useExpandMarketsScript\n>;\n\nexport function useExpandMarketsScript(options: ExpandMarketsScriptOptions) {\n const [activeTab, setActiveTab] = useState<MarketsTabName>(\n options.activeTab!,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const onTabChange = useCallback(\n (value: string) => {\n if (typeof options?.onTabChange === \"function\") {\n options.onTabChange(value as MarketsTabName);\n } else {\n setActiveTab(value as MarketsTabName);\n }\n },\n [options?.onTabChange],\n );\n useEffect(() => {\n setActiveTab(options?.activeTab || MarketsTabName.Favorites);\n }, [options?.activeTab]);\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab,\n onTabChange,\n tabSort,\n onTabSort,\n };\n}\n","export const SIDE_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_side_markets_tab_sort\";\n","import { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useExpandMarketsScript,\n ExpandMarketsScriptOptions,\n} from \"./expandMarkets.script\";\nimport { ExpandMarkets } from \"./expandMarkets.ui\";\n\nexport type ExpandMarketsWidgetProps = MarketsProviderProps &\n ExpandMarketsScriptOptions;\n\nexport const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps> = (\n props,\n) => {\n const state = useExpandMarketsScript({\n activeTab: props.activeTab,\n onTabChange: props.onTabChange,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <ExpandMarkets {...state} />\n </MarketsProvider>\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type FundingOverviewProps = FundingOverviewReturn;\n\nexport const FundingOverview: FC<FundingOverviewProps> = (props) => {\n const { dataSource, isLoading, pagination, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n bordered\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n pagination={pagination}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Column,\n Flex,\n Picker,\n Select,\n Text,\n TokenIcon,\n useScreen,\n} from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ProcessedFundingData } from \"./fundingOverview.script\";\n\nconst createFundingRenderer =\n (dp: number = 5) =>\n (value: number) => {\n if (value === 0) {\n return <Text> - </Text>;\n }\n\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={dp}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n };\n\nexport const useFundingOverviewColumns = (\n selectedPeriod: string,\n setSelectedPeriod: (value: string) => void,\n) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n return useMemo<Column<ProcessedFundingData>[]>(() => {\n return [\n {\n title: t(\"markets.column.market\"),\n dataIndex: \"symbol\",\n width: 135,\n className: isMobile ? \"oui-pl-0\" : undefined,\n render: (value) => (\n <Flex gapX={1}>\n <TokenIcon\n symbol={value}\n className={isMobile ? \"oui-size-[18px]\" : \"oui-size-5\"}\n />\n\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base-type\"\n weight=\"semibold\"\n >\n {value}\n </Text.formatted>\n </Flex>\n ),\n },\n {\n title: t(\"markets.funding.column.estFunding\"),\n dataIndex: \"estFunding\",\n width: 120,\n onSort: true,\n render: (value, record) => (\n <div>\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n <span className=\"oui-text-base-contrast-54\">\n {`/ ${record.fundingInterval}h`}\n </span>\n </div>\n ),\n },\n {\n title: t(\"markets.funding.column.lastFunding\"),\n dataIndex: \"lastFunding\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.1dAvg\"),\n dataIndex: \"funding1d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.3dAvg\"),\n dataIndex: \"funding3d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.7dAvg\"),\n dataIndex: \"funding7d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.14dAvg\"),\n dataIndex: \"funding14d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.30dAvg\"),\n dataIndex: \"funding30d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: t(\"markets.funding.column.90dAvg\"),\n dataIndex: \"funding90d\",\n width: 90,\n onSort: true,\n render: createFundingRenderer(),\n },\n {\n title: (\n <div className=\"oui-flex oui-gap-1\">\n <FundingPeriodSelect\n value={selectedPeriod}\n onValueChange={setSelectedPeriod}\n />\n <span>{t(\"markets.funding.column.positiveRate\")}</span>\n </div>\n ),\n dataIndex: selectedPeriod,\n width: 130,\n align: \"right\",\n onSort: true,\n render: createFundingRenderer(2),\n },\n ];\n }, [t, isMobile, selectedPeriod, setSelectedPeriod]);\n};\n\ntype FundingPeriodSelectProps = {\n value: string;\n onValueChange: (value: string) => void;\n};\n\nconst FundingPeriodSelect = (props: FundingPeriodSelectProps) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const options = useMemo(() => {\n return [\n {\n label: t(\"common.select.1d\"),\n value: \"1dPositive\",\n },\n {\n label: t(\"common.select.3d\"),\n value: \"3dPositive\",\n },\n {\n label: t(\"common.select.7d\"),\n value: \"7dPositive\",\n },\n {\n label: t(\"common.select.14d\"),\n value: \"14dPositive\",\n },\n {\n label: t(\"common.select.30d\"),\n value: \"30dPositive\",\n },\n {\n label: t(\"common.select.90d\"),\n value: \"90dPositive\",\n },\n ];\n }, [t]);\n\n if (isMobile) {\n return (\n <Picker\n size=\"sm\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n }\n\n return (\n <Select.options\n size=\"xs\"\n value={props.value}\n onValueChange={props.onValueChange}\n options={options}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport {\n MarketsType,\n useFundingRateHistory,\n useFundingRates,\n useMarkets,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nexport type ProcessedFundingData = {\n symbol: string;\n estFunding: number;\n lastFunding: number;\n fundingInterval: number;\n funding1d: number | string;\n funding3d: number | string;\n funding7d: number | string;\n funding14d: number | string;\n funding30d: number | string;\n funding90d: number | string;\n \"1dPositive\": number | string;\n \"3dPositive\": number | string;\n \"7dPositive\": number | string;\n \"14dPositive\": number | string;\n \"30dPositive\": number | string;\n \"90dPositive\": number | string;\n};\n\nexport type FundingOverviewReturn = ReturnType<typeof useFundingOverviewScript>;\n\nexport const useFundingOverviewScript = () => {\n const { pagination } = usePagination({ pageSize: 10 });\n const [marketData] = useMarkets(MarketsType.ALL);\n\n const {\n data: fundingHistory,\n isLoading: isHistoryLoading,\n getPositiveRates,\n } = useFundingRateHistory();\n const fundingRates = useFundingRates();\n\n const { onSort, getSortedList } = useSort();\n const { searchValue } = useMarketsContext();\n\n const processedData = useMemo((): ProcessedFundingData[] => {\n if (!marketData?.length) return [];\n\n const periods = [\"1d\", \"3d\", \"7d\", \"14d\", \"30d\", \"90d\"] as const;\n const posRates = periods.reduce(\n (acc, period) => {\n acc[period] = getPositiveRates(fundingHistory, period);\n return acc;\n },\n {} as Record<string, Record<string, number>>,\n );\n\n // because fundingHistory list is unstable sort, so use marketData instead\n // TODO: feedback to backend to fix this if possible\n return marketData.map((item) => {\n const symbol = item.symbol;\n const history = fundingHistory?.find((h) => h.symbol === symbol);\n\n const fundingRate = fundingRates[symbol];\n\n const fundingInterval = getFundingInterval(\n fundingRate(\"next_funding_time\"),\n fundingRate(\"last_funding_rate_timestamp\"),\n );\n\n return {\n symbol,\n estFunding: fundingRate(\"est_funding_rate\"),\n lastFunding: fundingRate(\"last_funding_rate\"),\n fundingInterval,\n funding1d: history?.funding?.[\"1d\"]?.rate ?? 0,\n funding3d: history?.funding?.[\"3d\"]?.rate ?? 0,\n funding7d: history?.funding?.[\"7d\"]?.rate ?? 0,\n funding14d: history?.funding?.[\"14d\"]?.rate ?? 0,\n funding30d: history?.funding?.[\"30d\"]?.rate ?? 0,\n funding90d: history?.funding?.[\"90d\"]?.rate ?? 0,\n \"1dPositive\": posRates[\"1d\"][symbol] ?? \"-\",\n \"3dPositive\": posRates[\"3d\"][symbol] ?? \"-\",\n \"7dPositive\": posRates[\"7d\"][symbol] ?? \"-\",\n \"14dPositive\": posRates[\"14d\"][symbol] ?? \"-\",\n \"30dPositive\": posRates[\"30d\"][symbol] ?? \"-\",\n \"90dPositive\": posRates[\"90d\"][symbol] ?? \"-\",\n };\n });\n }, [marketData, fundingHistory, fundingRates, getPositiveRates]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [filteredData, getSortedList],\n );\n\n return { dataSource, isLoading: isHistoryLoading, pagination, onSort };\n};\n\nfunction getFundingInterval(\n next_funding_time: number,\n last_funding_rate_timestamp: number,\n) {\n // default interval is 8 hours\n if (!next_funding_time || !last_funding_rate_timestamp) return 8;\n const diff = next_funding_time - last_funding_rate_timestamp;\n\n return Math.round(diff / 3600000);\n}\n","import { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingOverview } from \"./fundingOverview.mobile.ui\";\nimport { useFundingOverviewScript } from \"./fundingOverview.script\";\nimport { FundingOverview } from \"./fundingOverview.ui\";\n\nexport const FundingOverviewWidget: FC = () => {\n const props = useFundingOverviewScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingOverview {...props} />\n ) : (\n <FundingOverview {...props} />\n );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, cn } from \"@orderly.network/ui\";\nimport { useFundingOverviewColumns } from \"./columns\";\nimport { FundingOverviewReturn } from \"./fundingOverview.script\";\n\nexport type MobileFundingOverviewProps = FundingOverviewReturn;\n\nexport const MobileFundingOverview: FC<MobileFundingOverviewProps> = (\n props,\n) => {\n const { dataSource, isLoading, onSort } = props;\n const [selectedPeriod, setSelectedPeriod] = useState(\"1dPositive\");\n\n const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);\n\n return (\n <DataTable\n columns={columns}\n dataSource={dataSource}\n loading={isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n onSort={onSort}\n manualSorting\n generatedRowKey={(record) => record.symbol}\n />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const FundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[48px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-12\",\n }}\n bordered\n pagination={props.pagination}\n />\n );\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { cn, Flex, TokenIcon, useScreen } from \"@orderly.network/ui\";\nimport type { Column } from \"@orderly.network/ui\";\nimport { Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { OrderlyIcon } from \"../../icons\";\nimport { baseEX, exchanges } from \"./fundingComparison.script\";\n\nconst CDN_PREFIX = \"https://oss.orderly.network/static/exchange_logo\";\n\nexport const useFundingColumns = () => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\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\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 title: (\n <Flex justify=\"start\" itemAlign=\"center\" gap={1}>\n {!item.includes(\" - \") && (\n <img\n src={`${CDN_PREFIX}/${item.toLowerCase().replace(\" \", \"_\")}.png`}\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\n return (\n <Text.numeral\n rule=\"percentages\"\n dp={5}\n coloring={item.includes(\" - \") || item === baseEX ? true : false}\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {value}\n </Text.numeral>\n );\n },\n })),\n ];\n }, [t, isMobile]);\n};\n","import { useMemo } from \"react\";\nimport {\n useFundingRates,\n useMarketsStream,\n useQuery,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nfunction getOpenInterest(open_interest?: number, index_price?: number) {\n return new Decimal(open_interest || 0).mul(index_price || 0).toNumber();\n}\n\nexport const baseEX = \"WOOFi Pro\";\n\nexport const exchanges = [\n baseEX,\n \"Binance\",\n `${baseEX} - Binance`,\n \"OKX\",\n `${baseEX} - OKX`,\n \"Bybit\",\n `${baseEX} - Bybit`,\n \"dYdX\",\n `${baseEX} - dYdX`,\n \"Bitget\",\n `${baseEX} - Bitget`,\n \"KuCoin\",\n `${baseEX} - KuCoin`,\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\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 exchanges.forEach((item) => {\n const isCompare = item.includes(` - `);\n if (!isCompare) {\n if (item === baseEX) {\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, fundingRates]);\n\n const filteredData = useMemo(() => {\n return searchBySymbol(processedData, searchValue, \"base-type\");\n }, [processedData, searchValue, pagination]);\n\n const dataSource = useMemo(\n () => getSortedList(filteredData),\n [getSortedList, filteredData],\n );\n\n return {\n dataSource,\n isLoading,\n pagination,\n onSort,\n };\n};\n","import type { FC } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { MobileFundingComparison } from \"./fundingComparison.mobile.ui\";\nimport { useFundingComparisonScript } from \"./fundingComparison.script\";\nimport { FundingComparison } from \"./fundingComparison.ui\";\n\nexport const FundingComparisonWidget: FC = () => {\n const state = useFundingComparisonScript();\n const { isMobile } = useScreen();\n return isMobile ? (\n <MobileFundingComparison {...state} />\n ) : (\n <FundingComparison {...state} />\n );\n};\n","import type { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\nimport { FundingComparisonReturn } from \"./fundingComparison.script\";\n\nexport const MobileFundingComparison: FC<FundingComparisonReturn> = (props) => {\n const columns = useFundingColumns();\n\n return (\n <DataTable\n columns={columns}\n dataSource={props.dataSource}\n loading={props.isLoading}\n onRow={() => {\n return {\n className: cn(\"oui-h-[34px] oui-cursor-pointer\"),\n };\n }}\n classNames={{\n header: \"oui-h-9\",\n body: \"oui-text-2xs\",\n }}\n />\n );\n};\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport { CollapseIcon, ExpandIcon } from \"../../icons\";\nimport { ExpandMarketsWidget } from \"../expandMarkets\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport {\n SideMarketsScriptOptions,\n SideMarketsScriptReturn,\n} from \"./sideMarkets.script\";\n\nexport type SideMarketsProps = SideMarketsScriptReturn & {\n className?: string;\n};\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n const {\n collapsable,\n collapsed,\n onCollapse,\n activeTab,\n onTabChange,\n className,\n tabSort,\n } = props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderContent = () => {\n if (!collapsed) {\n return (\n <ExpandMarketsWidget\n activeTab={activeTab}\n onTabChange={onTabChange}\n symbol={symbol}\n onSymbolChange={onSymbolChange}\n />\n );\n }\n\n return (\n <MarketsListWidget\n type={activeTab}\n initialSort={tabSort[activeTab]}\n // collapsed list is not custom sort, so we don't need to pass onSort\n // onSort={onTabSort(activeTab)}\n collapsed={collapsed}\n {...getFavoritesProps(activeTab)}\n />\n );\n };\n\n return (\n <Flex\n id=\"oui-side-markets\"\n className={cn(\"oui-font-semibold\", className)}\n direction=\"column\"\n gapY={5}\n height=\"100%\"\n width=\"100%\"\n >\n <SideMarketsHeader\n collapsable={collapsable}\n collapsed={collapsed}\n onCollapse={onCollapse}\n />\n <Box\n width=\"100%\"\n className={cn(\n collapsed ? \"oui-h-[calc(100%_-_52px)]\" : \"oui-h-[calc(100%_-_56px)]\",\n )}\n >\n {renderContent()}\n </Box>\n </Flex>\n );\n};\n\ntype SideMarketsHeaderProps = SideMarketsScriptOptions;\n\nexport const SideMarketsHeader: FC<SideMarketsHeaderProps> = (props) => {\n const { collapsable, collapsed, onCollapse } = props;\n\n const { t } = useTranslation();\n\n const cls = cn(\n \"oui-text-base-contrast-36\",\n collapsable\n ? \"oui-cursor-pointer hover:oui-text-base-contrast-80\"\n : \"oui-cursor-not-allowed\",\n );\n\n if (collapsed) {\n return (\n <ExpandIcon\n className={cls}\n onClick={() => {\n onCollapse?.(false);\n }}\n />\n );\n }\n\n return (\n <Flex justify=\"between\" px={3} width=\"100%\">\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <CollapseIcon\n className={cls}\n onClick={() => {\n onCollapse?.(true);\n }}\n />\n </Flex>\n );\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type SideMarketsScriptOptions = {\n collapsable?: boolean;\n collapsed?: boolean;\n onCollapse?: (collapsed: boolean) => void;\n};\n\nexport type SideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;\n\nconst SIDE_MARKETS_SEL_TAB_KEY = \"orderly_side_markets_sel_tab_key\";\n\nexport function useSideMarketsScript(options?: SideMarketsScriptOptions) {\n const [collapsed, setCollapsed] = useState(options?.collapsed);\n const [activeTab, setActiveTab] = useLocalStorage(\n SIDE_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const collapsable = useMemo(\n () => options?.collapsable ?? true,\n [options?.collapsable],\n );\n\n const onCollapse = useCallback(\n (collapsed: boolean) => {\n if (typeof options?.onCollapse === \"function\") {\n options.onCollapse(collapsed);\n } else {\n setCollapsed(collapsed);\n }\n },\n [options?.onCollapse],\n );\n\n useEffect(() => {\n setCollapsed(options?.collapsed);\n }, [options?.collapsed]);\n\n return {\n collapsable,\n collapsed,\n onCollapse,\n activeTab: activeTab as MarketsTabName,\n onTabChange: setActiveTab,\n tabSort,\n };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useSideMarketsScript } from \"./sideMarkets.script\";\nimport { SideMarkets, SideMarketsProps } from \"./sideMarkets.ui\";\n\nexport type SideMarketsWidgetProps = MarketsProviderProps &\n Partial<\n Pick<\n SideMarketsProps,\n \"collapsable\" | \"collapsed\" | \"onCollapse\" | \"className\"\n >\n >;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n const state = useSideMarketsScript({\n collapsable: props.collapsable,\n collapsed: props.collapsed,\n onCollapse: props.onCollapse,\n });\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <SideMarkets {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n CloseIcon,\n cn,\n Flex,\n TabPanel,\n Tabs,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { useDropDownMarketsColumns } from \"./column\";\nimport { DropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\n\nexport type DropDownMarketsProps = DropDownMarketsScriptReturn & {\n contentClassName?: string;\n};\n\nexport const DropDownMarkets: React.FC<\n PropsWithChildren<DropDownMarketsProps>\n> = (props) => {\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{props.children}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n align=\"start\"\n alignOffset={-32}\n sideOffset={20}\n className={cn(\n \"oui-markets-dropdown-menu-content oui-bg-base-8 oui-p-0\",\n props.contentClassName,\n )}\n >\n <DropDownMarketsConetnt {...props} hide={props.hide} />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n\nexport const DropDownMarketsConetnt: React.FC<DropDownMarketsProps> = (\n props,\n) => {\n const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const getColumns = useDropDownMarketsColumns();\n\n const search = (\n <Flex mx={3} gapX={3} pt={3} pb={2}>\n <SearchInput\n classNames={{\n root: \"oui-w-full\",\n }}\n />\n <CloseIcon\n size={12}\n className=\"oui-cursor-pointer oui-text-base-contrast-80\"\n onClick={props.hide}\n opacity={1}\n />\n </Flex>\n );\n\n const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n const { getFavoritesProps } = 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 />\n </div>\n );\n };\n\n return (\n <Box\n className={cn(\"oui-overflow-hidden oui-font-semibold\")}\n height=\"100%\"\n intensity={800}\n >\n {search}\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={activeTab}\n onValueChange={onTabChange}\n classNames={{\n tabsList: \"oui-my-[6px] oui-px-3\",\n tabsContent: \"oui-h-full\",\n }}\n className={cls}\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n <TabPanel title={t(\"markets.recent\")} value={MarketsTabName.Recent}>\n {renderTab(MarketsTabName.Recent)}\n </TabPanel>\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n <TabPanel\n title={t(\"markets.newListings\")}\n value={MarketsTabName.NewListing}\n >\n {renderTab(MarketsTabName.NewListing)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, useCallback } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Flex, Text, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { DeleteIcon, TopIcon } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport {\n get24hPercentageColumn,\n getLastColumn,\n getSymbolColumn,\n} from \"../shared/column\";\n\nexport const useDropDownMarketsColumns = () => {\n const { t } = useTranslation();\n\n return useCallback(\n (favorite: FavoriteInstance, isFavoriteList = false) => {\n return [\n getSymbolColumn(favorite, isFavoriteList),\n getLastColumn(),\n get24hPercentageColumn(),\n {\n title: t(\"common.volume\"),\n dataIndex: \"24h_amount\",\n align: \"right\",\n onSort: true,\n className: \"oui-relative\",\n width: 80,\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div className={cn(\"oui-absolute oui-right-1 oui-top-[3px]\")}>\n <Flex\n className={cn(\n \"oui-bg-primary-darken oui-py-[6px]\",\n \"oui-hidden group-hover:oui-inline-flex\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n return (\n <>\n {isFavoriteList && actions}\n <Text.numeral\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n {value}\n </Text.numeral>\n </>\n );\n },\n },\n ] as Column[];\n },\n [t],\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { MarketsTabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type DropDownMarketsScriptReturn = ReturnType<\n typeof useDropDownMarketsScript\n>;\n\nconst DROPDOWN_MARKETS_SEL_TAB_KEY = \"orderly_dropdown_markets_sel_tab_key\";\n\nconst DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY =\n \"orderly_dropdown_markets_tab_sort\";\n\nexport function useDropDownMarketsScript() {\n const [open, setOpen] = useState(false);\n\n const [activeTab, setActiveTab] = useLocalStorage(\n DROPDOWN_MARKETS_SEL_TAB_KEY,\n MarketsTabName.All,\n );\n\n const { tabSort, onTabSort } = useTabSort({\n storageKey: DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const { clearSearchValue } = useMarketsContext();\n\n const hide = () => {\n setOpen(false);\n };\n\n useEffect(() => {\n clearSearchValue?.();\n }, [activeTab]);\n\n return {\n activeTab: activeTab as MarketsTabName,\n onTabChange: (value: string) => setActiveTab(value as MarketsTabName),\n open,\n onOpenChange: setOpen,\n hide,\n tabSort,\n onTabSort,\n };\n}\n","import React, { PropsWithChildren } from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nimport { DropDownMarkets, DropDownMarketsProps } from \"./dropDownMarkets.ui\";\n\nexport type DropDownMarketsWidgetProps = MarketsProviderProps &\n Pick<DropDownMarketsProps, \"contentClassName\">;\n\nexport const DropDownMarketsWidget: React.FC<\n PropsWithChildren<DropDownMarketsWidgetProps>\n> = (props) => {\n const state = useDropDownMarketsScript();\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <DropDownMarkets {...state} contentClassName={props.contentClassName}>\n {props.children}\n </DropDownMarkets>\n </MarketsProvider>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { FavoritesIcon } from \"../../icons\";\nimport { MarketsTabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { SearchInput } from \"../searchInput.tsx\";\nimport { useFavoritesProps } from \"../shared/hooks/useFavoritesExtraProps\";\nimport { getMarketsSheetColumns } from \"./column\";\nimport { MarketsSheetScriptReturn } from \"./marketsSheet.script\";\n\nexport type MarketsSheetProps = MarketsSheetScriptReturn & {\n className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n const { className, tabSort, onTabSort } = props;\n\n const { t } = useTranslation();\n\n const { getFavoritesProps } = useFavoritesProps();\n\n const renderTab = (type: MarketsTabName) => {\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 type === MarketsTabName.Favorites\n ? \"oui-h-[calc(100%_-_70px)]\"\n : \"oui-h-[calc(100%_-_40px)]\",\n ),\n }}\n {...getFavoritesProps(type)}\n />\n );\n };\n\n return (\n <Box height=\"100%\" className={cn(\"oui-font-semibold\", className)}>\n <Box px={3} mt={3} mb={2}>\n <Text size=\"base\" intensity={80}>\n {t(\"common.markets\")}\n </Text>\n <SearchInput classNames={{ root: \"oui-mt-4\" }} />\n </Box>\n\n <Tabs\n variant=\"contained\"\n size=\"md\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (tab: string) => void}\n classNames={{\n tabsList: cn(\"oui-my-[6px]\"),\n tabsContent: \"oui-h-full\",\n scrollIndicator: \"oui-mx-3\",\n }}\n className=\"oui-h-[calc(100%_-_92px)]\"\n showScrollIndicator\n >\n <TabPanel\n title={t(\"markets.favorites\")}\n icon={<FavoritesIcon />}\n value={MarketsTabName.Favorites}\n >\n {renderTab(MarketsTabName.Favorites)}\n </TabPanel>\n\n <TabPanel title={t(\"common.all\")} value={MarketsTabName.All}>\n {renderTab(MarketsTabName.All)}\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport { i18n } from \"@orderly.network/i18n\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport {\n DeleteIcon,\n FavoritesIcon2,\n TopIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\n\nexport const getMarketsSheetColumns = (\n favorite: FavoriteInstance,\n isFavoriteList = false,\n) => {\n return [\n {\n title: `${i18n.t(\"markets.column.market\")} / ${i18n.t(\"common.volume\")}`,\n dataIndex: \"24h_amount\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n let favoritesIcon: ReactNode;\n if (!isFavoriteList) {\n favoritesIcon = (\n <FavoritesDropdownMenuWidget row={record} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-mr-1 oui-cursor-pointer\"\n >\n {record.isFavorite ? (\n <FavoritesIcon2 className=\"oui-size-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-size-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n }\n return (\n <Flex>\n {favoritesIcon}\n <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n <Flex gapX={1}>\n <TokenIcon symbol={record.symbol} className=\"oui-size-[18px]\" />\n <Text.formatted\n rule=\"symbol\"\n formatString=\"base\"\n size=\"2xs\"\n weight=\"semibold\"\n >\n {record.symbol}\n </Text.formatted>\n <Badge size=\"xs\" color=\"primary\">\n {record.leverage}x\n </Badge>\n </Flex>\n\n <Text.numeral\n intensity={54}\n rule=\"human\"\n dp={2}\n rm={Decimal.ROUND_DOWN}\n >\n {value}\n </Text.numeral>\n </Flex>\n </Flex>\n );\n },\n },\n {\n title: i18n.t(\"markets.column.price&Change\"),\n dataIndex: \"change\",\n align: \"right\",\n onSort: true,\n className: \"oui-h-[36px]\",\n render: (value, record) => {\n const onDelSymbol: MouseEventHandler = (e) => {\n favorite.updateSymbolFavoriteState(\n record,\n favorite.selectedFavoriteTab,\n true,\n );\n e.stopPropagation();\n };\n\n const iconCls =\n \"oui-w-4 oui-h-4 oui-text-base-contrast-54 hover:oui-text-base-contrast\";\n\n const actions = (\n <div\n className={cn(\n \"oui-absolute oui-right-0 oui-top-[6.5px]\",\n \"oui-hidden group-hover:oui-block\",\n )}\n >\n <Flex\n className={cn(\n \"oui-inline-flex\",\n \"oui-bg-primary-darken oui-py-[6px]\",\n )}\n r=\"base\"\n width={52}\n justify=\"center\"\n itemAlign=\"end\"\n gapX={2}\n >\n <TopIcon\n className={iconCls}\n onClick={(e) => {\n e.stopPropagation();\n favorite.pinToTop(record);\n }}\n />\n <DeleteIcon className={iconCls} onClick={onDelSymbol} />\n </Flex>\n </div>\n );\n\n return (\n <div className=\"oui-relative\">\n {isFavoriteList && actions}\n\n <Flex\n direction=\"column\"\n justify=\"end\"\n itemAlign=\"end\"\n gapY={1}\n className={cn(isFavoriteList && \"group-hover:oui-invisible\")}\n >\n <Text.numeral dp={record.quote_dp || 2} size=\"2xs\">\n {record[\"24h_close\"]}\n </Text.numeral>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n size=\"2xs\"\n >\n {value}\n </Text.numeral>\n </Flex>\n </div>\n );\n },\n },\n ] as Column[];\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { MarketsTabName } from \"../../type\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;\n\nconst MARKETS_SHEET_SEL_TAB_KEY = \"orderly_markets_sheet_sel_tab_key\";\n\nexport function useMarketsSheetScript() {\n const { tabSort, onTabSort } = useTabSort({\n storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n });\n\n const [activeTab, setActiveTab] = useLocalStorage(\n MARKETS_SHEET_SEL_TAB_KEY,\n MarketsTabName.Favorites,\n );\n\n return { tabSort, onTabSort, activeTab, onTabChange: setActiveTab };\n}\n","import React from \"react\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport { useMarketsSheetScript } from \"./marketsSheet.script\";\nimport { MarketsSheet, MarketsSheetProps } from \"./marketsSheet.ui\";\n\nexport type MarketsSheetWidgetProps = MarketsProviderProps &\n Partial<Pick<MarketsSheetProps, \"className\">>;\n\nexport const MarketsSheetWidget: React.FC<MarketsSheetWidgetProps> = (\n props,\n) => {\n const state = useMarketsSheetScript();\n\n return (\n <MarketsProvider\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <MarketsSheet {...state} className={props.className} />\n </MarketsProvider>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { Flex, Text, cn, Divider, Badge } from \"@orderly.network/ui\";\nimport { UseSymbolInfoBarScriptReturn } from \"./symbolInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type SymbolInfoBarProps = Pick<MarketsProviderProps, \"onSymbolChange\"> &\n UseSymbolInfoBarScriptReturn & {\n className?: string;\n trailing?: ReactNode;\n onSymbol?: () => void;\n };\n\nexport const SymbolInfoBar: FC<SymbolInfoBarProps> = (props) => {\n const { symbol, data, leverage, onSymbol } = props;\n\n const symbolView = (\n <Flex className=\"oui-cursor-pointer oui-gap-x-[6px]\" onClick={onSymbol}>\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"sm\"\n weight=\"semibold\"\n showIcon\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54 oui-w-[14px] oui-h-[14px]\" />\n </Flex>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-mobile\",\n \"oui-font-semibold oui-h-full\",\n props.className\n )}\n >\n <Flex gapX={3} className=\"oui-flex-1 oui-overflow-hidden oui-h-full\">\n <Flex gapX={3}>\n {symbolView}\n <Badge size=\"xs\" color=\"primary\">\n {leverage}x\n </Badge>\n </Flex>\n\n <Divider className=\"oui-h-6\" direction=\"vertical\" intensity={8} />\n <Text.numeral\n size=\"2xs\"\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n","import { useMemo } from \"react\";\nimport { useSymbolsInfo, useTickerStream } from \"@orderly.network/hooks\";\n\nexport type UseSymbolInfoBarScriptOptions = {\n symbol: string;\n};\n\nexport type UseSymbolInfoBarScriptReturn = ReturnType<\n typeof useSymbolInfoBarScript\n>;\n\nexport function useSymbolInfoBarScript(options: UseSymbolInfoBarScriptOptions) {\n const { symbol } = options;\n\n const data = useTickerStream(symbol);\n\n const symbolsInfo = useSymbolsInfo();\n\n const leverage = useMemo(() => {\n const info = symbolsInfo[symbol];\n const baseImr = info(\"base_imr\");\n return getLeverage(baseImr);\n }, [symbol, symbolsInfo]);\n\n return {\n symbol,\n data,\n leverage,\n };\n}\n\nfunction getLeverage(base_imr: number) {\n return base_imr ? 1 / base_imr : undefined;\n}\n","import {\n useSymbolInfoBarScript,\n UseSymbolInfoBarScriptOptions,\n} from \"./symbolInfoBar.script\";\nimport { SymbolInfoBar, SymbolInfoBarProps } from \"./symbolInfoBar.ui\";\n\nexport type SymbolInfoBarWidgetPros = UseSymbolInfoBarScriptOptions &\n Pick<SymbolInfoBarProps, \"className\" | \"trailing\" | \"onSymbol\">;\n\nexport const SymbolInfoBarWidget: React.FC<SymbolInfoBarWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarScript({ symbol });\n return <SymbolInfoBar {...state} {...rest} />;\n};\n","import {\n TokenIcon,\n Flex,\n Text,\n cn,\n Divider,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseSymbolInfoBarFullScriptReturn } from \"./symbolInfoBarFull.script\";\nimport { FavoritesDropdownMenuWidget } from \"../favoritesDropdownMenu\";\nimport {\n ArrowLeftIcon,\n FavoritesIcon2,\n TriangleDownIcon,\n UnFavoritesIcon2,\n} from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ReactNode } from \"react\";\nimport { DropDownMarketsWidget } from \"../dropDownMarkets\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport { useFundingRate } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 fundingRate,\n containerRef,\n leadingElementRef,\n tailingElementRef,\n leadingVisible,\n tailingVisible,\n onScoll,\n } = props;\n\n const { t } = useTranslation();\n\n const favoriteIcon = (\n <FavoritesDropdownMenuWidget row={{ symbol }} favorite={favorite}>\n <Flex\n width={12}\n height={12}\n justify=\"center\"\n itemAlign=\"center\"\n className=\"oui-cursor-pointer oui-mr-1\"\n >\n {isFavorite ? (\n <FavoritesIcon2 className=\"oui-w-3 oui-h-3 oui-text-[rgba(255,154,46,1)]\" />\n ) : (\n <UnFavoritesIcon2 className=\"oui-w-3 oui-h-3 oui-text-base-contrast-36 hover:oui-text-[rgba(255,154,46,1)]\" />\n )}\n </Flex>\n </FavoritesDropdownMenuWidget>\n );\n\n const symbolView = (\n <DropDownMarketsWidget\n contentClassName=\"oui-w-[429px] oui-h-[496px]\"\n symbol={props.symbol}\n onSymbolChange={props.onSymbolChange}\n >\n <Flex gapX={1} className=\"oui-cursor-pointer\">\n <TokenIcon symbol={symbol} className=\"oui-w-4 oui-h-4\" />\n <Text.formatted\n className=\"oui-break-normal oui-whitespace-nowrap\"\n rule=\"symbol\"\n formatString=\"base-type\"\n size=\"xs\"\n weight=\"semibold\"\n intensity={98}\n >\n {symbol}\n </Text.formatted>\n <TriangleDownIcon className=\"oui-text-base-contrast-54\" />\n </Flex>\n </DropDownMarketsWidget>\n );\n\n const price = (\n <Text.numeral\n dp={quotoDp || 2}\n currency=\"$\"\n size=\"sm\"\n intensity={98}\n className=\"oui-data-value\"\n >\n {data?.[\"24h_close\"]}\n </Text.numeral>\n );\n\n const change = (\n <>\n <Text.numeral coloring rm={Decimal.ROUND_DOWN} showIdentifier>\n {data?.[\"24h_change\"]!}\n </Text.numeral>\n <Text intensity={36}>/</Text>\n <Text.numeral\n rule=\"percentages\"\n coloring\n rm={Decimal.ROUND_DOWN}\n showIdentifier\n >\n {data?.[\"change\"]!}\n </Text.numeral>\n </>\n );\n\n return (\n <Flex\n className={cn(\n \"oui-symbol-info-bar-desktop\",\n \"oui-font-semibold oui-h-[54px]\",\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-flex-1 oui-overflow-hidden oui-h-full\">\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-overflow-hidden oui-h-full\">\n <div\n ref={containerRef}\n className=\"oui-overflow-x-auto oui-hide-scrollbar oui-h-full\"\n >\n <Flex gapX={8} height=\"100%\">\n <div ref={leadingElementRef}>\n <DataItem\n label={t(\"markets.column.24hChange\")}\n value={change}\n />\n </div>\n <DataItem\n label={t(\"markets.symbolInfoBar.Mark\")}\n value={\n <Text.numeral\n dp={quotoDp}\n data-testid=\"oui-testid-tokenInfo-markPrice-value\"\n >\n {data?.[\"mark_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Mark.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.Index\")}\n value={\n <Text.numeral dp={quotoDp}>\n {data?.[\"index_price\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.Index.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.24hVolume\")}\n value={\n <Text.numeral rule=\"human\" dp={2}>\n {data?.[\"24h_amount\"]}\n </Text.numeral>\n }\n hint={t(\"markets.symbolInfoBar.24hVolume.tooltip\")}\n />\n <DataItem\n label={t(\"markets.symbolInfoBar.predFundingRate\")}\n value={<FundingRate symbol={symbol} />}\n hint={t(\"markets.symbolInfoBar.predFundingRate.tooltip\")}\n />\n <div ref={tailingElementRef}>\n <DataItem\n label={t(\"markets.openInterest\")}\n value={\n <>\n <Text.numeral rule=\"human\" dp={2}>\n {openInterest}\n </Text.numeral>\n <Text intensity={36}>{` USDC`}</Text>\n </>\n }\n hint={t(\"markets.openInterest.tooltip\")}\n />\n </div>\n </Flex>\n </div>\n <ScrollIndicator leading onClick={onScoll} visible={leadingVisible} />\n <ScrollIndicator tailing onClick={onScoll} visible={tailingVisible} />\n </div>\n </Flex>\n {props.trailing}\n </Flex>\n );\n};\n\ntype DataItemProps = {\n label: string;\n value: ReactNode;\n hint?: string;\n};\n\nconst DataItem: React.FC<DataItemProps> = (props) => {\n return (\n <Flex direction=\"column\" itemAlign=\"start\">\n <Tooltip\n open={props.hint ? undefined : false}\n content={props.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-break-normal oui-whitespace-nowrap\",\n props.hint &&\n \"oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12\"\n )}\n >\n {props.label}\n </Text>\n </Tooltip>\n <Text\n size=\"2xs\"\n intensity={98}\n className={cn(\n \"oui-data-value\",\n \"oui-leading-[20px] oui-break-normal oui-whitespace-nowrap\"\n )}\n >\n {props.value}\n </Text>\n </Flex>\n );\n};\n\ntype ScrollIndicatorProps = {\n tailing?: boolean;\n leading?: boolean;\n visible?: boolean;\n onClick?: (direction: string) => void;\n};\n\nconst ScrollIndicator: React.FC<ScrollIndicatorProps> = (props) => {\n const { visible, leading, tailing, onClick } = props;\n if (!visible) return null;\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-items-center oui-w-[80px]\",\n \"oui-absolute oui-top-0 oui-bottom-0 oui-rounded-l\",\n leading && \"oui-left-0 oui-pl-1\",\n tailing && \"oui-right-0 oui-pr-1 oui-rotate-180\"\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 {\n useFundingRate,\n useMarketsStore,\n useSymbolsInfo,\n useTickerStream,\n} from \"@orderly.network/hooks\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\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 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 if (direction === \"left\")\n containerRef.current?.scrollBy({ left: -100, behavior: \"smooth\" });\n else containerRef.current?.scrollBy({ left: 100, behavior: \"smooth\" });\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 };\n}\n","import { FC } from \"react\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\nimport {\n useSymbolInfoBarFullScript,\n UseSymbolInfoBarFullScriptOptions,\n} from \"./symbolInfoBarFull.script\";\nimport {\n SymbolInfoBarFull,\n SymbolInfoBarFullProps,\n} from \"./symbolInfoBarFull.ui\";\n\nexport type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions &\n Pick<SymbolInfoBarFullProps, \"className\" | \"trailing\"> &\n Pick<MarketsProviderProps, \"onSymbolChange\">;\n\nexport const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros> = (\n props,\n) => {\n const { symbol, ...rest } = props;\n\n const state = useSymbolInfoBarFullScript({ symbol });\n return <SymbolInfoBarFull {...state} {...rest} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseNewListingListReturn } from \"./newListingList.script\";\nimport { NewListingListWidgetProps } from \"./widget\";\n\nexport type NewListingListProps = UseNewListingListReturn &\n NewListingListWidgetProps;\n\nexport const NewListingList: FC<NewListingListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseNewListingListReturn = ReturnType<\n typeof useNewListingListScript\n>;\n\nexport const useNewListingListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.NEW_LISTING);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useNewListingListScript } from \"./newListingList.script\";\nimport { NewListingList } from \"./newListingList.ui\";\n\nexport type NewListingListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const NewListingListWidget: React.FC<NewListingListWidgetProps> = (\n props,\n) => {\n const state = useNewListingListScript();\n return <NewListingList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport type { FavoritesListWidgetProps } from \"./widget\";\n\nexport type FavoritesListProps = UseFavoritesListReturn &\n FavoritesListWidgetProps;\n\nexport const FavoritesList: FC<FavoritesListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, true);\n\n const columns =\n typeof getColumns === \"function\" ? getColumns(favorite, true) : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <>\n <Box px={3} className=\"oui-my-[6px]\">\n <FavoritesTabWidget favorite={favorite} size=\"sm\" />\n </Box>\n\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n </>\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseFavoritesListReturn = ReturnType<typeof useFavoritesListScript>;\n\nexport const useFavoritesListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.FAVORITES);\n const [loading, setLoading] = useState(true);\n\n const { favorites, selectedFavoriteTab } = favorite;\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const filterList = favorites\n ?.filter(\n (item) =>\n item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !==\n -1,\n )\n ?.map((fav) => {\n const index = data?.findIndex((item) => item.symbol === fav.name);\n if (index !== -1) {\n return data[index];\n }\n return null;\n })\n ?.filter((item) => !!item);\n\n const searchResults = searchBySymbol(filterList, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, selectedFavoriteTab, favorites, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useFavoritesListScript } from \"./favoritesList.script\";\nimport { FavoritesList } from \"./favoritesList.ui\";\n\nexport type FavoritesListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const FavoritesListWidget: React.FC<FavoritesListWidgetProps> = (\n props,\n) => {\n const state = useFavoritesListScript();\n return <FavoritesList {...state} {...props} />;\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { CollapseMarkets } from \"../../components/collapseMarkets\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSideMarketsColumns } from \"../../components/sideMarkets/column\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { RecentListWidgetProps } from \"./widget\";\n\nexport type RecentListProps = UseRecentListReturn & RecentListWidgetProps;\n\nexport const RecentList: FC<RecentListProps> = (props) => {\n const { dataSource, favorite, onSort, loading, getColumns, collapsed } =\n props;\n\n const { symbol, onSymbolChange } = useMarketsContext();\n\n const sideColumns = useSideMarketsColumns(favorite, false);\n\n const columns =\n typeof getColumns === \"function\"\n ? getColumns(favorite, false)\n : sideColumns;\n\n if (collapsed) {\n return <CollapseMarkets dataSource={dataSource} />;\n }\n\n return (\n <DataTable\n classNames={{\n root: props.tableClassNames?.root,\n body: props.tableClassNames?.body,\n header: cn(\"oui-h-9\", props.tableClassNames?.header),\n scroll: props.tableClassNames?.scroll,\n }}\n columns={columns}\n dataSource={dataSource}\n loading={loading}\n onRow={(record, index) => {\n return {\n className: cn(\"oui-h-[53px]\", props.rowClassName),\n onClick: () => {\n onSymbolChange?.(record);\n favorite.addToHistory(record);\n },\n };\n }}\n generatedRowKey={(record) => record.symbol}\n rowSelection={{ [symbol!]: true }}\n onSort={onSort}\n manualSorting\n />\n );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { searchBySymbol, useSort } from \"../../utils\";\n\nexport type UseRecentListReturn = ReturnType<typeof useRecentListScript>;\n\nexport const useRecentListScript = () => {\n const [data, favorite] = useMarkets(MarketsType.RECENT);\n const [loading, setLoading] = useState(true);\n\n const { searchValue } = useMarketsContext();\n\n const { onSort, getSortedList } = useSort();\n\n const dataSource = useMemo(() => {\n const searchResults = searchBySymbol(data, searchValue, \"base\");\n return getSortedList(searchResults);\n }, [data, searchValue, getSortedList]);\n\n useEffect(() => {\n setLoading(false);\n }, [data]);\n\n return {\n loading,\n dataSource,\n favorite,\n onSort,\n };\n};\n","import { DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\nimport { useRecentListScript } from \"./recentList.script\";\nimport { RecentList } from \"./recentList.ui\";\n\nexport type RecentListWidgetProps = {\n getColumns?: GetColumns;\n collapsed?: boolean;\n tableClassNames?: DataTableClassNames;\n rowClassName?: string;\n};\n\nexport const RecentListWidget: React.FC<RecentListWidgetProps> = (props) => {\n const state = useRecentListScript();\n return <RecentList {...state} {...props} />;\n};\n","import { FC, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs, useScreen } from \"@orderly.network/ui\";\nimport {\n MarketsProvider,\n MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { MarketsPageTab } from \"../../type\";\nimport { FundingWidget } from \"./funding/funding.widget\";\nimport { MarketsDataListWidget } from \"./marketsDataList\";\nimport { MarketsHeaderWidget } from \"./marketsHeader/marketsHeader.widget\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\n const { isMobile } = useScreen();\n\n const [activeTab, setActiveTab] = useState<MarketsPageTab>(\n MarketsPageTab.Markets,\n );\n\n return (\n <MarketsProvider onSymbolChange={props.onSymbolChange}>\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 />\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};\n\nconst MarketsDesktopContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Box p={6}>\n <Tabs\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.markets\")}\n value={MarketsPageTab.Markets}\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-4\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value={MarketsPageTab.Funding}\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n\nconst MarketsMobileContent = (props: MarketsContentProps) => {\n const { t } = useTranslation();\n\n return (\n <Tabs\n variant=\"text\"\n size=\"xl\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n classNames={{\n tabsListContainer: \"oui-border-0\",\n tabsList: \"oui-mx-6 oui-my-2\",\n trigger: cn(\n \"oui-text-2xl oui-font-bold\",\n \"data-[state=active]:after:oui-bg-transparent!\",\n ),\n tabsContent: \"oui-px-3\",\n }}\n >\n <TabPanel\n title={t(\"common.markets\")}\n value=\"markets\"\n testid=\"oui-testid-markets-tab\"\n >\n <MarketsHeaderWidget className=\"oui-mt-2\" />\n <MarketsDataListWidget />\n </TabPanel>\n <TabPanel\n title={t(\"common.funding\")}\n value=\"funding\"\n testid=\"oui-testid-funding-tab\"\n >\n <FundingWidget />\n </TabPanel>\n </Tabs>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { MobileFunding } from \"./funding.mobile.ui\";\nimport { useFundingScript } from \"./funding.script\";\nimport { Funding } from \"./funding.ui\";\n\nexport const FundingWidget = () => {\n const state = useFundingScript();\n const { isMobile } = useScreen();\n return isMobile ? <MobileFunding {...state} /> : <Funding {...state} />;\n};\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, cn, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const MobileFunding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n const search = (\n <SearchInput\n classNames={{\n root: cn(\"oui-mb-2 oui-mt-5\"),\n }}\n />\n );\n\n return (\n <Box\n intensity={900}\n p={3}\n mt={2}\n mb={5}\n r=\"xl\"\n height=\"100%\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <>\n {search}\n <FundingOverviewWidget />\n </>\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <>\n {search}\n <FundingComparisonWidget />\n </>\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n","import { useState } from \"react\";\nimport { FundingTabName } from \"../../../type\";\n\nexport type FundingScriptReturn = ReturnType<typeof useFundingScript>;\n\nexport function useFundingScript() {\n const [activeTab, setActiveTab] = useState<FundingTabName>(\n FundingTabName.Overview,\n );\n\n return {\n activeTab,\n onTabChange: setActiveTab,\n };\n}\n","import type { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, TabPanel, Tabs } from \"@orderly.network/ui\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { SearchInput } from \"../../../components/searchInput.tsx\";\nimport { FundingScriptReturn } from \"./funding.script\";\n\nexport const Funding: FC<FundingScriptReturn> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Box\n intensity={900}\n p={6}\n mt={4}\n r=\"2xl\"\n className=\"oui-markets-funding-list\"\n >\n <Tabs\n variant=\"contained\"\n size=\"lg\"\n value={props.activeTab}\n onValueChange={props.onTabChange as (value: string) => void}\n trailing={\n <SearchInput classNames={{ root: \"oui-my-1 oui-w-[240px]\" }} />\n }\n >\n <TabPanel\n title={t(\"common.overview\")}\n value=\"overview\"\n testid=\"oui-testid-funding-overview-tab\"\n >\n <FundingOverviewWidget />\n </TabPanel>\n <TabPanel\n title={t(\"markets.funding.comparison\")}\n value=\"comparison\"\n testid=\"oui-testid-funding-comparison-tab\"\n >\n <FundingComparisonWidget />\n </TabPanel>\n </Tabs>\n </Box>\n );\n};\n"]}