@orderly.network/markets 2.1.2 → 2.1.3

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/pages/home/header/header.ui.tsx","../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/header/header.script.tsx","../src/utils.ts","../src/pages/home/header/widget.tsx","../src/pages/home/dataList/dataList.ui.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/column.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/widget.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/widget.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/favoritesTabs/favoritesTabs.ui.tsx","../src/components/favoritesTabs/favoritesTabs.script.ts","../src/components/favoritesTabs/widget.tsx","../src/components/favoritesListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/widget.tsx","../src/pages/home/dataList/dataList.script.ts","../src/pages/home/dataList/widget.tsx","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/components/favoritesList/favoritesList.ui.tsx","../src/components/sideMarkets/column.tsx","../src/components/collapseMarkets/index.tsx","../src/components/favoritesList/favoritesList.script.ts","../src/components/favoritesList/widget.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/components/marketsList/marketsList.script.ts","../src/components/marketsList/widget.tsx","../src/components/recentList/recentList.ui.tsx","../src/components/recentList/recentList.script.ts","../src/components/recentList/widget.tsx","../src/components/newListingList/newListingList.ui.tsx","../src/components/newListingList/newListingList.script.ts","../src/components/newListingList/widget.tsx","../src/components/expandMarkets/expandMarkets.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/components/expandMarkets/widget.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/widget.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/widget.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/widget.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/widget.tsx","../src/components/marketsSheet/marketsSheet.ui.tsx","../src/components/marketsSheet/column.tsx","../src/components/marketsSheet/marketsSheet.script.ts","../src/components/marketsSheet/widget.tsx","../src/components/symbolInfoBar/symbolInfoBar.ui.tsx","../src/components/symbolInfoBar/symbolInfoBar.script.ts","../src/components/symbolInfoBar/widget.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.script.ts","../src/components/symbolInfoBarFull/widget.tsx","../src/pages/home/page.tsx","../src/pages/home/funding/funding.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/widget.tsx"],"names":["useMemo","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","useTranslation","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","sortKey","sortOrder","sortedList","isEmpty","value","b","val1","val2","useSort","defaultSortKey","defaultSortOrder","onSortChange","key","setKey","order","setOrder","onSort","options","getSortedList","searchBySymbol","formatString","reg","formatSymbol","symbol","arr","type","base","quote","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","MarketsHeaderWidget","state","CloseCircleFillIcon","Input","TabPanel","Tabs","DataTable","Tooltip","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","FavoritesDropdownMenu","favoriteTabs","open","onOpenChange","inputVisible","selectedTabs","onValueChange","hide","hideInput","showInput","onCheck","addTab","confirm","overLen","renderInput","overTabs","header","content","checked","tab","footer","e","useFavoritesDropdownMenuScript","favorites","updateFavoriteTabs","updateSymbolFavoriteState","setOpen","setInputVisible","setValue","setSelectedTabs","clearState","newTab","find","FavoritesDropdownMenuWidget","useMarketsListFullColumns","isFavoriteList","record","button","MarketsListFull","loading","dataSource","initialSort","pagination","columns","usePagination","useMarketsListFullScript","setLoading","pageSize","setPage","MarketsListFullWidget","sortStore","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","selectedFavoriteTab","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","useFavoritesListFullColumns","Trans","FavoritesListFull","useFavoritesListFullScript","filterData","filterList","fav","FavoritesListFullWidget","MarketsDataList","activeTab","onTabChange","onSearchValueChange","search","useMarketsDataListScript","setActiveTab","MarketsDataListWidget","TokenIcon","Badge","useSideMarketsColumns","favoritesIcon","onDelSymbol","iconCls","actions","CollapseMarkets","Fragment","FavoritesList","getColumns","collapsed","sideColumns","useFavoritesListScript","searchResults","FavoritesListWidget","MarketsList","useMarketsListScript","MarketsListWidget","RecentList","useRecentListScript","RecentListWidget","NewListingList","useNewListingListScript","NewListingListWidget","ExpandMarkets","tabSort","onTabSort","useSessionStorage","useTabSort","storageKey","setTabSort","useExpandMarketsScript","ExpandMarketsWidget","createFundingRenderer","dp","useFundingOverviewColumns","selectedPeriod","setSelectedPeriod","option","FundingOverview","isLoading","useFundingRateHistory","useFundingOverviewScript","marketData","historyData","isHistoryLoading","getPositiveRates","processedData","posRates","acc","period","market","history","h","filteredData","FundingOverviewWidget","useFundingRates","exchanges","useFundingComparisonScript","fundingRates","row","exchangeData","name","normalizedName","rate","exchange","useFundingColumns","FundingComparison","FundingComparisonWidget","SideMarkets","collapsable","onCollapse","SideMarketsHeader","useLocalStorage","useSideMarketsScript","setCollapsed","SideMarketsWidget","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","useDropDownMarketsScript","DropDownMarketsWidget","Grid","i18n","getMarketsSheetColumns","MarketsSheet","useMarketsSheetScript","MarketsSheetWidget","SymbolInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useSymbolInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","SymbolInfoBarWidget","useFundingRate","SymbolInfoBarFull","isFavorite","quotoDp","openInterest","fundingRate","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","favoriteIcon","price","change","DataItem","FundingRate","visible","leading","tailing","onClick","useMarketsStore","useSymbolInfoBarFullScript","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","SymbolInfoBarFullWidget","FundingUI","activeFundingTab","onFundingTabChange","useFundingScript","setActiveFundingTab","FundingWidget","MarketsHomePage"],"mappings":"AAAA,OAAwB,WAAAA,OAAe,QAEvC,OAAS,OAAAC,GAAK,MAAAC,GAAI,QAAAC,EAAM,QAAAC,MAAY,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,GAA8CV,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,EAA2CZ,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,GAA4Cd,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,EF9VF,OAAS,kBAAA4B,OAAsB,wBAmCzB,OACE,OAAA5B,EADF,QAAAQ,OAAA,oBAjCC,IAAMqB,GAAoC1B,GAAU,CACzD,GAAM,CACJ,SAAA2B,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,QAAAC,EACA,OAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,IAAAC,EACA,SAAAC,CACF,EAAIrC,EACE,CAAE,eAAAsC,CAAe,EAAIlC,EAAkB,EACvC,CAAE,EAAAmC,CAAE,EAAId,GAAe,EAEvBe,EAAMnD,GACV,gGACAyC,GAAgB,oCAClB,EAEMW,EAAYC,GAAc,CAC9BJ,IAAiBI,CAAI,EACrBL,EAAS,aAAaK,CAAI,CAC5B,EAEA,OACErC,GAAC,OACC,GAAG,qBACH,UAAU,sBACV,IAAKyB,EAAeH,EAAW,OAE/B,UAAAtB,GAACf,EAAA,CAAK,MAAM,OAAO,KAAM,EAAG,GAAI,EAC9B,UAAAO,EAAC8C,GAAA,CACC,cAAeT,EACf,kBAAmBC,EACnB,IAAKC,EACL,UAAWI,EACb,EACA3C,EAAC+C,GAAA,CACC,KAAMb,EACN,MACElC,EAACN,EAAK,SAAL,CAAc,MAAM,QAClB,SAAAgD,EAAE,qBAAqB,EAC1B,EAEF,UAAWC,EACX,SAAUC,EACZ,EACA5C,EAAC+C,GAAA,CACC,KAAMZ,EACN,MACEnC,EAACN,EAAA,CAAK,UAAU,yBACb,SAAAgD,EAAE,oBAAoB,EACzB,EAEF,UAAWC,EACX,SAAUC,EACZ,EACA5C,EAAC+C,GAAA,CACC,KAAMX,EACN,MACEpC,EAACN,EAAA,CAAK,UAAU,wBACb,SAAAgD,EAAE,mBAAmB,EACxB,EAEF,UAAWC,EACX,SAAUC,EACZ,GACF,EACA5C,EAAC,OAAI,UAAU,+CACb,SAAAA,EAACgD,GAAA,CACC,YAAahB,EACb,WAAYD,GAAU,WACtB,WAAYA,GAAU,WACxB,EACF,GACF,CAEJ,EAWMe,GAAuC3C,GAAU,CACrD,GAAM,CAAE,cAAAkC,EAAe,kBAAAC,EAAmB,IAAAC,CAAI,EAAIpC,EAC5C,CAAE,EAAAuC,CAAE,EAAId,GAAe,EAEvBqB,EAAO3D,GAAQ,IACZ,CACL,CACE,MACEkB,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,GAAA,EAAY,EAAE,IAAEyB,EAAE,0BAA0B,GAC/C,EAEF,MAAOL,CACT,EACA,CACE,MACE7B,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,GAAA,EAAY,EAAE,IAAEyB,EAAE,sBAAsB,GAC3C,EAEF,MAAOJ,CACT,EACA,CACE,MACE9B,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACiB,GAAA,EAAY,EAAE,IAAE,GAAGyB,EAAE,eAAe,CAAC,UACxC,EAEF,MAAOH,CACT,CACF,EACC,CAACF,EAAeC,EAAmBC,CAAG,CAAC,EAC1C,OACEvC,EAACP,EAAA,CACC,UAAU,SACV,QAAQ,UACR,MAAM,OACN,OAAQ,IACR,UAAWU,EAAM,UAEhB,SAAA8C,GAAM,IAAI,CAACJ,EAAMK,IAChBlD,EAACmD,GAAA,CAAuB,GAAGN,GAAXK,CAAiB,CAClC,EACH,CAEJ,EAUMC,GAAuChD,GAEzCK,GAACjB,GAAA,CAAI,UAAW,IAAK,EAAE,KAAK,GAAI,EAAG,GAAI,EAAG,MAAM,OAC9C,UAAAS,EAACN,EAAA,CAAK,GAAG,MAAM,UAAW,GAAI,KAAK,KAAK,OAAO,WAC5C,SAAAS,EAAM,MACT,EAEAH,EAACN,EAAK,QAAL,CACC,KAAK,OACL,SAAS,IACT,GAAIS,EAAM,IAAM,EAChB,GAAIR,GAAQ,WACZ,KAAMQ,EAAM,KAEX,SAAAA,EAAM,MACT,GACF,EAWE4C,GAAqC5C,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,EAAK,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,CAAC0C,EAAMK,IACtBlD,EAACoD,GAAA,CAA2B,KAAMP,EAAM,SAAU1C,EAAM,UAAzC0C,EAAK,MAA8C,CACnE,EACH,GACF,EAkBEO,GAAqCjD,GAAU,CACnD,GAAM,CAAE,KAAA0C,CAAK,EAAI1C,EAEjB,OACEK,GAACf,EAAA,CACC,MAAM,OACN,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,UAAWD,GAAG,yCAA0CW,EAAM,SAAS,EACvE,QAAS,IAAM,CACbA,EAAM,SAAS0C,CAAI,CACrB,EAEA,UAAA7C,EAACP,EAAA,CAAK,MAAM,OAAO,KAAM,EAEvB,SAAAO,EAACN,EAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAmD,EAAK,OACR,EACF,EAEA7C,EAACP,EAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,EAAK,QAAL,CACC,SAAS,IACT,KAAK,KACL,OAAO,WACP,GAAImD,EAAK,SAER,SAAAA,EAAK,WAAW,EACnB,EACF,EAEA7C,EAACP,EAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,EAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,KAAK,KACL,OAAO,WACP,eAAc,GAEb,SAAAmD,EAAK,OACR,EACF,GACF,CAEJ,EAQMG,GAAmD7C,GAAU,CACjE,GAAM,CAAE,YAAA6B,EAAa,WAAAqB,EAAY,WAAAC,CAAW,EAAInD,EAEhD,OACEH,EAACP,EAAA,CAAK,KAAM,EAAG,QAAQ,SAAS,UAAU,iBACvC,UAAC,EAAG,CAAC,EAAE,IAAKoD,GAET7C,EAACT,GAAA,CAEC,GAAI,EACJ,GAAIsD,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,SAAArD,EAACT,GAAA,CAEC,MAAO,EACP,OAAQ,EACR,EAAE,OACF,UAAWC,GACT,sCACAwC,IAAgBa,EACZ,kCACA,yBACN,GATKA,CAUP,GAxBKA,CAyBP,CAEH,EACH,CAEJ,EG7TA,OAAS,aAAAU,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAO2D,OAAsB,uBAC7B,OAAS,WAAA7D,OAAe,yBACxB,OAAS,cAAA8D,GAAY,YAAAC,GAAU,eAAAC,OAAmB,yBCFlD,OAAS,eAAA5D,GAAa,aAAAwD,GAAW,YAAA1D,OAAgB,QAiB1C,SAAS+D,GAASX,EAAaY,EAAkBC,EAAuB,CAC7E,IAAMC,EAAa,CAAC,GAAId,GAAQ,CAAC,CAAE,EAE7Be,EAAWC,GAAsCA,GAAU,KAEjE,OAAIJ,GAAWC,GAEbC,EAAW,KAAK,CAAC,EAAQG,IAAW,CAClC,IAAMC,EAAO,EAAEN,CAAO,EAChBO,EAAOF,EAAEL,CAAO,EAEtB,OAAIG,EAAQG,CAAI,EAAU,EACtBH,EAAQI,CAAI,EAAU,GAEtBN,IAAc,OACTM,EAAOD,EAGTA,EAAOC,CAChB,CAAC,EAEIL,CACT,CAEO,SAASM,EACdC,EACAC,EACAC,EACA,CACA,GAAM,CAACC,EAAKC,CAAM,EAAI7E,GAAiB,EACjC,CAAC8E,EAAOC,CAAQ,EAAI/E,GAAoB,EAExCgF,EAAS9E,GACZ+E,GAA2B,CAC1BJ,EAAOI,GAAS,OAAO,EACvBF,EAASE,GAAS,IAAI,EACtBN,IAAeM,GAAS,QAASA,GAAS,IAAI,CAChD,EACA,CAACN,CAAY,CACf,EAEMX,EAAUY,GAAOH,EACjBR,EAAYa,GAASJ,EAErBQ,EAAgBhF,GACnBkD,GAAgBW,GAASX,EAAMY,EAASC,CAAS,EAClD,CAACD,EAASC,CAAS,CACrB,EAEA,MAAO,CAAE,OAAAe,EAAQ,cAAAE,EAAe,QAAAlB,EAAS,UAAAC,CAAU,CACrD,CAEO,SAASkB,EACd/B,EACA7C,EAAc,GACd6E,EACA,CACA,IAAMC,EAAM,IAAI,OAAO9E,EAAa,GAAG,EACvC,OAAO6C,GAAM,OAAQJ,GACnBqC,EAAI,KAAKC,GAAatC,EAAK,OAAQoC,CAAY,CAAC,CAClD,CACF,CAEA,SAASE,GAAaC,EAAgBH,EAAuB,OAAQ,CACnE,IAAMI,EAAMD,EAAO,MAAM,GAAG,EACtBE,EAAOD,EAAI,CAAC,EACZE,EAAOF,EAAI,CAAC,EACZG,EAAQH,EAAI,CAAC,EAEnB,OAAOJ,EACJ,QAAQ,OAAQK,CAAI,EACpB,QAAQ,OAAQC,CAAI,EACpB,QAAQ,QAASC,CAAK,CAC3B,CAEO,SAASC,IAAU,CACxB,GAAM,CAACC,EAAOC,CAAQ,EAAI9F,GAAiB,CAAC,EACtC,CAAC+F,EAAQC,CAAS,EAAIhG,GAAiB,CAAC,EAE9C,OAAA0D,GAAU,IAAM,CACdoC,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,CDrGO,IAAMG,GAAyB,IAAM,CAC1C,GAAM,CAAC/D,EAAagE,CAAc,EAAInG,GAAS,CAAC,EAC1CoG,EAAOC,GAAc,EAErB,CAAE,MAAAR,CAAM,EAAID,GAAQ,EAEpB,CAAC3D,EAAUC,CAAQ,EAAIyB,GAAiB,CAC5C,KAAM,GAEN,eAAgB,MAClB,CAAC,EAED,OAAAD,GAAU,IAAM,CACdxB,GAAU,GAAG,SAAU,IAAM,CAC3BiE,EAAejE,GAAU,mBAAmB,CAAC,CAC/C,CAAC,CACH,EAAG,CAACA,CAAQ,CAAC,EAEN,CACL,YAAAC,EACA,eAAAgE,EACA,SAAAlE,EACA,SAAUC,EACV,aAAc2D,EAAQ,KACtB,GAAGO,CACL,CACF,EAEO,SAASC,IAAgB,CAC9B,GAAM,CAACC,EAAS3D,CAAQ,EAAIiB,GAAWE,GAAY,GAAG,EAChD,CAAE,KAAMyC,CAAQ,EAAI1C,GAAS,0BAA0B,EAEvDxB,EAAO5C,GACX,IAAMsE,GAASuC,EAAS,eAAgB,MAAM,EAAE,MAAM,EAAG,CAAC,EAC1D,CAACA,CAAO,CACV,EAEMhE,EAAU7C,GACd,IAAMsE,GAASuC,EAAS,SAAU,MAAM,EAAE,MAAM,EAAG,CAAC,EACpD,CAACA,CAAO,CACV,EAEM/D,EAAS9C,GACb,IAAMsE,GAASuC,EAAS,SAAU,KAAK,EAAE,MAAM,EAAG,CAAC,EACnD,CAACA,CAAO,CACV,EAEM9D,EAAgB/C,GACpB,IACE6G,GAAS,OAAO,CAACE,EAAoBC,IAC5BD,EAAU,IAAIC,EAAS,YAAY,GAAK,CAAC,EAC/C,IAAI3G,GAAQ,CAAC,CAAC,GAAK,IAAIA,GAAQ,CAAC,EACrC,CAACwG,CAAO,CACV,EAEM7D,EAAoBhD,GACxB,IACE6G,GAAS,OAAO,CAACE,EAAoBC,IAC5BD,EAAU,IAAIC,EAAS,cAAmB,CAAC,EACjD,IAAI3G,GAAQ,CAAC,CAAC,GAAK,IAAIA,GAAQ,CAAC,EACrC,CAACwG,CAAO,CACV,EAEM5D,EAAMjD,GAAQ,IAAM,CACxB,GAAI,CAAC8G,EAAS,MAAO,GAErB,GAAM,CAAE,cAAAG,EAAgB,CAAE,EAAIH,EAC9B,OAAO,IAAIzG,GAAQ4G,CAAa,EAAE,SAAS,CAC7C,EAAG,CAACH,CAAO,CAAC,EAEZ,MAAO,CACL,QAAAD,EACA,KAAAjE,EACA,QAAAC,EACA,OAAAC,EACA,cAAeC,EAAc,SAAS,EACtC,kBAAmBC,EAAkB,SAAS,EAC9C,IAAAC,EACA,SAAAC,CACF,CACF,CE3FS,cAAAxC,OAAA,oBAFF,IAAMwG,GAAsB,IAAM,CACvC,IAAMC,EAAQV,GAAuB,EACrC,OAAO/F,GAAC6B,GAAA,CAAe,GAAG4E,EAAO,CACnC,ECNA,OACE,OAAAlH,GACA,uBAAAmH,GACA,SAAAC,GACA,YAAAC,GACA,QAAAC,OACK,sBCLP,OAAS,MAAArH,GAAI,aAAAsH,OAAiB,sBCD9B,OAA4B,WAAAxH,OAAe,QAC3C,OAAS,QAAAG,GAAM,QAAAC,GAAM,OAAAH,GAAK,WAAAwH,OAAuB,sBACjD,OAAS,WAAApH,OAAe,yBCDxB,OACE,OAAAJ,GACA,UAAAyH,GACA,yBAAAC,GACA,wBAAAC,GACA,YAAAC,GACA,aAAAC,GACA,WAAAC,GACA,uBAAAC,GACA,sBAAAC,GACA,oBAAAC,GACA,uBAAAC,GACA,QAAAhI,GACA,SAAAkH,GAEA,QAAAjH,GACA,MAAAF,GACA,uBAAAkH,GAEA,WAAAK,OACK,sBAEP,OAAS,kBAAAnF,OAAsB,wBAgCrB,OAgBU,OAAA5B,EAhBV,QAAAQ,MAAA,oBA5BH,IAAMkH,GACXvH,GACG,CACH,GAAM,CACJ,OAAAiF,EACA,aAAAuC,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAA9D,EACA,cAAA+D,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,EAAInI,EAEE,CAAE,EAAAuC,CAAE,EAAId,GAAe,EAEvB2G,EAAUtE,GAAO,OAAS,GAE1BuE,EAAc,IAAM,CACxB,GAAIV,EACF,OACEtH,EAACjB,GAAA,CACC,UAAAiB,EAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC2G,GAAA,CACC,UAAS,GACT,MAAO1C,EACP,cAAe+D,EACf,WAAY,CACV,KAAMxI,GACJ,+DACA+I,GACE,kEACJ,CACF,EACA,aAAa,MACb,OACEtE,GACEjE,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAAC0G,GAAA,CACC,QAAS,EACT,KAAM,GACN,UAAU,+CACV,QAAS,IAAM,CACbsB,EAAc,EAAE,CAClB,EACF,EACF,EAGN,EAEAhI,EAACgH,GAAA,CACC,UAAU,iBACV,KAAK,KACL,QAASqB,EACT,SAAU,CAACpE,GAASsE,EAEnB,SAAA7F,EAAE,YAAY,EACjB,GACF,EAEC6F,GACC/H,EAACf,GAAA,CAAK,UAAU,SAAS,KAAM,EAAG,GAAI,EACpC,UAAAO,EAAC,OAAI,UAAU,iDAAiD,EAChEA,EAACN,GAAA,CAAK,MAAM,SAAU,SAAAgD,EAAE,gCAAgC,EAAE,GAC5D,GAEJ,EAIJ,IAAM+F,EAAWd,EAAa,QAAU,GAExC,OACE3H,EAAC+G,GAAA,CACC,KAAM0B,EAAW,OAAY,GAE7B,QACEzI,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAAgD,EAAE,gCAAgC,EACrC,EAEF,UAAU,gBACV,cAAe,EACf,MAAO,CAAE,UAAW,iBAAkB,EAEtC,SAAA1C,EAAC,OACC,SAAAQ,EAACf,GAAA,CACC,UAAWD,GACTiJ,EAAW,yBAA2B,oBACxC,EACA,UAAU,SACV,KAAM,EACN,EAAG,EACH,UAAWA,EAAW,IAAM,IAC5B,QAASA,EAAW,OAAYN,EAChC,OAAQ,GACR,EAAE,OAEF,UAAAnI,EAACmH,GAAA,CACC,KAAM,GACN,UAAU,4BACV,QAAS,EACX,EACAnH,EAACN,GAAA,CAAK,UAAU,GAAG,UAAW,GAC3B,SAAAgD,EAAE,2CAA2C,EAChD,GACF,EACF,EACF,CAEJ,EAEMgG,EACJlI,EAACf,GAAA,CAAK,QAAQ,UAAU,UAAU,yBAChC,UAAAe,EAACf,GAAA,CAAK,KAAM,EACT,UAAAiD,EAAE,kCAAkC,EACrC1C,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,OACL,SAAQ,GAEP,SAAA0F,EACH,GACF,EACApF,EAACoH,GAAA,CACC,KAAM,GACN,UAAU,4CACV,QAASa,EACX,GACF,EAGIU,EAEJnI,EAACjB,GAAA,CACC,UAAAS,EAACT,GAAA,CACC,GAAI,EACJ,UAAU,6DAET,SAAAoI,GAAc,MAAM,EAAG,EAAE,GAAG,IAAK9E,GAAS,CACzC,IAAM+F,EAAU,CAAC,CAACb,EAAa,KAAMc,GAAQA,EAAI,KAAOhG,EAAK,EAAE,EAC/D,OACE7C,EAACT,GAAA,CAAkB,UAAU,qBAC3B,SAAAiB,EAACf,GAAA,CACC,UAAU,sCACV,EAAG,EACH,EAAE,KACF,QAAS,IAAM,CACb2I,EAAQvF,EAAM+F,CAAO,CACvB,EAEC,UAAAA,EACC5I,EAACiH,GAAA,CACC,KAAM,GACN,UAAU,4BACZ,EAEAjH,EAACkH,GAAA,CACC,KAAM,GACN,UAAU,4BACZ,EAGFlH,EAACN,GAAA,CAAK,UAAW,GAAK,SAAAmD,EAAK,KAAK,GAClC,GAtBQA,EAAK,EAuBf,CAEJ,CAAC,EACH,EACA7C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACb,SAAAiJ,EAAY,EACf,GACF,EAIIM,EACJtI,EAACf,GAAA,CAAK,KAAM,EAAG,GAAI,EACjB,UAAAO,EAACgH,GAAA,CAEC,MAAM,OACN,QAASiB,EACT,UAAS,GACT,UAAU,cACV,KAAK,KAEJ,SAAAvF,EAAE,eAAe,GAPd,WAQN,EAEA1C,EAACgH,GAAA,CAEC,QAASsB,EACT,UAAS,GACT,UAAU,cACV,KAAK,KAEJ,SAAA5F,EAAE,gBAAgB,GANf,SAON,GACF,EAGF,OACElC,EAACgH,GAAA,CAAiB,KAAMI,EAAM,aAAcC,EAC1C,UAAA7H,EAACyH,GAAA,CAAoB,QAAO,GAAE,SAAAtH,EAAM,SAAS,EAC7CH,EAACuH,GAAA,CACC,SAAAvH,EAACsH,GAAA,CACC,iBAAmByB,GAAMA,EAAE,eAAe,EAC1C,QAAUA,GAAMA,EAAE,gBAAgB,EAClC,MAAM,QACN,YAAa,IACb,WAAY,GACZ,UAAU,2DAEV,SAAA/I,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EAAG,MAAO,IACxB,SAAAiB,EAACd,GAAA,CAAK,GAAG,MAAM,KAAK,KAAK,OAAO,WAC7B,UAAAgJ,EACD1I,EAACqH,GAAA,EAAQ,EACRsB,EACAG,GACH,EACF,EACF,EACF,GACF,CAEJ,ECpQA,OAAS,aAAAvF,GAAW,YAAA1D,OAAgB,QAa7B,SAASmJ,GACdlE,EACA,CACA,GAAM,CAAE,OAAAM,CAAO,EAAIN,EAAQ,KAAO,CAAC,EAC7B,CACJ,UAAAmE,EACA,aAAAtB,EACA,mBAAAuB,EACA,0BAAAC,CACF,EAAIrE,EAAQ,SACN,CAAC8C,EAAMwB,CAAO,EAAIvJ,GAAS,EAAK,EAChC,CAACiI,EAAcuB,CAAe,EAAIxJ,GAAS,EAAK,EAChD,CAACoE,EAAOqF,CAAQ,EAAIzJ,GAAS,EAAE,EAC/B,CAACkI,EAAcwB,CAAe,EAAI1J,GAAS,CAAC,CAAkB,EAE9DoI,EAAO,IAAM,CACjBmB,EAAQ,EAAK,CACf,EAEMjB,EAAY,IAAM,CACtBkB,EAAgB,EAAI,CACtB,EAEMnB,EAAY,IAAM,CACtBmB,EAAgB,EAAK,CACvB,EAEMG,EAAa,IAAM,CACvBF,EAAS,EAAE,EACXpB,EAAU,EACVqB,EAAgB,CAAC,CAAC,CACpB,EAEMlB,EAAS,IAAM,CACnB,IAAMoB,EAAS,CACb,KAAMxF,GAAS,aAAa0D,EAAa,MAAM,GAC/C,GAAI,KAAK,IAAI,CACf,EACAuB,EAAmBO,EAAQ,CAAE,IAAK,EAAK,CAAC,EACxCD,EAAW,CACb,EAEMpB,EAAU,CAACvF,EAAmB+F,IAAqB,CAErDW,EADEX,EACcb,GAAc,OAAQc,GAAQA,EAAI,KAAOhG,EAAK,EAAE,EAEhD,CAAC,GAAGkF,EAAclF,CAAI,CAF2B,EAInEqF,EAAU,CACZ,EAEMI,EAAU,IAAM,CACpBa,EAA0BrE,EAAQ,IAAKiD,EAAc,EAAK,EAC1DqB,EAAQ,EAAK,CACf,EAEA,OAAA7F,GAAU,IAAM,CACd,GAAI,CAACqE,EACH,OAGF,IAAM8B,EAAOT,GAAW,KAAMpG,GAASA,EAAK,OAASuC,CAAM,EACvDsE,GAAM,MAAM,QACdH,EAAgBG,GAAM,IAAI,CAE9B,EAAG,CAAC9B,EAAMqB,EAAWtB,EAAcvC,CAAM,CAAC,EAE1C7B,GAAU,IAAM,CACTqE,GACH4B,EAAW,CAEf,EAAG,CAAC5B,CAAI,CAAC,EAEF,CACL,OAAAxC,EACA,aAAAuC,EACA,KAAAC,EACA,aAAcwB,EACd,aAAAtB,EACA,aAAAC,EACA,MAAA9D,EACA,cAAeqF,EACf,KAAArB,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,CACF,CCvFI,cAAAtI,OAAA,oBALG,IAAM2J,EAERxJ,GAAU,CACb,IAAMsG,EAAQuC,GAA+B7I,CAAK,EAClD,OACEH,GAAC0H,GAAA,CAAuB,GAAGjB,EAAQ,SAAAtG,EAAM,SAAS,CAEtD,EHNA,OAAS,kBAAAyB,OAAsB,wBAWhB,cAAA5B,EAgGL,QAAAQ,OAhGK,oBATR,IAAMoJ,GAA4B,CACvCpH,EACAqH,EAAiB,KACd,CACH,GAAM,CAAE,EAAAnH,CAAE,EAAId,GAAe,EA+L7B,OA7LgBtC,GAAQ,IACf,CACL,CACE,MAAOU,EAACc,GAAA,CAAgB,UAAU,WAAW,EAC7C,UAAW,aACX,MAAO,SACP,MAAO,GACP,OAAQ,CAACmD,EAAO6F,IAAW,CAUzB,IAAMC,EACJ/J,EAACP,GAAA,CACC,MAAM,OACN,OAAO,OACP,GAAI,EACJ,QAAQ,SACR,UAAU,SACV,QAASoK,EAhB2Bd,GAAM,CAC5CvG,EAAS,0BACPsH,EACAtH,EAAS,oBACT,EACF,EACAuG,EAAE,gBAAgB,CACpB,EAS4C,OACxC,cAAY,6CAEX,SAAA9E,EACCjE,EAACa,GAAA,CAAc,UAAU,gCAAgC,EAEzDb,EAACc,GAAA,CAAgB,UAAU,gEAAgE,EAE/F,EAGF,OAAI+I,EACKE,EAIP/J,EAAC2J,EAAA,CAA4B,IAAKG,EAAQ,SAAUtH,EACjD,SAAAuH,EACH,CAEJ,CACF,EACA,CACE,MAAOrH,EAAE,uBAAuB,EAChC,UAAW,SACX,MAAO,GACP,OAASuB,GAELjE,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAuE,EACH,CAGN,EACA,CACE,MAAOvB,EAAE,cAAc,EACvB,UAAW,YACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAAQ,CAACuB,EAAO6F,IAEZ9J,EAACN,GAAK,QAAL,CAAa,GAAIoK,EAAO,UAAY,EAAG,SAAS,IAC9C,SAAA7F,EACH,CAGN,EACA,CACE,MAAOvB,EAAE,0BAA0B,EACnC,UAAW,SACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASuB,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,GAAA,EAAY,EAAE,IAAEyB,EAAE,0BAA0B,GAC/C,EAEF,UAAW,aACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASuB,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,GAAA,EAAY,EAAE,IAAEyB,EAAE,sBAAsB,GAC3C,EAEF,UAAW,eACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASuB,GAELjE,EAACN,GAAK,QAAL,CAAa,SAAS,IAAI,GAAI,EAAG,GAAIC,GAAQ,WAC3C,SAAAsE,EACH,CAGN,EACA,CACE,MAAOvB,EAAE,mCAAmC,EAC5C,UAAW,aACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASuB,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,EAAO6F,IACVD,EAEA7J,EAACP,GAAA,CAAK,QAAQ,MAAM,GAAI,EACtB,SAAAO,EAAC+G,GAAA,CACC,QAASrE,EAAE,iCAAiC,EAC5C,MAAM,SACN,cAAe,EAEf,SAAA1C,EAACT,GAAA,CACC,UAAU,sDACV,QAAUwJ,GAAM,CACdA,EAAE,gBAAgB,EAClBvG,EAAS,SAASsH,CAAM,CAC1B,EACA,cAAY,oCAEZ,SAAA9J,EAACgB,GAAA,CAAc,UAAU,yDAAyD,EACpF,EACF,EACF,EAGG,IAEX,CACF,EACC,CAACwB,EAAUqH,EAAgBnH,CAAC,CAAC,CAGlC,EDrLI,cAAA1C,OAAA,oBAhBG,IAAMgK,GAA6C7J,GAAU,CAClE,GAAM,CACJ,QAAA8J,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,EACA,YAAAsF,EACA,KAAA7E,EACA,WAAA8E,CACF,EAAIjK,EAEE,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C8J,EAAUT,GAA0BpH,EAAU,EAAK,EAEzD,OACExC,GAAC8G,GAAA,CACC,SAAQ,GACR,QAASuD,EACT,QAASJ,EACT,WAAYC,EACZ,MAAO,CAACJ,EAAQ5G,KACP,CACL,UAAW1D,GAAG,iCAAiC,EAC/C,QAAS,IAAM,CACbiD,IAAiBqH,CAAM,EACvBtH,EAAS,aAAasH,CAAM,CAC9B,EACA,cAAe,sBACbxE,IAAS,MAAQ,aAAe,KAClC,OAAOwE,EAAO,MAAM,EACtB,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAAC1E,CAAO,EAAG,EAAK,EAChC,OAAQP,EACR,YAAasF,EACb,WAAYC,EACZ,WAAY,CACV,OAAQ,UACV,EACA,cAAa,GACf,CAEJ,EKxDA,OAAS,aAAA7G,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA8D,GAAa,cAAAF,OAAkB,yBACxC,OAAS,iBAAA6G,OAAqB,sBAWvB,IAAMC,GACXzF,GACG,CACH,GAAM,CAACmF,EAASO,CAAU,EAAI3K,GAAS,EAAI,EACrC,CAAE,SAAA4K,EAAU,QAAAC,EAAS,WAAAN,CAAW,EAAIE,GAAc,CACtD,SAAU,EACZ,CAAC,EAEK,CAACrE,EAAMzD,CAAQ,EAAIiB,GAAWE,GAAY,GAAG,EAE7C,CAAE,YAAAvD,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAsE,EAAQ,cAAAE,EAAe,QAAAlB,EAAS,UAAAC,CAAU,EAAIO,EACpDS,GAAS,QACTA,GAAS,SACX,EAEMoF,EAAa5K,GAAQ,IAAM,CAC/B,IAAM2D,EAAO8B,EAAckB,CAAI,EAC/B,OAAOjB,EAAe/B,EAAM7C,EAAa,WAAW,CACtD,EAAG,CAAC6F,EAAMlB,EAAe3E,CAAW,CAAC,EAErC,OAAAmD,GAAU,IAAM,CACdiH,EAAW,EAAK,CAClB,EAAG,CAACvE,CAAI,CAAC,EAET1C,GAAU,IAAM,CACdmH,EAAQ,CAAC,CACX,EAAG,CAACtK,CAAW,CAAC,EAEhBmD,GAAU,IAAM,CAEVuB,EAAQ,OAAS,OACnBtC,EAAS,oBAAoB,MAAOqB,EAAUC,CAAU,CAE5D,EAAG,CAACD,EAASC,EAAWgB,EAAQ,IAAI,CAAC,EAE9B,CACL,QAAAmF,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,EACA,WAAAuF,CACF,CACF,ECrCI,cAAApK,OAAA,oBAVG,IAAM2K,GACXxK,GACG,CACH,IAAMsG,EAAQ8D,GAAyBpK,CAAK,EAGtCyK,EACJzK,EAAM,OAAS,MAAQsG,EAAM,SAAS,SAAS,IAAM,OAEvD,OACEzG,GAACgK,GAAA,CACE,GAAGvD,EACJ,KAAMtG,EAAM,KACZ,YAAa,CACX,QAASyK,GAAW,SAAWzK,EAAM,QACrC,KAAOyK,GAAW,WAA2BzK,EAAM,SACrD,EACF,CAEJ,EC5BA,OAAS,MAAAX,GAAI,QAAAC,GAAM,aAAAqH,OAAiB,sBCApC,OACE,OAAAvH,GACA,MAAAC,GACA,QAAAC,GACA,QAAAC,GACA,WAAAqH,GACA,SAAAJ,GACA,SAAAkE,OACK,sBAOP,OAAS,kBAAAjJ,OAAsB,wBAyCvB,cAAA5B,EAqBF,QAAAQ,OArBE,oBAnCD,IAAMsK,GAA6C3K,GAAU,CAClE,GAAM,CACJ,KAAAyH,EACA,QAAAwB,EACA,UAAA2B,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAAlH,EACA,cAAA+D,EACA,aAAAoD,EACA,OAAAC,EACA,OAAAhD,EACA,OAAAiD,EACA,KAAAC,EAAO,UACP,WAAAC,CACF,EAAIrL,EAEE,CAAE,EAAAuC,CAAE,EAAId,GAAe,EAEvB,CAAE,oBAAA6J,EAAqB,aAAA9D,EAAc,0BAAA+D,CAA0B,EACnEvL,EAAM,SAEFwL,EAAeJ,IAAS,KAAO,GAAK,GACpCK,EAAYL,IAAS,KAAO,GAAK,GACjChD,EAAUtE,GAAO,OAAS,GAE1B4H,EACJ,iIAEIC,GAASjJ,GAAc,CAC3BgI,GAAM,QAAQ,CACZ,MAAOnI,EAAE,4CAA4C,EACrD,QACE1C,EAACN,GAAA,CAAK,KAAK,KACR,SAAAgD,EAAE,mDAAoD,CACrD,KAAMG,EAAK,IACb,CAAC,EACH,EAEF,MAAO,CACL,OAAAyI,EAAOzI,CAAI,EACJ,QAAQ,QAAQ,CACzB,CACF,CAAC,CACH,EAEMkJ,GAAiChD,GAAM,CACvCA,EAAE,MAAQ,SACZqC,EAAa7C,CAAO,CAExB,EAEMyD,GAAiBnJ,GAEnBrC,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,SAAS,GAAI,EAAG,GAAI,EAC3C,UAAAO,EAACS,GAAA,CACC,UAAU,4EACV,QAAS,IAAM,CACb4K,EAAOxI,CAAI,CACb,EACF,EACA7C,EAACU,GAAA,CACC,UAAU,4EACV,QAAS,IAAM,CACboL,GAAMjJ,CAAI,CACZ,EACF,GACF,EAIEoJ,GAAY,IAAM,CACtB,IAAMxD,EAAWd,EAAa,QAAU,GAElCuE,EACJlM,EAACP,GAAA,CACC,UAAWD,GACT,kBACAiJ,EAAW,yBAA2B,qBACtCA,EAAW,gBAAkBoD,CAC/B,EACA,MAAOF,EACP,OAAQC,EACR,EAAE,OACF,QAAQ,SACR,UAAU,SACV,QAASnD,EAAW,OAAYJ,EAE/B,SAAAI,EACCzI,EAACsB,GAAA,CAAQ,UAAU,sDAAsD,EAEzEtB,EAACuB,GAAA,CAAc,UAAU,kBAAkB,EAE/C,EAGF,OAAIkH,EAEAzI,EAAC+G,GAAA,CAEC,QACE/G,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,kDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,MAAO,CAAE,UAAW,iBAAkB,EAErC,SAAAwM,EACH,EAIGA,CACT,EAEM1D,EAAe2D,GAEjBnM,EAAC+G,GAAA,CACC,KAAMwB,EAEN,QACEvI,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,iDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,WAAY,EAEZ,SAAAM,EAAC2G,GAAA,CACC,IAAKqE,EACL,MACEzC,EACI,CAAE,MAAO0C,CAAW,EACpB,CAEE,uBAAwB,SACxB,eAAgB,OAChB,oBAAqB,cACrB,qBAAsB,OACtB,MAAOA,CACT,EAEN,WAAY,CACV,KAAMzL,GACJ,4CACA,sEACA+L,IAAS,KAAO,eAAiB,eACjCY,GAAY3M,GAAG+I,EAAU,mBAAqBsD,CAAa,CAC7D,EACA,MAAOrM,GACL,oDACA+I,EACI,kBACA,2CACJgD,IAAS,KAAO,eAAiB,aACnC,CACF,EACA,MAAOtH,EACP,cAAe+D,EACf,OAAQ,IAAM,CACZoD,EAAa7C,CAAO,CACtB,EACA,QAASwD,GACT,aAAa,MACf,EACF,EAIEK,GAAgB,CAACvJ,EAAmBsJ,IAAsB,CAC9D,GAAIhB,GAAWgB,EACb,OAAO3D,EAAY2D,CAAQ,EAG7B,IAAME,EAAY,CAChB,OAAQ,WACR,KAAMd,IAAS,KAAO,MAAQ,KAC9B,UAAWA,IAAS,KAAO,qBAAuB,qBAClD,GAAI,KACN,EAEM5C,GAAUwD,EACdnM,EAACN,GAAK,SAAL,CAAc,MAAM,QAAQ,MAAO,IAAM,GAAG2M,EAC1C,SAAAxJ,EAAK,KACR,EAEA7C,EAACN,GAAA,CAAM,GAAG2M,EAAY,SAAAxJ,EAAK,KAAK,EAGlC,OACE7C,EAACT,GAAA,CACC,EAAE,OACF,GAAI,EACJ,OAAQqM,EACR,UAAWpM,GACT,qCACA2M,EACI,wCACA,iCACJA,EACIN,EACA,sEACN,EACA,QAAS,IAAM,CACbH,EAA0B7I,CAAI,EAC9BsJ,GAAY/C,EAAQ,EAAI,CAC1B,EAEC,SAAAT,GACH,CAEJ,EAEA,OACEnI,GAACf,GAAA,CAAK,MAAM,OAAO,KAAM,EAAG,UAAWU,EAAM,UAC3C,UAAAK,GAACf,GAAA,CACC,IAAKsL,EACL,GAAG,uCACH,UAAWvL,GACT,qDACA,yCACF,EAEA,KAAM+L,IAAS,KAAO,EAAI,EAC1B,MAAM,OAEL,UAAA5D,GAAc,MAAM,EAAG,EAAE,GAAG,IAAK9E,GAAc,CAC9C,IAAMsJ,EAAWV,EAAoB,KAAO5I,EAAK,GACjD,OACE7C,EAAC+G,GAAA,CAEC,KAAMoF,GAAY,CAAChB,EAAUvD,EAAO,GACpC,aAAeA,GAAS,CACtBuE,GAAY/C,EAAQxB,CAAI,CAC1B,EAEA,QAASoE,GAAcnJ,CAAI,EAC3B,cAAe,EACf,UAAWrD,GAAG,eAAe,EAC7B,MAAO,CACL,UAAW,iBACb,EAEC,SAAA4M,GAAcvJ,EAAMsJ,CAAQ,GAbxBtJ,EAAK,EAcZ,CAEJ,CAAC,EAEA,CAAC2I,GAAcS,GAAU,EAE1BjM,EAACN,GAAA,CAAK,KAAK,KAAK,IAAKwL,EAAS,UAAU,gBACrC,SAAAjH,EACH,GACF,EACCuH,GAAcS,GAAU,GAC3B,CAEJ,EC5RA,OAAS,aAAA1I,GAAW,UAAA+I,GAAQ,YAAAzM,OAAgB,QAYrC,SAAS0M,GAAsBzH,EAAuC,CAC3E,GAAM,CAAE,SAAAtC,EAAU,KAAA+I,EAAO,SAAU,EAAIzG,EACjC,CACJ,UAAAmE,EACA,aAAAtB,EACA,oBAAA8D,EACA,mBAAAvC,EACA,0BAAAwC,EACA,gBAAAc,CACF,EAAIhK,EAEE,CAACoF,EAAMwB,CAAO,EAAIvJ,GAAS,EAAK,EAChC,CAACsL,EAASsB,CAAU,EAAI5M,GAAS,EAAK,EACtC,CAACoE,EAAOqF,CAAQ,EAAIzJ,GAAS,EAAE,EAC/B,CAAC2L,EAAYkB,CAAa,EAAI7M,GAAS,EAAK,EAE5C8M,EAAaL,GAAyB,IAAI,EAC1CtB,EAAWsB,GAAyB,IAAI,EACxCpB,EAAUoB,GAAwB,IAAI,EAEtC,CAACrB,EAAY2B,CAAa,EAAI/M,GAAS,EAAE,EAEzCgN,EAAqB,IAAM,CAC/B,IAAMlB,EAAeJ,IAAS,KAAO,GAAK,GAC1C,WAAW,IAAM,CACf,GAAM,CAAE,YAAAuB,GAAa,YAAAC,CAAY,EAAIJ,EAAW,SAAW,CAAC,EAExDG,GAAeC,GACjBL,EAAc,EAAI,CAEtB,EAAG,CAAC,CACN,EAEMM,EAAgB,IAAM,CAC1B,WAAW,IAAM,CACXL,EAAW,UACbA,EAAW,QAAQ,WACjBA,EAAW,QAAQ,YAAcA,EAAW,QAAQ,YAE1D,EAAG,CAAC,CACN,EAEMtB,GAAUxI,GAAc,CAC5B4J,EAAW,EAAI,EACfnD,EAASzG,EAAK,IAAI,EAClB,WAAW,IAAM,CACfmI,EAAS,SAAS,MAAM,EACxBA,EAAS,SAAS,kBAAkB,GAAI,EAAE,CAC5C,EAAG,CAAC,CACN,EAEMI,GAAgB7C,GAAqB,CACzCW,EACE,CACE,GAAGuC,EACH,KAAMlD,EAAUkD,EAAoB,KAAOxH,CAC7C,EACA,CAAE,OAAQ,EAAK,CACjB,EACAwI,EAAW,EAAK,EAChBrD,EAAQ,EAAK,EACbyD,EAAmB,CACrB,EAEMxE,GAAS,IAAM,CACnB,IAAMoB,EAAS,CACb,KAAM,aAAa9B,EAAa,MAAM,GACtC,GAAI,KAAK,IAAI,CACf,EACAuB,EAAmBO,EAAQ,CAAE,IAAK,EAAK,CAAC,EACxCiC,EAA0BjC,CAAM,EAChCoD,EAAmB,EACnBG,EAAc,CAChB,EAEM1B,GAAU2B,GAAqB,CACnC/D,EAAmB+D,EAAa,CAAE,OAAQ,EAAK,CAAC,EAEhD,WAAW,IAAM,CAEf,IAAMC,GAAajE,EAAU,IAAKpG,IAAU,CAC1C,GAAGA,EACH,KAAMA,EAAK,MAAM,OAAQgG,IAAQA,GAAI,KAAOoE,EAAY,EAAE,CAC5D,EAAE,EAEFT,EAAgBU,EAAU,EAG1B,IAAMC,EAAOxF,EAAa,OAAQ9E,GAASA,EAAK,KAAOoK,EAAY,EAAE,EAC/DpE,EAAMsE,IAAOA,GAAM,OAAS,CAAC,GAAKA,IAAO,CAAC,EAChDzB,EAA0B7C,CAAG,CAC/B,EAAG,CAAC,CACN,EAEA,OAAAtF,GAAU,IAAM,CACd,GAAIU,EAAO,CACT,IAAMmJ,EAAOlC,EAAQ,SAAS,sBAAsB,EAC9CmC,GAAS9B,IAAS,KAAO,EAAI,GACnCqB,EAAc,KAAK,KAAKQ,GAAM,OAAS,GAAKC,GAAQ,EAAE,CAAC,CACzD,CACF,EAAG,CAACpJ,CAAK,CAAC,EAEVV,GAAU,IAAM,CACdsJ,EAAmB,CACrB,EAAG,CAAC,CAAC,EAEE,CACL,SAAArK,EACA,KAAAoF,EACA,QAAAwB,EACA,UAAWuD,EACX,SAAA3B,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAAlH,EACA,cAAeqF,EACf,OAAA+B,GACA,aAAAD,GACA,OAAA/C,GACA,OAAAiD,GACA,WAAAE,CACF,CACF,CCxHS,cAAAxL,OAAA,oBALF,IAAMsN,GACXnN,GACG,CACH,GAAM,CAAE,UAAAoN,EAAW,GAAGC,CAAK,EAAIrN,EACzBsG,EAAQ8F,GAAsBiB,CAAI,EACxC,OAAOxN,GAAC8K,GAAA,CAAc,GAAGrE,EAAO,KAAMtG,EAAM,KAAM,UAAWoN,EAAW,CAC1E,ECdO,IAAME,GAA8B7D,GJK3C,OAAS,SAAA8D,OAAa,wBAgBD,cAAA1N,GAMjB,QAAAQ,OANiB,oBAZd,IAAMmN,GAAiDxN,GAAU,CACtE,GAAM,CAAE,WAAA+J,EAAY,SAAA1H,EAAU,OAAAqC,EAAQ,QAAAoF,EAAS,WAAAG,CAAW,EAAIjK,EAExD,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C8J,EAAUoD,GAA4BjL,EAAU,EAAI,EAY1D,OACEhC,GAAC,OACC,UAAAR,GAACsN,GAAA,CAAmB,SAAU9K,EAAU,UAAU,WAAW,EAE7DxC,GAAC8G,GAAA,CACC,SAAQ,GAER,QAASuD,EACT,WAAYH,EACZ,UAlBJlK,GAACP,GAAA,CAAK,UAAU,wCAEd,SAAAO,GAAC0N,GAAA,CACC,QAAQ,mCACR,WAAY,CAAC1N,GAACc,GAAA,CAAgB,UAAU,4BAA4B,CAAE,EACxE,EACF,EAaI,QAASmJ,EACT,MAAO,CAACH,EAAQ5G,KACP,CACL,UAAW1D,GAAG,iCAAiC,EAC/C,QAAS,IAAM,CACbiD,IAAiBqH,CAAM,EACvBtH,EAAS,aAAasH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAAC1E,CAAO,EAAG,EAAK,EAChC,OAAQP,EACR,WAAYuF,EACZ,cAAa,GACf,GACF,CAEJ,EKxDA,OAAS,aAAA7G,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA8D,GAAa,cAAAF,OAAkB,yBACxC,OAAS,iBAAA6G,OAAqB,sBAQvB,IAAMsD,GAA6B,IAAM,CAC9C,GAAM,CAAE,SAAAnD,EAAU,QAAAC,EAAS,WAAAN,CAAW,EAAIE,GAAc,CACtD,SAAU,EACZ,CAAC,EACK,CAACrE,EAAMzD,CAAQ,EAAIiB,GAAWE,GAAY,SAAS,EACnD,CAACsG,EAASO,CAAU,EAAI3K,GAAS,EAAI,EAErC,CAAE,UAAAoJ,EAAW,oBAAAwC,CAAoB,EAAIjJ,EAErC,CAAE,YAAApC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAsE,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpCwJ,EAAavO,GAAQ,IAAM,CAC/B,IAAMwO,EAAa7E,GACf,OACCpG,GACCA,EAAK,MAAM,UAAWgG,GAAQA,EAAI,KAAO4C,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKsC,GAAQ,CACb,IAAM7K,EAAQ+C,GAAM,UAAWpD,GAASA,EAAK,SAAWkL,EAAI,IAAI,EAChE,OAAI7K,IAAU,GACL+C,EAAK/C,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAASA,CAAI,EAEzB,OAAOmC,EAAe8I,EAAY1N,EAAa,WAAW,CAC5D,EAAG,CAAC6F,EAAMwF,EAAqBxC,EAAW7I,CAAW,CAAC,EAEhD8J,EAAa5K,GACjB,IAAMyF,EAAc8I,CAAU,EAC9B,CAACA,EAAY9I,CAAa,CAC5B,EAEA,OAAAxB,GAAU,IAAM,CACdiH,EAAW,EAAK,CAClB,EAAG,CAACvB,CAAS,CAAC,EAEd1F,GAAU,IAAM,CACdmH,EAAQ,CAAC,CACX,EAAG,CAACtK,CAAW,CAAC,EAET,CACL,QAAA6J,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,EACA,WAAAuF,CACF,CACF,ECzDS,cAAApK,OAAA,oBAFF,IAAMgO,GAAoC,IAAM,CACrD,IAAMvH,EAAQmH,GAA2B,EACzC,OAAO5N,GAAC2N,GAAA,CAAmB,GAAGlH,EAAO,CACvC,EdWA,OAAS,kBAAA7E,OAAsB,wBAoBrB,cAAA5B,EAoBJ,QAAAQ,OApBI,oBAjBH,IAAMyN,GAAmD9N,GAAU,CACxE,GAAM,CAAE,UAAA+N,EAAW,YAAAC,CAAY,EAAIhO,EAC7B,CAAE,EAAAuC,CAAE,EAAId,GAAe,EAEvB,CAAE,YAAAxB,EAAa,oBAAAgO,EAAqB,iBAAA9N,CAAiB,EACzDC,EAAkB,EAEd8N,EACJrO,EAAC2G,GAAA,CACC,MAAOvG,EACP,cAAegO,EACf,YAAa1L,EAAE,4BAA4B,EAC3C,UAAU,yBACV,KAAK,KACL,cAAY,wCACZ,OACE1C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACe,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEX,GACEJ,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAAC0G,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASpG,EACX,EACF,EAGJ,aAAa,MACf,EAGF,OACEN,EAACT,GAAA,CAAI,GAAG,mBAAmB,UAAW,IAAK,EAAG,EAAG,EAAE,MACjD,SAAAiB,GAACqG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOqH,EACP,cAAeC,EACf,SAAUE,EAEV,UAAArO,EAAC4G,GAAA,CACC,MAAOlE,EAAE,mBAAmB,EAC5B,KAAM1C,EAACa,GAAA,EAAc,EACrB,MAAM,YACN,OAAO,mCAEP,SAAAb,EAACgO,GAAA,EAAwB,EAC3B,EACAhO,EAAC4G,GAAA,CACC,MAAOlE,EAAE,oBAAoB,EAC7B,KAAM1C,EAACW,GAAA,EAAe,EACtB,MAAM,MACN,OAAO,6BAEP,SAAAX,EAAC2K,GAAA,CACC,KAAK,MACL,QAAQ,aACR,UAAU,OACZ,EACF,EACA3K,EAAC4G,GAAA,CACC,MAAOlE,EAAE,qBAAqB,EAC9B,KAAM1C,EAACY,GAAA,EAAgB,EACvB,MAAM,MACN,OAAO,qCAEP,SAAAZ,EAAC2K,GAAA,CACC,KAAK,MACL,QAAQ,eACR,UAAU,OACZ,EACF,GACF,EACF,CAEJ,EenGA,OAAS,aAAApH,GAAW,YAAA1D,OAAgB,QAS7B,SAASyO,IAA2B,CACzC,GAAM,CAACJ,EAAWK,CAAY,EAAI1O,GAAkB,KAAK,EACnD,CAAE,iBAAAS,CAAiB,EAAIC,EAAkB,EAE/C,OAAAgD,GAAU,IAAM,CACdjD,IAAmB,CACrB,EAAG,CAAC4N,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAcjK,GAAkBsK,EAAatK,CAAgB,CAC/D,CACF,CChBS,cAAAjE,OAAA,oBAFF,IAAMwO,GAAwB,IAAM,CACzC,IAAM/H,EAAQ6H,GAAyB,EACvC,OAAOtO,GAACiO,GAAA,CAAiB,GAAGxH,EAAO,CACrC,ECNA,OACE,OAAAlH,GACA,uBAAAmH,GACA,MAAAlH,GACA,SAAAmH,GACA,YAAAC,GACA,QAAAC,OACK,sBCNP,OAAS,OAAAtH,GAAK,MAAAC,GAAI,aAAAsH,OAAiB,sBCAnC,OAAS,QAAArH,GAAM,aAAAgP,GAAW,QAAA/O,GAAM,SAAAgP,GAAO,MAAAlP,OAAkB,sBACzD,OAAS,WAAAG,OAAe,yBASxB,OAAS,kBAAAiC,OAAsB,wBA2Bb,cAAA5B,EA0BF,QAAAQ,OA1BE,oBAzBX,IAAMmO,GAAwB,CACnCnM,EACAqH,EAAiB,KACd,CACH,GAAM,CAAE,EAAAnH,CAAE,EAAId,GAAe,EAE7B,MAAO,CACL,CACE,MAAOc,EAAE,8BAA8B,EACvC,UAAW,aACX,OAAQ,GACR,UAAW,eACX,OAAQ,CAACuB,EAAO6F,IAAW,CACzB,IAAI8E,EACJ,OAAK/E,IACH+E,EACE5O,EAAC2J,EAAA,CAA4B,IAAKG,EAAQ,SAAUtH,EAClD,SAAAxC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqK,EAAO,WACN9J,EAACkB,GAAA,CAAe,UAAU,gDAAgD,EAE1ElB,EAACmB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,GAKFX,GAACf,GAAA,CACE,UAAAmP,EACDpO,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACyO,GAAA,CACC,OAAQ3E,EAAO,OACf,UAAU,4BACZ,EACA9J,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAoK,EAAO,OACV,EACAtJ,GAACkO,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAA5E,EAAO,SAAS,KACnB,GACF,EAEA9J,EAACN,GAAK,QAAL,CACC,UAAW,GACX,KAAK,MACL,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WAEX,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,EACA,CACE,MAAOvB,EAAE,6BAA6B,EACtC,UAAW,SACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,OAAQ,CAACuB,EAAO6F,IAAW,CACzB,IAAM+E,EAAkC9F,GAAM,CAC5CvG,EAAS,0BACPsH,EACAtH,EAAS,oBACT,EACF,EACAuG,EAAE,gBAAgB,CACpB,EAEM+F,EACJ,yEAEIC,EACJ/O,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,UAAW0N,EACX,QAAU/F,GAAM,CACdA,EAAE,gBAAgB,EAClBvG,EAAS,SAASsH,CAAM,CAC1B,EACF,EACA9J,EAACqB,GAAA,CAAW,UAAWyN,EAAS,QAASD,EAAa,GACxD,EACF,EAGF,OACErO,GAAC,OAAI,UAAU,eACZ,UAAAqJ,GAAkBkF,EAEnBvO,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,MACR,UAAU,MACV,KAAM,EACN,UAAWD,GAAGqK,GAAkB,2BAA2B,EAE3D,UAAA7J,EAACN,GAAK,QAAL,CAAa,GAAIoK,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAAA,EAAO,WAAW,EACrB,EACA9J,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,CACF,CACF,ECjKA,OAAS,aAAAwK,GAAW,QAAAhP,GAAM,QAAAC,GAAM,MAAAF,GAAI,WAAAuH,GAAS,SAAA2H,OAAa,sBAC1D,OAAS,WAAA/O,OAAe,yBAExB,OAAS,kBAAAiC,OAAsB,wBAgBf,OACE,OAAA5B,EADF,QAAAQ,OAAA,oBAVT,IAAMwO,GAAmD7O,GAAU,CACxE,GAAM,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAC/C,CAAE,EAAAmC,CAAE,EAAId,GAAe,EAC7B,OACE5B,EAAC,OAAI,UAAU,sDACb,SAAAA,EAACP,GAAA,CAAK,UAAU,SAAS,GAAI,EAAG,KAAM,EACnC,SAAAU,EAAM,YAAY,IAAK0C,GAAS,CAC/B,IAAM8F,EACJnI,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,EAACyO,GAAA,CACC,OAAQ5L,EAAK,OACb,UAAU,4BACZ,EACA7C,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAmD,EAAK,OACR,GACF,EACA7C,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAAgD,EAAE,qBAAqB,EAC1B,EACA1C,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAAgD,EAAE,8BAA8B,EACnC,GACF,EAEAlC,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,MAAM,KAAM,EAC7C,UAAAe,GAACkO,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAA7L,EAAK,SAAS,KACjB,EACA7C,EAACN,GAAK,QAAL,CACC,GAAImD,EAAK,UAAY,EACrB,SAAS,IACT,KAAK,MACL,UAAW,GAEV,SAAAA,EAAK,WAAW,EACnB,EACA7C,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAkD,EAAK,OACR,GACF,GACF,EAGF,OACE7C,EAAC+G,GAAA,CACC,KAAK,QACL,WAAY,EAEZ,QAAS4B,EACT,cAAe,EAGf,SAAAnI,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,SACR,UAAU,SACV,KAAM,EACN,MAAO,GACP,OAAQ,GACR,EAAE,KACF,UAAWD,GACT,qBACA,sBACA4F,IAAWvC,EAAK,QAAU,mCAC5B,EACA,QAAS,IAAM,CACbJ,IAAiBI,CAAI,CACvB,EAEA,UAAA7C,EAACyO,GAAA,CACC,OAAQ5L,EAAK,OACb,UAAU,4BACZ,EACA7C,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAkD,EAAK,OACR,GACF,GAhCKA,EAAK,MAiCZ,CAEJ,CAAC,EACH,EACF,CAEJ,EFxFW,OAIP,YAAAoM,GAJO,OAAAjP,GAIP,QAAAQ,OAJO,oBAZJ,IAAM0O,GAAyC/O,GAAU,CAC9D,GAAM,CAAE,WAAA+J,EAAY,SAAA1H,EAAU,OAAAqC,EAAQ,QAAAoF,EAAS,WAAAkF,EAAY,UAAAC,CAAU,EACnEjP,EAEI,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C8O,EAAcV,GAAsBnM,EAAU,EAAI,EAElD6H,EACJ,OAAO8E,GAAe,WAAaA,EAAW3M,EAAU,EAAI,EAAI6M,EAElE,OAAID,EACKpP,GAACgP,GAAA,CAAgB,WAAY9E,EAAY,EAIhD1J,GAAAyO,GAAA,CACE,UAAAjP,GAACT,GAAA,CAAI,GAAI,EAAG,UAAU,eACpB,SAAAS,GAACsN,GAAA,CAAmB,SAAU9K,EAAU,KAAK,KAAK,EACpD,EAEAxC,GAAC8G,GAAA,CACC,WAAY,CACV,KAAM3G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASkK,EACT,WAAYH,EACZ,QAASD,EACT,MAAO,CAACH,EAAQ5G,KACP,CACL,UAAW1D,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbsC,IAAiBqH,CAAM,EACvBtH,EAAS,aAAasH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAAC1E,CAAO,EAAG,EAAK,EAChC,OAAQP,EACR,cAAa,GACf,GACF,CAEJ,EG3DA,OAAS,aAAAtB,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA8D,GAAa,cAAAF,OAAkB,yBAMjC,IAAM6L,GAAyB,IAAM,CAC1C,GAAM,CAACrJ,EAAMzD,CAAQ,EAAIiB,GAAWE,GAAY,SAAS,EACnD,CAACsG,EAASO,CAAU,EAAI3K,GAAS,EAAI,EAErC,CAAE,UAAAoJ,EAAW,oBAAAwC,CAAoB,EAAIjJ,EAErC,CAAE,YAAApC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAsE,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpC6F,EAAa5K,GAAQ,IAAM,CAC/B,IAAMwO,EAAa7E,GACf,OACCpG,GACCA,EAAK,MAAM,UAAWgG,GAAQA,EAAI,KAAO4C,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKsC,GAAQ,CACb,IAAM7K,EAAQ+C,GAAM,UAAWpD,GAASA,EAAK,SAAWkL,EAAI,IAAI,EAChE,OAAI7K,IAAU,GACL+C,EAAK/C,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAASA,CAAI,EAEnB0M,EAAgBvK,EAAe8I,EAAY1N,EAAa,MAAM,EACpE,OAAO2E,EAAcwK,CAAa,CACpC,EAAG,CAACtJ,EAAMwF,EAAqBxC,EAAW7I,EAAa2E,CAAa,CAAC,EAErE,OAAAxB,GAAU,IAAM,CACdiH,EAAW,EAAK,CAClB,EAAG,CAACvE,CAAI,CAAC,EAEF,CACL,QAAAgE,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,CACF,CACF,EC/BS,cAAA7E,OAAA,oBAJF,IAAMwP,GACXrP,GACG,CACH,IAAMsG,EAAQ6I,GAAuB,EACrC,OAAOtP,GAACkP,GAAA,CAAe,GAAGzI,EAAQ,GAAGtG,EAAO,CAC9C,EChBA,OAAS,MAAAX,GAAI,aAAAsH,OAAsC,sBAoCxC,cAAA9G,OAAA,oBArBJ,IAAMyP,GAAqCtP,GAAU,CAC1D,GAAM,CACJ,QAAA8J,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,EACA,YAAAsF,EACA,WAAAgF,EACA,UAAAC,CACF,EAAIjP,EAEE,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C8O,EAAcV,GAAsBnM,EAAU,EAAK,EAEnD6H,EACJ,OAAO8E,GAAe,WAClBA,EAAW3M,EAAU,EAAK,EAC1B6M,EAEN,OAAID,EACKpP,GAACgP,GAAA,CAAgB,WAAY9E,EAAY,EAIhDlK,GAAC8G,GAAA,CACC,WAAY,CACV,KAAM3G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASkK,EACT,QAASJ,EACT,WAAYC,EACZ,MAAO,CAACJ,EAAQ5G,KACP,CACL,UAAW1D,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbsC,IAAiBqH,CAAM,EACvBtH,EAAS,aAAasH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAAC1E,CAAO,EAAG,EAAK,EAChC,OAAQP,EACR,YAAasF,EACb,cAAa,GACf,CAEJ,ECnEA,OAAS,aAAA5G,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA8D,GAAa,cAAAF,OAAkB,yBASjC,IAAMiM,GAAwB5K,GAAyC,CAC5E,GAAM,CAACmF,EAASO,CAAU,EAAI3K,GAAS,EAAI,EAErC,CAACoG,EAAMzD,CAAQ,EAAIiB,GAAWE,GAAY,GAAG,EAE7C,CAAE,YAAAvD,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAsE,EAAQ,cAAAE,CAAc,EAAIV,EAChCS,GAAS,QACTA,GAAS,UACTA,EAAQ,MACV,EAEMoF,EAAa5K,GAAQ,IAAM,CAC/B,IAAMiQ,EAAgBvK,EAAeiB,EAAM7F,EAAa,MAAM,EAC9D,OAAO2E,EAAcwK,CAAa,CACpC,EAAG,CAACtJ,EAAMlB,EAAe3E,CAAW,CAAC,EAErC,OAAAmD,GAAU,IAAM,CACdiH,EAAW,EAAK,CAClB,EAAG,CAACvE,CAAI,CAAC,EAEF,CACL,QAAAgE,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,CACF,CACF,EClBI,cAAA7E,OAAA,oBAJG,IAAM2P,EAAuDxP,GAAU,CAC5E,IAAMsG,EAAQiJ,GAAqBvP,CAAK,EAExC,OACEH,GAACyP,GAAA,CACE,GAAGhJ,EACJ,YAAa,CACX,QAAStG,EAAM,QACf,KAAMA,EAAM,SACd,EACA,WAAYA,EAAM,WAClB,UAAWA,EAAM,UACjB,gBAAiBA,EAAM,gBACvB,aAAcA,EAAM,aACtB,CAEJ,EC/BA,OAAS,MAAAX,GAAI,aAAAsH,OAAiB,sBAuBnB,cAAA9G,OAAA,oBAdJ,IAAM4P,GAAmCzP,GAAU,CACxD,GAAM,CAAE,WAAA+J,EAAY,SAAA1H,EAAU,OAAAqC,EAAQ,QAAAoF,EAAS,WAAAkF,EAAY,UAAAC,CAAU,EACnEjP,EAEI,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C8O,EAAcV,GAAsBnM,EAAU,EAAK,EAEnD6H,EACJ,OAAO8E,GAAe,WAClBA,EAAW3M,EAAU,EAAK,EAC1B6M,EAEN,OAAID,EACKpP,GAACgP,GAAA,CAAgB,WAAY9E,EAAY,EAIhDlK,GAAC8G,GAAA,CACC,WAAY,CACV,KAAM3G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASkK,EACT,WAAYH,EACZ,QAASD,EACT,MAAO,CAACH,EAAQ5G,KACP,CACL,UAAW1D,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbsC,IAAiBqH,CAAM,EACvBtH,EAAS,aAAasH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAAC1E,CAAO,EAAG,EAAK,EAChC,OAAQP,EACR,cAAa,GACf,CAEJ,ECrDA,OAAS,aAAAtB,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA8D,GAAa,cAAAF,OAAkB,yBAMjC,IAAMoM,GAAsB,IAAM,CACvC,GAAM,CAAC5J,EAAMzD,CAAQ,EAAIiB,GAAWE,GAAY,MAAM,EAChD,CAACsG,EAASO,CAAU,EAAI3K,GAAS,EAAI,EAErC,CAAE,YAAAO,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAsE,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpC6F,EAAa5K,GAAQ,IAAM,CAC/B,IAAMiQ,EAAgBvK,EAAeiB,EAAM7F,EAAa,MAAM,EAC9D,OAAO2E,EAAcwK,CAAa,CACpC,EAAG,CAACtJ,EAAM7F,EAAa2E,CAAa,CAAC,EAErC,OAAAxB,GAAU,IAAM,CACdiH,EAAW,EAAK,CAClB,EAAG,CAACvE,CAAI,CAAC,EAEF,CACL,QAAAgE,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,CACF,CACF,EChBS,cAAA7E,OAAA,oBAFF,IAAM8P,GAAqD3P,GAAU,CAC1E,IAAMsG,EAAQoJ,GAAoB,EAClC,OAAO7P,GAAC4P,GAAA,CAAY,GAAGnJ,EAAQ,GAAGtG,EAAO,CAC3C,ECdA,OAAS,MAAAX,GAAI,aAAAsH,OAAiB,sBAwBnB,cAAA9G,OAAA,oBAdJ,IAAM+P,GAA2C5P,GAAU,CAChE,GAAM,CAAE,WAAA+J,EAAY,SAAA1H,EAAU,OAAAqC,EAAQ,QAAAoF,EAAS,WAAAkF,EAAY,UAAAC,CAAU,EACnEjP,EAEI,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C8O,EAAcV,GAAsBnM,EAAU,EAAK,EAEnD6H,EACJ,OAAO8E,GAAe,WAClBA,EAAW3M,EAAU,EAAK,EAC1B6M,EAEN,OAAID,EACKpP,GAACgP,GAAA,CAAgB,WAAY9E,EAAY,EAIhDlK,GAAC8G,GAAA,CACC,WAAY,CACV,KAAM3G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASkK,EACT,WAAYH,EACZ,QAASD,EACT,MAAO,CAACH,EAAQ5G,KACP,CACL,UAAW1D,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbsC,IAAiBqH,CAAM,EACvBtH,EAAS,aAAasH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAAC1E,CAAO,EAAG,EAAK,EAChC,OAAQP,EACR,cAAa,GACf,CAEJ,ECtDA,OAAS,aAAAtB,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA8D,GAAa,cAAAF,OAAkB,yBAQjC,IAAMuM,GAA0B,IAAM,CAC3C,GAAM,CAAC/J,EAAMzD,CAAQ,EAAIiB,GAAWE,GAAY,WAAW,EACrD,CAACsG,EAASO,CAAU,EAAI3K,GAAS,EAAI,EAErC,CAAE,YAAAO,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAAsE,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpC6F,EAAa5K,GAAQ,IAAM,CAC/B,IAAMiQ,EAAgBvK,EAAeiB,EAAM7F,EAAa,MAAM,EAC9D,OAAO2E,EAAcwK,CAAa,CACpC,EAAG,CAACtJ,EAAM7F,EAAa2E,CAAa,CAAC,EAErC,OAAAxB,GAAU,IAAM,CACdiH,EAAW,EAAK,CAClB,EAAG,CAACvE,CAAI,CAAC,EAEF,CACL,QAAAgE,EACA,WAAAC,EACA,SAAA1H,EACA,OAAAqC,CACF,CACF,EChBS,cAAA7E,OAAA,oBAJF,IAAMiQ,GACX9P,GACG,CACH,IAAMsG,EAAQuJ,GAAwB,EACtC,OAAOhQ,GAAC+P,GAAA,CAAgB,GAAGtJ,EAAQ,GAAGtG,EAAO,CAC/C,EdFA,OAAS,kBAAAyB,OAAsB,wBAqBrB,cAAA5B,EAyBJ,QAAAQ,OAzBI,oBAjBH,IAAM0P,GAA+C/P,GAAU,CACpE,GAAM,CAAE,UAAA+N,EAAW,YAAAC,EAAa,QAAAgC,EAAS,UAAAC,CAAU,EAAIjQ,EAEjD,CAAE,YAAAC,EAAa,oBAAAgO,EAAqB,iBAAA9N,CAAiB,EACzDC,EAAkB,EAEd,CAAE,EAAAmC,CAAE,EAAId,GAAe,EAEvByM,EACJrO,EAAC2G,GAAA,CACC,MAAOvG,EACP,cAAegO,EACf,YAAa1L,EAAE,4BAA4B,EAC3C,WAAY,CAAE,KAAM,yCAA0C,EAC9D,KAAK,KACL,OACE1C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACe,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEX,GACEJ,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAAC0G,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASpG,EACX,EACF,EAGJ,aAAa,MACf,EAGIqC,EAAM,4BAEZ,OACEnC,GAACjB,GAAA,CAAI,UAAWC,GAAG,uCAAuC,EAAG,OAAO,OAClE,UAAAQ,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACb,SAAA8O,EACH,EACA7N,GAACqG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOqH,EACP,cAAeC,EACf,WAAY,CACV,SAAU3O,GAAG,cAAc,EAC3B,YAAa,aACb,gBAAiB,UACnB,EACA,UAAWmD,EACX,oBAAmB,GAEnB,UAAA3C,EAAC4G,GAAA,CACC,MAAOlE,EAAE,mBAAmB,EAC5B,KAAM1C,EAACa,GAAA,EAAc,EACrB,MAAM,YAEN,SAAAb,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAACwP,GAAA,CACC,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,EACAxP,EAAC4G,GAAA,CAAS,MAAOlE,EAAE,gBAAgB,EAAG,MAAM,SAC1C,SAAA1C,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAAC8P,GAAA,CACC,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,EACA9P,EAAC4G,GAAA,CAAS,MAAOlE,EAAE,YAAY,EAAG,MAAM,MACtC,SAAA1C,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAAC2P,EAAA,CACC,KAAK,MACL,QAASQ,GAAS,QAClB,UAAWA,GAAS,UACpB,OAAQC,EACR,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,EACApQ,EAAC4G,GAAA,CAAS,MAAOlE,EAAE,qBAAqB,EAAG,MAAM,aAC/C,SAAA1C,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAACiQ,GAAA,CACC,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,GACF,GACF,CAEJ,EezHA,OAAS,eAAAlQ,GAAa,aAAAwD,GAAW,YAAA1D,OAAgB,QCAjD,OAAS,eAAAE,OAAmB,QAC5B,OAAS,qBAAAsQ,OAAyB,yBAUlC,IAAM/L,GAAiB,aACjBC,GAAmB,OAElB,SAAS+L,GAAWxL,EAIxB,CACD,GAAM,CAAE,WAAAyL,EAAY,KAAAjL,EAAO,MAAO,YAAA6E,CAAY,EAAIrF,EAE5C,CAACqL,EAASK,CAAU,EAAIH,GAAkBE,EAAY,CAC1D,CAACjL,CAAI,EAAG,CACN,QAAS6E,GAAa,SAAW7F,GACjC,UAAW6F,GAAa,WAAa5F,EACvC,CACF,CAAY,EAGN6L,EAAYrQ,GAChB,CAAC8D,EAAUS,GAAgBR,EAAYS,KAAqB,CAC1DiM,EAAW,CACT,GAAGL,EACH,IAAK,CACH,QAAAtM,EACA,UAAAC,CACF,CACF,CAAC,CACH,EACA,CAAC,CACH,EAEA,MAAO,CACL,QAASqM,EAAQ7K,CAAI,EACrB,UAAA8K,CACF,CACF,CD9BO,SAASK,GACd3L,EACA,CACA,GAAM,CAACoJ,EAAWK,CAAY,EAAI1O,GAAkBiF,GAAS,SAAU,EAEjE,CAAE,QAAAqL,EAAS,UAAAC,CAAU,EAAIE,GAAW,CACxC,WAAY,+BACd,CAAC,EAEK,CAAE,iBAAAhQ,CAAiB,EAAIC,EAAkB,EAEzC4N,EAAcpO,GACjBkE,GAAkB,CACb,OAAOa,GAAS,aAAgB,WAClCA,EAAQ,YAAYb,CAAgB,EAEpCsK,EAAatK,CAAgB,CAEjC,EACA,CAACa,GAAS,WAAW,CACvB,EACA,OAAAvB,GAAU,IAAM,CACdgL,EAAazJ,GAAS,WAAa,WAAW,CAChD,EAAG,CAACA,GAAS,SAAS,CAAC,EAEvBvB,GAAU,IAAM,CACdjD,IAAmB,CACrB,EAAG,CAAC4N,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAAC,EACA,QAAAgC,EACA,UAAAC,CACF,CACF,CE5BM,cAAApQ,OAAA,oBAbC,IAAM0Q,GACXvQ,GACG,CACH,IAAMsG,EAAQgK,GAAuB,CACnC,UAAWtQ,EAAM,UACjB,YAAaA,EAAM,WACrB,CAAC,EAED,OACEH,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACkQ,GAAA,CAAe,GAAGzJ,EAAO,EAC5B,CAEJ,EC1BA,OAAa,YAAA5G,OAAgB,QAC7B,OAAS,aAAAiH,GAAuB,MAAAtH,OAAU,sBCD1C,OAAiB,QAAAE,OAAY,sBAC7B,OAAS,WAAAC,OAAe,yBAExB,OAAS,kBAAAiC,OAAsB,wBAMlB,cAAA5B,GA4CL,QAAAQ,OA5CK,oBAJb,IAAMmQ,GACJ,CAACC,EAAa,IACb3M,GACKA,IAAU,EACLjE,GAACN,GAAA,CAAK,eAAG,EAIhBM,GAACN,GAAK,QAAL,CACC,KAAK,cACL,GAAIkR,EACJ,SAAQ,GACR,GAAIjR,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,EAIO4M,GAA4B,CACvCC,EACAC,IACmC,CACnC,GAAM,CAAE,EAAArO,CAAE,EAAId,GAAe,EAC7B,MAAO,CACL,CACE,MAAOc,EAAE,uBAAuB,EAChC,UAAW,SACX,MAAO,IACP,OAASuB,GACPjE,GAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAuE,EACH,CAEJ,EACA,CACE,MAAOvB,EAAE,mCAAmC,EAC5C,UAAW,aACX,MAAO,IACP,OAAQ,GACR,OAASuB,GACPzD,GAAC,OACC,UAAAR,GAACN,GAAK,QAAL,CACC,KAAK,cACL,GAAI,EACJ,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,EACAjE,GAAC,QAAK,UAAU,4BAA4B,kBAAM,GACpD,CAEJ,EACA,CACE,MAAO0C,EAAE,oCAAoC,EAC7C,UAAW,cACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MAAOjO,EAAE,8BAA8B,EACvC,UAAW,YACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MAAOjO,EAAE,8BAA8B,EACvC,UAAW,YACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MAAOjO,EAAE,8BAA8B,EACvC,UAAW,YACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MAAOjO,EAAE,+BAA+B,EACxC,UAAW,aACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MAAOjO,EAAE,+BAA+B,EACxC,UAAW,aACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MAAOjO,EAAE,+BAA+B,EACxC,UAAW,aACX,MAAO,GACP,OAAQ,GACR,OAAQiO,GAAsB,CAChC,EACA,CACE,MACEnQ,GAAC,OAAI,UAAU,qBACb,UAAAR,GAAC,UACC,MAAO8Q,EACP,SAAW/H,GAAMgI,EAAkBhI,EAAE,OAAO,KAAK,EACjD,QAAUA,GAAMA,EAAE,gBAAgB,EAClC,UAAU,gGAET,UACC,CACE,MAAOrG,EAAE,kBAAkB,EAC3B,MAAO,YACT,EACA,CACE,MAAOA,EAAE,kBAAkB,EAC3B,MAAO,YACT,EACA,CACE,MAAOA,EAAE,kBAAkB,EAC3B,MAAO,YACT,EACA,CACE,MAAOA,EAAE,mBAAmB,EAC5B,MAAO,aACT,EACA,CACE,MAAOA,EAAE,mBAAmB,EAC5B,MAAO,aACT,EACA,CACE,MAAOA,EAAE,mBAAmB,EAC5B,MAAO,aACT,CACF,EAAE,IAAKsO,GACLhR,GAAC,UAA0B,MAAOgR,EAAO,MACtC,SAAAA,EAAO,OADGA,EAAO,KAEpB,CACD,EACH,EACAhR,GAAC,QAAM,SAAA0C,EAAE,qCAAqC,EAAE,GAClD,EAEF,UAAWoO,EACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAAQH,GAAsB,CAAC,CACjC,CACF,CACF,EDpJM,cAAA3Q,OAAA,oBARC,IAAMiR,GAA6C9Q,GAAU,CAClE,GAAM,CAAE,WAAA+J,EAAY,UAAAgH,EAAW,WAAA9G,EAAY,OAAAvF,CAAO,EAAI1E,EAChD,CAAC2Q,EAAgBC,CAAiB,EAAIlR,GAAS,YAAY,EAE3DwK,EAAUwG,GAA0BC,EAAgBC,CAAiB,EAE3E,OACE/Q,GAAC,OAAI,UAAU,SACb,SAAAA,GAAC8G,GAAA,CACC,QAASuD,EACT,WAAYH,EACZ,QAASgH,EACT,SAAQ,GACR,MAAO,KACE,CACL,UAAW1R,GAAG,iCAAiC,CACjD,GAEF,WAAY,CACV,OAAQ,UACV,EACA,WAAY4K,EACZ,OAAQvF,EACR,cAAa,GACb,gBAAkBiF,GAAWA,EAAO,OACtC,EACF,CAEJ,EEtCA,OAAS,WAAAxK,OAAe,QACxB,OACE,yBAAA6R,GACA,cAAA1N,GACA,eAAAE,OACK,yBACP,OAAS,iBAAA2G,OAAqB,sBAkCvB,IAAM8G,GAA2B,IAAM,CAC5C,GAAM,CAAE,SAAA3G,EAAU,WAAAL,CAAW,EAAIE,GAAc,CAAE,SAAU,EAAG,CAAC,EACzD,CAAC+G,CAAU,EAAI5N,GAAWE,GAAY,GAAG,EACzC,CACJ,KAAM2N,EACN,UAAWC,EACX,iBAAAC,CACF,EAAIL,GAAsB,EACpB,CAAE,OAAAtM,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EACpC,CAAE,YAAAjE,CAAY,EAAIG,EAAkB,EAEpCkR,EAAgBnS,GAAQ,IAA8B,CAC1D,GAAI,CAAC+R,GAAY,OAAQ,MAAO,CAAC,EAGjC,IAAMK,EADuB,CAAC,KAAM,KAAM,KAAM,MAAO,MAAO,KAAK,EAC1C,OAAO,CAACC,EAAKC,KACpCD,EAAIC,CAAM,EAAIJ,EAAiBF,EAAaM,CAAM,EAC3CD,GACN,CAAC,CAA2C,EAE/C,OAAON,EAAW,IAAKQ,GAAW,CAChC,IAAMC,EAAUR,GAAa,KAAMS,GAAMA,EAAE,SAAWF,EAAO,MAAM,EAEnE,MAAO,CACL,OAAQA,EAAO,OACf,WAAYA,EAAO,iBACnB,YAAaA,EAAO,kBACpB,UAAWC,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,aAAcJ,EAAS,IAAI,EAAEG,EAAO,MAAM,GAAK,IAC/C,aAAcH,EAAS,IAAI,EAAEG,EAAO,MAAM,GAAK,IAC/C,aAAcH,EAAS,IAAI,EAAEG,EAAO,MAAM,GAAK,IAC/C,cAAeH,EAAS,KAAK,EAAEG,EAAO,MAAM,GAAK,IACjD,cAAeH,EAAS,KAAK,EAAEG,EAAO,MAAM,GAAK,IACjD,cAAeH,EAAS,KAAK,EAAEG,EAAO,MAAM,GAAK,GACnD,CACF,CAAC,CACH,EAAG,CAACR,EAAYC,EAAaE,CAAgB,CAAC,EAExCQ,EAAe1S,GAAQ,IACpB0F,EAAeyM,EAAerR,EAAa,WAAW,EAC5D,CAACqR,EAAerR,EAAagK,CAAU,CAAC,EAO3C,MAAO,CAAE,WALU9K,GACjB,IAAMyF,EAAciN,CAAY,EAChC,CAACA,EAAcjN,CAAa,CAC9B,EAEqB,UAAWwM,EAAkB,WAAAnH,EAAY,OAAAvF,CAAO,CACvE,ECvFS,cAAA7E,OAAA,oBAFF,IAAMiS,GAA4B,IAAM,CAC7C,IAAM9R,EAAQiR,GAAyB,EACvC,OAAOpR,GAACiR,GAAA,CAAiB,GAAG9Q,EAAO,CACrC,ECNA,OAAS,MAAAX,OAAU,sBACnB,OAAS,aAAAsH,OAAiB,sBCD1B,OAAS,QAAApH,OAAY,sBACrB,OAAS,WAAAC,OAAe,yBCFxB,OAAS,mBAAAuS,GAAiB,YAAAxO,OAAgB,yBAC1C,OAAS,WAAApE,OAAe,QACxB,OAAS,iBAAAgL,OAAqB,sBAIvB,IAAM6H,GAAY,CACvB,YACA,UACA,MACA,QACA,OACA,SACA,QACF,EAEaC,GAA6B,IAAM,CAC9C,GAAM,CAAE,SAAA3H,EAAU,QAAAC,EAAS,WAAAN,CAAW,EAAIE,GAAc,CACtD,SAAU,EACZ,CAAC,EACK,CAAE,OAAAzF,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EACpC,CAAE,YAAAjE,CAAY,EAAIG,EAAkB,EAEpC8R,EAAeH,GAAgB,EAE/B,CAAE,KAAAjM,EAAM,UAAAiL,CAAU,EAAIxN,GAQ1B,2CAA2C,EAEvC+N,EAAgBnS,GAAQ,IACvB2G,GAAM,OACJA,EAAK,IAAKqM,GAAa,CAC5B,IAAMC,EAAoB,CACxB,OAAQD,EAAI,MACd,EAEA,OAAAH,GAAU,QAAQ,CAACK,EAAMtP,IAAU,CACjC,IAAMuP,EAAiBD,EAAK,YAAY,EAExC,GAAIC,IAAmB,YAAa,CAClC,IAAMC,EAAOL,EAAaC,EAAI,MAAM,EACpCC,EAAa,YAAYrP,CAAK,EAAE,EAAIwP,EAAK,mBAAmB,GAAK,KACjE,MACF,CAEA,IAAMC,EAAWL,EAAI,UAAU,KAC5BvJ,GAAWA,EAAE,KAAK,YAAY,IAAM0J,CACvC,EACAF,EAAa,YAAYrP,CAAK,EAAE,EAAIyP,GAAU,MAAQ,IACxD,CAAC,EAEMJ,CACT,CAAC,EAtByB,CAAC,EAuB1B,CAACtM,EAAMkM,GAAWE,CAAY,CAAC,EAE5BL,EAAe1S,GAAQ,IACpB0F,EAAeyM,EAAerR,EAAa,WAAW,EAC5D,CAACqR,EAAerR,EAAagK,CAAU,CAAC,EAO3C,MAAO,CACL,KANiB9K,GACjB,IAAMyF,EAAciN,CAAY,EAChC,CAACA,EAAcjN,CAAa,CAC9B,EAIE,UAAAmM,EACA,WAAA9G,EACA,OAAAvF,CACF,CACF,EDxEA,OAAS,kBAAAjD,OAAsB,wBAWvB,cAAA5B,GAaA,QAAAQ,OAbA,oBATD,IAAMoS,GAAoB,IAAgB,CAC/C,GAAM,CAAE,EAAAlQ,CAAE,EAAId,GAAe,EAC7B,MAAO,CACL,CACE,MAAOc,EAAE,uBAAuB,EAChC,UAAW,SACX,MAAO,IACP,OAAQ,GACR,OAASuB,GACPjE,GAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAuE,EACH,CAEJ,EACA,GAAGkO,GAAU,IAAI,CAACQ,EAAUzP,KAAW,CACrC,MACE1C,GAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,KAAM,EAC9D,UAAAR,GAAC,OACC,IAAK,oDAAoD2S,EACtD,YAAY,EACZ,QAAQ,IAAK,GAAG,CAAC,OACpB,MAAO,CACL,MAAO,OACP,OAAQ,OACR,UAAW,QACX,aAAc,KAChB,EACF,EACA3S,GAAC,QAAM,SAAA2S,EAAS,GAClB,EAEF,UAAW,YAAYzP,CAAK,GAC5B,MAAO,IACP,OAASe,GACPA,IAAU,KACR,IAEAjE,GAACN,GAAK,QAAL,CACC,KAAK,cACL,GAAI,EACJ,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsE,EACH,CAEN,EAAE,CACJ,CACF,EDvCI,cAAAjE,OAAA,oBARG,IAAM6S,GAAgD,CAAC,CAC5D,KAAA5M,EACA,UAAAiL,EACA,WAAA9G,CACF,IAAM,CACJ,IAAMC,EAAUuI,GAAkB,EAElC,OACE5S,GAAC8G,GAAA,CACC,QAASuD,EACT,WAAYpE,EACZ,QAASiL,EACT,MAAO,KACE,CACL,UAAW1R,GAAG,iCAAiC,CACjD,GAEF,WAAY,CACV,OAAQ,UACV,EACA,SAAQ,GACR,WAAY4K,EACd,CAEJ,EGhCS,cAAApK,OAAA,oBAFF,IAAM8S,GAA8B,IAAM,CAC/C,IAAMrM,EAAQ2L,GAA2B,EACzC,OAAOpS,GAAC6S,GAAA,CAAmB,GAAGpM,EAAO,CACvC,ECNA,OAAS,OAAAlH,GAAK,MAAAC,GAAI,QAAAC,GAAM,QAAAC,OAAY,sBAYpC,OAAS,kBAAAkC,OAAsB,wBAqBvB,cAAA5B,EAgCJ,QAAAQ,OAhCI,oBAfD,IAAMuS,GAA2C5S,GAAU,CAChE,GAAM,CACJ,YAAA6S,EACA,UAAA5D,EACA,WAAA6D,EACA,UAAA/E,EACA,YAAAC,EACA,UAAAZ,CACF,EAAIpN,EAEE,CAAE,OAAAiF,EAAQ,eAAA3C,CAAe,EAAIlC,EAAkB,EAE/C6L,EAAgB,IACfgD,EAWDlB,IAAc,YACTlO,EAACwP,GAAA,CAAoB,UAAWJ,EAAW,EAGhDlB,IAAc,SACTlO,EAAC8P,GAAA,CAAiB,UAAWV,EAAW,EAG7ClB,IAAc,aACTlO,EAACiQ,GAAA,CAAqB,UAAWb,EAAW,EAInDpP,EAAC2P,EAAA,CACC,KAAK,MACL,QAAQ,aACR,UAAU,OACV,UAAWP,EACb,EA3BEpP,EAAC0Q,GAAA,CACC,UAAWxC,EACX,YAAaC,EACb,OAAQ/I,EACR,eAAgB3C,EAClB,EA0BN,OACEjC,GAACf,GAAA,CACC,GAAG,mBACH,UAAWD,GAAG,oBAAqB+N,CAAS,EAC5C,UAAU,SACV,KAAM,EACN,OAAO,OACP,MAAM,OAEN,UAAAvN,EAACkT,GAAA,CACC,YAAaF,EACb,UAAW5D,EACX,WAAY6D,EACd,EACAjT,EAACT,GAAA,CACC,MAAM,OACN,UAAWC,GACT4P,EAAY,4BAA8B,2BAC5C,EAEC,SAAAhD,EAAc,EACjB,GACF,CAEJ,EAIa8G,GAAiD/S,GAAU,CACtE,GAAM,CAAE,YAAA6S,EAAa,UAAA5D,EAAW,WAAA6D,CAAW,EAAI9S,EAEzC,CAAE,EAAAuC,CAAE,EAAId,GAAe,EAEvBe,EAAMnD,GACV,4BACAwT,EACI,qDACA,wBACN,EAEA,OAAI5D,EAEApP,EAACwB,GAAA,CACC,UAAWmB,EACX,QAAS,IAAM,CACbqQ,GAAeC,IAAa,EAAK,CACnC,EACF,EAKFzS,GAACf,GAAA,CAAK,QAAQ,UAAU,GAAI,EAAG,MAAM,OACnC,UAAAO,EAACN,GAAA,CAAK,KAAK,OAAO,UAAW,GAC1B,SAAAgD,EAAE,gBAAgB,EACrB,EACA1C,EAACyB,GAAA,CACC,UAAWkB,EACX,QAAS,IAAM,CACbqQ,GAAeC,IAAa,EAAI,CAClC,EACF,GACF,CAEJ,ECjIA,OAAS,mBAAAE,OAAuB,yBAChC,OAAS,eAAApT,GAAa,aAAAwD,GAAW,WAAAjE,GAAS,YAAAO,OAAgB,QAYnD,SAASuT,GAAqBtO,EAAuC,CAC1E,GAAM,CAACsK,EAAWiE,CAAY,EAAIxT,GAASiF,GAAS,SAAS,EAEvD,CAACoJ,EAAWK,CAAY,EAAI4E,GAChC,mCACA,KACF,EAEMH,EAAc1T,GAClB,IAAMwF,GAAS,aAAe,GAC9B,CAACA,GAAS,WAAW,CACvB,EAEMmO,EAAalT,GAChBqP,GAAuB,CAClB,OAAOtK,GAAS,YAAe,WACjCA,EAAQ,WAAWsK,CAAS,EAE5BiE,EAAajE,CAAS,CAE1B,EACA,CAACtK,GAAS,UAAU,CACtB,EAEA,OAAAvB,GAAU,IAAM,CACd8P,EAAavO,GAAS,SAAS,CACjC,EAAG,CAACA,GAAS,SAAS,CAAC,EAEhB,CACL,YAAAkO,EACA,UAAA5D,EACA,WAAA6D,EACA,UAAA/E,EACA,YAAaK,CACf,CACF,CCvBM,cAAAvO,OAAA,oBAZC,IAAMsT,GAAuDnT,GAAU,CAC5E,IAAMsG,EAAQ2M,GAAqB,CACjC,YAAajT,EAAM,YACnB,UAAWA,EAAM,UACjB,WAAYA,EAAM,UACpB,CAAC,EAED,OACEH,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAAC+S,GAAA,CAAa,GAAGtM,EAAO,UAAWtG,EAAM,UAAW,EACtD,CAEJ,EC3BA,OACE,OAAAZ,GACA,aAAA6H,GACA,MAAA5H,GACA,QAAAC,GACA,SAAAkH,GACA,YAAAC,GACA,QAAAC,GACA,uBAAAS,GACA,sBAAAC,GACA,oBAAAC,GACA,uBAAAC,OACK,sBCbP,OAAuC,eAAA1H,OAAmB,QAC1D,OAAS,QAAAN,GAAM,aAAAgP,GAAW,QAAA/O,GAAM,SAAAgP,GAAO,MAAAlP,OAAkB,sBACzD,OAAS,WAAAG,OAAe,yBASxB,OAAS,kBAAAiC,OAAsB,wBAyBT,OA8GR,YAAAqN,GA9GQ,OAAAjP,EAwBN,QAAAQ,OAxBM,oBAvBf,IAAM+S,GAA4B,IAAM,CAC7C,GAAM,CAAE,EAAA7Q,CAAE,EAAId,GAAe,EAE7B,OAAO7B,GACL,CAACyC,EAA4BqH,EAAiB,KACrC,CACL,CACE,MAAOnH,EAAE,eAAe,EACxB,UAAW,SACX,MAAO,IACP,OAAQ,CAACuB,EAAO6F,IAAW,CACzB,IAAI8E,EACJ,OAAK/E,IACH+E,EACE5O,EAAC2J,EAAA,CAA4B,IAAKG,EAAQ,SAAUtH,EAClD,SAAAxC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqK,EAAO,WACN9J,EAACkB,GAAA,CAAe,UAAU,gDAAgD,EAE1ElB,EAACmB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,GAKFX,GAACf,GAAA,CAAK,KAAM,EACT,UAAAmP,EACD5O,EAACyO,GAAA,CACC,OAAQxK,EACR,UAAU,4BACZ,EACAjE,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAuE,EACH,EACAzD,GAACkO,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAA5E,EAAO,SAAS,KACnB,GACF,CAEJ,CACF,EACA,CACE,MAAOpH,EAAE,qBAAqB,EAC9B,UAAW,YACX,MAAO,QACP,OAAQ,GACR,MAAO,IACP,OAAQ,CAACuB,EAAO6F,IAEZ9J,EAACN,GAAK,QAAL,CAAa,GAAIoK,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAA7F,EACH,CAGN,EACA,CACE,MAAOvB,EAAE,8BAA8B,EACvC,UAAW,SACX,MAAO,QACP,OAAQ,GACR,MAAO,GACP,OAASuB,GAELjE,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAsE,EACH,CAGN,EACA,CACE,MAAOvB,EAAE,eAAe,EACxB,UAAW,aACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,MAAO,GACP,OAAQ,CAACuB,EAAO6F,IAAW,CACzB,IAAM+E,EAAkC9F,GAAM,CAC5CvG,EAAS,0BACPsH,EACAtH,EAAS,oBACT,EACF,EACAuG,EAAE,gBAAgB,CACpB,EAEM+F,EACJ,yEAEIC,EACJ/O,EAAC,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,EAACoB,GAAA,CACC,UAAW0N,EACX,QAAU/F,GAAM,CACdA,EAAE,gBAAgB,EAClBvG,EAAS,SAASsH,CAAM,CAC1B,EACF,EACA9J,EAACqB,GAAA,CAAW,UAAWyN,EAAS,QAASD,EAAa,GACxD,EACF,EAEF,OACErO,GAAAyO,GAAA,CACG,UAAApF,GAAkBkF,EACnB/O,EAACN,GAAK,QAAL,CACC,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WACZ,UAAWH,GAAGqK,GAAkB,2BAA2B,EAE1D,SAAA5F,EACH,GACF,CAEJ,CACF,CACF,EAEF,CAACvB,CAAC,CACJ,CACF,ED9IA,OAAS,kBAAAd,OAAsB,wBAS3B,OACE,OAAA5B,EADF,QAAAQ,OAAA,oBAJG,IAAMgT,GAERrT,GAEDK,GAACgH,GAAA,CAAiB,KAAMrH,EAAM,KAAM,aAAcA,EAAM,aACtD,UAAAH,EAACyH,GAAA,CAAoB,QAAO,GAAE,SAAAtH,EAAM,SAAS,EAC7CH,EAACuH,GAAA,CACC,SAAAvH,EAACsH,GAAA,CACC,iBAAmByB,GAAMA,EAAE,eAAe,EAC1C,QAAUA,GAAMA,EAAE,gBAAgB,EAClC,MAAM,QACN,YAAa,IACb,WAAY,GACZ,UAAWvJ,GACT,0DACAW,EAAM,gBACR,EAEA,SAAAH,EAACyT,GAAA,CAAwB,GAAGtT,EAAO,KAAMA,EAAM,KAAM,EACvD,EACF,GACF,EAISsT,GACXtT,GACG,CACH,GAAM,CAAE,UAAA+N,EAAW,YAAAC,EAAa,QAAAgC,EAAS,UAAAC,CAAU,EAAIjQ,EAEjD,CAAE,YAAAC,EAAa,oBAAAgO,CAAoB,EAAI7N,EAAkB,EAEzD,CAAE,EAAAmC,CAAE,EAAId,GAAe,EAEvBuN,EAAaoE,GAA0B,EAEvClF,EACJ7N,GAACf,GAAA,CAAK,GAAI,EAAG,KAAM,EAAG,GAAI,EAAG,GAAI,EAC/B,UAAAO,EAAC2G,GAAA,CACC,MAAOvG,EACP,cAAegO,EACf,YAAa1L,EAAE,4BAA4B,EAC3C,WAAY,CACV,KAAM,oDACR,EACA,KAAK,KACL,OACE1C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACe,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,aAAa,MACf,EACAf,EAACoH,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASjH,EAAM,KACf,QAAS,EACX,GACF,EAGIwC,EAAM,4BAEZ,OACEnC,GAACjB,GAAA,CACC,UAAWC,GAAG,uCAAuC,EACrD,OAAO,OACP,UAAW,IAEV,UAAA6O,EAED7N,GAACqG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAOqH,EACP,cAAeC,EACf,WAAY,CACV,SAAU,wBACV,YAAa,YACf,EACA,UAAWxL,EAEX,UAAA3C,EAAC4G,GAAA,CACC,MAAOlE,EAAE,mBAAmB,EAC5B,KAAM1C,EAACa,GAAA,EAAc,EACrB,MAAM,YAEN,SAAAb,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAACwP,GAAA,CACC,WAAYL,EACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,EACAnP,EAAC4G,GAAA,CAAS,MAAOlE,EAAE,gBAAgB,EAAG,MAAM,SAC1C,SAAA1C,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAAC8P,GAAA,CACC,WAAYX,EACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,EACAnP,EAAC4G,GAAA,CAAS,MAAOlE,EAAE,YAAY,EAAG,MAAM,MACtC,SAAA1C,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAAC2P,EAAA,CACC,KAAK,MACL,QAASQ,GAAS,QAClB,UAAWA,GAAS,UACpB,OAAQC,EACR,WAAYjB,EACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,EACAnP,EAAC4G,GAAA,CAAS,MAAOlE,EAAE,qBAAqB,EAAG,MAAM,aAC/C,SAAA1C,EAAC,OAAI,UAAW2C,EACd,SAAA3C,EAACiQ,GAAA,CACC,WAAYd,EACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,GACF,GACF,CAEJ,EEzKA,OAAsB,aAAA5L,GAAW,YAAA1D,OAAgB,QAEjD,OAAS,mBAAAsT,OAAuB,yBAWzB,SAASO,GACd5O,EACA,CACA,GAAM,CAAC8C,EAAMwB,CAAO,EAAIvJ,GAAS,EAAK,EAEhC,CAACqO,EAAWK,CAAY,EAAI4E,GAChC,uCACA,KACF,EAEM,CAAE,QAAAhD,EAAS,UAAAC,CAAU,EAAIE,GAAW,CACxC,WAAY,mCACd,CAAC,EAEK,CAAE,iBAAAhQ,CAAiB,EAAIC,EAAkB,EAEzC0H,EAAO,IAAM,CACjBmB,EAAQ,EAAK,CACf,EAEA,OAAA7F,GAAU,IAAM,CACdjD,IAAmB,CACrB,EAAG,CAAC4N,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAcjK,GAAkBsK,EAAatK,CAAgB,EAC7D,KAAA2D,EACA,aAAcwB,EACd,KAAAnB,EACA,QAAAkI,EACA,UAAAC,CACF,CACF,CC7BM,cAAApQ,OAAA,oBATC,IAAM2T,GAERxT,GAAU,CACb,IAAMsG,EAAQiN,GAAyB,EACvC,OACE1T,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACwT,GAAA,CAAiB,GAAG/M,EAAO,iBAAkBtG,EAAM,iBACjD,SAAAA,EAAM,SACT,EACF,CAEJ,ECtBA,OACE,OAAAZ,GACA,uBAAAmH,GACA,MAAAlH,GACA,QAAAoU,GACA,SAAAjN,GACA,QAAAjH,OACK,sBCNP,OAAS,QAAAD,GAAM,aAAAgP,GAAW,QAAA/O,GAAM,SAAAgP,GAAO,MAAAlP,OAAkB,sBACzD,OAAS,WAAAG,OAAe,yBAGxB,OAAS,QAAAkU,OAAY,wBAgBP,cAAA7T,GAYA,QAAAQ,OAZA,oBAdP,IAAMsT,GAAyB,CACpCtR,EACAqH,EAAiB,KAEV,CACL,CACE,MAAOgK,GAAK,EAAE,8BAA8B,EAC5C,UAAW,aACX,OAAQ,GACR,UAAW,eACX,OAAQ,CAAC5P,EAAO6F,IAEZtJ,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,GAACyO,GAAA,CACC,OAAQ3E,EAAO,OACf,UAAU,4BACZ,EACA9J,GAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAoK,EAAO,OACV,EACAtJ,GAACkO,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAA5E,EAAO,SAAS,KACnB,GACF,EAEA9J,GAACN,GAAK,QAAL,CACC,UAAW,GACX,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WAEX,SAAAsE,EACH,GACF,CAGN,EACA,CACE,MAAO4P,GAAK,EAAE,6BAA6B,EAC3C,UAAW,SACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,OAAQ,CAAC5P,EAAO6F,IAAW,CACzB,IAAM+E,EAAkC9F,GAAM,CAC5CvG,EAAS,0BACPsH,EACAtH,EAAS,oBACT,EACF,EACAuG,EAAE,gBAAgB,CACpB,EAEM+F,EACJ,yEAEIC,EACJ/O,GAAC,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,GAACoB,GAAA,CACC,UAAW0N,EACX,QAAU/F,GAAM,CACdA,EAAE,gBAAgB,EAClBvG,EAAS,SAASsH,CAAM,CAC1B,EACF,EACA9J,GAACqB,GAAA,CAAW,UAAWyN,EAAS,QAASD,EAAa,GACxD,EACF,EAGF,OACErO,GAAC,OAAI,UAAU,eACZ,UAAAqJ,GAAkBkF,EAEnBvO,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,MACR,UAAU,MACV,KAAM,EACN,UAAWD,GAAGqK,GAAkB,2BAA2B,EAE3D,UAAA7J,GAACN,GAAK,QAAL,CAAa,GAAIoK,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAAA,EAAO,WAAW,EACrB,EACA9J,GAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAsE,EACH,GACF,GACF,CAEJ,CACF,CACF,EDlHF,OAAS,kBAAArC,OAAsB,wBAsBrB,cAAA5B,GAyBJ,QAAAQ,OAzBI,oBAhBH,IAAMuT,GAA6C5T,GAAU,CAClE,GAAM,CAAE,UAAAoN,EAAW,QAAA4C,EAAS,UAAAC,CAAU,EAAIjQ,EACpC,CAAE,YAAAC,EAAa,oBAAAgO,EAAqB,iBAAA9N,CAAiB,EACzDC,EAAkB,EAEd,CAAE,EAAAmC,CAAE,EAAId,GAAe,EAEvByM,EACJrO,GAAC2G,GAAA,CACC,MAAOvG,EACP,cAAegO,EACf,YAAa1L,EAAE,4BAA4B,EAC3C,WAAY,CAAE,KAAM,qCAAsC,EAC1D,KAAK,KACL,OACE1C,GAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,GAACe,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEX,GACEJ,GAACT,GAAA,CAAI,GAAI,EACP,SAAAS,GAAC0G,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASpG,EACX,EACF,EAGJ,aAAa,MACf,EAGF,OACEE,GAACoT,GAAA,CACC,KAAM,EACN,UAAWpU,GAAG,6CAA8C+N,CAAS,EACrE,OAAO,OACP,MAAM,OAEN,UAAA/M,GAACjB,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,UAAAS,GAACN,GAAA,CAAK,KAAK,OAAO,UAAW,GAC1B,SAAAgD,EAAE,gBAAgB,EACrB,EACC2L,GACH,EAEArO,GAAC,OAAI,UAAU,eACb,SAAAA,GAACT,GAAA,CACC,MAAM,OACN,GAAI,EACJ,UAAU,6DAEV,SAAAS,GAAC2P,EAAA,CACC,KAAK,MACL,QAASQ,GAAS,QAClB,UAAWA,GAAS,UACpB,OAAQC,EACR,WAAY0D,GACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,4CACV,EACF,EACF,EACF,GACF,CAEJ,EEhFO,SAASE,GAAsBlP,EAAwC,CAC5E,GAAM,CAAE,QAAAqL,EAAS,UAAAC,CAAU,EAAIE,GAAW,CACxC,WAAY,+BACd,CAAC,EACD,MAAO,CAAE,QAAAH,EAAS,UAAAC,CAAU,CAC9B,CCKM,cAAApQ,OAAA,oBAVC,IAAMiU,GACX9T,GACG,CACH,IAAMsG,EAAQuN,GAAsB,EAEpC,OACEhU,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAAC+T,GAAA,CAAc,GAAGtN,EAAO,UAAWtG,EAAM,UAAW,EACvD,CAEJ,ECpBA,OAAS,QAAAV,GAAM,QAAAC,GAAM,MAAAF,GAAI,WAAA6H,GAAS,SAAAqH,OAAa,sBAG/C,OAAS,WAAA/O,OAAe,yBAgBpB,OACE,OAAAK,GADF,QAAAQ,OAAA,oBAJG,IAAM0T,GAAyC/T,GAAU,CAC9D,GAAM,CAAE,OAAAiF,EAAQ,KAAAa,EAAM,SAAAkO,EAAU,SAAAvR,CAAS,EAAIzC,EAEvCiU,EACJ5T,GAACf,GAAA,CAAK,UAAU,qCAAqC,QAASmD,EAC5D,UAAA5C,GAACN,GAAK,UAAL,CACC,UAAU,yCACV,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAA0F,EACH,EACApF,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,UAAA2U,EACD5T,GAACkO,GAAA,CAAM,KAAK,KAAK,MAAM,UACpB,UAAAyF,EAAS,KACZ,GACF,EAEAnU,GAACqH,GAAA,CAAQ,UAAU,UAAU,UAAU,WAAW,UAAW,EAAG,EAChErH,GAACN,GAAK,QAAL,CACC,KAAK,MACL,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsG,GAAO,OACV,GACF,EACC9F,EAAM,UACT,CAEJ,ECjEA,OAAS,WAAAb,OAAe,QACxB,OAAS,kBAAA+U,GAAgB,mBAAAC,OAAuB,yBAUzC,SAASC,GAAuBzP,EAAwC,CAC7E,GAAM,CAAE,OAAAM,CAAO,EAAIN,EAEbmB,EAAOqO,GAAgBlP,CAAM,EAE7BoP,EAAcH,GAAe,EAE7BF,EAAW7U,GAAQ,IAAM,CAC7B,IAAMmV,EAAOD,EAAYpP,CAAM,EACzBsP,EAAUD,EAAK,UAAU,EAC/B,OAAOE,GAAYD,CAAO,CAC5B,EAAG,CAACtP,EAAQoP,CAAW,CAAC,EAExB,MAAO,CACL,OAAApP,EACA,KAAAa,EACA,SAAAkO,CACF,CACF,CAEA,SAASQ,GAAYC,EAAkB,CACrC,OAAOA,EAAW,EAAIA,EAAW,MACnC,CClBS,cAAA5U,OAAA,oBANF,IAAM6U,GACX1U,GACG,CACH,GAAM,CAAE,OAAAiF,EAAQ,GAAGoI,CAAK,EAAIrN,EAEtBsG,EAAQ8N,GAAuB,CAAE,OAAAnP,CAAO,CAAC,EAC/C,OAAOpF,GAACkU,GAAA,CAAe,GAAGzN,EAAQ,GAAG+G,EAAM,CAC7C,EChBA,OACE,aAAAiB,GACA,QAAAhP,GACA,QAAAC,EACA,MAAAF,GACA,WAAA6H,GACA,WAAAN,OACK,sBASP,OAAS,WAAApH,OAAe,yBAIxB,OAAS,kBAAAmV,OAAsB,yBAC/B,OAAS,kBAAAlT,OAAsB,wBAyCrB,OA4CN,YAAAqN,GA5CM,OAAAjP,EAcJ,QAAAQ,MAdI,oBA7BH,IAAMuU,GAAuD5U,GAAU,CAC5E,GAAM,CACJ,OAAAiF,EACA,WAAA4P,EACA,SAAAxS,EACA,KAAAyD,EACA,QAAAgP,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,QAAAC,CACF,EAAItV,EAEE,CAAE,EAAAuC,CAAE,EAAId,GAAe,EAEvB8T,EACJ1V,EAAC2J,EAAA,CAA4B,IAAK,CAAE,OAAAvE,CAAO,EAAG,SAAU5C,EACtD,SAAAxC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAuV,EACChV,EAACkB,GAAA,CAAe,UAAU,gDAAgD,EAE1ElB,EAACmB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,EAGIiT,EACJpU,EAAC2T,GAAA,CACC,iBAAiB,8BACjB,OAAQxT,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAK,EAACf,GAAA,CAAK,KAAM,EAAG,UAAU,qBACvB,UAAAO,EAACyO,GAAA,CAAU,OAAQrJ,EAAQ,UAAU,kBAAkB,EACvDpF,EAACN,EAAK,UAAL,CACC,UAAU,yCACV,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,UAAW,GAEV,SAAA0F,EACH,EACApF,EAAC0B,GAAA,CAAiB,UAAU,4BAA4B,GAC1D,EACF,EAGIiU,EACJ3V,EAACN,EAAK,QAAL,CACC,GAAIuV,GAAW,EACf,SAAS,IACT,KAAK,KACL,UAAW,GACX,UAAU,iBAET,SAAAhP,IAAO,WAAW,EACrB,EAGI2P,EACJpV,EAAAyO,GAAA,CACE,UAAAjP,EAACN,EAAK,QAAL,CAAa,SAAQ,GAAC,GAAIC,GAAQ,WAAY,eAAc,GAC1D,SAAAsG,IAAO,YAAY,EACtB,EACAjG,EAACN,EAAA,CAAK,UAAW,GAAI,aAAC,EACtBM,EAACN,EAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAsG,GAAO,OACV,GACF,EAGF,OACEzF,EAACf,GAAA,CACC,UAAWD,GACT,8BACA,iCACAW,EAAM,SACR,EAEA,MAAO,CACL,UAAW,gBACX,WAAY,WACd,EAEA,UAAAK,EAACf,GAAA,CAAK,KAAM,EAAG,UAAU,4CACvB,UAAAe,EAACf,GAAA,CAAK,KAAM,EACT,UAAAiW,EACAtB,GACH,EACApU,EAACqH,GAAA,CAAQ,UAAU,eAAe,UAAU,WAAW,UAAW,EAAG,EACpEsO,EACDnV,EAAC,OAAI,UAAU,8CACb,UAAAR,EAAC,OACC,IAAKoV,EACL,UAAU,oDAEV,SAAA5U,EAACf,GAAA,CAAK,KAAM,EAAG,OAAO,OACpB,UAAAO,EAAC,OAAI,IAAKqV,EACR,SAAArV,EAAC6V,GAAA,CACC,MAAOnT,EAAE,0BAA0B,EACnC,MAAOkT,EACT,EACF,EACA5V,EAAC6V,GAAA,CACC,MAAOnT,EAAE,4BAA4B,EACrC,MACE1C,EAACN,EAAK,QAAL,CACC,GAAIuV,EACJ,cAAY,uCAEX,SAAAhP,GAAO,WACV,EAEF,KAAMvD,EAAE,oCAAoC,EAC9C,EACA1C,EAAC6V,GAAA,CACC,MAAOnT,EAAE,6BAA6B,EACtC,MACE1C,EAACN,EAAK,QAAL,CAAa,GAAIuV,EACf,SAAAhP,GAAO,YACV,EAEF,KAAMvD,EAAE,qCAAqC,EAC/C,EACA1C,EAAC6V,GAAA,CACC,MAAOnT,EAAE,iCAAiC,EAC1C,MACE1C,EAACN,EAAK,QAAL,CAAa,KAAK,QAAQ,GAAI,EAC5B,SAAAuG,IAAO,YAAY,EACtB,EAEF,KAAMvD,EAAE,yCAAyC,EACnD,EACA1C,EAAC6V,GAAA,CACC,MAAOnT,EAAE,uCAAuC,EAChD,MAAO1C,EAAC8V,GAAA,CAAY,OAAQ1Q,EAAQ,EACpC,KAAM1C,EAAE,+CAA+C,EACzD,EACA1C,EAAC,OAAI,IAAKsV,EACR,SAAAtV,EAAC6V,GAAA,CACC,MAAOnT,EAAE,sBAAsB,EAC/B,MACElC,EAAAyO,GAAA,CACE,UAAAjP,EAACN,EAAK,QAAL,CAAa,KAAK,QAAQ,GAAI,EAC5B,SAAAwV,EACH,EACAlV,EAACN,EAAA,CAAK,UAAW,GAAK,iBAAQ,GAChC,EAEF,KAAMgD,EAAE,8BAA8B,EACxC,EACF,GACF,EACF,EACA1C,EAACgD,GAAA,CAAgB,QAAO,GAAC,QAASyS,EAAS,QAASF,EAAgB,EACpEvV,EAACgD,GAAA,CAAgB,QAAO,GAAC,QAASyS,EAAS,QAASD,EAAgB,GACtE,GACF,EACCrV,EAAM,UACT,CAEJ,EAQM0V,GAAqC1V,GAEvCK,EAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QACjC,UAAAO,EAAC+G,GAAA,CACC,KAAM5G,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,EAWE6C,GAAmD7C,GAAU,CACjE,GAAM,CAAE,QAAA4V,EAAS,QAAAC,EAAS,QAAAC,EAAS,QAAAC,CAAQ,EAAI/V,EAC/C,OAAK4V,EAGH/V,EAAC,UACC,QAAS,IAAM,CACbkW,IAAUF,EAAU,OAAS,OAAO,CACtC,EACA,MAAO,CACL,WACE,yFACJ,EACA,UAAWxW,GACT,yCACA,oDACAwW,GAAW,sBACXC,GAAW,qCACb,EAEA,SAAAjW,EAAC2B,GAAA,CAAc,UAAU,4DAA4D,EACvF,EAnBmB,IAqBvB,EAEMmU,GAA4C,CAAC,CAAE,OAAA1Q,CAAO,IAAM,CAChE,IAAMa,EAAO6O,GAAe1P,CAAM,EAElC,OAAIa,GAAM,mBAAqB,KACtB,KAIPzF,EAAC,OACC,UAAAR,EAACN,EAAK,QAAL,CAAa,KAAK,IAAI,GAAI,EAAG,UAAU,qBACrC,SAAAuG,EAAK,iBACR,EACAjG,EAACN,EAAA,CAAK,UAAW,GAAI,UAAU,mBAE5B,gBAAOuG,EAAK,SAAS,GACxB,GACF,CAEJ,ECnTA,OACE,kBAAA6O,GACA,mBAAAqB,GACA,kBAAA9B,GACA,mBAAAC,OACK,yBACP,OAAS,WAAA3U,OAAe,yBACxB,OAAS,aAAA4D,GAAW,WAAAjE,GAAS,UAAAgN,GAAQ,YAAAzM,OAAgB,QAU9C,SAASuW,GACdtR,EACA,CACA,GAAM,CAAE,OAAAM,CAAO,EAAIN,EAEbmB,EAAOqO,GAAgBlP,CAAM,EAC7B+P,EAAcL,GAAe1P,CAAM,EAEnC5C,EAAW2T,GAAgB,EAG3BlB,EADOZ,GAAe,EACPjP,CAAM,EAAE,UAAU,EACjC,CAACmQ,EAAgBc,CAAiB,EAAIxW,GAAS,EAAK,EACpD,CAAC2V,EAAgBc,CAAiB,EAAIzW,GAAS,EAAK,EAEpDuV,EAAe9I,GAAuB,IAAI,EAC1C+I,EAAoB/I,GAAuB,IAAI,EAC/CgJ,EAAoBhJ,GAAuB,IAAI,EAE/C0I,EAAa1V,GACjB,IAAM,CAAC,CAACkD,EAAS,UAAU,KAAMK,GAASA,EAAK,OAASuC,CAAM,EAC9D,CAAC5C,EAAS,UAAW4C,CAAM,CAC7B,EAEM8P,EAAe5V,GACnB,IACE,IAAIK,GAAQsG,GAAM,eAAiB,CAAC,EACjC,IAAIA,GAAM,aAAe,CAAC,EAC1B,gBAAgB,CAAC,EACjB,QAAQ,EACb,CAACA,CAAI,CACP,EAEA,OAAA1C,GAAU,IAAM,CACd,IAAMgT,EAAuB,IAAI,qBAAsBC,GAAY,CACjE,QAAStT,EAAQ,EAAGA,EAAQsT,EAAQ,OAAQtT,IAAS,CACnD,IAAML,EAAO2T,EAAQtT,CAAK,EACtBL,IACEA,EAAK,SAAWwS,EAAkB,SACpCgB,EAAkB,CAACxT,EAAK,cAAc,EAGpCA,EAAK,SAAWyS,EAAkB,SACpCgB,EAAkB,CAACzT,EAAK,cAAc,EAG5C,CACF,CAAC,EACD,OAAIwS,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,OAAAnR,EACA,WAAA4P,EACA,SAAAxS,EACA,KAAAyD,EACA,QAAAgP,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,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,cAAApV,OAAA,oBANF,IAAM0W,GACXvW,GACG,CACH,GAAM,CAAE,OAAAiF,EAAQ,GAAGoI,CAAK,EAAIrN,EAEtBsG,EAAQ2P,GAA2B,CAAE,OAAAhR,CAAO,CAAC,EACnD,OAAOpF,GAAC+U,GAAA,CAAmB,GAAGtO,EAAQ,GAAG+G,EAAM,CACjD,ECtBA,OAAa,YAAA3N,OAAgB,QAC7B,OAAS,OAAAN,GAAK,MAAAC,GAAI,YAAAoH,GAAU,QAAAC,OAAkB,sBCA9C,OACE,OAAAtH,GACA,uBAAAmH,GACA,SAAAC,GACA,YAAAC,GACA,QAAAC,OACK,sBAMP,OAAS,kBAAAjF,OAAsB,wBAqBrB,cAAA5B,EAoBJ,QAAAQ,OApBI,oBAlBH,IAAMmW,GAAgC,CAAC,CAC5C,iBAAAC,EACA,mBAAAC,CACF,IAAM,CACJ,GAAM,CAAE,YAAAzW,EAAa,oBAAAgO,EAAqB,iBAAA9N,CAAiB,EACzDC,EAAkB,EACd,CAAE,EAAAmC,CAAE,EAAId,GAAe,EAEvByM,EACJrO,EAAC2G,GAAA,CACC,MAAOvG,EACP,cAAegO,EACf,YAAa1L,EAAE,4BAA4B,EAC3C,UAAU,yBACV,KAAK,KACL,cAAY,wCACZ,OACE1C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACe,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEX,GACEJ,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAAC0G,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASpG,EACX,EACF,EAGJ,aAAa,MACf,EAGF,OACEN,EAACT,GAAA,CAAI,GAAG,mBAAmB,UAAW,IAAK,EAAG,EAAG,GAAI,EAAG,EAAE,MACxD,SAAAiB,GAACqG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO+P,EACP,cAAeC,EACf,SAAUxI,EAEV,UAAArO,EAAC4G,GAAA,CACC,MAAOlE,EAAE,iBAAiB,EAC1B,MAAM,WACN,OAAO,kCAEP,SAAA1C,EAACiS,GAAA,EAAsB,EACzB,EACAjS,EAAC4G,GAAA,CACC,MAAOlE,EAAE,4BAA4B,EACrC,MAAM,aACN,OAAO,oCAEP,SAAA1C,EAAC8S,GAAA,EAAwB,EAC3B,GACF,EACF,CAEJ,EC9EA,OAAS,YAAAjT,OAAgB,QAMlB,SAASiX,IAAmB,CACjC,GAAM,CAACF,EAAkBG,CAAmB,EAC1ClX,GAAyB,UAAU,EAErC,MAAO,CACL,iBAAA+W,EACA,mBAAqB3S,GACnB8S,EAAoB9S,CAAuB,CAC/C,CACF,CCVS,cAAAjE,OAAA,oBAFF,IAAMgX,GAAgB,IAAM,CACjC,IAAMvQ,EAAQqQ,GAAiB,EAC/B,OAAO9W,GAAC2W,GAAA,CAAW,GAAGlQ,EAAO,CAC/B,EHGA,OAAS,kBAAA7E,OAAsB,wBAsBrB,OAKE,OAAA5B,GALF,QAAAQ,OAAA,oBAhBH,IAAMyW,GAA6C9W,GAAU,CAClE,GAAM,CAAC+N,EAAWK,CAAY,EAAI1O,GAAS,SAAS,EAC9C,CAAE,EAAA6C,CAAE,EAAId,GAAe,EAC7B,OACE5B,GAACE,EAAA,CAAgB,eAAgBC,EAAM,eACrC,SAAAH,GAACT,GAAA,CACC,GAAG,wBACH,UAAWC,GAAG,oBAAqBW,EAAM,SAAS,EAClD,EAAG,EAEH,SAAAK,GAACqG,GAAA,CACC,QAAQ,OACR,KAAK,KACL,MAAOqH,EACP,cAAeK,EAEf,UAAA/N,GAACoG,GAAA,CACC,MAAOlE,EAAE,gBAAgB,EACzB,MAAM,UACN,OAAO,yBAEP,UAAA1C,GAACwG,GAAA,EAAoB,EACrBxG,GAACwO,GAAA,EAAsB,GACzB,EACAxO,GAAC4G,GAAA,CACC,MAAOlE,EAAE,gBAAgB,EACzB,MAAM,UACN,OAAO,yBAEP,SAAA1C,GAACgX,GAAA,EAAc,EACjB,GACF,EACF,EACF,CAEJ","sourcesContent":["import { FC, ReactNode, useMemo } from \"react\";\nimport { HeaderReturns } from \"./header.script\";\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 { useTranslation } from \"@orderly.network/i18n\";\n/** -----------MarketsHeader start ------------ */\nexport const MarketsHeader: FC<HeaderReturns> = (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-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0\",\n    enableScroll && \"oui-select-none oui-cursor-pointer\"\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=\"oui-overflow-hidden\"\n      ref={enableScroll ? emblaRef : undefined}\n    >\n      <Flex width=\"100%\" gapX={4} mt={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-mt-1 oui-mb-3  3xl:oui-mt-4 3xl:oui-mb-0\">\n        <ScrollIndicator\n          scrollIndex={scrollIndex}\n          scrollPrev={emblaApi?.scrollPrev}\n          scrollNext={emblaApi?.scrollNext}\n        />\n      </div>\n    </div>\n  );\n};\n/** -----------MarketsHeader end ------------ */\n\ntype BlockListProps = {\n  className?: string;\n  total24Amount?: number;\n  totalOpenInterest?: number;\n  tvl?: number;\n};\n\n/** -----------MarketsHeader start ------------ */\nconst BlockList: React.FC<BlockListProps> = (props) => {\n  const { total24Amount, totalOpenInterest, tvl } = props;\n  const { t } = useTranslation();\n\n  const list = useMemo(() => {\n    return [\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n          </Flex>\n        ),\n        value: total24Amount,\n      },\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> {t(\"markets.openInterest\")}\n          </Flex>\n        ),\n        value: totalOpenInterest,\n      },\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n          </Flex>\n        ),\n        value: tvl,\n      },\n    ];\n  }, [total24Amount, totalOpenInterest, tvl]);\n  return (\n    <Flex\n      direction=\"column\"\n      justify=\"between\"\n      width=\"100%\"\n      height={236}\n      className={props.className}\n    >\n      {list?.map((item, index) => (\n        <BlockItem key={index} {...item} />\n      ))}\n    </Flex>\n  );\n};\n/** -----------MarketsHeader start ------------ */\n\ntype BlockItemProps = {\n  label: ReactNode;\n  value?: number;\n  rule?: string;\n  dp?: number;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n  return (\n    <Box intensity={900} r=\"lg\" px={4} py={3} width=\"100%\">\n      <Text as=\"div\" intensity={36} size=\"xs\" weight=\"semibold\">\n        {props.label}\n      </Text>\n\n      <Text.numeral\n        size=\"base\"\n        currency=\"$\"\n        dp={props.dp || 0}\n        rm={Decimal.ROUND_DOWN}\n        rule={props.rule as any}\n      >\n        {props.value!}\n      </Text.numeral>\n    </Box>\n  );\n};\n\ntype CardItemProps = {\n  data?: TListItem[];\n  title: ReactNode;\n  className?: string;\n  onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n  return (\n    <Box\n      intensity={900}\n      r=\"lg\"\n      py={4}\n      pb={2}\n      height={236}\n      className={props.className}\n    >\n      <Box px={4}>\n        <Text.gradient color=\"brand\" size=\"sm\" weight=\"semibold\">\n          {props.title}\n        </Text.gradient>\n      </Box>\n\n      <Flex direction=\"column\" itemAlign=\"start\" mt={2}>\n        {props.data?.map((item, index) => (\n          <ListItem key={item.symbol} item={item} onSymbol={props.onSymbol} />\n        ))}\n      </Flex>\n    </Box>\n  );\n};\n\ntype TListItem = {\n  symbol: string;\n  price: string;\n  change: number;\n  precision: number;\n  [x: string]: any;\n};\n\ntype ListItemProps = {\n  item: TListItem;\n  className?: string;\n  onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n  const { item } = props;\n\n  return (\n    <Flex\n      width=\"100%\"\n      gapX={3}\n      py={2}\n      px={4}\n      className={cn(\"hover:oui-bg-base-8 oui-cursor-pointer\", 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-bg-base-contrast-36 oui-w-4\"\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 { Decimal } from \"@orderly.network/utils\";\nimport { useMarkets, useQuery, MarketsType } from \"@orderly.network/hooks\";\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 HeaderReturns = 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    () => sortList(markets, \"created_time\", \"desc\").slice(0, 5),\n    [markets]\n  );\n\n  const gainers = useMemo(\n    () => sortList(markets, \"change\", \"desc\").slice(0, 5),\n    [markets]\n  );\n\n  const losers = useMemo(\n    () => sortList(markets, \"change\", \"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 { SortOrder } from \"@orderly.network/ui\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { TInitialSort } 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[], sortKey?: string, sortOrder?: SortOrder) {\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  defaultSortKey?: string,\n  defaultSortOrder?: SortOrder,\n  onSortChange?: (sortKey?: string, sortOrder?: SortOrder) => void\n) {\n  const [key, setKey] = useState<string>();\n  const [order, setOrder] = useState<SortOrder>();\n\n  const onSort = useCallback(\n    (options?: TInitialSort) => {\n      setKey(options?.sortKey);\n      setOrder(options?.sort);\n      onSortChange?.(options?.sortKey, options?.sort);\n    },\n    [onSortChange]\n  );\n\n  const sortKey = key || defaultSortKey;\n  const sortOrder = order || defaultSortOrder;\n\n  const getSortedList = useCallback(\n    (list: any[]) => sortList(list, sortKey, sortOrder),\n    [sortKey, sortOrder]\n  );\n\n  return { onSort, getSortedList, sortKey, sortOrder };\n}\n\nexport function searchBySymbol(\n  list: any[],\n  searchValue = \"\",\n  formatString?: string\n) {\n  const reg = new RegExp(searchValue, \"i\");\n  return list?.filter((item) =>\n    reg.test(formatSymbol(item.symbol, formatString))\n  );\n}\n\nfunction formatSymbol(symbol: string, formatString: string = \"base\") {\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 { useMarketsHeaderScript } from \"./header.script\";\nimport { MarketsHeader } from \"./header.ui\";\n\nexport const MarketsHeaderWidget = () => {\n  const state = useMarketsHeaderScript();\n  return <MarketsHeader {...state} />;\n};\n","import {\n  Box,\n  CloseCircleFillIcon,\n  Input,\n  TabPanel,\n  Tabs,\n} from \"@orderly.network/ui\";\nimport { UseMarketsDataListScript } from \"./dataList.script\";\nimport {\n  AllMarketsIcon,\n  FavoritesIcon,\n  NewListingsIcon,\n  SearchIcon,\n} from \"../../../icons\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { MarketsListFullWidget } from \"../../../components/marketsListFull\";\nimport { FavoritesListFullWidget } from \"../../../components/favoritesListFull\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n  const { activeTab, onTabChange } = props;\n  const { t } = useTranslation();\n\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      className=\"oui-w-[240px] oui-my-1\"\n      size=\"sm\"\n      data-testid=\"oui-testid-markets-searchMarket-input\"\n      prefix={\n        <Box pl={3} pr={1}>\n          <SearchIcon className=\"oui-text-base-contrast-36\" />\n        </Box>\n      }\n      suffix={\n        searchValue && (\n          <Box mr={2}>\n            <CloseCircleFillIcon\n              size={14}\n              className=\"oui-text-base-contrast-36 oui-cursor-pointer\"\n              onClick={clearSearchValue}\n            />\n          </Box>\n        )\n      }\n      autoComplete=\"off\"\n    />\n  );\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={search}\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            sortKey=\"24h_amount\"\n            sortOrder=\"desc\"\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            sortKey=\"created_time\"\n            sortOrder=\"desc\"\n          />\n        </TabPanel>\n      </Tabs>\n    </Box>\n  );\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { type UseMarketsListFullReturn } from \"./marketsListFull.script\";\nimport { TInitialSort } from \"../../type\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useMarketsListFullColumns } from \"./column\";\n\nexport type MarketsListFullProps = UseMarketsListFullReturn & {\n  initialSort: TInitialSort;\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 { MouseEventHandler, useMemo } from \"react\";\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\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 group-hover:oui-block oui-cursor-pointer\"\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 { PropsWithChildren } from \"react\";\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  ScrollArea,\n  Text,\n  cn,\n  CloseCircleFillIcon,\n  Badge,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseFavoritesDropdownMenuScriptReturn } from \"./favoritesDropdownMenu.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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-bg-base-6 oui-h-7 oui-w-full oui-ml-[1px] oui-rounded-sm\",\n                  overLen &&\n                    \"focus-visible:oui-outline-danger focus-within: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-text-base-contrast-20 oui-cursor-pointer\"\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-h-1 oui-w-1 oui-bg-danger oui-rounded-full\"></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-mt-3 oui-mb-[10px]\">\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-text-base-contrast oui-cursor-pointer\"\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-max-h-[288px] oui-overflow-y-auto oui-custom-scrollbar\"\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 { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\nimport {\n  useFavoritesDropdownMenuScript,\n  UseFavoritesDropdownMenuScriptOptions,\n} from \"./favoritesDropdownMenu.script\";\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 { usePagination } from \"@orderly.network/ui\";\nimport { MarketsListFullWidgetProps } from \"./widget\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\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 { pageSize, 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, sortKey, sortOrder } = useSort(\n    options?.sortKey,\n    options?.sortOrder\n  );\n\n  const dataSource = useMemo(() => {\n    const list = getSortedList(data);\n    return searchBySymbol(list, searchValue, \"base-type\");\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\", sortKey!, sortOrder!);\n    }\n  }, [sortKey, sortOrder, options.type]);\n\n  return {\n    loading,\n    dataSource,\n    favorite,\n    onSort,\n    pagination,\n  };\n};\n","import { MarketsListFull } from \"./marketsListFull.ui\";\nimport { useMarketsListFullScript } from \"./marketsListFull.script\";\nimport { SortOrder } from \"@orderly.network/ui\";\n\nexport type MarketsListFullWidgetProps = {\n  type?: \"all\" | \"new\";\n  sortKey: string;\n  sortOrder: SortOrder;\n};\n\nexport const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps> = (\n  props\n) => {\n  const state = useMarketsListFullScript(props);\n\n  // Only all markets store sort\n  const sortStore =\n    props.type === \"all\" ? state.favorite.tabSort?.all : undefined;\n\n  return (\n    <MarketsListFull\n      {...state}\n      type={props.type}\n      initialSort={{\n        sortKey: sortStore?.sortKey || props.sortKey,\n        sort: (sortStore?.sortOrder as SortOrder) || props.sortOrder,\n      }}\n    />\n  );\n};\n","import { FC } from \"react\";\nimport { cn, Flex, DataTable } from \"@orderly.network/ui\";\nimport { UnFavoritesIcon } from \"../../icons\";\nimport { UseFavoritesListFullReturn } from \"./favoritesListFull.script\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { FavoritesTabWidget } from \"../../components/favoritesTabs\";\nimport { useFavoritesListFullColumns } from \"./column\";\nimport { Trans } from \"@orderly.network/i18n\";\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 = useFavoritesListFullColumns(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={[<UnFavoritesIcon className=\"oui-text-base-contrast-36\" />]}\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 { KeyboardEventHandler } from \"react\";\nimport {\n  Box,\n  cn,\n  Flex,\n  Text,\n  Tooltip,\n  Input,\n  modal,\n} from \"@orderly.network/ui\";\nimport { FavoriteTab } from \"@orderly.network/hooks\";\nimport {\n  UseFavoritesTabScriptOptions,\n  UseFavoritesTabScriptReturn,\n} from \"./favoritesTabs.script\";\nimport { AddIcon, ActiveAddIcon, EditIcon, TrashIcon } from \"../../icons\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer\"\n          onClick={() => {\n            onEdit(item);\n          }}\n        />\n        <TrashIcon\n          className=\"oui-text-base-contrast-36 hover:oui-text-base-contrast oui-cursor-pointer\"\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-text-base-contrast-54 oui-w-3 oui-h-3 oui-z-[1]\" />\n        ) : (\n          <ActiveAddIcon className=\"oui-w-3 oui-h-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-p-0 oui-rounded oui-px-2 oui-my-[1px]\",\n              \"focus-visible:oui-outline-none focus-within:oui-outline-transparent\",\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          isActive && setOpen(true);\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-relative oui-cursor-pointer oui-hide-scrollbar\",\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                isActive && setOpen(open);\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 { FavoritesTab } from \"./favoritesTabs.ui\";\nimport {\n  useFavoritesTabScript,\n  UseFavoritesTabScriptOptions,\n} from \"./favoritesTabs.script\";\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 { useMarketsListFullColumns } from \"../marketsListFull/column\";\n\nexport const useFavoritesListFullColumns = useMarketsListFullColumns;\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\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 { FavoritesListFull } from \"./favoritesListFull.ui\";\nimport { useFavoritesListFullScript } from \"./favoritesListFull.script\";\n\nexport const FavoritesListFullWidget: React.FC = () => {\n  const state = useFavoritesListFullScript();\n  return <FavoritesListFull {...state} />;\n};\n","import { useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\n\nexport type TabName = \"favorites\" | \"all\" | \"new\";\n\nexport type UseMarketsDataListScript = ReturnType<\n  typeof useMarketsDataListScript\n>;\n\nexport function useMarketsDataListScript() {\n  const [activeTab, setActiveTab] = useState<TabName>(\"all\");\n  const { clearSearchValue } = useMarketsContext();\n\n  useEffect(() => {\n    clearSearchValue?.();\n  }, [activeTab]);\n\n  return {\n    activeTab,\n    onTabChange: (value: string) => setActiveTab(value as TabName),\n  };\n}\n","import { MarketsDataList } from \"./dataList.ui\";\nimport { useMarketsDataListScript } from \"./dataList.script\";\n\nexport const MarketsDataListWidget = () => {\n  const state = useMarketsDataListScript();\n  return <MarketsDataList {...state} />;\n};\n","import {\n  Box,\n  CloseCircleFillIcon,\n  cn,\n  Input,\n  TabPanel,\n  Tabs,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon, SearchIcon } from \"../../icons\";\nimport { UseExpandMarketsScriptReturn } from \"./expandMarkets.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { FavoritesListWidget } from \"../favoritesList\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { RecentListWidget } from \"../recentList\";\nimport { NewListingListWidget } from \"../newListingList\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport type ExpandMarketsProps = UseExpandMarketsScriptReturn;\n\nexport const ExpandMarkets: React.FC<ExpandMarketsProps> = (props) => {\n  const { activeTab, onTabChange, tabSort, onTabSort } = props;\n\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const { t } = useTranslation();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      classNames={{ root: \"oui-border oui-mt-[1px] oui-border-line\" }}\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        searchValue && (\n          <Box mr={2}>\n            <CloseCircleFillIcon\n              size={14}\n              className=\"oui-text-base-contrast-36 oui-cursor-pointer\"\n              onClick={clearSearchValue}\n            />\n          </Box>\n        )\n      }\n      autoComplete=\"off\"\n    />\n  );\n\n  const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n  return (\n    <Box className={cn(\"oui-font-semibold oui-overflow-hidden\")} height=\"100%\">\n      <Box px={3} pb={2}>\n        {search}\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=\"favorites\"\n        >\n          <div className={cls}>\n            <FavoritesListWidget\n              tableClassNames={{\n                scroll: \"oui-px-1\",\n              }}\n            />\n          </div>\n        </TabPanel>\n        <TabPanel title={t(\"markets.recent\")} value=\"recent\">\n          <div className={cls}>\n            <RecentListWidget\n              tableClassNames={{\n                scroll: \"oui-px-1\",\n              }}\n            />\n          </div>\n        </TabPanel>\n        <TabPanel title={t(\"common.all\")} value=\"all\">\n          <div className={cls}>\n            <MarketsListWidget\n              type=\"all\"\n              sortKey={tabSort?.sortKey}\n              sortOrder={tabSort?.sortOrder}\n              onSort={onTabSort}\n              tableClassNames={{\n                scroll: \"oui-px-1\",\n              }}\n            />\n          </div>\n        </TabPanel>\n        <TabPanel title={t(\"markets.newListings\")} value=\"newListing\">\n          <div className={cls}>\n            <NewListingListWidget\n              tableClassNames={{\n                scroll: \"oui-px-1\",\n              }}\n            />\n          </div>\n        </TabPanel>\n      </Tabs>\n    </Box>\n  );\n};\n","import { FC } from \"react\";\nimport { Box, cn, DataTable } from \"@orderly.network/ui\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { FavoritesTabWidget } from \"../favoritesTabs\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport type { FavoritesListWidgetProps } from \"./widget\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\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 { MouseEventHandler, ReactNode } from \"react\";\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\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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&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-cursor-pointer oui-mr-1\"\n              >\n                {record.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\n        return (\n          <Flex>\n            {favoritesIcon}\n            <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n              <Flex gapX={1}>\n                <TokenIcon\n                  symbol={record.symbol}\n                  className=\"oui-w-[18px] oui-h-[18px]\"\n                />\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 { TokenIcon, Flex, Text, cn, Tooltip, Badge } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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-overflow-y-auto oui-custom-scrollbar oui-h-full\">\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\n                    symbol={item.symbol}\n                    className=\"oui-w-[18px] oui-h-[18px]\"\n                  />\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\n                  symbol={item.symbol}\n                  className=\"oui-w-[18px] oui-h-[18px]\"\n                />\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 { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\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 { FavoritesList } from \"./favoritesList.ui\";\nimport { useFavoritesListScript } from \"./favoritesList.script\";\nimport { GetColumns } from \"../../type\";\nimport { DataTableClassNames } from \"@orderly.network/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, DataTableClassNames } from \"@orderly.network/ui\";\nimport { type UseMarketsListReturn } from \"./marketsList.script\";\nimport { GetColumns, TInitialSort } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\n\nexport type MarketsListProps = UseMarketsListReturn & {\n  initialSort: TInitialSort;\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: DataTableClassNames;\n  rowClassName?: string;\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  } = 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      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={initialSort}\n      manualSorting\n    />\n  );\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { MarketsListWidgetProps } from \"./widget\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\n\nexport type UseMarketsListScriptOptions = MarketsListWidgetProps;\n\nexport type UseMarketsListReturn = ReturnType<typeof useMarketsListScript>;\n\nexport const useMarketsListScript = (options: UseMarketsListScriptOptions) => {\n  const [loading, setLoading] = useState(true);\n\n  const [data, favorite] = useMarkets(MarketsType.ALL);\n\n  const { searchValue } = useMarketsContext();\n\n  const { onSort, getSortedList } = useSort(\n    options?.sortKey,\n    options?.sortOrder,\n    options.onSort\n  );\n\n  const dataSource = useMemo(() => {\n    const searchResults = searchBySymbol(data, searchValue, \"base\");\n    return getSortedList(searchResults);\n  }, [data, getSortedList, searchValue]);\n\n  useEffect(() => {\n    setLoading(false);\n  }, [data]);\n\n  return {\n    loading,\n    dataSource,\n    favorite,\n    onSort,\n  };\n};\n","import { MarketsList } from \"./marketsList.ui\";\nimport { useMarketsListScript } from \"./marketsList.script\";\nimport { SortOrder, DataTableClassNames } from \"@orderly.network/ui\";\nimport { GetColumns } from \"../../type\";\n\nexport type MarketsListWidgetProps = {\n  type?: \"all\" | \"new\";\n  sortKey: string;\n  sortOrder: SortOrder;\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: DataTableClassNames;\n  rowClassName?: string;\n  onSort?: (sortKey?: string, sortOrder?: SortOrder) => void;\n};\n\nexport const MarketsListWidget: React.FC<MarketsListWidgetProps> = (props) => {\n  const state = useMarketsListScript(props);\n\n  return (\n    <MarketsList\n      {...state}\n      initialSort={{\n        sortKey: props.sortKey,\n        sort: props.sortOrder,\n      }}\n      getColumns={props.getColumns}\n      collapsed={props.collapsed}\n      tableClassNames={props.tableClassNames}\n      rowClassName={props.rowClassName}\n    />\n  );\n};\n","import { FC } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { RecentListWidgetProps } from \"./widget\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\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 { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\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 { RecentList } from \"./recentList.ui\";\nimport { useRecentListScript } from \"./recentList.script\";\nimport { GetColumns } from \"../../type\";\nimport { DataTableClassNames } from \"@orderly.network/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 } from \"react\";\nimport { cn, DataTable } from \"@orderly.network/ui\";\nimport { UseNewListingListReturn } from \"./newListingList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useSideMarketsColumns } from \"../sideMarkets/column\";\nimport { NewListingListWidgetProps } from \"./widget\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\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 { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\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 { NewListingList } from \"./newListingList.ui\";\nimport { useNewListingListScript } from \"./newListingList.script\";\nimport { GetColumns } from \"../../type\";\nimport { DataTableClassNames } from \"@orderly.network/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 { useCallback, useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { SortOrder } from \"@orderly.network/ui\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type TabName = \"favorites\" | \"recent\" | \"all\";\n\nexport type UseExpandMarketsScriptOptions = {\n  activeTab?: TabName;\n  onTabChange?: (tab: TabName) => void;\n};\n\nexport type UseExpandMarketsScriptReturn = ReturnType<\n  typeof useExpandMarketsScript\n>;\n\nexport function useExpandMarketsScript(\n  options?: UseExpandMarketsScriptOptions\n) {\n  const [activeTab, setActiveTab] = useState<TabName>(options?.activeTab!);\n\n  const { tabSort, onTabSort } = useTabSort({\n    storageKey: \"orderly_side_markets_tab_sort\",\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 TabName);\n      } else {\n        setActiveTab(value as TabName);\n      }\n    },\n    [options?.onTabChange]\n  );\n  useEffect(() => {\n    setActiveTab(options?.activeTab || \"favorites\");\n  }, [options?.activeTab]);\n\n  useEffect(() => {\n    clearSearchValue?.();\n  }, [activeTab]);\n\n  return {\n    activeTab,\n    onTabChange,\n    tabSort,\n    onTabSort,\n  };\n}\n","import { useCallback } from \"react\";\nimport { useSessionStorage } from \"@orderly.network/hooks\";\nimport { SortOrder } from \"@orderly.network/ui\";\n\ntype Sort = {\n  sortKey: string;\n  sortOrder: SortOrder;\n};\n\nexport type TabSort = Record<string, Sort>;\n\nconst defaultSortKey = \"24h_amount\";\nconst defaultSortOrder = \"desc\";\n\nexport function useTabSort(options: {\n  storageKey: string;\n  type?: string;\n  initialSort?: Sort;\n}) {\n  const { storageKey, type = \"all\", initialSort } = options;\n\n  const [tabSort, setTabSort] = useSessionStorage(storageKey, {\n    [type]: {\n      sortKey: initialSort?.sortKey || defaultSortKey,\n      sortOrder: initialSort?.sortOrder || defaultSortOrder,\n    },\n  } as TabSort);\n\n  // default all tab can storage sort\n  const onTabSort = useCallback(\n    (sortKey = defaultSortKey, sortOrder = defaultSortOrder) => {\n      setTabSort({\n        ...tabSort,\n        all: {\n          sortKey,\n          sortOrder,\n        },\n      });\n    },\n    []\n  );\n\n  return {\n    tabSort: tabSort[type],\n    onTabSort,\n  };\n}\n","import { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport {\n  useExpandMarketsScript,\n  UseExpandMarketsScriptOptions,\n} from \"./expandMarkets.script\";\nimport { ExpandMarkets } from \"./expandMarkets.ui\";\n\nexport type ExpandMarketsWidgetProps = MarketsProviderProps &\n  UseExpandMarketsScriptOptions;\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, Text, Flex, cn } from \"@orderly.network/ui\";\nimport {\n  ProcessedFundingData,\n  UseFundingOverviewReturn,\n} from \"./fundingOverview.script\";\nimport { useFundingOverviewColumns } from \"./columns\";\n\nexport type FundingOverviewProps = UseFundingOverviewReturn;\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    <div className=\"w-full\">\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    </div>\n  );\n};\n","import { Column, Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { ProcessedFundingData } from \"./fundingOverview.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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): Column<ProcessedFundingData>[] => {\n  const { t } = useTranslation();\n  return [\n    {\n      title: t(\"markets.column.market\"),\n      dataIndex: \"symbol\",\n      width: 120,\n      render: (value) => (\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      title: t(\"markets.funding.column.estFunding\"),\n      dataIndex: \"estFunding\",\n      width: 120,\n      onSort: true,\n      render: (value) => (\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\"> / 4h </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          <select\n            value={selectedPeriod}\n            onChange={(e) => setSelectedPeriod(e.target.value)}\n            onClick={(e) => e.stopPropagation()}\n            className=\"oui-w-12 oui-rounded-md oui-border oui-border-line oui-bg-[var(--oui-table-background-color)]\"\n          >\n            {[\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            ].map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\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};\n","import { useMemo } from \"react\";\nimport {\n  useFundingRateHistory,\n  useMarkets,\n  MarketsType,\n} from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useSort, searchBySymbol } from \"../../utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\n\nexport type PeriodKey = \"1d\" | \"3d\" | \"7d\" | \"14d\" | \"30d\" | \"90d\";\n\nexport type ProcessedFundingData = {\n  symbol: string;\n  estFunding: number;\n  lastFunding: 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 UseFundingOverviewReturn = {\n  dataSource: ProcessedFundingData[];\n  isLoading: boolean;\n  pagination: {\n    pageSize: number;\n    page: number;\n  };\n  onSort: any;\n};\n\nexport const useFundingOverviewScript = () => {\n  const { pageSize, pagination } = usePagination({ pageSize: 10 });\n  const [marketData] = useMarkets(MarketsType.ALL);\n  const {\n    data: historyData,\n    isLoading: isHistoryLoading,\n    getPositiveRates,\n  } = useFundingRateHistory();\n  const { onSort, getSortedList } = useSort();\n  const { searchValue } = useMarketsContext();\n\n  const processedData = useMemo((): ProcessedFundingData[] => {\n    if (!marketData?.length) return [];\n\n    const periods: PeriodKey[] = [\"1d\", \"3d\", \"7d\", \"14d\", \"30d\", \"90d\"];\n    const posRates = periods.reduce((acc, period) => {\n      acc[period] = getPositiveRates(historyData, period);\n      return acc;\n    }, {} as Record<string, Record<string, number>>);\n\n    return marketData.map((market) => {\n      const history = historyData?.find((h) => h.symbol === market.symbol);\n\n      return {\n        symbol: market.symbol,\n        estFunding: market.est_funding_rate,\n        lastFunding: market.last_funding_rate,\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\"][market.symbol] ?? \"-\",\n        \"3dPositive\": posRates[\"3d\"][market.symbol] ?? \"-\",\n        \"7dPositive\": posRates[\"7d\"][market.symbol] ?? \"-\",\n        \"14dPositive\": posRates[\"14d\"][market.symbol] ?? \"-\",\n        \"30dPositive\": posRates[\"30d\"][market.symbol] ?? \"-\",\n        \"90dPositive\": posRates[\"90d\"][market.symbol] ?? \"-\",\n      };\n    });\n  }, [marketData, historyData, 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","import { FC } from \"react\";\nimport { FundingOverview } from \"./fundingOverview.ui\";\nimport { useFundingOverviewScript } from \"./fundingOverview.script\";\n\nexport const FundingOverviewWidget: FC = () => {\n  const props = useFundingOverviewScript();\n  return <FundingOverview {...props} />;\n};\n","import { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\n\ninterface FundingComparisonProps {\n  data: Array<{\n    symbol: string;\n    funding: (number | null)[];\n  }>;\n  isLoading: boolean;\n  pagination: any;\n}\n\nexport const FundingComparison: FC<FundingComparisonProps> = ({\n  data,\n  isLoading,\n  pagination,\n}) => {\n  const columns = useFundingColumns();\n\n  return (\n    <DataTable\n      columns={columns}\n      dataSource={data}\n      loading={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={pagination}\n    />\n  );\n};\n","import { Column } from \"@orderly.network/ui\";\nimport { Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { exchanges } from \"./fundingComparison.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useFundingColumns = (): Column[] => {\n  const { t } = useTranslation();\n  return [\n    {\n      title: t(\"markets.column.market\"),\n      dataIndex: \"symbol\",\n      width: 150,\n      onSort: true,\n      render: (value) => (\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    ...exchanges.map((exchange, index) => ({\n      title: (\n        <div style={{ display: \"flex\", alignItems: \"center\", gap: \"4px\" }}>\n          <img\n            src={`https://oss.orderly.network/static/exchange_logo/${exchange\n              .toLowerCase()\n              .replace(\" \", \"_\")}.png`}\n            style={{\n              width: \"24px\",\n              height: \"24px\",\n              objectFit: \"cover\",\n              borderRadius: \"50%\",\n            }}\n          />\n          <span>{exchange}</span>\n        </div>\n      ),\n      dataIndex: `exchange_${index}`,\n      width: 100,\n      render: (value: number | null) =>\n        value === null ? (\n          \"-\"\n        ) : (\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        ),\n    })),\n  ];\n};\n","import { useFundingRates, useQuery } from \"@orderly.network/hooks\";\nimport { useMemo } from \"react\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useSort, searchBySymbol } from \"../../utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\n\nexport const exchanges = [\n  \"WOOFi Pro\",\n  \"Binance\",\n  \"OKX\",\n  \"Bybit\",\n  \"dYdX\",\n  \"Bitget\",\n  \"Kucoin\",\n];\n\nexport const useFundingComparisonScript = () => {\n  const { pageSize, setPage, pagination } = usePagination({\n    pageSize: 10,\n  });\n  const { onSort, getSortedList } = useSort();\n  const { searchValue } = useMarketsContext();\n\n  const fundingRates = useFundingRates();\n\n  const { data, isLoading } = useQuery<\n    Array<{\n      symbol: string;\n      exchanges: Array<{\n        name: string;\n        last: number;\n      }>;\n    }>\n  >(\"/v1/public/market_info/funding_comparison\");\n\n  const processedData = useMemo(() => {\n    if (!data?.length) return [];\n    return data.map((row: any) => {\n      const exchangeData: any = {\n        symbol: row.symbol,\n      };\n\n      exchanges.forEach((name, index) => {\n        const normalizedName = name.toLowerCase();\n\n        if (normalizedName === \"woofi pro\") {\n          const rate = fundingRates[row.symbol];\n          exchangeData[`exchange_${index}`] = rate(\"last_funding_rate\") ?? null;\n          return;\n        }\n\n        const exchange = row.exchanges.find(\n          (e: any) => e.name.toLowerCase() === normalizedName\n        );\n        exchangeData[`exchange_${index}`] = exchange?.last ?? null;\n      });\n\n      return exchangeData;\n    });\n  }, [data, exchanges, 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    [filteredData, getSortedList]\n  );\n\n  return {\n    data: dataSource,\n    isLoading,\n    pagination,\n    onSort,\n  };\n};\n","import { FC } from \"react\";\nimport { FundingComparison } from \"./fundingComparison.ui\";\nimport { useFundingComparisonScript } from \"./fundingComparison.script\";\n\nexport const FundingComparisonWidget: FC = () => {\n  const state = useFundingComparisonScript();\n  return <FundingComparison {...state} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, Flex, Text } from \"@orderly.network/ui\";\nimport {\n  UseSideMarketsScriptOptions,\n  UseSideMarketsScriptReturn,\n} from \"./sideMarkets.script\";\nimport { CollapseIcon, ExpandIcon } from \"../../icons\";\nimport { ExpandMarketsWidget } from \"../expandMarkets\";\nimport { FavoritesListWidget } from \"../favoritesList\";\nimport { RecentListWidget } from \"../recentList\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { NewListingListWidget } from \"../newListingList\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport type SideMarketsProps = UseSideMarketsScriptReturn & {\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  } = props;\n\n  const { symbol, onSymbolChange } = useMarketsContext();\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    if (activeTab === \"favorites\") {\n      return <FavoritesListWidget collapsed={collapsed} />;\n    }\n\n    if (activeTab === \"recent\") {\n      return <RecentListWidget collapsed={collapsed} />;\n    }\n\n    if (activeTab === \"newListing\") {\n      return <NewListingListWidget collapsed={collapsed} />;\n    }\n\n    return (\n      <MarketsListWidget\n        type=\"all\"\n        sortKey=\"24h_amount\"\n        sortOrder=\"desc\"\n        collapsed={collapsed}\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 = UseSideMarketsScriptOptions;\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          collapsable && 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          collapsable && onCollapse?.(true);\n        }}\n      />\n    </Flex>\n  );\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n\nexport type UseSideMarketsScriptOptions = {\n  collapsable?: boolean;\n  collapsed?: boolean;\n  onCollapse?: (collapsed: boolean) => void;\n};\n\nexport type UseSideMarketsScriptReturn = ReturnType<\n  typeof useSideMarketsScript\n>;\n\nexport function useSideMarketsScript(options?: UseSideMarketsScriptOptions) {\n  const [collapsed, setCollapsed] = useState(options?.collapsed);\n  // const [activeTab, setActiveTab] = useState<TabName>(\"all\");\n  const [activeTab, setActiveTab] = useLocalStorage(\n    \"orderly_side_markets_sel_tab_key\",\n    \"all\"\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,\n    onTabChange: setActiveTab,\n  };\n}\n","import React from \"react\";\nimport { useSideMarketsScript } from \"./sideMarkets.script\";\nimport { SideMarkets, SideMarketsProps } from \"./sideMarkets.ui\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\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 {\n  Box,\n  CloseIcon,\n  cn,\n  Flex,\n  Input,\n  TabPanel,\n  Tabs,\n  DropdownMenuContent,\n  DropdownMenuPortal,\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon, SearchIcon } from \"../../icons\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { FavoritesListWidget } from \"../favoritesList\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { RecentListWidget } from \"../recentList\";\nimport { NewListingListWidget } from \"../newListingList\";\nimport { UseDropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\nimport { useDropDownMarketsColumns } from \"./column\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nexport type DropDownMarketsProps = UseDropDownMarketsScriptReturn & {\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 { searchValue, onSearchValueChange } = useMarketsContext();\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      <Input\n        value={searchValue}\n        onValueChange={onSearchValueChange}\n        placeholder={t(\"markets.search.placeholder\")}\n        classNames={{\n          root: \"oui-border oui-mt-[1px] oui-border-line oui-flex-1\",\n        }}\n        size=\"sm\"\n        prefix={\n          <Box pl={3} pr={1}>\n            <SearchIcon className=\"oui-text-base-contrast-36\" />\n          </Box>\n        }\n        autoComplete=\"off\"\n      />\n      <CloseIcon\n        size={12}\n        className=\"oui-text-base-contrast-80 oui-cursor-pointer\"\n        onClick={props.hide}\n        opacity={1}\n      />\n    </Flex>\n  );\n\n  const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n  return (\n    <Box\n      className={cn(\"oui-font-semibold oui-overflow-hidden\")}\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=\"favorites\"\n        >\n          <div className={cls}>\n            <FavoritesListWidget\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            />\n          </div>\n        </TabPanel>\n        <TabPanel title={t(\"markets.recent\")} value=\"recent\">\n          <div className={cls}>\n            <RecentListWidget\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            />\n          </div>\n        </TabPanel>\n        <TabPanel title={t(\"common.all\")} value=\"all\">\n          <div className={cls}>\n            <MarketsListWidget\n              type=\"all\"\n              sortKey={tabSort?.sortKey}\n              sortOrder={tabSort?.sortOrder}\n              onSort={onTabSort}\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            />\n          </div>\n        </TabPanel>\n        <TabPanel title={t(\"markets.newListings\")} value=\"newListing\">\n          <div className={cls}>\n            <NewListingListWidget\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            />\n          </div>\n        </TabPanel>\n      </Tabs>\n    </Box>\n  );\n};\n","import { MouseEventHandler, ReactNode, useCallback } from \"react\";\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\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useDropDownMarketsColumns = () => {\n  const { t } = useTranslation();\n\n  return useCallback(\n    (favorite: FavoriteInstance, isFavoriteList = false) => {\n      return [\n        {\n          title: 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-cursor-pointer oui-mr-1\"\n                  >\n                    {record.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\n            return (\n              <Flex gapX={1}>\n                {favoritesIcon}\n                <TokenIcon\n                  symbol={value}\n                  className=\"oui-w-[18px] oui-h-[18px]\"\n                />\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        },\n        {\n          title: 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        },\n        {\n          title: 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        },\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 { useCallback, useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type UseDropDownMarketsScriptOptions = {};\n\nexport type TabName = \"favorites\" | \"recent\" | \"all\";\n\nexport type UseDropDownMarketsScriptReturn = ReturnType<\n  typeof useDropDownMarketsScript\n>;\n\nexport function useDropDownMarketsScript(\n  options?: UseDropDownMarketsScriptOptions\n) {\n  const [open, setOpen] = useState(false);\n  // const [activeTab, setActiveTab] = useState<TabName>(\"favorites\");\n  const [activeTab, setActiveTab] = useLocalStorage(\n    \"orderly_dropdown_markets_sel_tab_key\",\n    \"all\"\n  );\n\n  const { tabSort, onTabSort } = useTabSort({\n    storageKey: \"orderly_dropdown_markets_tab_sort\",\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,\n    onTabChange: (value: string) => setActiveTab(value as TabName),\n    open,\n    onOpenChange: setOpen,\n    hide,\n    tabSort,\n    onTabSort,\n  };\n}\n","import React, { PropsWithChildren } from \"react\";\nimport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nimport { DropDownMarkets, DropDownMarketsProps } from \"./dropDownMarkets.ui\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\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 {\n  Box,\n  CloseCircleFillIcon,\n  cn,\n  Grid,\n  Input,\n  Text,\n} from \"@orderly.network/ui\";\nimport { UseMarketsSheetScriptReturn } from \"./marketsSheet.script\";\nimport { SearchIcon } from \"../../icons\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { getMarketsSheetColumns } from \"./column\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport type MarketsSheetProps = UseMarketsSheetScriptReturn & {\n  className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n  const { className, tabSort, onTabSort } = props;\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const { t } = useTranslation();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      classNames={{ root: \"oui-border oui-border-line oui-mt-4\" }}\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        searchValue && (\n          <Box mr={2}>\n            <CloseCircleFillIcon\n              size={14}\n              className=\"oui-text-base-contrast-36 oui-cursor-pointer\"\n              onClick={clearSearchValue}\n            />\n          </Box>\n        )\n      }\n      autoComplete=\"off\"\n    />\n  );\n\n  return (\n    <Grid\n      cols={1}\n      className={cn(\"oui-font-semibold oui-grid-rows-[auto,1fr]\", className)}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box px={3} mt={3}>\n        <Text size=\"base\" intensity={80}>\n          {t(\"common.markets\")}\n        </Text>\n        {search}\n      </Box>\n\n      <div className=\"oui-relative\">\n        <Box\n          width=\"100%\"\n          mt={2}\n          className=\"oui-absolute oui-left-0 oui-right-9 oui-top-0 oui-bottom-0\"\n        >\n          <MarketsListWidget\n            type=\"all\"\n            sortKey={tabSort?.sortKey}\n            sortOrder={tabSort?.sortOrder}\n            onSort={onTabSort}\n            getColumns={getMarketsSheetColumns}\n            tableClassNames={{\n              root: \"!oui-bg-base-8\",\n              scroll: \"oui-pb-[calc(env(safe-area-inset-bottom))]\",\n            }}\n          />\n        </Box>\n      </div>\n    </Grid>\n  );\n};\n","import { MouseEventHandler } from \"react\";\nimport { Flex, TokenIcon, Text, Badge, cn, Column } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { DeleteIcon, TopIcon } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\nimport { i18n } from \"@orderly.network/i18n\";\n\nexport const getMarketsSheetColumns = (\n  favorite: FavoriteInstance,\n  isFavoriteList = false\n) => {\n  return [\n    {\n      title: i18n.t(\"markets.column.market&Volume\"),\n      dataIndex: \"24h_amount\",\n      onSort: true,\n      className: \"oui-h-[36px]\",\n      render: (value, record) => {\n        return (\n          <Flex direction=\"column\" itemAlign=\"start\" gapY={1}>\n            <Flex gapX={1}>\n              <TokenIcon\n                symbol={record.symbol}\n                className=\"oui-w-[18px] oui-h-[18px]\"\n              />\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        );\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 { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type UseMarketsSheetScriptOptions = {};\n\nexport type UseMarketsSheetScriptReturn = ReturnType<\n  typeof useMarketsSheetScript\n>;\n\nexport function useMarketsSheetScript(options?: UseMarketsSheetScriptOptions) {\n  const { tabSort, onTabSort } = useTabSort({\n    storageKey: \"orderly_side_markets_tab_sort\",\n  });\n  return { tabSort, onTabSort };\n}\n","import React from \"react\";\nimport { useMarketsSheetScript } from \"./marketsSheet.script\";\nimport { MarketsSheet, MarketsSheetProps } from \"./marketsSheet.ui\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\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, useState } from \"react\";\nimport { Box, cn, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { MarketsDataListWidget } from \"./dataList\";\nimport { MarketsHeaderWidget } from \"./header/widget\";\nimport { FundingWidget } from \"./funding/widget\";\nimport {\n  MarketsProvider,\n  MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n  className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\n  const [activeTab, setActiveTab] = useState(\"markets\");\n  const { t } = useTranslation();\n  return (\n    <MarketsProvider onSymbolChange={props.onSymbolChange}>\n      <Box\n        id=\"oui-markets-home-page\"\n        className={cn(\"oui-font-semibold\", props.className)}\n        p={6}\n      >\n        <Tabs\n          variant=\"text\"\n          size=\"xl\"\n          value={activeTab}\n          onValueChange={setActiveTab}\n        >\n          <TabPanel\n            title={t(\"common.markets\")}\n            value=\"markets\"\n            testid=\"oui-testid-markets-tab\"\n          >\n            <MarketsHeaderWidget />\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      </Box>\n    </MarketsProvider>\n  );\n};\n","import type { FC } from \"react\";\nimport {\n  Box,\n  CloseCircleFillIcon,\n  Input,\n  TabPanel,\n  Tabs,\n} from \"@orderly.network/ui\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { UseFundingScript } from \"./funding.script\";\nimport { SearchIcon } from \"../../../icons\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nexport type FundingUIProps = UseFundingScript;\n\nexport const FundingUI: FC<FundingUIProps> = ({\n  activeFundingTab,\n  onFundingTabChange,\n}) => {\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n  const { t } = useTranslation();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      className=\"oui-w-[240px] oui-my-1\"\n      size=\"sm\"\n      data-testid=\"oui-testid-markets-searchMarket-input\"\n      prefix={\n        <Box pl={3} pr={1}>\n          <SearchIcon className=\"oui-text-base-contrast-36\" />\n        </Box>\n      }\n      suffix={\n        searchValue && (\n          <Box mr={2}>\n            <CloseCircleFillIcon\n              size={14}\n              className=\"oui-text-base-contrast-36 oui-cursor-pointer\"\n              onClick={clearSearchValue}\n            />\n          </Box>\n        )\n      }\n      autoComplete=\"off\"\n    />\n  );\n\n  return (\n    <Box id=\"oui-funding-list\" intensity={900} p={6} mt={4} r=\"2xl\">\n      <Tabs\n        variant=\"contained\"\n        size=\"lg\"\n        value={activeFundingTab}\n        onValueChange={onFundingTabChange}\n        trailing={search}\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","import { useState } from \"react\";\n\nexport type FundingTabName = \"overview\" | \"comparison\";\n\nexport type UseFundingScript = ReturnType<typeof useFundingScript>;\n\nexport function useFundingScript() {\n  const [activeFundingTab, setActiveFundingTab] =\n    useState<FundingTabName>(\"overview\");\n\n  return {\n    activeFundingTab,\n    onFundingTabChange: (value: string) =>\n      setActiveFundingTab(value as FundingTabName),\n  };\n}\n","import { FundingUI } from \"./funding.ui\";\nimport { useFundingScript } from \"./funding.script\";\n\nexport const FundingWidget = () => {\n  const state = useFundingScript();\n  return <FundingUI {...state} />;\n};\n"]}
+{"version":3,"sources":["../src/pages/home/header/header.ui.tsx","../src/components/marketsProvider/index.tsx","../src/icons.tsx","../src/pages/home/header/header.script.tsx","../src/utils.ts","../src/pages/home/header/widget.tsx","../src/pages/home/dataList/dataList.ui.tsx","../src/components/favoritesListFull/favoritesListFull.ui.tsx","../src/components/favoritesTabs/favoritesTabs.ui.tsx","../src/components/favoritesTabs/favoritesTabs.script.ts","../src/components/favoritesTabs/widget.tsx","../src/components/marketsListFull/column.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.ui.tsx","../src/components/favoritesDropdownMenu/favoritesDropdownMenu.script.ts","../src/components/favoritesDropdownMenu/widget.tsx","../src/components/favoritesListFull/column.tsx","../src/components/favoritesListFull/favoritesListFull.script.ts","../src/components/favoritesListFull/widget.tsx","../src/components/marketsListFull/marketsListFull.ui.tsx","../src/components/marketsListFull/marketsListFull.script.ts","../src/components/marketsListFull/widget.tsx","../src/pages/home/dataList/dataList.script.ts","../src/pages/home/dataList/widget.tsx","../src/components/expandMarkets/expandMarkets.ui.tsx","../src/components/marketsList/marketsList.ui.tsx","../src/components/collapseMarkets/index.tsx","../src/components/sideMarkets/column.tsx","../src/components/marketsList/marketsList.script.ts","../src/components/marketsList/widget.tsx","../src/components/shared/hooks/useFavoritesExtraProps.tsx","../src/components/expandMarkets/expandMarkets.script.ts","../src/constant.ts","../src/components/shared/hooks/useTabSort.ts","../src/components/expandMarkets/widget.tsx","../src/components/fundingOverview/fundingOverview.ui.tsx","../src/components/fundingOverview/columns.tsx","../src/components/fundingOverview/fundingOverview.script.tsx","../src/components/fundingOverview/widget.tsx","../src/components/fundingComparison/fundingComparison.ui.tsx","../src/components/fundingComparison/columns.tsx","../src/components/fundingComparison/fundingComparison.script.tsx","../src/components/fundingComparison/widget.tsx","../src/components/sideMarkets/sideMarkets.ui.tsx","../src/components/sideMarkets/sideMarkets.script.ts","../src/components/sideMarkets/widget.tsx","../src/components/dropDownMarkets/dropDownMarkets.ui.tsx","../src/components/dropDownMarkets/column.tsx","../src/components/dropDownMarkets/dropDownMarkets.script.ts","../src/components/dropDownMarkets/widget.tsx","../src/components/marketsSheet/marketsSheet.ui.tsx","../src/components/marketsSheet/column.tsx","../src/components/marketsSheet/marketsSheet.script.ts","../src/components/marketsSheet/widget.tsx","../src/components/symbolInfoBar/symbolInfoBar.ui.tsx","../src/components/symbolInfoBar/symbolInfoBar.script.ts","../src/components/symbolInfoBar/widget.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx","../src/components/symbolInfoBarFull/symbolInfoBarFull.script.ts","../src/components/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.ui.tsx","../src/pages/home/funding/funding.script.tsx","../src/pages/home/funding/widget.tsx"],"names":["useMemo","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","useTranslation","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","formatSymbol","symbol","arr","type","base","quote","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","MarketsHeaderWidget","state","CloseCircleFillIcon","Input","TabPanel","Tabs","Trans","DataTable","Tooltip","modal","FavoritesTab","open","setOpen","container","inputRef","inputWidth","spanRef","editing","onValueChange","updateCurTab","onEdit","addTab","delTab","size","scrollable","selectedFavoriteTab","favoriteTabs","updateSelectedFavoriteTab","addIconWidth","tabHeight","overLen","gradientColor","onDel","onKeyUp","e","renderActions","renderAdd","overTabs","icon","renderInput","isActive","renderContent","textProps","content","useRef","useFavoritesTabScript","favorites","updateFavoriteTabs","updateFavorites","setEditing","setValue","setScrollable","scrollView","setInputWidth","updateScrollLayout","scrollWidth","clientWidth","scrollToRight","newTab","selectedTab","_favorites","tab","tabs","rect","offset","FavoritesTabWidget","className","rest","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","FavoritesDropdownMenu","onOpenChange","inputVisible","selectedTabs","hide","hideInput","showInput","onCheck","confirm","header","checked","footer","useFavoritesDropdownMenuScript","updateSymbolFavoriteState","setInputVisible","setSelectedTabs","clearState","find","FavoritesDropdownMenuWidget","useMarketsListFullColumns","isFavoriteList","record","button","useFavoritesListFullColumns","FavoritesListFull","dataSource","loading","pagination","columns","usePagination","useFavoritesListFullScript","pageSize","setPage","setLoading","filterData","filterList","fav","FavoritesListFullWidget","MarketsListFull","useMarketsListFullScript","sortStore","MarketsListFullWidget","MarketsDataList","activeTab","onTabChange","onSearchValueChange","search","useMarketsDataListScript","setActiveTab","MarketsDataListWidget","TokenIcon","Badge","CollapseMarkets","useSideMarketsColumns","favoritesIcon","onDelSymbol","iconCls","actions","Fragment","MarketsList","getColumns","collapsed","isFavoritesList","renderHeader","sideColumns","MarketsTypeMap","useMarketsListScript","searchResults","MarketsListWidget","useFavoritesProps","dataFilter","ExpandMarkets","tabSort","onTabSort","renderTab","extraProps","SIDE_MARKETS_TAB_SORT_STORAGE_KEY","useSessionStorage","useTabSort","setTabSort","useExpandMarketsScript","ExpandMarketsWidget","createFundingRenderer","dp","useFundingOverviewColumns","selectedPeriod","setSelectedPeriod","option","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","FundingOverviewWidget","exchanges","useFundingComparisonScript","row","exchangeData","name","normalizedName","rate","exchange","useFundingColumns","FundingComparison","FundingComparisonWidget","SideMarkets","collapsable","onCollapse","SideMarketsHeader","useLocalStorage","SIDE_MARKETS_SEL_TAB_KEY","useSideMarketsScript","setCollapsed","SideMarketsWidget","useDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","DROPDOWN_MARKETS_SEL_TAB_KEY","DROPDOWN_MARKETS_TAB_SORT_STORAGE_KEY","useDropDownMarketsScript","DropDownMarketsWidget","Grid","i18n","getMarketsSheetColumns","MarketsSheet","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","FundingUI","activeFundingTab","onFundingTabChange","useFundingScript","setActiveFundingTab","FundingWidget","MarketsHomePage"],"mappings":"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","sourcesContent":["import { FC, ReactNode, useMemo } from \"react\";\nimport { HeaderReturns } from \"./header.script\";\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 { useTranslation } from \"@orderly.network/i18n\";\n/** -----------MarketsHeader start ------------ */\nexport const MarketsHeader: FC<HeaderReturns> = (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-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)] oui-min-w-0\",\n    enableScroll && \"oui-select-none oui-cursor-pointer\"\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=\"oui-overflow-hidden\"\n      ref={enableScroll ? emblaRef : undefined}\n    >\n      <Flex width=\"100%\" gapX={4} mt={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-mt-1 oui-mb-3  3xl:oui-mt-4 3xl:oui-mb-0\">\n        <ScrollIndicator\n          scrollIndex={scrollIndex}\n          scrollPrev={emblaApi?.scrollPrev}\n          scrollNext={emblaApi?.scrollNext}\n        />\n      </div>\n    </div>\n  );\n};\n/** -----------MarketsHeader end ------------ */\n\ntype BlockListProps = {\n  className?: string;\n  total24Amount?: number;\n  totalOpenInterest?: number;\n  tvl?: number;\n};\n\n/** -----------MarketsHeader start ------------ */\nconst BlockList: React.FC<BlockListProps> = (props) => {\n  const { total24Amount, totalOpenInterest, tvl } = props;\n  const { t } = useTranslation();\n\n  const list = useMemo(() => {\n    return [\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> {t(\"markets.column.24hVolume\")}\n          </Flex>\n        ),\n        value: total24Amount,\n      },\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> {t(\"markets.openInterest\")}\n          </Flex>\n        ),\n        value: totalOpenInterest,\n      },\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> {`${t(\"common.assets\")} (TVL)`}\n          </Flex>\n        ),\n        value: tvl,\n      },\n    ];\n  }, [total24Amount, totalOpenInterest, tvl]);\n  return (\n    <Flex\n      direction=\"column\"\n      justify=\"between\"\n      width=\"100%\"\n      height={236}\n      className={props.className}\n    >\n      {list?.map((item, index) => (\n        <BlockItem key={index} {...item} />\n      ))}\n    </Flex>\n  );\n};\n/** -----------MarketsHeader start ------------ */\n\ntype BlockItemProps = {\n  label: ReactNode;\n  value?: number;\n  rule?: string;\n  dp?: number;\n};\n\nconst BlockItem: React.FC<BlockItemProps> = (props) => {\n  return (\n    <Box intensity={900} r=\"lg\" px={4} py={3} width=\"100%\">\n      <Text as=\"div\" intensity={36} size=\"xs\" weight=\"semibold\">\n        {props.label}\n      </Text>\n\n      <Text.numeral\n        size=\"base\"\n        currency=\"$\"\n        dp={props.dp || 0}\n        rm={Decimal.ROUND_DOWN}\n        rule={props.rule as any}\n      >\n        {props.value!}\n      </Text.numeral>\n    </Box>\n  );\n};\n\ntype CardItemProps = {\n  data?: TListItem[];\n  title: ReactNode;\n  className?: string;\n  onSymbol: (item: any) => void;\n};\n\nconst CardItem: React.FC<CardItemProps> = (props) => {\n  return (\n    <Box\n      intensity={900}\n      r=\"lg\"\n      py={4}\n      pb={2}\n      height={236}\n      className={props.className}\n    >\n      <Box px={4}>\n        <Text.gradient color=\"brand\" size=\"sm\" weight=\"semibold\">\n          {props.title}\n        </Text.gradient>\n      </Box>\n\n      <Flex direction=\"column\" itemAlign=\"start\" mt={2}>\n        {props.data?.map((item, index) => (\n          <ListItem key={item.symbol} item={item} onSymbol={props.onSymbol} />\n        ))}\n      </Flex>\n    </Box>\n  );\n};\n\ntype TListItem = {\n  symbol: string;\n  price: string;\n  change: number;\n  precision: number;\n  [x: string]: any;\n};\n\ntype ListItemProps = {\n  item: TListItem;\n  className?: string;\n  onSymbol: (item: any) => void;\n};\n\nconst ListItem: React.FC<ListItemProps> = (props) => {\n  const { item } = props;\n\n  return (\n    <Flex\n      width=\"100%\"\n      gapX={3}\n      py={2}\n      px={4}\n      className={cn(\"hover:oui-bg-base-8 oui-cursor-pointer\", 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-bg-base-contrast-36 oui-w-4\"\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 HeaderReturns = 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 || initialSort);\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(\n  list: any[],\n  searchValue = \"\",\n  formatString?: string,\n) {\n  const reg = new RegExp(searchValue, \"i\");\n  return list?.filter((item) =>\n    reg.test(formatSymbol(item.symbol, formatString)),\n  );\n}\n\nfunction formatSymbol(symbol: string, formatString: string = \"base\") {\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 { useMarketsHeaderScript } from \"./header.script\";\nimport { MarketsHeader } from \"./header.ui\";\n\nexport const MarketsHeaderWidget = () => {\n  const state = useMarketsHeaderScript();\n  return <MarketsHeader {...state} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport {\n  Box,\n  CloseCircleFillIcon,\n  Input,\n  TabPanel,\n  Tabs,\n} from \"@orderly.network/ui\";\nimport { FavoritesListFullWidget } from \"../../../components/favoritesListFull\";\nimport { MarketsListFullWidget } from \"../../../components/marketsListFull\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport {\n  AllMarketsIcon,\n  FavoritesIcon,\n  NewListingsIcon,\n  SearchIcon,\n} from \"../../../icons\";\nimport { UseMarketsDataListScript } from \"./dataList.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  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      className=\"oui-my-1 oui-w-[240px]\"\n      size=\"sm\"\n      data-testid=\"oui-testid-markets-searchMarket-input\"\n      prefix={\n        <Box pl={3} pr={1}>\n          <SearchIcon className=\"oui-text-base-contrast-36\" />\n        </Box>\n      }\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  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={search}\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 { useFavoritesListFullColumns } from \"./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 = useFavoritesListFullColumns(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 { 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 { 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 { 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 { FavoritesDropdownMenu } from \"./favoritesDropdownMenu.ui\";\nimport {\n  useFavoritesDropdownMenuScript,\n  UseFavoritesDropdownMenuScriptOptions,\n} from \"./favoritesDropdownMenu.script\";\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 { useMarketsListFullColumns } from \"../marketsListFull/column\";\n\nexport const useFavoritesListFullColumns = useMarketsListFullColumns;\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 \"./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 list = getSortedList(data);\n    return searchBySymbol(list, searchValue, \"base-type\");\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 { useEffect, useState } from \"react\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { TabName } from \"../../../type\";\n\nexport type UseMarketsDataListScript = ReturnType<\n  typeof useMarketsDataListScript\n>;\n\nexport function useMarketsDataListScript() {\n  const [activeTab, setActiveTab] = useState<TabName>(TabName.All);\n  const { clearSearchValue } = useMarketsContext();\n\n  useEffect(() => {\n    clearSearchValue?.();\n  }, [activeTab]);\n\n  return {\n    activeTab,\n    onTabChange: (value: string) => setActiveTab(value as TabName),\n  };\n}\n","import { MarketsDataList } from \"./dataList.ui\";\nimport { useMarketsDataListScript } from \"./dataList.script\";\n\nexport const MarketsDataListWidget = () => {\n  const state = useMarketsDataListScript();\n  return <MarketsDataList {...state} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport {\n  Box,\n  CloseCircleFillIcon,\n  cn,\n  Input,\n  TabPanel,\n  Tabs,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon, SearchIcon } from \"../../icons\";\nimport { TabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\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 { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const { t } = useTranslation();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      classNames={{ root: \"oui-border oui-mt-[1px] oui-border-line\" }}\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        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  const cls = \"oui-h-[calc(100%_-_36px)]\";\n\n  const { renderHeader, dataFilter } = useFavoritesProps();\n\n  const renderTab = (type: TabName) => {\n    const extraProps =\n      type === TabName.Favorites ? { renderHeader, dataFilter } : {};\n\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 === TabName.Favorites ? \"oui-pb-9\" : \"oui-pb-2\",\n            ),\n          }}\n          {...extraProps}\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        {search}\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={TabName.Favorites}\n        >\n          {renderTab(TabName.Favorites)}\n        </TabPanel>\n        <TabPanel title={t(\"markets.recent\")} value={TabName.Recent}>\n          {renderTab(TabName.Recent)}\n        </TabPanel>\n        <TabPanel title={t(\"common.all\")} value={TabName.All}>\n          {renderTab(TabName.All)}\n        </TabPanel>\n        <TabPanel title={t(\"markets.newListings\")} value={TabName.NewListing}>\n          {renderTab(TabName.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 \"./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&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 { useEffect, useMemo, useState } from \"react\";\nimport { MarketsType, useMarkets } from \"@orderly.network/hooks\";\nimport { TabName } from \"../../type\";\nimport { searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { type MarketsListWidgetProps } from \"./widget\";\n\nexport type MarketsListScriptOptions = MarketsListWidgetProps;\n\nexport type MarketsListScriiptReturn = ReturnType<typeof useMarketsListScript>;\n\nconst MarketsTypeMap = {\n  [TabName.All]: MarketsType.ALL,\n  [TabName.Favorites]: MarketsType.FAVORITES,\n  [TabName.Recent]: MarketsType.RECENT,\n  [TabName.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 === TabName.Favorites;\n\n  return {\n    loading,\n    dataSource,\n    favorite,\n    onSort,\n    isFavoritesList,\n  };\n};\n","import { ReactNode } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { DataTableClassNames } from \"@orderly.network/ui\";\nimport { FavoriteInstance, GetColumns, SortType, TabName } from \"../../type\";\nimport { useMarketsListScript } from \"./marketsList.script\";\nimport { MarketsList } from \"./marketsList.ui\";\n\nexport type MarketsListWidgetProps = {\n  type: TabName;\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 { useCallback } from \"react\";\nimport { Favorite, FavoriteTab } from \"@orderly.network/hooks\";\nimport { Box } from \"@orderly.network/ui\";\nimport { FavoriteInstance } 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  return {\n    renderHeader,\n    dataFilter,\n  };\n}\n","import { useCallback, useEffect, useState } from \"react\";\nimport { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { TabName } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type ExpandMarketsScriptOptions = {\n  activeTab?: TabName;\n  onTabChange?: (tab: TabName) => void;\n};\n\nexport type ExpandMarketsScriptReturn = ReturnType<\n  typeof useExpandMarketsScript\n>;\n\nexport function useExpandMarketsScript(options: ExpandMarketsScriptOptions) {\n  const [activeTab, setActiveTab] = useState<TabName>(options.activeTab!);\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 TabName);\n      } else {\n        setActiveTab(value as TabName);\n      }\n    },\n    [options?.onTabChange],\n  );\n  useEffect(() => {\n    setActiveTab(options?.activeTab || TabName.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 { useCallback } from \"react\";\nimport { useSessionStorage } from \"@orderly.network/hooks\";\nimport { SortType, TabName } from \"../../../type\";\n\nexport function useTabSort(options: { storageKey: string }) {\n  const [tabSort, setTabSort] = useSessionStorage(options.storageKey, {\n    [TabName.All]: {\n      sortKey: \"24h_amount\",\n      sortOrder: \"desc\",\n    },\n  } as Record<TabName, SortType>);\n\n  const onTabSort = useCallback(\n    (type: TabName) => (sort?: SortType) => {\n      console.log(\"onTabSort\", type, sort);\n      setTabSort({ ...tabSort, [type]: sort });\n    },\n    [tabSort],\n  );\n\n  return {\n    tabSort,\n    onTabSort,\n  };\n}\n","import { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\nimport {\n  useExpandMarketsScript,\n  ExpandMarketsScriptOptions,\n} from \"./expandMarkets.script\";\nimport { ExpandMarkets } from \"./expandMarkets.ui\";\n\nexport type ExpandMarketsWidgetProps = MarketsProviderProps &\n  ExpandMarketsScriptOptions;\n\nexport const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps> = (\n  props,\n) => {\n  const state = useExpandMarketsScript({\n    activeTab: props.activeTab,\n    onTabChange: props.onTabChange,\n  });\n\n  return (\n    <MarketsProvider\n      symbol={props.symbol}\n      onSymbolChange={props.onSymbolChange}\n    >\n      <ExpandMarkets {...state} />\n    </MarketsProvider>\n  );\n};\n","import { FC, useState } from \"react\";\nimport { DataTable, Text, Flex, cn } from \"@orderly.network/ui\";\nimport {\n  ProcessedFundingData,\n  UseFundingOverviewReturn,\n} from \"./fundingOverview.script\";\nimport { useFundingOverviewColumns } from \"./columns\";\n\nexport type FundingOverviewProps = UseFundingOverviewReturn;\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    <div className=\"w-full\">\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    </div>\n  );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Column, Text } 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): Column<ProcessedFundingData>[] => {\n  const { t } = useTranslation();\n  return [\n    {\n      title: t(\"markets.column.market\"),\n      dataIndex: \"symbol\",\n      width: 120,\n      render: (value) => (\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      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          <select\n            value={selectedPeriod}\n            onChange={(e) => setSelectedPeriod(e.target.value)}\n            onClick={(e) => e.stopPropagation()}\n            className=\"oui-w-12 oui-rounded-md oui-border oui-border-line oui-bg-[var(--oui-table-background-color)]\"\n          >\n            {[\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            ].map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\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};\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 PeriodKey = \"1d\" | \"3d\" | \"7d\" | \"14d\" | \"30d\" | \"90d\";\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 UseFundingOverviewReturn = {\n  dataSource: ProcessedFundingData[];\n  isLoading: boolean;\n  pagination: {\n    pageSize: number;\n    page: number;\n  };\n  onSort: any;\n};\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: PeriodKey[] = [\"1d\", \"3d\", \"7d\", \"14d\", \"30d\", \"90d\"];\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 { FundingOverview } from \"./fundingOverview.ui\";\nimport { useFundingOverviewScript } from \"./fundingOverview.script\";\n\nexport const FundingOverviewWidget: FC = () => {\n  const props = useFundingOverviewScript();\n  return <FundingOverview {...props} />;\n};\n","import { FC } from \"react\";\nimport { cn } from \"@orderly.network/ui\";\nimport { DataTable } from \"@orderly.network/ui\";\nimport { useFundingColumns } from \"./columns\";\n\ninterface FundingComparisonProps {\n  data: Array<{\n    symbol: string;\n    funding: (number | null)[];\n  }>;\n  isLoading: boolean;\n  pagination: any;\n}\n\nexport const FundingComparison: FC<FundingComparisonProps> = ({\n  data,\n  isLoading,\n  pagination,\n}) => {\n  const columns = useFundingColumns();\n\n  return (\n    <DataTable\n      columns={columns}\n      dataSource={data}\n      loading={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={pagination}\n    />\n  );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Column } from \"@orderly.network/ui\";\nimport { Text } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { exchanges } from \"./fundingComparison.script\";\n\nexport const useFundingColumns = (): Column[] => {\n  const { t } = useTranslation();\n  return [\n    {\n      title: t(\"markets.column.market\"),\n      dataIndex: \"symbol\",\n      width: 150,\n      onSort: true,\n      render: (value) => (\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    ...exchanges.map((exchange, index) => ({\n      title: (\n        <div style={{ display: \"flex\", alignItems: \"center\", gap: \"4px\" }}>\n          <img\n            src={`https://oss.orderly.network/static/exchange_logo/${exchange\n              .toLowerCase()\n              .replace(\" \", \"_\")}.png`}\n            style={{\n              width: \"24px\",\n              height: \"24px\",\n              objectFit: \"cover\",\n              borderRadius: \"50%\",\n            }}\n          />\n          <span>{exchange}</span>\n        </div>\n      ),\n      dataIndex: `exchange_${index}`,\n      onSort: true,\n      width: 100,\n      render: (value: number | null) =>\n        value === null ? (\n          \"-\"\n        ) : (\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        ),\n    })),\n  ];\n};\n","import { useMemo } from \"react\";\nimport { useFundingRates, useQuery } from \"@orderly.network/hooks\";\nimport { usePagination } from \"@orderly.network/ui\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\nimport { useSort, searchBySymbol } from \"../../utils\";\n\nexport const exchanges = [\n  \"WOOFi Pro\",\n  \"Binance\",\n  \"OKX\",\n  \"Bybit\",\n  \"dYdX\",\n  \"Bitget\",\n  \"Kucoin\",\n];\n\nexport const useFundingComparisonScript = () => {\n  const { pagination } = usePagination({\n    pageSize: 10,\n  });\n  const { onSort, getSortedList } = useSort();\n  const { searchValue } = useMarketsContext();\n\n  const fundingRates = useFundingRates();\n\n  const { data, isLoading } = useQuery<\n    Array<{\n      symbol: string;\n      exchanges: Array<{\n        name: string;\n        last: number;\n      }>;\n    }>\n  >(\"/v1/public/market_info/funding_comparison\");\n\n  const processedData = useMemo(() => {\n    if (!data?.length) return [];\n    return data.map((row: any) => {\n      const exchangeData: any = {\n        symbol: row.symbol,\n      };\n\n      exchanges.forEach((name, index) => {\n        const normalizedName = name.toLowerCase();\n\n        if (normalizedName === \"woofi pro\") {\n          const rate = fundingRates[row.symbol];\n          exchangeData[`exchange_${index}`] = rate(\"last_funding_rate\") ?? null;\n          return;\n        }\n\n        const exchange = row.exchanges.find(\n          (e: any) => e.name.toLowerCase() === normalizedName,\n        );\n        exchangeData[`exchange_${index}`] = exchange?.last ?? null;\n      });\n\n      return exchangeData;\n    });\n  }, [data, exchanges, 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    [filteredData, getSortedList],\n  );\n\n  return {\n    data: dataSource,\n    isLoading,\n    pagination,\n    onSort,\n  };\n};\n","import { FC } from \"react\";\nimport { FundingComparison } from \"./fundingComparison.ui\";\nimport { useFundingComparisonScript } from \"./fundingComparison.script\";\n\nexport const FundingComparisonWidget: FC = () => {\n  const state = useFundingComparisonScript();\n  return <FundingComparison {...state} />;\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 { TabName } from \"../../type\";\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 { renderHeader, dataFilter } = 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    const extraProps =\n      activeTab === TabName.Favorites ? { renderHeader, dataFilter } : {};\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        {...extraProps}\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 { TabName } 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    TabName.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 TabName,\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  Input,\n  TabPanel,\n  Tabs,\n  DropdownMenuContent,\n  DropdownMenuPortal,\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n} from \"@orderly.network/ui\";\nimport { FavoritesIcon, SearchIcon } from \"../../icons\";\nimport { TabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\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 { searchValue, onSearchValueChange } = useMarketsContext();\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      <Input\n        value={searchValue}\n        onValueChange={onSearchValueChange}\n        placeholder={t(\"markets.search.placeholder\")}\n        classNames={{\n          root: \"oui-border oui-mt-[1px] oui-border-line oui-flex-1\",\n        }}\n        size=\"sm\"\n        prefix={\n          <Box pl={3} pr={1}>\n            <SearchIcon className=\"oui-text-base-contrast-36\" />\n          </Box>\n        }\n        autoComplete=\"off\"\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 { renderHeader, dataFilter } = useFavoritesProps();\n\n  const renderTab = (type: TabName) => {\n    const extraProps =\n      type === TabName.Favorites ? { renderHeader, dataFilter } : {};\n\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          {...extraProps}\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={TabName.Favorites}\n        >\n          {renderTab(TabName.Favorites)}\n        </TabPanel>\n        <TabPanel title={t(\"markets.recent\")} value={TabName.Recent}>\n          {renderTab(TabName.Recent)}\n        </TabPanel>\n        <TabPanel title={t(\"common.all\")} value={TabName.All}>\n          {renderTab(TabName.All)}\n        </TabPanel>\n        <TabPanel title={t(\"markets.newListings\")} value={TabName.NewListing}>\n          {renderTab(TabName.NewListing)}\n        </TabPanel>\n      </Tabs>\n    </Box>\n  );\n};\n","import { MouseEventHandler, ReactNode, useCallback } 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 useDropDownMarketsColumns = () => {\n  const { t } = useTranslation();\n\n  return useCallback(\n    (favorite: FavoriteInstance, isFavoriteList = false) => {\n      return [\n        {\n          title: 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        },\n        {\n          title: 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        },\n        {\n          title: 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        },\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 \"../../constant\";\nimport { TabName } 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    TabName.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 TabName,\n    onTabChange: (value: string) => setActiveTab(value as TabName),\n    open,\n    onOpenChange: setOpen,\n    hide,\n    tabSort,\n    onTabSort,\n  };\n}\n","import React, { PropsWithChildren } from \"react\";\nimport { useDropDownMarketsScript } from \"./dropDownMarkets.script\";\nimport { DropDownMarkets, DropDownMarketsProps } from \"./dropDownMarkets.ui\";\nimport { MarketsProvider, MarketsProviderProps } from \"../marketsProvider\";\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 {\n  Box,\n  CloseCircleFillIcon,\n  cn,\n  Grid,\n  Input,\n  Text,\n} from \"@orderly.network/ui\";\nimport { SearchIcon } from \"../../icons\";\nimport { TabName } from \"../../type\";\nimport { MarketsListWidget } from \"../marketsList\";\nimport { useMarketsContext } from \"../marketsProvider\";\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  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const { t } = useTranslation();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      classNames={{ root: \"oui-border oui-border-line oui-mt-4\" }}\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        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  return (\n    <Grid\n      cols={1}\n      className={cn(\"oui-grid-rows-[auto,1fr] oui-font-semibold\", className)}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box px={3} mt={3}>\n        <Text size=\"base\" intensity={80}>\n          {t(\"common.markets\")}\n        </Text>\n        {search}\n      </Box>\n\n      <div className=\"oui-relative\">\n        <Box\n          width=\"100%\"\n          mt={2}\n          className=\"oui-absolute oui-inset-y-0 oui-left-0 oui-right-9\"\n        >\n          <MarketsListWidget\n            type={TabName.All}\n            initialSort={tabSort[TabName.All]}\n            onSort={onTabSort(TabName.All)}\n            getColumns={getMarketsSheetColumns}\n            tableClassNames={{\n              root: \"!oui-bg-base-8\",\n              scroll: \"oui-pb-[calc(env(safe-area-inset-bottom))]\",\n            }}\n          />\n        </Box>\n      </div>\n    </Grid>\n  );\n};\n","import { MouseEventHandler } 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 { DeleteIcon, TopIcon } from \"../../icons\";\nimport { FavoriteInstance } from \"../../type\";\n\nexport const getMarketsSheetColumns = (\n  favorite: FavoriteInstance,\n  isFavoriteList = false,\n) => {\n  return [\n    {\n      title: i18n.t(\"markets.column.market&Volume\"),\n      dataIndex: \"24h_amount\",\n      onSort: true,\n      className: \"oui-h-[36px]\",\n      render: (value, record) => {\n        return (\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        );\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 { SIDE_MARKETS_TAB_SORT_STORAGE_KEY } from \"../../constant\";\nimport { useTabSort } from \"../shared/hooks/useTabSort\";\n\nexport type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;\n\nexport function useMarketsSheetScript() {\n  const { tabSort, onTabSort } = useTabSort({\n    storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY,\n  });\n  return { tabSort, onTabSort };\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 { Box, cn, TabPanel, Tabs, Text } from \"@orderly.network/ui\";\nimport { MarketsDataListWidget } from \"./dataList\";\nimport { MarketsHeaderWidget } from \"./header/widget\";\nimport { FundingWidget } from \"./funding/widget\";\nimport {\n  MarketsProvider,\n  MarketsProviderProps,\n} from \"../../components/marketsProvider\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n  className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\n  const [activeTab, setActiveTab] = useState(\"markets\");\n  const { t } = useTranslation();\n  return (\n    <MarketsProvider onSymbolChange={props.onSymbolChange}>\n      <Box\n        id=\"oui-markets-home-page\"\n        className={cn(\"oui-font-semibold\", props.className)}\n        p={6}\n      >\n        <Tabs\n          variant=\"text\"\n          size=\"xl\"\n          value={activeTab}\n          onValueChange={setActiveTab}\n        >\n          <TabPanel\n            title={t(\"common.markets\")}\n            value=\"markets\"\n            testid=\"oui-testid-markets-tab\"\n          >\n            <MarketsHeaderWidget />\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      </Box>\n    </MarketsProvider>\n  );\n};\n","import type { FC } from \"react\";\nimport {\n  Box,\n  CloseCircleFillIcon,\n  Input,\n  TabPanel,\n  Tabs,\n} from \"@orderly.network/ui\";\nimport { FundingOverviewWidget } from \"../../../components/fundingOverview\";\nimport { FundingComparisonWidget } from \"../../../components/fundingComparison\";\nimport { UseFundingScript } from \"./funding.script\";\nimport { SearchIcon } from \"../../../icons\";\nimport { useMarketsContext } from \"../../../components/marketsProvider\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nexport type FundingUIProps = UseFundingScript;\n\nexport const FundingUI: FC<FundingUIProps> = ({\n  activeFundingTab,\n  onFundingTabChange,\n}) => {\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n  const { t } = useTranslation();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder={t(\"markets.search.placeholder\")}\n      className=\"oui-w-[240px] oui-my-1\"\n      size=\"sm\"\n      data-testid=\"oui-testid-markets-searchMarket-input\"\n      prefix={\n        <Box pl={3} pr={1}>\n          <SearchIcon className=\"oui-text-base-contrast-36\" />\n        </Box>\n      }\n      suffix={\n        searchValue && (\n          <Box mr={2}>\n            <CloseCircleFillIcon\n              size={14}\n              className=\"oui-text-base-contrast-36 oui-cursor-pointer\"\n              onClick={clearSearchValue}\n            />\n          </Box>\n        )\n      }\n      autoComplete=\"off\"\n    />\n  );\n\n  return (\n    <Box id=\"oui-funding-list\" intensity={900} p={6} mt={4} r=\"2xl\">\n      <Tabs\n        variant=\"contained\"\n        size=\"lg\"\n        value={activeFundingTab}\n        onValueChange={onFundingTabChange}\n        trailing={search}\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","import { useState } from \"react\";\n\nexport type FundingTabName = \"overview\" | \"comparison\";\n\nexport type UseFundingScript = ReturnType<typeof useFundingScript>;\n\nexport function useFundingScript() {\n  const [activeFundingTab, setActiveFundingTab] =\n    useState<FundingTabName>(\"overview\");\n\n  return {\n    activeFundingTab,\n    onFundingTabChange: (value: string) =>\n      setActiveFundingTab(value as FundingTabName),\n  };\n}\n","import { FundingUI } from \"./funding.ui\";\nimport { useFundingScript } from \"./funding.script\";\n\nexport const FundingWidget = () => {\n  const state = useFundingScript();\n  return <FundingUI {...state} />;\n};\n"]}