@orderly.network/markets 2.0.1-alpha.0 → 2.0.1-alpha.2

package/dist/index.js.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/expandMarkets/expandMarkets.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/components/expandMarkets/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/tokenInfoBar/tokenInfoBar.ui.tsx","../src/components/tokenInfoBar/tokenInfoBar.script.ts","../src/components/tokenInfoBar/widget.tsx","../src/components/tokenInfoBarFull/tokenInfoBarFull.ui.tsx","../src/components/tokenInfoBarFull/tokenInfoBarFull.script.ts","../src/components/tokenInfoBarFull/widget.tsx","../src/pages/home/page.tsx"],"names":["useMemo","Box","cn","Flex","Text","Decimal","createContext","useState","useContext","useCallback","jsx","MarketsContext","MarketsProvider","props","searchValue","setSearchValue","clearSearchValue","useMarketsContext","jsxs","EditIcon","TrashIcon","AddIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon2","ExpandIcon","CollapseIcon","TriangleDownIcon","ArrowLeftIcon","MarketsHeader","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","onSymbolChange","cls","onSymbol","item","BlockList","CardItem","ScrollIndicator","list","index","BlockItem","ListItem","scrollPrev","scrollNext","useEffect","useEmblaCarousel","useMarkets","useQuery","MarketsType","getPagedData","pageSize","pageIndex","pageData","rows","i","sortList","sortKey","sortOrder","sortedList","isEmpty","value","a","b","val1","val2","useSort","defaultSortKey","defaultSortOrder","onSortChange","key","setKey","order","setOrder","onSort","options","getSortedList","searchBySymbol","reg","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","total_unsettled_balance","MarketsHeaderWidget","state","CloseCircleFillIcon","Input","TabPanel","Tabs","TableView","Tooltip","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","FavoritesDropdownMenu","symbol","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","meta","setPage","setPageSize","initialSort","type","pagination","columns","usePagination","useMarketsListFullScript","setLoading","page","parseMeta","totalData","pagedData","MarketsListFullWidget","sortStore","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","selectedFavoriteTab","updateSelectedFavoriteTab","addIconWidth","tabHeight","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","FavoritesListFull","useFavoritesListFullScript","filterData","filterList","fav","FavoritesListFullWidget","MarketsDataList","activeTab","onTabChange","onSearchValueChange","useMarketsDataListScript","setActiveTab","MarketsDataListWidget","TokenIcon","Badge","getSideMarketsColumns","favoritesIcon","onDelSymbol","iconCls","actions","CollapseMarkets","Fragment","FavoritesList","getColumns","collapsed","useFavoritesListScript","searchResults","FavoritesListWidget","MarketsList","useMarketsListScript","MarketsListWidget","RecentList","useRecentListScript","RecentListWidget","ExpandMarkets","tabSort","onTabSort","search","useSessionStorage","useTabSort","storageKey","setTabSort","useExpandMarketsScript","ExpandMarketsWidget","SideMarkets","onCollapse","SideMarketsHeader","useLocalStorage","useSideMarketsScript","setCollapsed","SideMarketsWidget","getDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","useDropDownMarketsScript","DropDownMarketsWidget","getMarketsSheetColumns","MarketsSheet","useMarketsSheetScript","MarketsSheetWidget","TokenInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useTokenInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","TokenInfoBarWidget","useFundingRate","TokenInfoBarFull","isFavorite","quotoDp","openInterest","fundingRate","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","favoriteIcon","price","change","DataItem","FundingRate","visible","leading","tailing","onClick","useMarketsStore","useTokenInfoBarFullScript","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","TokenInfoBarFullWidget","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\";\n\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\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={<Text.gradient color=\"brand\">New listings</Text.gradient>}\n          className={cls}\n          onSymbol={onSymbol}\n        />\n        <CardItem\n          data={gainers}\n          title={<Text className=\"oui-text-success-light\">Top gainers</Text>}\n          className={cls}\n          onSymbol={onSymbol}\n        />\n        <CardItem\n          data={losers}\n          title={<Text className=\"oui-text-danger-light\">Top losers</Text>}\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\n  const list = useMemo(() => {\n    return [\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> 24h volume\n          </Flex>\n        ),\n        value: total24Amount,\n        rule: \"human\",\n        dp: 2,\n      },\n      {\n        label: \"Open interest\",\n        value: totalOpenInterest,\n        rule: \"human\",\n        dp: 2,\n      },\n      {\n        label: \"Assets (TVL)\",\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 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 fill=\"#D9D9D9\" 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 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 AddIcon2: 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=\"#59B0FE\" />\n        <stop offset=\"1\" stopColor=\"#26FEFE\" />\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) {\n      const { total_holding = 0, total_unsettled_balance = 0 } = balance as any;\n      return new Decimal(total_holding)\n        .plus(total_unsettled_balance)\n        .toNumber();\n    }\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(list: any[], searchValue = \"\") {\n  const reg = new RegExp(searchValue, \"i\");\n  return list?.filter((item) => reg.test(item.symbol));\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\";\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n  const { activeTab, onTabChange } = props;\n\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder=\"Search market\"\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=\"Favorites\"\n          icon={<FavoritesIcon />}\n          value=\"favorites\"\n          testid=\"oui-testid-markets-favorites-tab\"\n        >\n          <FavoritesListFullWidget />\n        </TabPanel>\n        <TabPanel\n          title=\"All markets\"\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=\"New listings\"\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, TableView } 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    meta,\n    setPage,\n    setPageSize,\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    <TableView\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      manualPagination\n      manualSorting\n    />\n  );\n\n  // return (\n  //   <DataTable\n  //     bordered\n  //     classNames={{\n  //       header: \"oui-text-base-contrast-36\",\n  //       body: \"oui-text-base-contrast-80\",\n  //     }}\n  //     minHeight={275.5}\n  //     columns={columns}\n  //     loading={loading}\n  //     dataSource={dataSource}\n  //     onRow={(record, index) => {\n  //       return {\n  //         className: cn(\"oui-h-[55px] oui-border-line-4 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  //     onSort={onSort}\n  //     initialSort={initialSort}\n  //   >\n  //     <Pagination\n  //       {...meta}\n  //       onPageChange={setPage}\n  //       onPageSizeChange={setPageSize}\n  //     />\n  //   </DataTable>\n  // );\n};\n","import { MouseEventHandler, useMemo } from \"react\";\nimport { Flex, Text, Box, Tooltip, TableColumn } 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 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: \"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: \"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: \"24h change\",\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 /> 24h volume\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: \"Open interest\",\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: \"8h funding\",\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 content=\"Move to top\" align=\"center\" delayDuration={0}>\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 TableColumn[];\n  }, [favorite, isFavoriteList]);\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\";\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 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              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\">List name cannot exceed 15 characters</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            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        <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              Add a new watchlist\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        Select lists for\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        Cancel\n      </Button>\n\n      <Button\n        key=\"primary\"\n        onClick={confirm}\n        fullWidth\n        className=\"oui-text-sm\"\n        size=\"md\"\n      >\n        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 { PaginationMeta, usePagination } from \"@orderly.network/ui\";\nimport { MarketsListFullWidgetProps } from \"./widget\";\nimport { getPagedData, 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 { page, pageSize, setPage, setPageSize, parseMeta } = 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 { totalData, pagedData } = useMemo(() => {\n    const list = getSortedList(data);\n    const totalData = searchBySymbol(list, searchValue);\n    return {\n      totalData,\n      pagedData: getPagedData(totalData, pageSize, page),\n    };\n  }, [data, pageSize, page, getSortedList, searchValue]);\n\n  const meta = useMemo(() => {\n    return parseMeta({\n      total: totalData?.length,\n      current_page: page,\n      records_per_page: pageSize,\n    });\n  }, [data, page, pageSize, totalData]);\n\n  useEffect(() => {\n    setLoading(false);\n  }, [data]);\n\n  useEffect(() => {\n    // reset page when size change and search data\n    setPage(1);\n  }, [pageSize, 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  const pagination = useMemo(\n    () =>\n      ({\n        ...meta,\n        onPageChange: setPage,\n        onPageSizeChange: setPageSize,\n      } as PaginationMeta),\n    [meta, setPage, setPageSize]\n  );\n\n  return {\n    loading,\n    dataSource: pagedData,\n    meta,\n    setPage,\n    setPageSize,\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, Text, TableView } 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\";\n\nexport type FavoritesListFullProps = UseFavoritesListFullReturn;\n\nexport const FavoritesListFull: FC<FavoritesListFullProps> = (props) => {\n  const {\n    dataSource,\n    meta,\n    setPage,\n    setPageSize,\n    favorite,\n    onSort,\n    loading,\n    pagination,\n  } = props;\n\n  const { symbol, onSymbolChange } = useMarketsContext();\n\n  const columns = useFavoritesListFullColumns(favorite, true);\n\n  const emptyView = (\n    <Flex>\n      <Text size=\"xs\" intensity={36}>\n        Click on the\n      </Text>\n      <UnFavoritesIcon className=\"oui-text-base-contrast-36\" />\n      <Text size=\"xs\" intensity={36}>\n        icon next to a market to add it to your list.\n      </Text>\n    </Flex>\n  );\n\n  return (\n    <div>\n      <FavoritesTabWidget favorite={favorite} className=\"oui-my-3\" />\n\n      <TableView\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        manualPagination\n        manualSorting\n      />\n\n      {/* <DataTable\n        bordered\n        classNames={{\n          header: \"oui-text-base-contrast-36\",\n          body: \"oui-text-base-contrast-80\",\n        }}\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(\n              \"group\",\n              \"oui-h-[55px] oui-border-line-4 oui-cursor-pointer\"\n            ),\n            onClick: () => {\n              onSymbolChange?.(record);\n              favorite.addToHistory(record);\n            },\n          };\n        }}\n        generatedRowKey={(record) => record.symbol}\n        onSort={onSort}\n      >\n        <Pagination\n          {...meta}\n          onPageChange={setPage}\n          onPageSizeChange={setPageSize}\n        />\n      </DataTable> */}\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, AddIcon2, EditIcon, TrashIcon } from \"../../icons\";\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 { 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 onDel = (item: any) => {\n    modal.confirm({\n      title: \"Delete list\",\n      content: (\n        <Text size=\"sm\">{`Are you sure you want to delete ${item.name}?`}</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\n            ? \"oui-bg-base-3\"\n            : \"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]\"\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-36 oui-w-3 oui-h-3\" />\n        ) : (\n          <AddIcon2 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 &&\n                cn(\n                  overLen\n                    ? \"oui-bg-danger/15\"\n                    : \"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]\"\n                )\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            ? \"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]\"\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 { PaginationMeta, usePagination } from \"@orderly.network/ui\";\nimport { getPagedData, searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\n\nexport type UseFavoritesListFullReturn = ReturnType<\n  typeof useFavoritesListFullScript\n>;\n\nexport const useFavoritesListFullScript = () => {\n  const { page, pageSize, setPage, setPageSize, parseMeta } = 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);\n  }, [data, selectedFavoriteTab, favorites, searchValue]);\n\n  const { totalData, pagedData } = useMemo(() => {\n    const totalData = getSortedList(filterData);\n    return {\n      totalData,\n      pagedData: getPagedData(totalData, pageSize, page),\n    };\n  }, [filterData, pageSize, page, getSortedList]);\n\n  const meta = useMemo(() => {\n    return parseMeta({\n      total: totalData?.length,\n      current_page: page,\n      records_per_page: pageSize,\n    });\n  }, [data, page, pageSize, totalData]);\n\n  useEffect(() => {\n    setLoading(false);\n  }, [favorites]);\n\n  useEffect(() => {\n    // reset page when size change and search data\n    setPage(1);\n  }, [pageSize, searchValue]);\n\n  const pagination = useMemo(\n    () =>\n      ({\n        ...meta,\n        onPageChange: setPage,\n        onPageSizeChange: setPageSize,\n      } as PaginationMeta),\n    [meta, setPage, setPageSize]\n  );\n\n  return {\n    loading,\n    dataSource: pagedData,\n    meta,\n    setPage,\n    setPageSize,\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\";\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 search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder=\"Search\"\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: \"oui-my-[6px] oui-px-3\",\n          tabsContent: \"oui-h-full\",\n        }}\n        className={cls}\n      >\n        <TabPanel title=\"Favorites\" icon={<FavoritesIcon />} value=\"favorites\">\n          <div className={cls}>\n            <FavoritesListWidget\n              tableClassNames={{\n                scroll: \"oui-px-1\",\n              }}\n            />\n          </div>\n        </TabPanel>\n        <TabPanel title=\"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=\"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      </Tabs>\n    </Box>\n  );\n};\n","import { FC, useMemo } from \"react\";\nimport { Box, cn, TableView } from \"@orderly.network/ui\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { FavoritesTabWidget } from \"../favoritesTabs\";\nimport { getSideMarketsColumns } 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 columns = useMemo(() => {\n    return typeof getColumns === \"function\"\n      ? getColumns(favorite, true)\n      : getSideMarketsColumns(favorite, true);\n  }, [favorite]);\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      <TableView\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      {/* <DataTable\n        classNames={{\n          body: \"oui-pb-[53px]\",\n        }}\n        columns={columns}\n        dataSource={dataSource}\n        loading={loading}\n        onRow={(record, index) => {\n          return {\n            className: cn(\"oui-h-[53px]\"),\n            onClick: () => {\n              onSymbolChange?.(record);\n              favorite.addToHistory(record);\n            },\n          };\n        }}\n        generatedRowKey={(record) => record.symbol}\n        onSort={onSort}\n      /> */}\n    </>\n  );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport {\n  Flex,\n  TokenIcon,\n  Text,\n  Badge,\n  cn,\n  TableColumn,\n} 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 getSideMarketsColumns = (\n  favorite: FavoriteInstance,\n  isFavoriteList = false\n) => {\n  return [\n    {\n      title: \"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=\"primaryLight\">\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: \"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-[rgba(51,71,253,1)] 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 TableColumn[];\n};\n","import { 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\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                  Price\n                </Text>\n                <Text size=\"2xs\" intensity={36}>\n                  24h change\n                </Text>\n              </Flex>\n\n              <Flex direction=\"column\" itemAlign=\"end\" gapY={1}>\n                <Badge size=\"xs\" color=\"primaryLight\">\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);\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 { TableViewClassNames } from \"@orderly.network/ui\";\n\nexport type FavoritesListWidgetProps = {\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: TableViewClassNames;\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, useMemo } from \"react\";\nimport { cn, TableView, TableViewClassNames } from \"@orderly.network/ui\";\nimport { type UseMarketsListReturn } from \"./marketsList.script\";\nimport { GetColumns, TInitialSort } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { getSideMarketsColumns } from \"../sideMarkets/column\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\n\nexport type MarketsListProps = UseMarketsListReturn & {\n  initialSort: TInitialSort;\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: TableViewClassNames;\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 columns = useMemo(() => {\n    return typeof getColumns === \"function\"\n      ? getColumns(favorite, false)\n      : getSideMarketsColumns(favorite, false);\n  }, [favorite]);\n\n  if (collapsed) {\n    return <CollapseMarkets dataSource={dataSource} />;\n  }\n\n  return (\n    <TableView\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  // return (\n  //   <DataTable\n  //     classNames={{\n  //       body: \"oui-pb-[53px]\",\n  //     }}\n  //     columns={columns}\n  //     loading={loading}\n  //     dataSource={dataSource}\n  //     onRow={(record, index) => {\n  //       return {\n  //         className: cn(\"group\", \"oui-h-[53px]\"),\n  //         onClick: () => {\n  //           onSymbolChange?.(record);\n  //           favorite.addToHistory(record);\n  //         },\n  //       };\n  //     }}\n  //     generatedRowKey={(record) => record.symbol}\n  //     onSort={onSort}\n  //     initialSort={initialSort}\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);\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, TableViewClassNames } 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?: TableViewClassNames;\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, useMemo } from \"react\";\nimport { cn, TableView } from \"@orderly.network/ui\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { getSideMarketsColumns } 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 columns = useMemo(() => {\n    return typeof getColumns === \"function\"\n      ? getColumns(favorite, false)\n      : getSideMarketsColumns(favorite, false);\n  }, [favorite]);\n\n  if (collapsed) {\n    return <CollapseMarkets dataSource={dataSource} />;\n  }\n\n  return (\n    <TableView\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  // return (\n  //   <DataTable\n  //     classNames={{\n  //       body: \"oui-pb-[53px]\",\n  //     }}\n  //     columns={columns}\n  //     dataSource={dataSource}\n  //     loading={loading}\n  //     onRow={(record, index) => {\n  //       return {\n  //         className: cn(\"group\", \"oui-h-[53px]\"),\n  //         onClick: () => {\n  //           onSymbolChange?.(record);\n  //           favorite.addToHistory(record);\n  //         },\n  //       };\n  //     }}\n  //     generatedRowKey={(record) => record.symbol}\n  //     onSort={onSort}\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);\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 { TableViewClassNames } from \"@orderly.network/ui\";\n\nexport type RecentListWidgetProps = {\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: TableViewClassNames;\n  rowClassName?: string;\n};\n\nexport const RecentListWidget: React.FC<RecentListWidgetProps> = (props) => {\n  const state = useRecentListScript();\n  return <RecentList {...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 } 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 { useMarketsContext } from \"../marketsProvider\";\n\nexport type SideMarketsProps = UseSideMarketsScriptReturn & {\n  className?: string;\n};\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n  const { collapsed, onCollapse, activeTab, onTabChange, className } = 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    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      className={cn(\"oui-font-semibold\", className)}\n      direction=\"column\"\n      gapY={5}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <SideMarketsHeader collapsed={collapsed} onCollapse={onCollapse} />\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 { collapsed, onCollapse } = props;\n\n  if (collapsed) {\n    return (\n      <ExpandIcon\n        className=\"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer\"\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        Markets\n      </Text>\n      <CollapseIcon\n        className=\"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer\"\n        onClick={() => {\n          onCollapse?.(true);\n        }}\n      />\n    </Flex>\n  );\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport type UseSideMarketsScriptOptions = {\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  useEffect(() => {\n    setCollapsed(options?.collapsed);\n  }, [options?.collapsed]);\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  return { collapsed, onCollapse, activeTab, onTabChange: setActiveTab };\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<Pick<SideMarketsProps, \"collapsed\" | \"onCollapse\" | \"className\">>;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n  const state = useSideMarketsScript({\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 { UseDropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\nimport { getDropDownMarketsColumns } from \"./column\";\n\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 search = (\n    <Flex mx={3} gapX={3} pt={3} pb={2}>\n      <Input\n        value={searchValue}\n        onValueChange={onSearchValueChange}\n        placeholder=\"Search\"\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 title=\"Favorites\" icon={<FavoritesIcon />} value=\"favorites\">\n          <div className={cls}>\n            <FavoritesListWidget\n              getColumns={getDropDownMarketsColumns}\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=\"Recent\" value=\"recent\">\n          <div className={cls}>\n            <RecentListWidget\n              getColumns={getDropDownMarketsColumns}\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=\"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={getDropDownMarketsColumns}\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 } from \"react\";\nimport {\n  Flex,\n  TokenIcon,\n  Text,\n  Badge,\n  cn,\n  TableColumn,\n} 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 getDropDownMarketsColumns = (\n  favorite: FavoriteInstance,\n  isFavoriteList = false\n) => {\n  return [\n    {\n      title: \"Instrument\",\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 symbol={value} className=\"oui-w-[18px] oui-h-[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=\"primaryLight\">\n              {record.leverage}x\n            </Badge>\n          </Flex>\n        );\n      },\n    },\n    {\n      title: \"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: \"24h%\",\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: \"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-[rgba(51,71,253,1)] 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 TableColumn[];\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 { Box, CloseCircleFillIcon, cn, Input, Text } 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\";\n\nexport type MarketsSheetProps = UseMarketsSheetScriptReturn & {\n  className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n  const { className, tabSort, onTabSort } = props;\n\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder=\"Search\"\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    <Box\n      className={cn(\"oui-font-semibold\", className)}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box px={3} mt={3}>\n        <Text size=\"base\" intensity={80}>\n          Markets\n        </Text>\n        {search}\n      </Box>\n\n      <Box width=\"100%\" mt={2} className=\"oui-h-[calc(100vh_-_88px)]\">\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-[env(safe-area-inset-bottom)]\",\n          }}\n        />\n      </Box>\n    </Box>\n  );\n};\n","import { MouseEventHandler } from \"react\";\nimport {\n  Flex,\n  TokenIcon,\n  Text,\n  Badge,\n  cn,\n  TableColumn,\n} 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: \"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=\"primaryLight\">\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: \"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-[rgba(51,71,253,1)] 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 TableColumn[];\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 { UseTokenInfoBarScriptReturn } from \"./tokenInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type TokenInfoBarProps = Pick<MarketsProviderProps, \"onSymbolChange\"> &\n  UseTokenInfoBarScriptReturn & {\n    className?: string;\n    trailing?: ReactNode;\n    onSymbol?: () => void;\n  };\n\nexport const TokenInfoBar: FC<TokenInfoBarProps> = (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 className={cn(\"oui-font-semibold oui-h-full\", props.className)}>\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=\"primaryLight\">\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 UseTokenInfoBarScriptOptions = {\n  symbol: string;\n};\n\nexport type UseTokenInfoBarScriptReturn = ReturnType<\n  typeof useTokenInfoBarScript\n>;\n\nexport function useTokenInfoBarScript(options: UseTokenInfoBarScriptOptions) {\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  useTokenInfoBarScript,\n  UseTokenInfoBarScriptOptions,\n} from \"./tokenInfoBar.script\";\nimport { TokenInfoBar, TokenInfoBarProps } from \"./tokenInfoBar.ui\";\n\nexport type TokenInfoBarWidgetPros = UseTokenInfoBarScriptOptions &\n  Pick<TokenInfoBarProps, \"className\" | \"trailing\" | \"onSymbol\">;\n\nexport const TokenInfoBarWidget: React.FC<TokenInfoBarWidgetPros> = (props) => {\n  const { symbol, ...rest } = props;\n\n  const state = useTokenInfoBarScript({ symbol });\n  return <TokenInfoBar {...state} {...rest} />;\n};\n","import {\n  TokenIcon,\n  Flex,\n  Text,\n  cn,\n  Divider,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseTokenInfoBarFullScriptReturn } from \"./tokenInfoBarFull.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\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type TokenInfoBarFullProps = Pick<\n  MarketsProviderProps,\n  \"onSymbolChange\"\n> &\n  UseTokenInfoBarFullScriptReturn & {\n    className?: string;\n    trailing?: ReactNode;\n  };\n\nexport const TokenInfoBarFull: React.FC<TokenInfoBarFullProps> = (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 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 dp={quotoDp || 2} currency=\"$\" size=\"sm\" intensity={98}>\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 className={cn(\"oui-font-semibold oui-h-full\", props.className)}>\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 label=\"24h Change\" value={change} />\n              </div>\n              <DataItem\n                label=\"Mark\"\n                value={\n                  <Text.numeral dp={quotoDp}>\n                    {data?.[\"mark_price\"]}\n                  </Text.numeral>\n                }\n                hint=\"Price for the computation of unrealized PnL and liquidation.\"\n              />\n              <DataItem\n                label=\"Index\"\n                value={\n                  <Text.numeral dp={quotoDp}>\n                    {data?.[\"index_price\"]}\n                  </Text.numeral>\n                }\n                hint=\"Average of the last prices across other exchanges.\"\n              />\n              <DataItem\n                label=\"24h volume\"\n                value={\n                  <Text.numeral rule=\"human\" dp={2}>\n                    {data?.[\"24h_amount\"]}\n                  </Text.numeral>\n                }\n                hint=\"24 hour total trading volume on the Orderly Network.\"\n              />\n              <DataItem\n                label=\"Pred. funding rate\"\n                value={<FundingRate symbol={symbol} />}\n                hint=\"Funding rates are payments between traders who are long and short. When positive, long positions pay short positions funding. When negative, short positions pay long positions.\"\n              />\n              <div ref={tailingElementRef}>\n                <DataItem\n                  label=\"Open interest\"\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=\"Total size of positions per side.\"\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-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=\"oui-leading-[20px] oui-break-normal oui-whitespace-nowrap\"\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 className=\"\">\n      <Text.numeral unit=\"%\" dp={4} className=\"oui-text-[#FF9A2E]\">\n        {data.est_funding_rate!}\n      </Text.numeral>\n      <Text\n        intensity={36}\n        className=\"oui-tabular-nums\"\n      >{` in ${data.countDown}`}</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 UseTokenInfoBarFullScriptOptions = {\n  symbol: string;\n};\n\nexport type UseTokenInfoBarFullScriptReturn = ReturnType<\n  typeof useTokenInfoBarFullScript\n>;\n\nexport function useTokenInfoBarFullScript(\n  options: UseTokenInfoBarFullScriptOptions\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 { MarketsProviderProps } from \"../marketsProvider\";\nimport {\n  useTokenInfoBarFullScript,\n  UseTokenInfoBarFullScriptOptions,\n} from \"./tokenInfoBarFull.script\";\nimport { TokenInfoBarFull, TokenInfoBarFullProps } from \"./tokenInfoBarFull.ui\";\n\nexport type TokenInfoBarFullWidgetPros = UseTokenInfoBarFullScriptOptions &\n  Pick<TokenInfoBarFullProps, \"className\" | \"trailing\"> &\n  Pick<MarketsProviderProps, \"onSymbolChange\">;\n\nexport const TokenInfoBarFullWidget: React.FC<TokenInfoBarFullWidgetPros> = (\n  props\n) => {\n  const { symbol, ...rest } = props;\n\n  const state = useTokenInfoBarFullScript({ symbol });\n  return <TokenInfoBarFull {...state} {...rest} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, Text } from \"@orderly.network/ui\";\nimport { MarketsDataListWidget } from \"./dataList\";\nimport { MarketsHeaderWidget } from \"./header/widget\";\nimport {\n  MarketsProvider,\n  MarketsProviderProps,\n} from \"../../components/marketsProvider\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n  className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\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        <Text size=\"2xl\" weight=\"semibold\">\n          Markets\n        </Text>\n\n        <MarketsHeaderWidget />\n\n        <MarketsDataListWidget />\n      </Box>\n    </MarketsProvider>\n  );\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/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/expandMarkets/expandMarkets.script.ts","../src/components/shared/hooks/useTabSort.ts","../src/components/expandMarkets/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/tokenInfoBar/tokenInfoBar.ui.tsx","../src/components/tokenInfoBar/tokenInfoBar.script.ts","../src/components/tokenInfoBar/widget.tsx","../src/components/tokenInfoBarFull/tokenInfoBarFull.ui.tsx","../src/components/tokenInfoBarFull/tokenInfoBarFull.script.ts","../src/components/tokenInfoBarFull/widget.tsx","../src/pages/home/page.tsx"],"names":["useMemo","Box","cn","Flex","Text","Decimal","createContext","useState","useContext","useCallback","jsx","MarketsContext","MarketsProvider","props","searchValue","setSearchValue","clearSearchValue","useMarketsContext","jsxs","EditIcon","TrashIcon","AddIcon","AllMarketsIcon","NewListingsIcon","FavoritesIcon","UnFavoritesIcon","SearchIcon","MoveToTopIcon","OrderlyIcon","FavoritesIcon2","UnFavoritesIcon2","TopIcon","DeleteIcon","AddIcon2","ExpandIcon","CollapseIcon","TriangleDownIcon","ArrowLeftIcon","MarketsHeader","emblaRef","emblaApi","scrollIndex","enableScroll","news","gainers","losers","total24Amount","totalOpenInterest","tvl","favorite","onSymbolChange","cls","onSymbol","item","BlockList","CardItem","ScrollIndicator","list","index","BlockItem","ListItem","scrollPrev","scrollNext","useEffect","useEmblaCarousel","useMarkets","useQuery","MarketsType","getPagedData","pageSize","pageIndex","pageData","rows","i","sortList","sortKey","sortOrder","sortedList","isEmpty","value","a","b","val1","val2","useSort","defaultSortKey","defaultSortOrder","onSortChange","key","setKey","order","setOrder","onSort","options","getSortedList","searchBySymbol","reg","useSize","width","setWidth","height","setHeight","handleResize","useMarketsHeaderScript","setScrollIndex","data","useDataSource","markets","balance","prevValue","curValue","total_holding","total_unsettled_balance","MarketsHeaderWidget","state","CloseCircleFillIcon","Input","TabPanel","Tabs","TableView","Tooltip","Button","CheckedSquareFillIcon","CheckSquareEmptyIcon","PlusIcon","CloseIcon","Divider","DropdownMenuContent","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","FavoritesDropdownMenu","symbol","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","meta","setPage","setPageSize","initialSort","type","pagination","columns","usePagination","useMarketsListFullScript","setLoading","page","parseMeta","totalData","pagedData","MarketsListFullWidget","sortStore","modal","FavoritesTab","container","inputRef","inputWidth","spanRef","editing","updateCurTab","onEdit","delTab","size","scrollable","selectedFavoriteTab","updateSelectedFavoriteTab","addIconWidth","tabHeight","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","FavoritesListFull","useFavoritesListFullScript","filterData","filterList","fav","FavoritesListFullWidget","MarketsDataList","activeTab","onTabChange","onSearchValueChange","useMarketsDataListScript","setActiveTab","MarketsDataListWidget","TokenIcon","Badge","getSideMarketsColumns","favoritesIcon","onDelSymbol","iconCls","actions","CollapseMarkets","Fragment","FavoritesList","getColumns","collapsed","useFavoritesListScript","searchResults","FavoritesListWidget","MarketsList","useMarketsListScript","MarketsListWidget","RecentList","useRecentListScript","RecentListWidget","ExpandMarkets","tabSort","onTabSort","search","useSessionStorage","useTabSort","storageKey","setTabSort","useExpandMarketsScript","ExpandMarketsWidget","SideMarkets","onCollapse","SideMarketsHeader","useLocalStorage","useSideMarketsScript","setCollapsed","SideMarketsWidget","getDropDownMarketsColumns","DropDownMarkets","DropDownMarketsConetnt","useDropDownMarketsScript","DropDownMarketsWidget","Grid","getMarketsSheetColumns","MarketsSheet","useMarketsSheetScript","MarketsSheetWidget","TokenInfoBar","leverage","symbolView","useSymbolsInfo","useTickerStream","useTokenInfoBarScript","symbolsInfo","info","baseImr","getLeverage","base_imr","TokenInfoBarWidget","useFundingRate","TokenInfoBarFull","isFavorite","quotoDp","openInterest","fundingRate","containerRef","leadingElementRef","tailingElementRef","leadingVisible","tailingVisible","onScoll","favoriteIcon","price","change","DataItem","FundingRate","visible","leading","tailing","onClick","useMarketsStore","useTokenInfoBarFullScript","setLeadingVisible","setTailingVisible","intersectionObserver","entries","direction","TokenInfoBarFullWidget","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,GAAwCR,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,KAAK,UAAU,EAAE,gBAAgB,EACzC,EACAA,EAAC,KAAE,KAAK,UACN,SAAAA,EAAC,QAAK,EAAE,yDAAyD,EACnE,GACF,EAGWY,GAA+CT,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,EAGWa,GAAgDV,GAC3DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,qyBAAqyB,EAC/yB,EAGWc,EAA8CX,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,EAGWe,GAAgDZ,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,IAAMgB,EAA2Cb,GACtDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,kOAAkO,EAC5O,EAGWiB,GAA8Cd,GACzDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,mVAAmV,EAC7V,EAGWkB,GAA4Cf,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,EAGWmB,GAA+ChB,GAC1DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,2TAA2T,EACrU,EAGWoB,GAAiDjB,GAC5DH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,ghBAAghB,EAC1hB,EAGWqB,GAAwClB,GACnDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,uLAAuL,EACjM,EAGWsB,GAA2CnB,GACtDH,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,MAAM,6BACL,GAAGG,EAEJ,SAAAH,EAAC,QAAK,EAAE,idAAid,EAC3d,EAGWuB,GAAyCpB,GACpDK,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,UAAU,EAC1BA,EAAC,QAAK,OAAO,IAAI,UAAU,UAAU,GACvC,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,EF5TI,OACE,OAAAA,EADF,QAAAQ,OAAA,oBAhCC,IAAMoB,GAAoCzB,GAAU,CACzD,GAAM,CACJ,SAAA0B,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,QAAAC,EACA,OAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,IAAAC,EACA,SAAAC,CACF,EAAIpC,EACE,CAAE,eAAAqC,CAAe,EAAIjC,EAAkB,EAEvCkC,EAAMjD,GACV,gGACAwC,GAAgB,oCAClB,EAEMU,EAAYC,GAAc,CAC9BH,IAAiBG,CAAI,EACrBJ,EAAS,aAAaI,CAAI,CAC5B,EAEA,OACEnC,GAAC,OACC,GAAG,qBACH,UAAU,sBACV,IAAKwB,EAAeH,EAAW,OAE/B,UAAArB,GAACf,EAAA,CAAK,MAAM,OAAO,KAAM,EAAG,GAAI,EAC9B,UAAAO,EAAC4C,GAAA,CACC,cAAeR,EACf,kBAAmBC,EACnB,IAAKC,EACL,UAAWG,EACb,EACAzC,EAAC6C,GAAA,CACC,KAAMZ,EACN,MAAOjC,EAACN,EAAK,SAAL,CAAc,MAAM,QAAQ,wBAAY,EAChD,UAAW+C,EACX,SAAUC,EACZ,EACA1C,EAAC6C,GAAA,CACC,KAAMX,EACN,MAAOlC,EAACN,EAAA,CAAK,UAAU,yBAAyB,uBAAW,EAC3D,UAAW+C,EACX,SAAUC,EACZ,EACA1C,EAAC6C,GAAA,CACC,KAAMV,EACN,MAAOnC,EAACN,EAAA,CAAK,UAAU,wBAAwB,sBAAU,EACzD,UAAW+C,EACX,SAAUC,EACZ,GACF,EACA1C,EAAC,OAAI,UAAU,+CACb,SAAAA,EAAC8C,GAAA,CACC,YAAaf,EACb,WAAYD,GAAU,WACtB,WAAYA,GAAU,WACxB,EACF,GACF,CAEJ,EAWMc,GAAuCzC,GAAU,CACrD,GAAM,CAAE,cAAAiC,EAAe,kBAAAC,EAAmB,IAAAC,CAAI,EAAInC,EAE5C4C,EAAOzD,GAAQ,IACZ,CACL,CACE,MACEkB,GAACf,EAAA,CAAK,KAAM,EACV,UAAAO,EAACkB,GAAA,EAAY,EAAE,eACjB,EAEF,MAAOkB,CACT,EACA,CACE,MAAO,gBACP,MAAOC,CACT,EACA,CACE,MAAO,eACP,MAAOC,CACT,CACF,EACC,CAACF,EAAeC,EAAmBC,CAAG,CAAC,EAC1C,OACEtC,EAACP,EAAA,CACC,UAAU,SACV,QAAQ,UACR,MAAM,OACN,OAAQ,IACR,UAAWU,EAAM,UAEhB,SAAA4C,GAAM,IAAI,CAACJ,EAAMK,IAChBhD,EAACiD,GAAA,CAAuB,GAAGN,GAAXK,CAAiB,CAClC,EACH,CAEJ,EAUMC,GAAuC9C,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,EAWE0C,GAAqC1C,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,CAACwC,EAAMK,IACtBhD,EAACkD,GAAA,CAA2B,KAAMP,EAAM,SAAUxC,EAAM,UAAzCwC,EAAK,MAA8C,CACnE,EACH,GACF,EAkBEO,GAAqC/C,GAAU,CACnD,GAAM,CAAE,KAAAwC,CAAK,EAAIxC,EAEjB,OACEK,GAACf,EAAA,CACC,MAAM,OACN,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,UAAWD,GAAG,yCAA0CW,EAAM,SAAS,EACvE,QAAS,IAAM,CACbA,EAAM,SAASwC,CAAI,CACrB,EAEA,UAAA3C,EAACP,EAAA,CAAK,MAAM,OAAO,KAAM,EAEvB,SAAAO,EAACN,EAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAiD,EAAK,OACR,EACF,EAEA3C,EAACP,EAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,EAAK,QAAL,CACC,SAAS,IACT,KAAK,KACL,OAAO,WACP,GAAIiD,EAAK,SAER,SAAAA,EAAK,WAAW,EACnB,EACF,EAEA3C,EAACP,EAAA,CAAK,MAAM,OAAO,QAAQ,MACzB,SAAAO,EAACN,EAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,KAAK,KACL,OAAO,WACP,eAAc,GAEb,SAAAiD,EAAK,OACR,EACF,GACF,CAEJ,EAQMG,GAAmD3C,GAAU,CACjE,GAAM,CAAE,YAAA4B,EAAa,WAAAoB,EAAY,WAAAC,CAAW,EAAIjD,EAEhD,OACEH,EAACP,EAAA,CAAK,KAAM,EAAG,QAAQ,SAAS,UAAU,iBACvC,UAAC,EAAG,CAAC,EAAE,IAAKkD,GAET3C,EAACT,GAAA,CAEC,GAAI,EACJ,GAAIoD,IAAS,EAAI,EAAI,EACrB,GAAIA,IAAS,EAAI,EAAI,EACrB,QAAS,IAAM,CACTZ,IAAgB,GAAKY,IAAS,EAChCS,IAAa,EACJrB,IAAgB,GAAKY,IAAS,GACvCQ,IAAa,CAEjB,EACA,UAAU,qBAEV,SAAAnD,EAACT,GAAA,CAEC,MAAO,EACP,OAAQ,EACR,EAAE,OACF,UAAWC,GACT,sCACAuC,IAAgBY,EACZ,kCACA,yBACN,GATKA,CAUP,GAxBKA,CAyBP,CAEH,EACH,CAEJ,EGvSA,OAAS,aAAAU,GAAW,WAAA/D,GAAS,YAAAO,OAAgB,QAC7C,OAAOyD,OAAsB,uBAC7B,OAAS,WAAA3D,OAAe,yBACxB,OAAS,cAAA4D,GAAY,YAAAC,GAAU,eAAAC,OAAmB,yBCFlD,OAAS,eAAA1D,GAAa,aAAAsD,GAAW,YAAAxD,OAAgB,QAI1C,SAAS6D,GAAaX,EAAaY,EAAkBC,EAAmB,CAC7E,IAAMC,EAAoB,CAAC,EACvBC,EAAc,CAAC,EACnB,QAASC,EAAI,EAAGA,EAAIhB,EAAK,OAAQgB,IAC/BD,EAAK,KAAKf,EAAKgB,CAAC,CAAC,IACZA,EAAI,GAAKJ,IAAa,GAAKI,IAAMhB,EAAK,OAAS,KAClDc,EAAS,KAAKC,CAAI,EAClBA,EAAO,CAAC,GAGZ,OAAOD,EAASD,EAAY,CAAC,GAAK,CAAC,CACrC,CAEO,SAASI,GAASjB,EAAakB,EAAkBC,EAAuB,CAC7E,IAAMC,EAAa,CAAC,GAAIpB,GAAQ,CAAC,CAAE,EAE7BqB,EAAWC,GAAsCA,GAAU,KAEjE,OAAIJ,GAAWC,GAEbC,EAAW,KAAK,CAACG,EAAQC,IAAW,CAClC,IAAMC,EAAOF,EAAEL,CAAO,EAChBQ,EAAOF,EAAEN,CAAO,EAEtB,OAAIG,EAAQI,CAAI,EAAU,EACtBJ,EAAQK,CAAI,EAAU,GAEtBP,IAAc,OACTO,EAAOD,EAGTA,EAAOC,CAChB,CAAC,EAEIN,CACT,CAEO,SAASO,EACdC,EACAC,EACAC,EACA,CACA,GAAM,CAACC,EAAKC,CAAM,EAAIlF,GAAiB,EACjC,CAACmF,EAAOC,CAAQ,EAAIpF,GAAoB,EAExCqF,EAASnF,GACZoF,GAA2B,CAC1BJ,EAAOI,GAAS,OAAO,EACvBF,EAASE,GAAS,IAAI,EACtBN,IAAeM,GAAS,QAASA,GAAS,IAAI,CAChD,EACA,CAACN,CAAY,CACf,EAEMZ,EAAUa,GAAOH,EACjBT,EAAYc,GAASJ,EAErBQ,EAAgBrF,GACnBgD,GAAgBiB,GAASjB,EAAMkB,EAASC,CAAS,EAClD,CAACD,EAASC,CAAS,CACrB,EAEA,MAAO,CAAE,OAAAgB,EAAQ,cAAAE,EAAe,QAAAnB,EAAS,UAAAC,CAAU,CACrD,CAEO,SAASmB,EAAetC,EAAa3C,EAAc,GAAI,CAC5D,IAAMkF,EAAM,IAAI,OAAOlF,EAAa,GAAG,EACvC,OAAO2C,GAAM,OAAQJ,GAAS2C,EAAI,KAAK3C,EAAK,MAAM,CAAC,CACrD,CAEO,SAAS4C,IAAU,CACxB,GAAM,CAACC,EAAOC,CAAQ,EAAI5F,GAAiB,CAAC,EACtC,CAAC6F,EAAQC,CAAS,EAAI9F,GAAiB,CAAC,EAE9C,OAAAwD,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,CDnFO,IAAMG,GAAyB,IAAM,CAC1C,GAAM,CAAC9D,EAAa+D,CAAc,EAAIjG,GAAS,CAAC,EAC1CkG,EAAOC,GAAc,EAErB,CAAE,MAAAR,CAAM,EAAID,GAAQ,EAEpB,CAAC1D,EAAUC,CAAQ,EAAIwB,GAAiB,CAC5C,KAAM,GAEN,eAAgB,MAClB,CAAC,EAED,OAAAD,GAAU,IAAM,CACdvB,GAAU,GAAG,SAAU,IAAM,CAC3BgE,EAAehE,GAAU,mBAAmB,CAAC,CAC/C,CAAC,CACH,EAAG,CAACA,CAAQ,CAAC,EAEN,CACL,YAAAC,EACA,eAAA+D,EACA,SAAAjE,EACA,SAAUC,EACV,aAAc0D,EAAQ,KACtB,GAAGO,CACL,CACF,EAEO,SAASC,IAAgB,CAC9B,GAAM,CAACC,EAAS1D,CAAQ,EAAIgB,GAAWE,GAAY,GAAG,EAChD,CAAE,KAAMyC,CAAQ,EAAI1C,GAAS,0BAA0B,EAEvDvB,EAAO3C,GACX,IAAM0E,GAASiC,EAAS,eAAgB,MAAM,EAAE,MAAM,EAAG,CAAC,EAC1D,CAACA,CAAO,CACV,EAEM/D,EAAU5C,GACd,IAAM0E,GAASiC,EAAS,SAAU,MAAM,EAAE,MAAM,EAAG,CAAC,EACpD,CAACA,CAAO,CACV,EAEM9D,EAAS7C,GACb,IAAM0E,GAASiC,EAAS,SAAU,KAAK,EAAE,MAAM,EAAG,CAAC,EACnD,CAACA,CAAO,CACV,EAEM7D,EAAgB9C,GACpB,IACE2G,GAAS,OAAO,CAACE,EAAoBC,IAC5BD,EAAU,IAAIC,EAAS,YAAY,GAAK,CAAC,EAC/C,IAAIzG,GAAQ,CAAC,CAAC,GAAK,IAAIA,GAAQ,CAAC,EACrC,CAACsG,CAAO,CACV,EAEM5D,EAAoB/C,GACxB,IACE2G,GAAS,OAAO,CAACE,EAAoBC,IAC5BD,EAAU,IAAIC,EAAS,cAAmB,CAAC,EACjD,IAAIzG,GAAQ,CAAC,CAAC,GAAK,IAAIA,GAAQ,CAAC,EACrC,CAACsG,CAAO,CACV,EAEM3D,EAAMhD,GAAQ,IAAM,CACxB,GAAI4G,EAAS,CACX,GAAM,CAAE,cAAAG,EAAgB,EAAG,wBAAAC,EAA0B,CAAE,EAAIJ,EAC3D,OAAO,IAAIvG,GAAQ0G,CAAa,EAC7B,KAAKC,CAAuB,EAC5B,SAAS,CACd,CACF,EAAG,CAACJ,CAAO,CAAC,EAEZ,MAAO,CACL,QAAAD,EACA,KAAAhE,EACA,QAAAC,EACA,OAAAC,EACA,cAAeC,EAAc,SAAS,EACtC,kBAAmBC,EAAkB,SAAS,EAC9C,IAAAC,EACA,SAAAC,CACF,CACF,CE7FS,cAAAvC,OAAA,oBAFF,IAAMuG,GAAsB,IAAM,CACvC,IAAMC,EAAQX,GAAuB,EACrC,OAAO7F,GAAC4B,GAAA,CAAe,GAAG4E,EAAO,CACnC,ECNA,OACE,OAAAjH,GACA,uBAAAkH,GACA,SAAAC,GACA,YAAAC,GACA,QAAAC,OACK,sBCLP,OAAS,MAAApH,GAAI,aAAAqH,OAAiB,sBCD9B,OAA4B,WAAAvH,OAAe,QAC3C,OAAS,QAAAG,GAAM,QAAAC,GAAM,OAAAH,GAAK,WAAAuH,OAA4B,sBACtD,OAAS,WAAAnH,OAAe,yBCDxB,OACE,OAAAJ,GACA,UAAAwH,GACA,yBAAAC,GACA,wBAAAC,GACA,YAAAC,GACA,aAAAC,GACA,WAAAC,GACA,uBAAAC,GACA,sBAAAC,GACA,oBAAAC,GACA,uBAAAC,GACA,QAAA/H,GACA,SAAAiH,GAEA,QAAAhH,GACA,MAAAF,GACA,uBAAAiH,GAEA,WAAAK,OACK,sBAgCG,OAgBU,OAAA9G,EAhBV,QAAAQ,MAAA,oBA1BH,IAAMiH,GACXtH,GACG,CACH,GAAM,CACJ,OAAAuH,EACA,aAAAC,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAA1D,EACA,cAAA2D,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,EAAInI,EAEEoI,EAAUlE,GAAO,OAAS,GAE1BmE,EAAc,IAAM,CACxB,GAAIV,EACF,OACEtH,EAACjB,GAAA,CACC,UAAAiB,EAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC0G,GAAA,CACC,UAAS,GACT,MAAOrC,EACP,cAAe2D,EACf,WAAY,CACV,KAAMxI,GACJ,+DACA+I,GACE,kEACJ,CACF,EACA,aAAa,MACb,OACElE,GACErE,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAACyG,GAAA,CACC,QAAS,EACT,KAAM,GACN,UAAU,+CACV,QAAS,IAAM,CACbuB,EAAc,EAAE,CAClB,EACF,EACF,EAGN,EAEAhI,EAAC+G,GAAA,CACC,UAAU,iBACV,KAAK,KACL,QAASsB,EACT,SAAU,CAAChE,GAASkE,EACrB,eAED,GACF,EAECA,GACC/H,EAACf,GAAA,CAAK,UAAU,SAAS,KAAM,EAAG,GAAI,EACpC,UAAAO,EAAC,OAAI,UAAU,iDAAiD,EAChEA,EAACN,GAAA,CAAK,MAAM,SAAS,iDAAqC,GAC5D,GAEJ,EAIJ,IAAM+I,EAAWd,EAAa,QAAU,GAExC,OACE3H,EAAC8G,GAAA,CACC,KAAM2B,EAAW,OAAY,GAE7B,QACEzI,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,kDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,MAAO,CAAE,UAAW,iBAAkB,EAEtC,SAAAM,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,EAACkH,GAAA,CACC,KAAM,GACN,UAAU,4BACV,QAAS,EACX,EACAlH,EAACN,GAAA,CAAK,UAAU,GAAG,UAAW,GAAI,+BAElC,GACF,EACF,EACF,CAEJ,EAEMgJ,EACJlI,EAACf,GAAA,CAAK,QAAQ,UAAU,UAAU,yBAChC,UAAAe,EAACf,GAAA,CAAK,KAAM,EAAG,6BAEbO,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,OACL,SAAQ,GAEP,SAAAgI,EACH,GACF,EACA1H,EAACmH,GAAA,CACC,KAAM,GACN,UAAU,4CACV,QAASc,EACX,GACF,EAGIU,EAEJnI,EAACjB,GAAA,CACC,UAAAS,EAACT,GAAA,CACC,GAAI,EACJ,UAAU,6DAET,SAAAoI,GAAc,MAAM,EAAG,EAAE,GAAG,IAAKhF,GAAS,CACzC,IAAMiG,EAAU,CAAC,CAACb,EAAa,KAAMc,GAAQA,EAAI,KAAOlG,EAAK,EAAE,EAC/D,OACE3C,EAACT,GAAA,CAAkB,UAAU,qBAC3B,SAAAiB,EAACf,GAAA,CACC,UAAU,sCACV,EAAG,EACH,EAAE,KACF,QAAS,IAAM,CACb2I,EAAQzF,EAAMiG,CAAO,CACvB,EAEC,UAAAA,EACC5I,EAACgH,GAAA,CACC,KAAM,GACN,UAAU,4BACZ,EAEAhH,EAACiH,GAAA,CACC,KAAM,GACN,UAAU,4BACZ,EAGFjH,EAACN,GAAA,CAAK,UAAW,GAAK,SAAAiD,EAAK,KAAK,GAClC,GAtBQA,EAAK,EAuBf,CAEJ,CAAC,EACH,EACA3C,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACb,SAAAiJ,EAAY,EACf,GACF,EAIIM,EACJtI,EAACf,GAAA,CAAK,KAAM,EAAG,GAAI,EACjB,UAAAO,EAAC+G,GAAA,CAEC,MAAM,OACN,QAASkB,EACT,UAAS,GACT,UAAU,cACV,KAAK,KACN,mBANK,WAQN,EAEAjI,EAAC+G,GAAA,CAEC,QAASuB,EACT,UAAS,GACT,UAAU,cACV,KAAK,KACN,oBALK,SAON,GACF,EAGF,OACE9H,EAAC+G,GAAA,CAAiB,KAAMK,EAAM,aAAcC,EAC1C,UAAA7H,EAACwH,GAAA,CAAoB,QAAO,GAAE,SAAArH,EAAM,SAAS,EAC7CH,EAACsH,GAAA,CACC,SAAAtH,EAACqH,GAAA,CACC,iBAAmB0B,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,EAACoH,GAAA,EAAQ,EACRuB,EACAG,GACH,EACF,EACF,EACF,GACF,CAEJ,EClQA,OAAS,aAAAzF,GAAW,YAAAxD,OAAgB,QAa7B,SAASmJ,GACd7D,EACA,CACA,GAAM,CAAE,OAAAuC,CAAO,EAAIvC,EAAQ,KAAO,CAAC,EAC7B,CACJ,UAAA8D,EACA,aAAAtB,EACA,mBAAAuB,EACA,0BAAAC,CACF,EAAIhE,EAAQ,SACN,CAACyC,EAAMwB,CAAO,EAAIvJ,GAAS,EAAK,EAChC,CAACiI,EAAcuB,CAAe,EAAIxJ,GAAS,EAAK,EAChD,CAACwE,EAAOiF,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,KAAMpF,GAAS,aAAasD,EAAa,MAAM,GAC/C,GAAI,KAAK,IAAI,CACf,EACAuB,EAAmBO,EAAQ,CAAE,IAAK,EAAK,CAAC,EACxCD,EAAW,CACb,EAEMpB,EAAU,CAACzF,EAAmBiG,IAAqB,CAErDW,EADEX,EACcb,GAAc,OAAQc,IAAQA,GAAI,KAAOlG,EAAK,EAAE,EAEhD,CAAC,GAAGoF,EAAcpF,CAAI,CAF2B,EAInEuF,EAAU,CACZ,EAEMI,EAAU,IAAM,CACpBa,EAA0BhE,EAAQ,IAAK4C,EAAc,EAAK,EAC1DqB,EAAQ,EAAK,CACf,EAEA,OAAA/F,GAAU,IAAM,CACd,GAAI,CAACuE,EACH,OAGF,IAAM8B,EAAOT,GAAW,KAAMtG,GAASA,EAAK,OAAS+E,CAAM,EACvDgC,GAAM,MAAM,QACdH,EAAgBG,GAAM,IAAI,CAE9B,EAAG,CAAC9B,EAAMqB,EAAWtB,EAAcD,CAAM,CAAC,EAE1CrE,GAAU,IAAM,CACTuE,GACH4B,EAAW,CAEf,EAAG,CAAC5B,CAAI,CAAC,EAEF,CACL,OAAAF,EACA,aAAAC,EACA,KAAAC,EACA,aAAcwB,EACd,aAAAtB,EACA,aAAAC,EACA,MAAA1D,EACA,cAAeiF,EACf,KAAArB,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,CACF,CCvFI,cAAAtI,OAAA,oBALG,IAAM2J,EAERxJ,GAAU,CACb,IAAMqG,EAAQwC,GAA+B7I,CAAK,EAClD,OACEH,GAACyH,GAAA,CAAuB,GAAGjB,EAAQ,SAAArG,EAAM,SAAS,CAEtD,EHEe,cAAAH,EAgGL,QAAAQ,OAhGK,oBAPR,IAAMoJ,GAA4B,CACvCrH,EACAsH,EAAiB,KAEDvK,GAAQ,IACf,CACL,CACE,MAAOU,EAACe,GAAA,CAAgB,UAAU,WAAW,EAC7C,UAAW,aACX,MAAO,SACP,MAAO,GACP,OAAQ,CAACsD,EAAOyF,IAAW,CAUzB,IAAMC,EACJ/J,EAACP,GAAA,CACC,MAAM,OACN,OAAO,OACP,GAAI,EACJ,QAAQ,SACR,UAAU,SACV,QAASoK,EAhB2Bd,GAAM,CAC5CxG,EAAS,0BACPuH,EACAvH,EAAS,oBACT,EACF,EACAwG,EAAE,gBAAgB,CACpB,EAS4C,OACxC,cAAY,6CAEX,SAAA1E,EACCrE,EAACc,EAAA,CAAc,UAAU,gCAAgC,EAEzDd,EAACe,GAAA,CAAgB,UAAU,gEAAgE,EAE/F,EAGF,OAAI8I,EACKE,EAIP/J,EAAC2J,EAAA,CAA4B,IAAKG,EAAQ,SAAUvH,EACjD,SAAAwH,EACH,CAEJ,CACF,EACA,CACE,MAAO,SACP,UAAW,SACX,MAAO,GACP,OAAS1F,GAELrE,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAA2E,EACH,CAGN,EACA,CACE,MAAO,QACP,UAAW,YACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAAQ,CAACA,EAAOyF,IAEZ9J,EAACN,GAAK,QAAL,CAAa,GAAIoK,EAAO,UAAY,EAAG,SAAS,IAC9C,SAAAzF,EACH,CAGN,EACA,CACE,MAAO,aACP,UAAW,SACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASA,GAELrE,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAA0E,EACH,CAGN,EACA,CACE,MACE7D,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAACkB,GAAA,EAAY,EAAE,eACjB,EAEF,UAAW,aACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASmD,GAELrE,EAACN,GAAK,QAAL,CAAa,SAAS,IAAI,GAAI,EAAG,GAAIC,GAAQ,WAC3C,SAAA0E,EACH,CAGN,EACA,CACE,MAAO,gBACP,UAAW,eACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASA,GAELrE,EAACN,GAAK,QAAL,CAAa,SAAS,IAAI,GAAI,EAAG,GAAIC,GAAQ,WAC3C,SAAA0E,EACH,CAGN,EACA,CACE,MAAO,aACP,UAAW,aACX,MAAO,IACP,MAAO,QACP,OAAQ,GACR,OAASA,GACHA,IAAU,KACL,KAGPrE,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAI,EACJ,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAA0E,EACH,CAGN,EACA,CACE,UAAW,SACX,KAAM,SACN,MAAO,GACP,OAAQ,CAACA,EAAOyF,IACVD,EAEA7J,EAACP,GAAA,CAAK,QAAQ,MAAM,GAAI,EACtB,SAAAO,EAAC8G,GAAA,CAAQ,QAAQ,cAAc,MAAM,SAAS,cAAe,EAC3D,SAAA9G,EAACT,GAAA,CACC,UAAU,sDACV,QAAUwJ,GAAM,CACdA,EAAE,gBAAgB,EAClBxG,EAAS,SAASuH,CAAM,CAC1B,EACA,cAAY,oCAEZ,SAAA9J,EAACiB,GAAA,CAAc,UAAU,yDAAyD,EACpF,EACF,EACF,EAGG,IAEX,CACF,EACC,CAACsB,EAAUsH,CAAc,CAAC,EDpK3B,cAAA7J,OAAA,oBAnBG,IAAMgK,GAA6C7J,GAAU,CAClE,GAAM,CACJ,QAAA8J,EACA,WAAAC,EACA,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,SAAA9H,EACA,OAAA2C,EACA,YAAAoF,EACA,KAAAC,EACA,WAAAC,CACF,EAAIrK,EAEE,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAE/CkK,EAAUb,GAA0BrH,EAAU,EAAK,EAEzD,OACEvC,GAAC6G,GAAA,CACC,SAAQ,GACR,QAAS4D,EACT,QAASR,EACT,WAAYC,EACZ,MAAO,CAACJ,EAAQ9G,KACP,CACL,UAAWxD,GAAG,iCAAiC,EAC/C,QAAS,IAAM,CACbgD,IAAiBsH,CAAM,EACvBvH,EAAS,aAAauH,CAAM,CAC9B,EACA,cAAe,sBACbS,IAAS,MAAQ,aAAe,KAClC,OAAOT,EAAO,MAAM,EACtB,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACpC,CAAO,EAAG,EAAK,EAChC,OAAQxC,EACR,YAAaoF,EACb,WAAYE,EACZ,WAAY,CACV,OAAQ,UACV,EACA,iBAAgB,GAChB,cAAa,GACf,CAqCJ,EK/FA,OAAS,aAAAnH,GAAW,WAAA/D,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA4D,GAAa,cAAAF,OAAkB,yBACxC,OAAyB,iBAAAmH,OAAqB,sBAWvC,IAAMC,GACXxF,GACG,CACH,GAAM,CAAC8E,EAASW,CAAU,EAAI/K,GAAS,EAAI,EACrC,CAAE,KAAAgL,EAAM,SAAAlH,EAAU,QAAAyG,EAAS,YAAAC,EAAa,UAAAS,CAAU,EAAIJ,GAAc,CACxE,SAAU,EACZ,CAAC,EAEK,CAAC3E,EAAMxD,CAAQ,EAAIgB,GAAWE,GAAY,GAAG,EAE7C,CAAE,YAAArD,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAA2E,EAAQ,cAAAE,EAAe,QAAAnB,EAAS,UAAAC,CAAU,EAAIQ,EACpDS,GAAS,QACTA,GAAS,SACX,EAEM,CAAE,UAAA4F,EAAW,UAAAC,CAAU,EAAI1L,GAAQ,IAAM,CAC7C,IAAMyD,EAAOqC,EAAcW,CAAI,EACzBgF,EAAY1F,EAAetC,EAAM3C,CAAW,EAClD,MAAO,CACL,UAAA2K,EACA,UAAWrH,GAAaqH,EAAWpH,EAAUkH,CAAI,CACnD,CACF,EAAG,CAAC9E,EAAMpC,EAAUkH,EAAMzF,EAAehF,CAAW,CAAC,EAE/C+J,EAAO7K,GAAQ,IACZwL,EAAU,CACf,MAAOC,GAAW,OAClB,aAAcF,EACd,iBAAkBlH,CACpB,CAAC,EACA,CAACoC,EAAM8E,EAAMlH,EAAUoH,CAAS,CAAC,EAEpC1H,GAAU,IAAM,CACduH,EAAW,EAAK,CAClB,EAAG,CAAC7E,CAAI,CAAC,EAET1C,GAAU,IAAM,CAEd+G,EAAQ,CAAC,CACX,EAAG,CAACzG,EAAUvD,CAAW,CAAC,EAE1BiD,GAAU,IAAM,CAEV8B,EAAQ,OAAS,OACnB5C,EAAS,oBAAoB,MAAO0B,EAAUC,CAAU,CAE5D,EAAG,CAACD,EAASC,EAAWiB,EAAQ,IAAI,CAAC,EAErC,IAAMqF,EAAalL,GACjB,KACG,CACC,GAAG6K,EACH,aAAcC,EACd,iBAAkBC,CACpB,GACF,CAACF,EAAMC,EAASC,CAAW,CAC7B,EAEA,MAAO,CACL,QAAAJ,EACA,WAAYe,EACZ,KAAAb,EACA,QAAAC,EACA,YAAAC,EACA,SAAA9H,EACA,OAAA2C,EACA,WAAAsF,CACF,CACF,EC/DI,cAAAxK,OAAA,oBAVG,IAAMiL,GACX9K,GACG,CACH,IAAMqG,EAAQmE,GAAyBxK,CAAK,EAGtC+K,EACJ/K,EAAM,OAAS,MAAQqG,EAAM,SAAS,SAAS,IAAM,OAEvD,OACExG,GAACgK,GAAA,CACE,GAAGxD,EACJ,KAAMrG,EAAM,KACZ,YAAa,CACX,QAAS+K,GAAW,SAAW/K,EAAM,QACrC,KAAO+K,GAAW,WAA2B/K,EAAM,SACrD,EACF,CAEJ,EC5BA,OAAS,MAAAX,GAAI,QAAAC,GAAM,QAAAC,GAAM,aAAAmH,OAAiB,sBCA1C,OACE,OAAAtH,GACA,MAAAC,GACA,QAAAC,GACA,QAAAC,GACA,WAAAoH,GACA,SAAAJ,GACA,SAAAyE,OACK,sBA2CC,cAAAnL,EAiBF,QAAAQ,OAjBE,oBA9BD,IAAM4K,GAA6CjL,GAAU,CAClE,GAAM,CACJ,KAAAyH,EACA,QAAAwB,EACA,UAAAiC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAApH,EACA,cAAA2D,EACA,aAAA0D,EACA,OAAAC,EACA,OAAAtD,EACA,OAAAuD,EACA,KAAAC,EAAO,UACP,WAAAC,CACF,EAAI3L,EAEE,CAAE,oBAAA4L,EAAqB,aAAApE,EAAc,0BAAAqE,CAA0B,EACnE7L,EAAM,SAEF8L,EAAeJ,IAAS,KAAO,GAAK,GACpCK,EAAYL,IAAS,KAAO,GAAK,GACjCtD,EAAUlE,GAAO,OAAS,GAE1B8H,EAASxJ,GAAc,CAC3BwI,GAAM,QAAQ,CACZ,MAAO,cACP,QACEnL,EAACN,GAAA,CAAK,KAAK,KAAM,4CAAmCiD,EAAK,IAAI,IAAI,EAEnE,MAAO,CACL,OAAAiJ,EAAOjJ,CAAI,EACJ,QAAQ,QAAQ,CACzB,CACF,CAAC,CACH,EAEMyJ,GAAiCrD,GAAM,CACvCA,EAAE,MAAQ,SACZ2C,EAAanD,CAAO,CAExB,EAEM8D,GAAiB1J,GAEnBnC,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,SAAS,GAAI,EAAG,GAAI,EAC3C,UAAAO,EAACS,GAAA,CACC,UAAU,4EACV,QAAS,IAAM,CACbkL,EAAOhJ,CAAI,CACb,EACF,EACA3C,EAACU,GAAA,CACC,UAAU,4EACV,QAAS,IAAM,CACbyL,EAAMxJ,CAAI,CACZ,EACF,GACF,EAIE2J,GAAY,IAAM,CACtB,IAAM7D,EAAWd,EAAa,QAAU,GAElC4E,EACJvM,EAACP,GAAA,CACC,UAAWD,GACT,kBACAiJ,EAAW,yBAA2B,qBACtCA,EACI,gBACA,sFACN,EACA,MAAOwD,EACP,OAAQC,EACR,EAAE,OACF,QAAQ,SACR,UAAU,SACV,QAASzD,EAAW,OAAYJ,EAE/B,SAAAI,EACCzI,EAACW,GAAA,CAAQ,UAAU,4CAA4C,EAE/DX,EAACuB,GAAA,CAAS,UAAU,kBAAkB,EAE1C,EAGF,OAAIkH,EAEAzI,EAAC8G,GAAA,CAEC,QACE9G,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,kDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,MAAO,CAAE,UAAW,iBAAkB,EAErC,SAAA6M,EACH,EAIGA,CACT,EAEM/D,GAAegE,GAEjBxM,EAAC8G,GAAA,CACC,KAAMyB,EAEN,QACEvI,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,iDAEhC,EAEF,UAAU,gBACV,cAAe,EACf,WAAY,EAEZ,SAAAM,EAAC0G,GAAA,CACC,IAAK4E,EACL,MACE/C,EACI,CAAE,MAAOgD,CAAW,EACpB,CAEE,uBAAwB,SACxB,eAAgB,OAChB,oBAAqB,cACrB,qBAAsB,OACtB,MAAOA,CACT,EAEN,WAAY,CACV,KAAM/L,GACJ,4CACA,sEACAqM,IAAS,KAAO,eAAiB,eACjCW,GACEhN,GACE+I,EACI,mBACA,sFACN,CACJ,EACA,MAAO/I,GACL,oDACA+I,EACI,kBACA,2CACJsD,IAAS,KAAO,eAAiB,aACnC,CACF,EACA,MAAOxH,EACP,cAAe2D,EACf,OAAQ,IAAM,CACZ0D,EAAanD,CAAO,CACtB,EACA,QAAS6D,GACT,aAAa,MACf,EACF,EAIEK,GAAgB,CAAC9J,EAAmB6J,IAAsB,CAC9D,GAAIf,GAAWe,EACb,OAAOhE,GAAYgE,CAAQ,EAG7B,IAAME,EAAY,CAChB,OAAQ,WACR,KAAMb,IAAS,KAAO,MAAQ,KAC9B,UAAWA,IAAS,KAAO,qBAAuB,qBAClD,GAAI,KACN,EAEMlD,GAAU6D,EACdxM,EAACN,GAAK,SAAL,CAAc,MAAM,QAAQ,MAAO,IAAM,GAAGgN,EAC1C,SAAA/J,EAAK,KACR,EAEA3C,EAACN,GAAA,CAAM,GAAGgN,EAAY,SAAA/J,EAAK,KAAK,EAGlC,OACE3C,EAACT,GAAA,CACC,EAAE,OACF,GAAI,EACJ,OAAQ2M,EACR,UAAW1M,GACT,qCACAgN,EACI,wCACA,iCACJA,EACI,uFACA,sEACN,EACA,QAAS,IAAM,CACbR,EAA0BrJ,CAAI,EAC9B6J,GAAYpD,EAAQ,EAAI,CAC1B,EAEC,SAAAT,GACH,CAEJ,EAEA,OACEnI,GAACf,GAAA,CAAK,MAAM,OAAO,KAAM,EAAG,UAAWU,EAAM,UAC3C,UAAAK,GAACf,GAAA,CACC,IAAK4L,EACL,GAAG,uCACH,UAAW7L,GACT,qDACA,yCACF,EAEA,KAAMqM,IAAS,KAAO,EAAI,EAC1B,MAAM,OAEL,UAAAlE,GAAc,MAAM,EAAG,EAAE,GAAG,IAAKhF,GAAc,CAC9C,IAAM6J,EAAWT,EAAoB,KAAOpJ,EAAK,GACjD,OACE3C,EAAC8G,GAAA,CAEC,KAAM0F,GAAY,CAACf,EAAU7D,EAAO,GACpC,aAAeA,GAAS,CACtB4E,GAAYpD,EAAQxB,CAAI,CAC1B,EAEA,QAASyE,GAAc1J,CAAI,EAC3B,cAAe,EACf,UAAWnD,GAAG,eAAe,EAC7B,MAAO,CACL,UAAW,iBACb,EAEC,SAAAiN,GAAc9J,EAAM6J,CAAQ,GAbxB7J,EAAK,EAcZ,CAEJ,CAAC,EAEA,CAACmJ,GAAcQ,GAAU,EAE1BtM,EAACN,GAAA,CAAK,KAAK,KAAK,IAAK8L,EAAS,UAAU,gBACrC,SAAAnH,EACH,GACF,EACCyH,GAAcQ,GAAU,GAC3B,CAEJ,EC1RA,OAAS,aAAAjJ,GAAW,UAAAsJ,GAAQ,YAAA9M,OAAgB,QAYrC,SAAS+M,GAAsBzH,EAAuC,CAC3E,GAAM,CAAE,SAAA5C,EAAU,KAAAsJ,EAAO,SAAU,EAAI1G,EACjC,CACJ,UAAA8D,EACA,aAAAtB,EACA,oBAAAoE,EACA,mBAAA7C,EACA,0BAAA8C,EACA,gBAAAa,CACF,EAAItK,EAEE,CAACqF,EAAMwB,CAAO,EAAIvJ,GAAS,EAAK,EAChC,CAAC4L,EAASqB,CAAU,EAAIjN,GAAS,EAAK,EACtC,CAACwE,EAAOiF,CAAQ,EAAIzJ,GAAS,EAAE,EAC/B,CAACiM,EAAYiB,CAAa,EAAIlN,GAAS,EAAK,EAE5CmN,EAAaL,GAAyB,IAAI,EAC1CrB,EAAWqB,GAAyB,IAAI,EACxCnB,EAAUmB,GAAwB,IAAI,EAEtC,CAACpB,EAAY0B,CAAa,EAAIpN,GAAS,EAAE,EAEzCqN,EAAqB,IAAM,CAC/B,IAAMjB,EAAeJ,IAAS,KAAO,GAAK,GAC1C,WAAW,IAAM,CACf,GAAM,CAAE,YAAAsB,EAAa,YAAAC,CAAY,EAAIJ,EAAW,SAAW,CAAC,EAExDG,EAAeC,GACjBL,EAAc,EAAI,CAEtB,EAAG,CAAC,CACN,EAEMM,GAAgB,IAAM,CAC1B,WAAW,IAAM,CACXL,EAAW,UACbA,EAAW,QAAQ,WACjBA,EAAW,QAAQ,YAAcA,EAAW,QAAQ,YAE1D,EAAG,CAAC,CACN,EAEMrB,GAAUhJ,GAAc,CAC5BmK,EAAW,EAAI,EACfxD,EAAS3G,EAAK,IAAI,EAClB,WAAW,IAAM,CACf2I,EAAS,SAAS,MAAM,EACxBA,EAAS,SAAS,kBAAkB,GAAI,EAAE,CAC5C,EAAG,CAAC,CACN,EAEMI,GAAgBnD,GAAqB,CACzCW,EACE,CACE,GAAG6C,EACH,KAAMxD,EAAUwD,EAAoB,KAAO1H,CAC7C,EACA,CAAE,OAAQ,EAAK,CACjB,EACAyI,EAAW,EAAK,EAChB1D,EAAQ,EAAK,EACb8D,EAAmB,CACrB,EAEM7E,GAAS,IAAM,CACnB,IAAMoB,EAAS,CACb,KAAM,aAAa9B,EAAa,MAAM,GACtC,GAAI,KAAK,IAAI,CACf,EACAuB,EAAmBO,EAAQ,CAAE,IAAK,EAAK,CAAC,EACxCuC,EAA0BvC,CAAM,EAChCyD,EAAmB,EACnBG,GAAc,CAChB,EAEMzB,GAAU0B,GAAqB,CACnCpE,EAAmBoE,EAAa,CAAE,OAAQ,EAAK,CAAC,EAEhD,WAAW,IAAM,CAEf,IAAMC,EAAatE,EAAU,IAAKtG,KAAU,CAC1C,GAAGA,GACH,KAAMA,GAAK,MAAM,OAAQkG,IAAQA,GAAI,KAAOyE,EAAY,EAAE,CAC5D,EAAE,EAEFT,EAAgBU,CAAU,EAG1B,IAAMC,EAAO7F,EAAa,OAAQhF,IAASA,GAAK,KAAO2K,EAAY,EAAE,EAC/DzE,GAAM2E,IAAOA,GAAM,OAAS,CAAC,GAAKA,IAAO,CAAC,EAChDxB,EAA0BnD,EAAG,CAC/B,EAAG,CAAC,CACN,EAEA,OAAAxF,GAAU,IAAM,CACd,GAAIgB,EAAO,CACT,IAAMoJ,EAAOjC,EAAQ,SAAS,sBAAsB,EAC9CkC,EAAS7B,IAAS,KAAO,EAAI,GACnCoB,EAAc,KAAK,KAAKQ,GAAM,OAAS,GAAKC,EAAQ,EAAE,CAAC,CACzD,CACF,EAAG,CAACrJ,CAAK,CAAC,EAEVhB,GAAU,IAAM,CACd6J,EAAmB,CACrB,EAAG,CAAC,CAAC,EAEE,CACL,SAAA3K,EACA,KAAAqF,EACA,QAAAwB,EACA,UAAW4D,EACX,SAAA1B,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAApH,EACA,cAAeiF,EACf,OAAAqC,GACA,aAAAD,GACA,OAAArD,GACA,OAAAuD,GACA,WAAAE,CACF,CACF,CCxHS,cAAA9L,OAAA,oBALF,IAAM2N,GACXxN,GACG,CACH,GAAM,CAAE,UAAAyN,EAAW,GAAGC,CAAK,EAAI1N,EACzBqG,EAAQoG,GAAsBiB,CAAI,EACxC,OAAO7N,GAACoL,GAAA,CAAc,GAAG5E,EAAO,KAAMrG,EAAM,KAAM,UAAWyN,EAAW,CAC1E,ECdO,IAAME,GAA8BlE,GJyBvC,OACE,OAAA5J,GADF,QAAAQ,OAAA,oBAjBG,IAAMuN,GAAiD5N,GAAU,CACtE,GAAM,CACJ,WAAA+J,EACA,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,SAAA9H,EACA,OAAA2C,EACA,QAAA+E,EACA,WAAAO,CACF,EAAIrK,EAEE,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAE/CkK,EAAUqD,GAA4BvL,EAAU,EAAI,EAc1D,OACE/B,GAAC,OACC,UAAAR,GAAC2N,GAAA,CAAmB,SAAUpL,EAAU,UAAU,WAAW,EAE7DvC,GAAC6G,GAAA,CACC,SAAQ,GAER,QAAS4D,EACT,WAAYP,EACZ,UApBJ1J,GAACf,GAAA,CACC,UAAAO,GAACN,GAAA,CAAK,KAAK,KAAK,UAAW,GAAI,wBAE/B,EACAM,GAACe,GAAA,CAAgB,UAAU,4BAA4B,EACvDf,GAACN,GAAA,CAAK,KAAK,KAAK,UAAW,GAAI,yDAE/B,GACF,EAaI,QAASuK,EACT,MAAO,CAACH,EAAQ9G,KACP,CACL,UAAWxD,GAAG,iCAAiC,EAC/C,QAAS,IAAM,CACbgD,IAAiBsH,CAAM,EACvBvH,EAAS,aAAauH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACpC,CAAO,EAAG,EAAK,EAChC,OAAQxC,EACR,WAAYsF,EACZ,iBAAgB,GAChB,cAAa,GACf,GAkCF,CAEJ,EKpGA,OAAS,aAAAnH,GAAW,WAAA/D,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA4D,GAAa,cAAAF,OAAkB,yBACxC,OAAyB,iBAAAmH,OAAqB,sBAQvC,IAAMsD,GAA6B,IAAM,CAC9C,GAAM,CAAE,KAAAnD,EAAM,SAAAlH,EAAU,QAAAyG,EAAS,YAAAC,EAAa,UAAAS,CAAU,EAAIJ,GAAc,CACxE,SAAU,EACZ,CAAC,EACK,CAAC3E,EAAMxD,CAAQ,EAAIgB,GAAWE,GAAY,SAAS,EACnD,CAACwG,EAASW,CAAU,EAAI/K,GAAS,EAAI,EAErC,CAAE,UAAAoJ,EAAW,oBAAA8C,CAAoB,EAAIxJ,EAErC,CAAE,YAAAnC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAA2E,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpCuJ,EAAa3O,GAAQ,IAAM,CAC/B,IAAM4O,EAAajF,GACf,OACCtG,GACCA,EAAK,MAAM,UAAWkG,GAAQA,EAAI,KAAOkD,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKoC,GAAQ,CACb,IAAMnL,EAAQ+C,GAAM,UAAWpD,GAASA,EAAK,SAAWwL,EAAI,IAAI,EAChE,OAAInL,IAAU,GACL+C,EAAK/C,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAASA,CAAI,EAEzB,OAAO0C,EAAe6I,EAAY9N,CAAW,CAC/C,EAAG,CAAC2F,EAAMgG,EAAqB9C,EAAW7I,CAAW,CAAC,EAEhD,CAAE,UAAA2K,EAAW,UAAAC,CAAU,EAAI1L,GAAQ,IAAM,CAC7C,IAAMyL,EAAY3F,EAAc6I,CAAU,EAC1C,MAAO,CACL,UAAAlD,EACA,UAAWrH,GAAaqH,EAAWpH,EAAUkH,CAAI,CACnD,CACF,EAAG,CAACoD,EAAYtK,EAAUkH,EAAMzF,CAAa,CAAC,EAExC+E,EAAO7K,GAAQ,IACZwL,EAAU,CACf,MAAOC,GAAW,OAClB,aAAcF,EACd,iBAAkBlH,CACpB,CAAC,EACA,CAACoC,EAAM8E,EAAMlH,EAAUoH,CAAS,CAAC,EAEpC1H,GAAU,IAAM,CACduH,EAAW,EAAK,CAClB,EAAG,CAAC3B,CAAS,CAAC,EAEd5F,GAAU,IAAM,CAEd+G,EAAQ,CAAC,CACX,EAAG,CAACzG,EAAUvD,CAAW,CAAC,EAE1B,IAAMoK,EAAalL,GACjB,KACG,CACC,GAAG6K,EACH,aAAcC,EACd,iBAAkBC,CACpB,GACF,CAACF,EAAMC,EAASC,CAAW,CAC7B,EAEA,MAAO,CACL,QAAAJ,EACA,WAAYe,EACZ,KAAAb,EACA,QAAAC,EACA,YAAAC,EACA,SAAA9H,EACA,OAAA2C,EACA,WAAAsF,CACF,CACF,EClFS,cAAAxK,OAAA,oBAFF,IAAMoO,GAAoC,IAAM,CACrD,IAAM5H,EAAQwH,GAA2B,EACzC,OAAOhO,GAAC+N,GAAA,CAAmB,GAAGvH,EAAO,CACvC,Ed8BU,cAAAxG,EAoBJ,QAAAQ,OApBI,oBAhBH,IAAM6N,GAAmDlO,GAAU,CACxE,GAAM,CAAE,UAAAmO,EAAW,YAAAC,CAAY,EAAIpO,EAE7B,CAAE,YAAAC,EAAa,oBAAAoO,EAAqB,iBAAAlO,CAAiB,EACzDC,EAAkB,EA8BpB,OACEP,EAACT,GAAA,CAAI,GAAG,mBAAmB,UAAW,IAAK,EAAG,EAAG,EAAE,MACjD,SAAAiB,GAACoG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO0H,EACP,cAAeC,EACf,SAlCJvO,EAAC0G,GAAA,CACC,MAAOtG,EACP,cAAeoO,EACf,YAAY,gBACZ,UAAU,yBACV,KAAK,KACL,cAAY,wCACZ,OACExO,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACgB,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEZ,GACEJ,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAACyG,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASnG,EACX,EACF,EAGJ,aAAa,MACf,EAYI,UAAAN,EAAC2G,GAAA,CACC,MAAM,YACN,KAAM3G,EAACc,EAAA,EAAc,EACrB,MAAM,YACN,OAAO,mCAEP,SAAAd,EAACoO,GAAA,EAAwB,EAC3B,EACApO,EAAC2G,GAAA,CACC,MAAM,cACN,KAAM3G,EAACY,GAAA,EAAe,EACtB,MAAM,MACN,OAAO,6BAEP,SAAAZ,EAACiL,GAAA,CACC,KAAK,MACL,QAAQ,aACR,UAAU,OACZ,EACF,EACAjL,EAAC2G,GAAA,CACC,MAAM,eACN,KAAM3G,EAACa,GAAA,EAAgB,EACvB,MAAM,MACN,OAAO,qCAEP,SAAAb,EAACiL,GAAA,CACC,KAAK,MACL,QAAQ,eACR,UAAU,OACZ,EACF,GACF,EACF,CAEJ,EelGA,OAAS,aAAA5H,GAAW,YAAAxD,OAAgB,QAS7B,SAAS4O,IAA2B,CACzC,GAAM,CAACH,EAAWI,CAAY,EAAI7O,GAAkB,KAAK,EACnD,CAAE,iBAAAS,CAAiB,EAAIC,EAAkB,EAE/C,OAAA8C,GAAU,IAAM,CACd/C,IAAmB,CACrB,EAAG,CAACgO,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAcjK,GAAkBqK,EAAarK,CAAgB,CAC/D,CACF,CChBS,cAAArE,OAAA,oBAFF,IAAM2O,GAAwB,IAAM,CACzC,IAAMnI,EAAQiI,GAAyB,EACvC,OAAOzO,GAACqO,GAAA,CAAiB,GAAG7H,EAAO,CACrC,ECNA,OACE,OAAAjH,GACA,uBAAAkH,GACA,MAAAjH,GACA,SAAAkH,GACA,YAAAC,GACA,QAAAC,OACK,sBCPP,OAAa,WAAAtH,OAAe,QAC5B,OAAS,OAAAC,GAAK,MAAAC,GAAI,aAAAqH,OAAiB,sBCAnC,OACE,QAAApH,GACA,aAAAmP,GACA,QAAAlP,GACA,SAAAmP,GACA,MAAArP,OAEK,sBACP,OAAS,WAAAG,OAAe,yBAiCN,cAAAK,EA0BF,QAAAQ,OA1BE,oBAvBX,IAAMsO,GAAwB,CACnCvM,EACAsH,EAAiB,KAEV,CACL,CACE,MAAO,kBACP,UAAW,aACX,OAAQ,GACR,UAAW,eACX,OAAQ,CAACxF,EAAOyF,IAAW,CACzB,IAAIiF,EACJ,OAAKlF,IACHkF,EACE/O,EAAC2J,EAAA,CAA4B,IAAKG,EAAQ,SAAUvH,EAClD,SAAAvC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqK,EAAO,WACN9J,EAACmB,GAAA,CAAe,UAAU,gDAAgD,EAE1EnB,EAACoB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,GAKFZ,GAACf,GAAA,CACE,UAAAsP,EACDvO,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC4O,GAAA,CACC,OAAQ9E,EAAO,OACf,UAAU,4BACZ,EACA9J,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAoK,EAAO,OACV,EACAtJ,GAACqO,GAAA,CAAM,KAAK,KAAK,MAAM,eACpB,UAAA/E,EAAO,SAAS,KACnB,GACF,EAEA9J,EAACN,GAAK,QAAL,CACC,UAAW,GACX,KAAK,MACL,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WAEX,SAAA0E,EACH,GACF,GACF,CAEJ,CACF,EACA,CACE,MAAO,iBACP,UAAW,SACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,OAAQ,CAACA,EAAOyF,IAAW,CACzB,IAAMkF,EAAkCjG,GAAM,CAC5CxG,EAAS,0BACPuH,EACAvH,EAAS,oBACT,EACF,EACAwG,EAAE,gBAAgB,CACpB,EAEMkG,EACJ,yEAEIC,EACJlP,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,EAACqB,GAAA,CACC,UAAW4N,EACX,QAAUlG,GAAM,CACdA,EAAE,gBAAgB,EAClBxG,EAAS,SAASuH,CAAM,CAC1B,EACF,EACA9J,EAACsB,GAAA,CAAW,UAAW2N,EAAS,QAASD,EAAa,GACxD,EACF,EAGF,OACExO,GAAC,OAAI,UAAU,eACZ,UAAAqJ,GAAkBqF,EAEnB1O,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,SAAA0E,EACH,GACF,GACF,CAEJ,CACF,CACF,ECpKF,OAAS,aAAAuK,GAAW,QAAAnP,GAAM,QAAAC,GAAM,MAAAF,GAAI,WAAAsH,GAAS,SAAA+H,OAAa,sBAC1D,OAAS,WAAAlP,OAAe,yBAiBR,OACE,OAAAK,EADF,QAAAQ,OAAA,oBAVT,IAAM2O,GAAmDhP,GAAU,CACxE,GAAM,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAErD,OACEP,EAAC,OAAI,UAAU,sDACb,SAAAA,EAACP,GAAA,CAAK,UAAU,SAAS,GAAI,EAAG,KAAM,EACnC,SAAAU,EAAM,YAAY,IAAKwC,GAAS,CAC/B,IAAMgG,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,EAAC4O,GAAA,CACC,OAAQjM,EAAK,OACb,UAAU,4BACZ,EACA3C,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAiD,EAAK,OACR,GACF,EACA3C,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,iBAEhC,EACAM,EAACN,GAAA,CAAK,KAAK,MAAM,UAAW,GAAI,sBAEhC,GACF,EAEAc,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,MAAM,KAAM,EAC7C,UAAAe,GAACqO,GAAA,CAAM,KAAK,KAAK,MAAM,eACpB,UAAAlM,EAAK,SAAS,KACjB,EACA3C,EAACN,GAAK,QAAL,CACC,GAAIiD,EAAK,UAAY,EACrB,SAAS,IACT,KAAK,MACL,UAAW,GAEV,SAAAA,EAAK,WAAW,EACnB,EACA3C,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAgD,EAAK,OACR,GACF,GACF,EAGF,OACE3C,EAAC8G,GAAA,CACC,KAAK,QACL,WAAY,EAEZ,QAAS6B,EACT,cAAe,EAGf,SAAAnI,GAACf,GAAA,CACC,UAAU,SACV,QAAQ,SACR,UAAU,SACV,KAAM,EACN,MAAO,GACP,OAAQ,GACR,EAAE,KACF,UAAWD,GACT,qBACA,sBACAkI,IAAW/E,EAAK,QAAU,mCAC5B,EACA,QAAS,IAAM,CACbH,IAAiBG,CAAI,CACvB,EAEA,UAAA3C,EAAC4O,GAAA,CACC,OAAQjM,EAAK,OACb,UAAU,4BACZ,EACA3C,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAAgD,EAAK,OACR,GACF,GAhCKA,EAAK,MAiCZ,CAEJ,CAAC,EACH,EACF,CAEJ,EFtFW,OAIP,YAAAyM,GAJO,OAAApP,GAIP,QAAAQ,OAJO,oBAbJ,IAAM6O,GAAyClP,GAAU,CAC9D,GAAM,CAAE,WAAA+J,EAAY,SAAA3H,EAAU,OAAA2C,EAAQ,QAAA+E,EAAS,WAAAqF,EAAY,UAAAC,CAAU,EACnEpP,EAEI,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAE/CkK,EAAUnL,GAAQ,IACf,OAAOgQ,GAAe,WACzBA,EAAW/M,EAAU,EAAI,EACzBuM,GAAsBvM,EAAU,EAAI,EACvC,CAACA,CAAQ,CAAC,EAEb,OAAIgN,EACKvP,GAACmP,GAAA,CAAgB,WAAYjF,EAAY,EAIhD1J,GAAA4O,GAAA,CACE,UAAApP,GAACT,GAAA,CAAI,GAAI,EAAG,UAAU,eACpB,SAAAS,GAAC2N,GAAA,CAAmB,SAAUpL,EAAU,KAAK,KAAK,EACpD,EAEAvC,GAAC6G,GAAA,CACC,WAAY,CACV,KAAM1G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASsK,EACT,WAAYP,EACZ,QAASD,EACT,MAAO,CAACH,EAAQ9G,KACP,CACL,UAAWxD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsH,CAAM,EACvBvH,EAAS,aAAauH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACpC,CAAO,EAAG,EAAK,EAChC,OAAQxC,EACR,cAAa,GACf,GAqBF,CAEJ,EGhFA,OAAS,aAAA7B,GAAW,WAAA/D,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA4D,GAAa,cAAAF,OAAkB,yBAMjC,IAAMiM,GAAyB,IAAM,CAC1C,GAAM,CAACzJ,EAAMxD,CAAQ,EAAIgB,GAAWE,GAAY,SAAS,EACnD,CAACwG,EAASW,CAAU,EAAI/K,GAAS,EAAI,EAErC,CAAE,UAAAoJ,EAAW,oBAAA8C,CAAoB,EAAIxJ,EAErC,CAAE,YAAAnC,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAA2E,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpCwF,EAAa5K,GAAQ,IAAM,CAC/B,IAAM4O,EAAajF,GACf,OACCtG,GACCA,EAAK,MAAM,UAAWkG,GAAQA,EAAI,KAAOkD,EAAoB,EAAE,IAC/D,EACJ,GACE,IAAKoC,GAAQ,CACb,IAAMnL,EAAQ+C,GAAM,UAAWpD,GAASA,EAAK,SAAWwL,EAAI,IAAI,EAChE,OAAInL,IAAU,GACL+C,EAAK/C,CAAK,EAEZ,IACT,CAAC,GACC,OAAQL,GAASA,CAAI,EAEnB8M,EAAgBpK,EAAe6I,EAAY9N,CAAW,EAC5D,OAAOgF,EAAcqK,CAAa,CACpC,EAAG,CAAC1J,EAAMgG,EAAqB9C,EAAW7I,EAAagF,CAAa,CAAC,EAErE,OAAA/B,GAAU,IAAM,CACduH,EAAW,EAAK,CAClB,EAAG,CAAC7E,CAAI,CAAC,EAEF,CACL,QAAAkE,EACA,WAAAC,EACA,SAAA3H,EACA,OAAA2C,CACF,CACF,EC/BS,cAAAlF,OAAA,oBAJF,IAAM0P,GACXvP,GACG,CACH,IAAMqG,EAAQgJ,GAAuB,EACrC,OAAOxP,GAACqP,GAAA,CAAe,GAAG7I,EAAQ,GAAGrG,EAAO,CAC9C,ECjBA,OAAa,WAAAb,OAAe,QAC5B,OAAS,MAAAE,GAAI,aAAAqH,OAAsC,sBAmCxC,cAAA7G,OAAA,oBApBJ,IAAM2P,GAAqCxP,GAAU,CAC1D,GAAM,CACJ,QAAA8J,EACA,WAAAC,EACA,SAAA3H,EACA,OAAA2C,EACA,YAAAoF,EACA,WAAAgF,EACA,UAAAC,CACF,EAAIpP,EAEE,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAE/CkK,EAAUnL,GAAQ,IACf,OAAOgQ,GAAe,WACzBA,EAAW/M,EAAU,EAAK,EAC1BuM,GAAsBvM,EAAU,EAAK,EACxC,CAACA,CAAQ,CAAC,EAEb,OAAIgN,EACKvP,GAACmP,GAAA,CAAgB,WAAYjF,EAAY,EAIhDlK,GAAC6G,GAAA,CACC,WAAY,CACV,KAAM1G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASsK,EACT,QAASR,EACT,WAAYC,EACZ,MAAO,CAACJ,EAAQ9G,KACP,CACL,UAAWxD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsH,CAAM,EACvBvH,EAAS,aAAauH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACpC,CAAO,EAAG,EAAK,EAChC,OAAQxC,EACR,YAAaoF,EACb,cAAa,GACf,CAyBJ,ECzFA,OAAS,aAAAjH,GAAW,WAAA/D,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA4D,GAAa,cAAAF,OAAkB,yBASjC,IAAMqM,GAAwBzK,GAAyC,CAC5E,GAAM,CAAC8E,EAASW,CAAU,EAAI/K,GAAS,EAAI,EAErC,CAACkG,EAAMxD,CAAQ,EAAIgB,GAAWE,GAAY,GAAG,EAE7C,CAAE,YAAArD,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAA2E,EAAQ,cAAAE,CAAc,EAAIV,EAChCS,GAAS,QACTA,GAAS,UACTA,EAAQ,MACV,EAEM+E,EAAa5K,GAAQ,IAAM,CAC/B,IAAMmQ,EAAgBpK,EAAeU,EAAM3F,CAAW,EACtD,OAAOgF,EAAcqK,CAAa,CACpC,EAAG,CAAC1J,EAAMX,EAAehF,CAAW,CAAC,EAErC,OAAAiD,GAAU,IAAM,CACduH,EAAW,EAAK,CAClB,EAAG,CAAC7E,CAAI,CAAC,EAEF,CACL,QAAAkE,EACA,WAAAC,EACA,SAAA3H,EACA,OAAA2C,CACF,CACF,EClBI,cAAAlF,OAAA,oBAJG,IAAM6P,EAAuD1P,GAAU,CAC5E,IAAMqG,EAAQoJ,GAAqBzP,CAAK,EAExC,OACEH,GAAC2P,GAAA,CACE,GAAGnJ,EACJ,YAAa,CACX,QAASrG,EAAM,QACf,KAAMA,EAAM,SACd,EACA,WAAYA,EAAM,WAClB,UAAWA,EAAM,UACjB,gBAAiBA,EAAM,gBACvB,aAAcA,EAAM,aACtB,CAEJ,EChCA,OAAa,WAAAb,OAAe,QAC5B,OAAS,MAAAE,GAAI,aAAAqH,OAAiB,sBAsBnB,cAAA7G,OAAA,oBAbJ,IAAM8P,GAAmC3P,GAAU,CACxD,GAAM,CAAE,WAAA+J,EAAY,SAAA3H,EAAU,OAAA2C,EAAQ,QAAA+E,EAAS,WAAAqF,EAAY,UAAAC,CAAU,EACnEpP,EAEI,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAE/CkK,EAAUnL,GAAQ,IACf,OAAOgQ,GAAe,WACzBA,EAAW/M,EAAU,EAAK,EAC1BuM,GAAsBvM,EAAU,EAAK,EACxC,CAACA,CAAQ,CAAC,EAEb,OAAIgN,EACKvP,GAACmP,GAAA,CAAgB,WAAYjF,EAAY,EAIhDlK,GAAC6G,GAAA,CACC,WAAY,CACV,KAAM1G,EAAM,iBAAiB,KAC7B,KAAMA,EAAM,iBAAiB,KAC7B,OAAQX,GAAG,UAAWW,EAAM,iBAAiB,MAAM,EACnD,OAAQA,EAAM,iBAAiB,MACjC,EACA,QAASsK,EACT,WAAYP,EACZ,QAASD,EACT,MAAO,CAACH,EAAQ9G,KACP,CACL,UAAWxD,GAAG,eAAgBW,EAAM,YAAY,EAChD,QAAS,IAAM,CACbqC,IAAiBsH,CAAM,EACvBvH,EAAS,aAAauH,CAAM,CAC9B,CACF,GAEF,gBAAkBA,GAAWA,EAAO,OACpC,aAAc,CAAE,CAACpC,CAAO,EAAG,EAAK,EAChC,OAAQxC,EACR,cAAa,GACf,CAwBJ,EC1EA,OAAS,aAAA7B,GAAW,WAAA/D,GAAS,YAAAO,OAAgB,QAC7C,OAAS,eAAA4D,GAAa,cAAAF,OAAkB,yBAMjC,IAAMwM,GAAsB,IAAM,CACvC,GAAM,CAAChK,EAAMxD,CAAQ,EAAIgB,GAAWE,GAAY,MAAM,EAChD,CAACwG,EAASW,CAAU,EAAI/K,GAAS,EAAI,EAErC,CAAE,YAAAO,CAAY,EAAIG,EAAkB,EAEpC,CAAE,OAAA2E,EAAQ,cAAAE,CAAc,EAAIV,EAAQ,EAEpCwF,EAAa5K,GAAQ,IAAM,CAC/B,IAAMmQ,EAAgBpK,EAAeU,EAAM3F,CAAW,EACtD,OAAOgF,EAAcqK,CAAa,CACpC,EAAG,CAAC1J,EAAM3F,EAAagF,CAAa,CAAC,EAErC,OAAA/B,GAAU,IAAM,CACduH,EAAW,EAAK,CAClB,EAAG,CAAC7E,CAAI,CAAC,EAEF,CACL,QAAAkE,EACA,WAAAC,EACA,SAAA3H,EACA,OAAA2C,CACF,CACF,EChBS,cAAAlF,OAAA,oBAFF,IAAMgQ,GAAqD7P,GAAU,CAC1E,IAAMqG,EAAQuJ,GAAoB,EAClC,OAAO/P,GAAC8P,GAAA,CAAY,GAAGtJ,EAAQ,GAAGrG,EAAO,CAC3C,EXiBU,cAAAH,EAyBJ,QAAAQ,OAzBI,oBAfH,IAAMyP,GAA+C9P,GAAU,CACpE,GAAM,CAAE,UAAAmO,EAAW,YAAAC,EAAa,QAAA2B,EAAS,UAAAC,CAAU,EAAIhQ,EAEjD,CAAE,YAAAC,EAAa,oBAAAoO,EAAqB,iBAAAlO,CAAiB,EACzDC,EAAkB,EAEd6P,EACJpQ,EAAC0G,GAAA,CACC,MAAOtG,EACP,cAAeoO,EACf,YAAY,SACZ,WAAY,CAAE,KAAM,yCAA0C,EAC9D,KAAK,KACL,OACExO,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACgB,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEZ,GACEJ,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAACyG,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASnG,EACX,EACF,EAGJ,aAAa,MACf,EAGImC,EAAM,4BAEZ,OACEjC,GAACjB,GAAA,CAAI,UAAWC,GAAG,uCAAuC,EAAG,OAAO,OAClE,UAAAQ,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACb,SAAA6Q,EACH,EACA5P,GAACoG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO0H,EACP,cAAeC,EACf,WAAY,CACV,SAAU,wBACV,YAAa,YACf,EACA,UAAW9L,EAEX,UAAAzC,EAAC2G,GAAA,CAAS,MAAM,YAAY,KAAM3G,EAACc,EAAA,EAAc,EAAI,MAAM,YACzD,SAAAd,EAAC,OAAI,UAAWyC,EACd,SAAAzC,EAAC0P,GAAA,CACC,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,EACA1P,EAAC2G,GAAA,CAAS,MAAM,SAAS,MAAM,SAC7B,SAAA3G,EAAC,OAAI,UAAWyC,EACd,SAAAzC,EAACgQ,GAAA,CACC,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,EACAhQ,EAAC2G,GAAA,CAAS,MAAM,MAAM,MAAM,MAC1B,SAAA3G,EAAC,OAAI,UAAWyC,EACd,SAAAzC,EAAC6P,EAAA,CACC,KAAK,MACL,QAASK,GAAS,QAClB,UAAWA,GAAS,UACpB,OAAQC,EACR,gBAAiB,CACf,OAAQ,UACV,EACF,EACF,EACF,GACF,GACF,CAEJ,EYtGA,OAAS,eAAApQ,GAAa,aAAAsD,GAAW,YAAAxD,OAAgB,QCAjD,OAAS,eAAAE,OAAmB,QAC5B,OAAS,qBAAAsQ,OAAyB,yBAUlC,IAAM1L,GAAiB,aACjBC,GAAmB,OAElB,SAAS0L,GAAWnL,EAIxB,CACD,GAAM,CAAE,WAAAoL,EAAY,KAAAhG,EAAO,MAAO,YAAAD,CAAY,EAAInF,EAE5C,CAAC+K,EAASM,CAAU,EAAIH,GAAkBE,EAAY,CAC1D,CAAChG,CAAI,EAAG,CACN,QAASD,GAAa,SAAW3F,GACjC,UAAW2F,GAAa,WAAa1F,EACvC,CACF,CAAY,EAGNuL,EAAYpQ,GAChB,CAACkE,EAAUU,GAAgBT,EAAYU,KAAqB,CAC1D4L,EAAW,CACT,GAAGN,EACH,IAAK,CACH,QAAAjM,EACA,UAAAC,CACF,CACF,CAAC,CACH,EACA,CAAC,CACH,EAEA,MAAO,CACL,QAASgM,EAAQ3F,CAAI,EACrB,UAAA4F,CACF,CACF,CD9BO,SAASM,GACdtL,EACA,CACA,GAAM,CAACmJ,EAAWI,CAAY,EAAI7O,GAAkBsF,GAAS,SAAU,EAEjE,CAAE,QAAA+K,EAAS,UAAAC,CAAU,EAAIG,GAAW,CACxC,WAAY,+BACd,CAAC,EAEK,CAAE,iBAAAhQ,CAAiB,EAAIC,EAAkB,EAEzCgO,EAAcxO,GACjBsE,GAAkB,CACb,OAAOc,GAAS,aAAgB,WAClCA,EAAQ,YAAYd,CAAgB,EAEpCqK,EAAarK,CAAgB,CAEjC,EACA,CAACc,GAAS,WAAW,CACvB,EACA,OAAA9B,GAAU,IAAM,CACdqL,EAAavJ,GAAS,WAAa,WAAW,CAChD,EAAG,CAACA,GAAS,SAAS,CAAC,EAEvB9B,GAAU,IAAM,CACd/C,IAAmB,CACrB,EAAG,CAACgO,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAAC,EACA,QAAA2B,EACA,UAAAC,CACF,CACF,CE5BM,cAAAnQ,OAAA,oBAbC,IAAM0Q,GACXvQ,GACG,CACH,IAAMqG,EAAQiK,GAAuB,CACnC,UAAWtQ,EAAM,UACjB,YAAaA,EAAM,WACrB,CAAC,EAED,OACEH,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACiQ,GAAA,CAAe,GAAGzJ,EAAO,EAC5B,CAEJ,ECzBA,OAAS,OAAAjH,GAAK,MAAAC,GAAI,QAAAC,GAAM,QAAAC,OAAY,sBAwB5B,cAAAM,EA4BJ,QAAAQ,OA5BI,oBARD,IAAMmQ,GAA2CxQ,GAAU,CAChE,GAAM,CAAE,UAAAoP,EAAW,WAAAqB,EAAY,UAAAtC,EAAW,YAAAC,EAAa,UAAAX,CAAU,EAAIzN,EAE/D,CAAE,OAAAuH,EAAQ,eAAAlF,CAAe,EAAIjC,EAAkB,EAE/CkM,EAAgB,IACf8C,EAWDjB,IAAc,YACTtO,EAAC0P,GAAA,CAAoB,UAAWH,EAAW,EAGhDjB,IAAc,SACTtO,EAACgQ,GAAA,CAAiB,UAAWT,EAAW,EAI/CvP,EAAC6P,EAAA,CACC,KAAK,MACL,QAAQ,aACR,UAAU,OACV,UAAWN,EACb,EAvBEvP,EAAC0Q,GAAA,CACC,UAAWpC,EACX,YAAaC,EACb,OAAQ7G,EACR,eAAgBlF,EAClB,EAsBN,OACEhC,GAACf,GAAA,CACC,UAAWD,GAAG,oBAAqBoO,CAAS,EAC5C,UAAU,SACV,KAAM,EACN,OAAO,OACP,MAAM,OAEN,UAAA5N,EAAC6Q,GAAA,CAAkB,UAAWtB,EAAW,WAAYqB,EAAY,EACjE5Q,EAACT,GAAA,CACC,MAAM,OACN,UAAWC,GACT+P,EAAY,4BAA8B,2BAC5C,EAEC,SAAA9C,EAAc,EACjB,GACF,CAEJ,EAIaoE,GAAiD1Q,GAAU,CACtE,GAAM,CAAE,UAAAoP,EAAW,WAAAqB,CAAW,EAAIzQ,EAElC,OAAIoP,EAEAvP,EAACwB,GAAA,CACC,UAAU,+EACV,QAAS,IAAM,CACboP,IAAa,EAAK,CACpB,EACF,EAKFpQ,GAACf,GAAA,CAAK,QAAQ,UAAU,GAAI,EAAG,MAAM,OACnC,UAAAO,EAACN,GAAA,CAAK,KAAK,OAAO,UAAW,GAAI,mBAEjC,EACAM,EAACyB,GAAA,CACC,UAAU,+EACV,QAAS,IAAM,CACbmP,IAAa,EAAI,CACnB,EACF,GACF,CAEJ,ECtGA,OAAS,mBAAAE,OAAuB,yBAChC,OAAS,eAAA/Q,GAAa,aAAAsD,GAAW,YAAAxD,OAAgB,QAW1C,SAASkR,GAAqB5L,EAAuC,CAC1E,GAAM,CAACoK,EAAWyB,CAAY,EAAInR,GAASsF,GAAS,SAAS,EAEvD,CAACmJ,EAAWI,CAAY,EAAIoC,GAChC,mCACA,KACF,EAEAzN,GAAU,IAAM,CACd2N,EAAa7L,GAAS,SAAS,CACjC,EAAG,CAACA,GAAS,SAAS,CAAC,EAEvB,IAAMyL,EAAa7Q,GAChBwP,GAAuB,CAClB,OAAOpK,GAAS,YAAe,WACjCA,EAAQ,WAAWoK,CAAS,EAE5ByB,EAAazB,CAAS,CAE1B,EACA,CAACpK,GAAS,UAAU,CACtB,EAEA,MAAO,CAAE,UAAAoK,EAAW,WAAAqB,EAAY,UAAAtC,EAAW,YAAaI,CAAa,CACvE,CCjBM,cAAA1O,OAAA,oBAXC,IAAMiR,GAAuD9Q,GAAU,CAC5E,IAAMqG,EAAQuK,GAAqB,CACjC,UAAW5Q,EAAM,UACjB,WAAYA,EAAM,UACpB,CAAC,EAED,OACEH,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAAC2Q,GAAA,CAAa,GAAGnK,EAAO,UAAWrG,EAAM,UAAW,EACtD,CAEJ,ECrBA,OACE,OAAAZ,GACA,aAAA4H,GACA,MAAA3H,GACA,QAAAC,GACA,SAAAiH,GACA,YAAAC,GACA,QAAAC,GACA,uBAAAS,GACA,sBAAAC,GACA,oBAAAC,GACA,uBAAAC,OACK,sBCZP,OACE,QAAA/H,GACA,aAAAmP,GACA,QAAAlP,GACA,SAAAmP,GACA,MAAArP,OAEK,sBACP,OAAS,WAAAG,OAAe,yBAgCN,OA2GR,YAAAyP,GA3GQ,OAAApP,EAqBN,QAAAQ,OArBM,oBAtBX,IAAM0Q,GAA4B,CACvC3O,EACAsH,EAAiB,KAEV,CACL,CACE,MAAO,aACP,UAAW,SACX,MAAO,IACP,OAAQ,CAACxF,EAAOyF,IAAW,CACzB,IAAIiF,EACJ,OAAKlF,IACHkF,EACE/O,EAAC2J,EAAA,CAA4B,IAAKG,EAAQ,SAAUvH,EAClD,SAAAvC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAqK,EAAO,WACN9J,EAACmB,GAAA,CAAe,UAAU,gDAAgD,EAE1EnB,EAACoB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,GAKFZ,GAACf,GAAA,CAAK,KAAM,EACT,UAAAsP,EACD/O,EAAC4O,GAAA,CAAU,OAAQvK,EAAO,UAAU,4BAA4B,EAChErE,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAA2E,EACH,EACA7D,GAACqO,GAAA,CAAM,KAAK,KAAK,MAAM,eACpB,UAAA/E,EAAO,SAAS,KACnB,GACF,CAEJ,CACF,EACA,CACE,MAAO,OACP,UAAW,YACX,MAAO,QACP,OAAQ,GACR,MAAO,IACP,OAAQ,CAACzF,EAAOyF,IAEZ9J,EAACN,GAAK,QAAL,CAAa,GAAIoK,EAAO,UAAY,EAAG,KAAK,MAC1C,SAAAzF,EACH,CAGN,EACA,CACE,MAAO,OACP,UAAW,SACX,MAAO,QACP,OAAQ,GACR,MAAO,GACP,OAASA,GAELrE,EAACN,GAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GACd,KAAK,MAEJ,SAAA0E,EACH,CAGN,EACA,CACE,MAAO,SACP,UAAW,aACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,MAAO,GACP,OAAQ,CAACA,EAAOyF,IAAW,CACzB,IAAMkF,EAAkCjG,GAAM,CAC5CxG,EAAS,0BACPuH,EACAvH,EAAS,oBACT,EACF,EACAwG,EAAE,gBAAgB,CACpB,EAEMkG,EACJ,yEAEIC,EACJlP,EAAC,OAAI,UAAWR,GAAG,wCAAwC,EACzD,SAAAgB,GAACf,GAAA,CACC,UAAWD,GACT,0CACA,wCACF,EACA,EAAE,OACF,MAAO,GACP,QAAQ,SACR,UAAU,MACV,KAAM,EAEN,UAAAQ,EAACqB,GAAA,CACC,UAAW4N,EACX,QAAUlG,GAAM,CACdA,EAAE,gBAAgB,EAClBxG,EAAS,SAASuH,CAAM,CAC1B,EACF,EACA9J,EAACsB,GAAA,CAAW,UAAW2N,EAAS,QAASD,EAAa,GACxD,EACF,EAEF,OACExO,GAAA4O,GAAA,CACG,UAAAvF,GAAkBqF,EACnBlP,EAACN,GAAK,QAAL,CACC,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WACZ,UAAWH,GAAGqK,GAAkB,2BAA2B,EAE1D,SAAAxF,EACH,GACF,CAEJ,CACF,CACF,EDpIE,OACE,OAAArE,EADF,QAAAQ,OAAA,oBAJG,IAAM2Q,GAERhR,GAEDK,GAAC+G,GAAA,CAAiB,KAAMpH,EAAM,KAAM,aAAcA,EAAM,aACtD,UAAAH,EAACwH,GAAA,CAAoB,QAAO,GAAE,SAAArH,EAAM,SAAS,EAC7CH,EAACsH,GAAA,CACC,SAAAtH,EAACqH,GAAA,CACC,iBAAmB0B,GAAMA,EAAE,eAAe,EAC1C,QAAUA,GAAMA,EAAE,gBAAgB,EAClC,MAAM,QACN,YAAa,IACb,WAAY,GACZ,UAAWvJ,GACT,0DACAW,EAAM,gBACR,EAEA,SAAAH,EAACoR,GAAA,CAAwB,GAAGjR,EAAO,KAAMA,EAAM,KAAM,EACvD,EACF,GACF,EAISiR,GACXjR,GACG,CACH,GAAM,CAAE,UAAAmO,EAAW,YAAAC,EAAa,QAAA2B,EAAS,UAAAC,CAAU,EAAIhQ,EAEjD,CAAE,YAAAC,EAAa,oBAAAoO,CAAoB,EAAIjO,EAAkB,EAEzD6P,EACJ5P,GAACf,GAAA,CAAK,GAAI,EAAG,KAAM,EAAG,GAAI,EAAG,GAAI,EAC/B,UAAAO,EAAC0G,GAAA,CACC,MAAOtG,EACP,cAAeoO,EACf,YAAY,SACZ,WAAY,CACV,KAAM,oDACR,EACA,KAAK,KACL,OACExO,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACgB,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,aAAa,MACf,EACAhB,EAACmH,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAAShH,EAAM,KACf,QAAS,EACX,GACF,EAGIsC,EAAM,4BAEZ,OACEjC,GAACjB,GAAA,CACC,UAAWC,GAAG,uCAAuC,EACrD,OAAO,OACP,UAAW,IAEV,UAAA4Q,EAED5P,GAACoG,GAAA,CACC,QAAQ,YACR,KAAK,KACL,MAAO0H,EACP,cAAeC,EACf,WAAY,CACV,SAAU,wBACV,YAAa,YACf,EACA,UAAW9L,EAEX,UAAAzC,EAAC2G,GAAA,CAAS,MAAM,YAAY,KAAM3G,EAACc,EAAA,EAAc,EAAI,MAAM,YACzD,SAAAd,EAAC,OAAI,UAAWyC,EACd,SAAAzC,EAAC0P,GAAA,CACC,WAAYwB,GACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,EACAlR,EAAC2G,GAAA,CAAS,MAAM,SAAS,MAAM,SAC7B,SAAA3G,EAAC,OAAI,UAAWyC,EACd,SAAAzC,EAACgQ,GAAA,CACC,WAAYkB,GACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,EACAlR,EAAC2G,GAAA,CAAS,MAAM,MAAM,MAAM,MAC1B,SAAA3G,EAAC,OAAI,UAAWyC,EACd,SAAAzC,EAAC6P,EAAA,CACC,KAAK,MACL,QAASK,GAAS,QAClB,UAAWA,GAAS,UACpB,OAAQC,EACR,WAAYe,GACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,mBACV,EACA,aAAa,gBACf,EACF,EACF,GACF,GACF,CAEJ,EEpJA,OAAsB,aAAA7N,GAAW,YAAAxD,OAAgB,QAEjD,OAAS,mBAAAiR,OAAuB,yBAWzB,SAASO,GACdlM,EACA,CACA,GAAM,CAACyC,EAAMwB,CAAO,EAAIvJ,GAAS,EAAK,EAEhC,CAACyO,EAAWI,CAAY,EAAIoC,GAChC,uCACA,KACF,EAEM,CAAE,QAAAZ,EAAS,UAAAC,CAAU,EAAIG,GAAW,CACxC,WAAY,mCACd,CAAC,EAEK,CAAE,iBAAAhQ,CAAiB,EAAIC,EAAkB,EAEzC0H,EAAO,IAAM,CACjBmB,EAAQ,EAAK,CACf,EAEA,OAAA/F,GAAU,IAAM,CACd/C,IAAmB,CACrB,EAAG,CAACgO,CAAS,CAAC,EAEP,CACL,UAAAA,EACA,YAAcjK,GAAkBqK,EAAarK,CAAgB,EAC7D,KAAAuD,EACA,aAAcwB,EACd,KAAAnB,EACA,QAAAiI,EACA,UAAAC,CACF,CACF,CC7BM,cAAAnQ,OAAA,oBATC,IAAMsR,GAERnR,GAAU,CACb,IAAMqG,EAAQ6K,GAAyB,EACvC,OACErR,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACmR,GAAA,CAAiB,GAAG3K,EAAO,iBAAkBrG,EAAM,iBACjD,SAAAA,EAAM,SACT,EACF,CAEJ,ECtBA,OACE,OAAAZ,GACA,uBAAAkH,GACA,MAAAjH,GACA,QAAA+R,GACA,SAAA7K,GACA,QAAAhH,OACK,sBCNP,OACE,QAAAD,GACA,aAAAmP,GACA,QAAAlP,GACA,SAAAmP,GACA,MAAArP,OAEK,sBACP,OAAS,WAAAG,OAAe,yBAkBV,cAAAK,EAYA,QAAAQ,OAZA,oBAdP,IAAMgR,GAAyB,CACpCjP,EACAsH,EAAiB,KAEV,CACL,CACE,MAAO,kBACP,UAAW,aACX,OAAQ,GACR,UAAW,eACX,OAAQ,CAACxF,EAAOyF,IAEZtJ,GAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QAAQ,KAAM,EAC/C,UAAAe,GAACf,GAAA,CAAK,KAAM,EACV,UAAAO,EAAC4O,GAAA,CACC,OAAQ9E,EAAO,OACf,UAAU,4BACZ,EACA9J,EAACN,GAAK,UAAL,CACC,KAAK,SACL,aAAa,OACb,KAAK,MACL,OAAO,WAEN,SAAAoK,EAAO,OACV,EACAtJ,GAACqO,GAAA,CAAM,KAAK,KAAK,MAAM,eACpB,UAAA/E,EAAO,SAAS,KACnB,GACF,EAEA9J,EAACN,GAAK,QAAL,CACC,UAAW,GACX,KAAK,QACL,GAAI,EACJ,GAAIC,GAAQ,WAEX,SAAA0E,EACH,GACF,CAGN,EACA,CACE,MAAO,iBACP,UAAW,SACX,MAAO,QACP,OAAQ,GACR,UAAW,eACX,OAAQ,CAACA,EAAOyF,IAAW,CACzB,IAAMkF,EAAkCjG,GAAM,CAC5CxG,EAAS,0BACPuH,EACAvH,EAAS,oBACT,EACF,EACAwG,EAAE,gBAAgB,CACpB,EAEMkG,EACJ,yEAEIC,EACJlP,EAAC,OACC,UAAWR,GACT,2CACA,kCACF,EAEA,SAAAgB,GAACf,GAAA,CACC,UAAWD,GACT,kBACA,yCACF,EACA,EAAE,OACF,MAAO,GACP,QAAQ,SACR,UAAU,MACV,KAAM,EAEN,UAAAQ,EAACqB,GAAA,CACC,UAAW4N,EACX,QAAUlG,GAAM,CACdA,EAAE,gBAAgB,EAClBxG,EAAS,SAASuH,CAAM,CAC1B,EACF,EACA9J,EAACsB,GAAA,CAAW,UAAW2N,EAAS,QAASD,EAAa,GACxD,EACF,EAGF,OACExO,GAAC,OAAI,UAAU,eACZ,UAAAqJ,GAAkBqF,EAEnB1O,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,SAAA0E,EACH,GACF,GACF,CAEJ,CACF,CACF,EDpGQ,cAAArE,EAyBJ,QAAAQ,OAzBI,oBAfH,IAAMiR,GAA6CtR,GAAU,CAClE,GAAM,CAAE,UAAAyN,EAAW,QAAAsC,EAAS,UAAAC,CAAU,EAAIhQ,EAEpC,CAAE,YAAAC,EAAa,oBAAAoO,EAAqB,iBAAAlO,CAAiB,EACzDC,EAAkB,EAEd6P,EACJpQ,EAAC0G,GAAA,CACC,MAAOtG,EACP,cAAeoO,EACf,YAAY,SACZ,WAAY,CAAE,KAAM,qCAAsC,EAC1D,KAAK,KACL,OACExO,EAACT,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,SAAAS,EAACgB,EAAA,CAAW,UAAU,4BAA4B,EACpD,EAEF,OACEZ,GACEJ,EAACT,GAAA,CAAI,GAAI,EACP,SAAAS,EAACyG,GAAA,CACC,KAAM,GACN,UAAU,+CACV,QAASnG,EACX,EACF,EAGJ,aAAa,MACf,EAGF,OACEE,GAAC+Q,GAAA,CACC,KAAM,EACN,UAAW/R,GAAG,6CAA8CoO,CAAS,EACrE,OAAO,OACP,MAAM,OAEN,UAAApN,GAACjB,GAAA,CAAI,GAAI,EAAG,GAAI,EACd,UAAAS,EAACN,GAAA,CAAK,KAAK,OAAO,UAAW,GAAI,mBAEjC,EACC0Q,GACH,EAEApQ,EAAC,OAAI,UAAU,eACb,SAAAA,EAACT,GAAA,CACC,MAAM,OACN,GAAI,EACJ,UAAU,6DAEV,SAAAS,EAAC6P,EAAA,CACC,KAAK,MACL,QAASK,GAAS,QAClB,UAAWA,GAAS,UACpB,OAAQC,EACR,WAAYqB,GACZ,gBAAiB,CACf,KAAM,iBACN,OAAQ,4CACV,EACF,EACF,EACF,GACF,CAEJ,EE9EO,SAASE,GAAsBvM,EAAwC,CAC5E,GAAM,CAAE,QAAA+K,EAAS,UAAAC,CAAU,EAAIG,GAAW,CACxC,WAAY,+BACd,CAAC,EACD,MAAO,CAAE,QAAAJ,EAAS,UAAAC,CAAU,CAC9B,CCKM,cAAAnQ,OAAA,oBAVC,IAAM2R,GACXxR,GACG,CACH,IAAMqG,EAAQkL,GAAsB,EAEpC,OACE1R,GAACE,EAAA,CACC,OAAQC,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAH,GAACyR,GAAA,CAAc,GAAGjL,EAAO,UAAWrG,EAAM,UAAW,EACvD,CAEJ,ECpBA,OAAS,QAAAV,GAAM,QAAAC,GAAM,MAAAF,GAAI,WAAA4H,GAAS,SAAAyH,OAAa,sBAG/C,OAAS,WAAAlP,OAAe,yBAgBpB,OACE,OAAAK,GADF,QAAAQ,OAAA,oBAJG,IAAMoR,GAAuCzR,GAAU,CAC5D,GAAM,CAAE,OAAAuH,EAAQ,KAAA3B,EAAM,SAAA8L,EAAU,SAAAnP,CAAS,EAAIvC,EAEvC2R,EACJtR,GAACf,GAAA,CAAK,UAAU,qCAAqC,QAASiD,EAC5D,UAAA1C,GAACN,GAAK,UAAL,CACC,UAAU,yCACV,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,SAAQ,GAEP,SAAAgI,EACH,EACA1H,GAAC0B,GAAA,CAAiB,UAAU,sDAAsD,GACpF,EAGF,OACElB,GAACf,GAAA,CAAK,UAAWD,GAAG,+BAAgCW,EAAM,SAAS,EACjE,UAAAK,GAACf,GAAA,CAAK,KAAM,EAAG,UAAU,4CACvB,UAAAe,GAACf,GAAA,CAAK,KAAM,EACT,UAAAqS,EACDtR,GAACqO,GAAA,CAAM,KAAK,KAAK,MAAM,eACpB,UAAAgD,EAAS,KACZ,GACF,EAEA7R,GAACoH,GAAA,CAAQ,UAAU,UAAU,UAAU,WAAW,UAAW,EAAG,EAChEpH,GAACN,GAAK,QAAL,CACC,KAAK,MACL,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAoG,GAAO,OACV,GACF,EACC5F,EAAM,UACT,CAEJ,EC3DA,OAAS,WAAAb,OAAe,QACxB,OAAS,kBAAAyS,GAAgB,mBAAAC,OAAuB,yBAUzC,SAASC,GAAsB9M,EAAuC,CAC3E,GAAM,CAAE,OAAAuC,CAAO,EAAIvC,EAEbY,EAAOiM,GAAgBtK,CAAM,EAE7BwK,EAAcH,GAAe,EAE7BF,EAAWvS,GAAQ,IAAM,CAC7B,IAAM6S,EAAOD,EAAYxK,CAAM,EACzB0K,EAAUD,EAAK,UAAU,EAC/B,OAAOE,GAAYD,CAAO,CAC5B,EAAG,CAAC1K,EAAQwK,CAAW,CAAC,EAExB,MAAO,CACL,OAAAxK,EACA,KAAA3B,EACA,SAAA8L,CACF,CACF,CAEA,SAASQ,GAAYC,EAAkB,CACrC,OAAOA,EAAW,EAAIA,EAAW,MACnC,CCpBS,cAAAtS,OAAA,oBAJF,IAAMuS,GAAwDpS,GAAU,CAC7E,GAAM,CAAE,OAAAuH,EAAQ,GAAGmG,CAAK,EAAI1N,EAEtBqG,EAAQyL,GAAsB,CAAE,OAAAvK,CAAO,CAAC,EAC9C,OAAO1H,GAAC4R,GAAA,CAAc,GAAGpL,EAAQ,GAAGqH,EAAM,CAC5C,ECdA,OACE,aAAAe,GACA,QAAAnP,GACA,QAAAC,EACA,MAAAF,GACA,WAAA4H,GACA,WAAAN,OACK,sBASP,OAAS,WAAAnH,OAAe,yBAIxB,OAAS,kBAAA6S,OAAsB,yBAwCrB,OAsCN,YAAApD,GAtCM,OAAApP,EAcJ,QAAAQ,MAdI,oBA3BH,IAAMiS,GAAqDtS,GAAU,CAC1E,GAAM,CACJ,OAAAuH,EACA,WAAAgL,EACA,SAAAnQ,EACA,KAAAwD,EACA,QAAA4M,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,QAAAC,CACF,EAAIhT,EAEEiT,EACJpT,EAAC2J,EAAA,CAA4B,IAAK,CAAE,OAAAjC,CAAO,EAAG,SAAUnF,EACtD,SAAAvC,EAACP,GAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAQ,SACR,UAAU,SACV,UAAU,8BAET,SAAAiT,EACC1S,EAACmB,GAAA,CAAe,UAAU,gDAAgD,EAE1EnB,EAACoB,GAAA,CAAiB,UAAU,gFAAgF,EAEhH,EACF,EAGI0Q,EACJ9R,EAACsR,GAAA,CACC,iBAAiB,8BACjB,OAAQnR,EAAM,OACd,eAAgBA,EAAM,eAEtB,SAAAK,EAACf,GAAA,CAAK,KAAM,EAAG,UAAU,qBACvB,UAAAO,EAAC4O,GAAA,CAAU,OAAQlH,EAAQ,UAAU,kBAAkB,EACvD1H,EAACN,EAAK,UAAL,CACC,UAAU,yCACV,KAAK,SACL,aAAa,YACb,KAAK,KACL,OAAO,WACP,UAAW,GAEV,SAAAgI,EACH,EACA1H,EAAC0B,GAAA,CAAiB,UAAU,4BAA4B,GAC1D,EACF,EAGI2R,EACJrT,EAACN,EAAK,QAAL,CAAa,GAAIiT,GAAW,EAAG,SAAS,IAAI,KAAK,KAAK,UAAW,GAC/D,SAAA5M,IAAO,WAAW,EACrB,EAGIuN,EACJ9S,EAAA4O,GAAA,CACE,UAAApP,EAACN,EAAK,QAAL,CAAa,SAAQ,GAAC,GAAIC,GAAQ,WAAY,eAAc,GAC1D,SAAAoG,IAAO,YAAY,EACtB,EACA/F,EAACN,EAAA,CAAK,UAAW,GAAI,aAAC,EACtBM,EAACN,EAAK,QAAL,CACC,KAAK,cACL,SAAQ,GACR,GAAIC,GAAQ,WACZ,eAAc,GAEb,SAAAoG,GAAO,OACV,GACF,EAGF,OACEvF,EAACf,GAAA,CACC,UAAWD,GAAG,iCAAkCW,EAAM,SAAS,EAE/D,MAAO,CACL,UAAW,gBACX,WAAY,WACd,EAEA,UAAAK,EAACf,GAAA,CAAK,KAAM,EAAG,UAAU,4CACvB,UAAAe,EAACf,GAAA,CAAK,KAAM,EACT,UAAA2T,EACAtB,GACH,EACA9R,EAACoH,GAAA,CAAQ,UAAU,eAAe,UAAU,WAAW,UAAW,EAAG,EACpEiM,EACD7S,EAAC,OAAI,UAAU,8CACb,UAAAR,EAAC,OACC,IAAK8S,EACL,UAAU,oDAEV,SAAAtS,EAACf,GAAA,CAAK,KAAM,EAAG,OAAO,OACpB,UAAAO,EAAC,OAAI,IAAK+S,EACR,SAAA/S,EAACuT,GAAA,CAAS,MAAM,aAAa,MAAOD,EAAQ,EAC9C,EACAtT,EAACuT,GAAA,CACC,MAAM,OACN,MACEvT,EAACN,EAAK,QAAL,CAAa,GAAIiT,EACf,SAAA5M,GAAO,WACV,EAEF,KAAK,+DACP,EACA/F,EAACuT,GAAA,CACC,MAAM,QACN,MACEvT,EAACN,EAAK,QAAL,CAAa,GAAIiT,EACf,SAAA5M,GAAO,YACV,EAEF,KAAK,qDACP,EACA/F,EAACuT,GAAA,CACC,MAAM,aACN,MACEvT,EAACN,EAAK,QAAL,CAAa,KAAK,QAAQ,GAAI,EAC5B,SAAAqG,IAAO,YAAY,EACtB,EAEF,KAAK,uDACP,EACA/F,EAACuT,GAAA,CACC,MAAM,qBACN,MAAOvT,EAACwT,GAAA,CAAY,OAAQ9L,EAAQ,EACpC,KAAK,mLACP,EACA1H,EAAC,OAAI,IAAKgT,EACR,SAAAhT,EAACuT,GAAA,CACC,MAAM,gBACN,MACE/S,EAAA4O,GAAA,CACE,UAAApP,EAACN,EAAK,QAAL,CAAa,KAAK,QAAQ,GAAI,EAC5B,SAAAkT,EACH,EACA5S,EAACN,EAAA,CAAK,UAAW,GAAK,iBAAQ,GAChC,EAEF,KAAK,oCACP,EACF,GACF,EACF,EACAM,EAAC8C,GAAA,CAAgB,QAAO,GAAC,QAASqQ,EAAS,QAASF,EAAgB,EACpEjT,EAAC8C,GAAA,CAAgB,QAAO,GAAC,QAASqQ,EAAS,QAASD,EAAgB,GACtE,GACF,EACC/S,EAAM,UACT,CAEJ,EAQMoT,GAAqCpT,GAEvCK,EAACf,GAAA,CAAK,UAAU,SAAS,UAAU,QACjC,UAAAO,EAAC8G,GAAA,CACC,KAAM3G,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,yCACAW,EAAM,MACJ,sEACJ,EAEC,SAAAA,EAAM,MACT,EACF,EACAH,EAACN,EAAA,CACC,KAAK,MACL,UAAW,GACX,UAAU,4DAET,SAAAS,EAAM,MACT,GACF,EAWE2C,GAAmD3C,GAAU,CACjE,GAAM,CAAE,QAAAsT,EAAS,QAAAC,EAAS,QAAAC,EAAS,QAAAC,CAAQ,EAAIzT,EAC/C,OAAKsT,EAGHzT,EAAC,UACC,QAAS,IAAM,CACb4T,IAAUF,EAAU,OAAS,OAAO,CACtC,EACA,MAAO,CACL,WACE,yFACJ,EACA,UAAWlU,GACT,yCACA,oDACAkU,GAAW,sBACXC,GAAW,qCACb,EAEA,SAAA3T,EAAC2B,GAAA,CAAc,UAAU,4DAA4D,EACvF,EAnBmB,IAqBvB,EAEM6R,GAA4C,CAAC,CAAE,OAAA9L,CAAO,IAAM,CAChE,IAAM3B,EAAOyM,GAAe9K,CAAM,EAElC,OAAI3B,GAAM,mBAAqB,KACtB,KAIPvF,EAAC,OAAI,UAAU,GACb,UAAAR,EAACN,EAAK,QAAL,CAAa,KAAK,IAAI,GAAI,EAAG,UAAU,qBACrC,SAAAqG,EAAK,iBACR,EACA/F,EAACN,EAAA,CACC,UAAW,GACX,UAAU,mBACV,gBAAOqG,EAAK,SAAS,GAAG,GAC5B,CAEJ,EC7RA,OACE,kBAAAyM,GACA,mBAAAqB,GACA,kBAAA9B,GACA,mBAAAC,OACK,yBACP,OAAS,WAAArS,OAAe,yBACxB,OAAS,aAAA0D,GAAW,WAAA/D,GAAS,UAAAqN,GAAQ,YAAA9M,OAAgB,QAU9C,SAASiU,GACd3O,EACA,CACA,GAAM,CAAE,OAAAuC,CAAO,EAAIvC,EAEbY,EAAOiM,GAAgBtK,CAAM,EAC7BmL,EAAcL,GAAe9K,CAAM,EAEnCnF,EAAWsR,GAAgB,EAG3BlB,EADOZ,GAAe,EACPrK,CAAM,EAAE,UAAU,EACjC,CAACuL,EAAgBc,CAAiB,EAAIlU,GAAS,EAAK,EACpD,CAACqT,EAAgBc,CAAiB,EAAInU,GAAS,EAAK,EAEpDiT,EAAenG,GAAuB,IAAI,EAC1CoG,EAAoBpG,GAAuB,IAAI,EAC/CqG,EAAoBrG,GAAuB,IAAI,EAE/C+F,EAAapT,GACjB,IAAM,CAAC,CAACiD,EAAS,UAAU,KAAMI,GAASA,EAAK,OAAS+E,CAAM,EAC9D,CAACnF,EAAS,UAAWmF,CAAM,CAC7B,EAEMkL,EAAetT,GACnB,IACE,IAAIK,GAAQoG,GAAM,eAAiB,CAAC,EACjC,IAAIA,GAAM,aAAe,CAAC,EAC1B,gBAAgB,CAAC,EACjB,QAAQ,EACb,CAACA,CAAI,CACP,EAEA,OAAA1C,GAAU,IAAM,CACd,IAAM4Q,EAAuB,IAAI,qBAAsBC,GAAY,CACjE,QAASlR,EAAQ,EAAGA,EAAQkR,EAAQ,OAAQlR,IAAS,CACnD,IAAML,EAAOuR,EAAQlR,CAAK,EACtBL,IACEA,EAAK,SAAWoQ,EAAkB,SACpCgB,EAAkB,CAACpR,EAAK,cAAc,EAGpCA,EAAK,SAAWqQ,EAAkB,SACpCgB,EAAkB,CAACrR,EAAK,cAAc,EAG5C,CACF,CAAC,EACD,OAAIoQ,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,OAAAvM,EACA,WAAAgL,EACA,SAAAnQ,EACA,KAAAwD,EACA,QAAA4M,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,CCjFS,cAAA9S,OAAA,oBANF,IAAMoU,GACXjU,GACG,CACH,GAAM,CAAE,OAAAuH,EAAQ,GAAGmG,CAAK,EAAI1N,EAEtBqG,EAAQsN,GAA0B,CAAE,OAAApM,CAAO,CAAC,EAClD,OAAO1H,GAACyS,GAAA,CAAkB,GAAGjM,EAAQ,GAAGqH,EAAM,CAChD,EClBA,OAAS,OAAAtO,GAAK,MAAAC,GAAI,QAAAE,OAAY,sBAexB,OAKE,OAAAM,GALF,QAAAQ,OAAA,oBAHC,IAAM6T,GAA6ClU,GAEtDH,GAACE,EAAA,CAAgB,eAAgBC,EAAM,eACrC,SAAAK,GAACjB,GAAA,CACC,GAAG,wBACH,UAAWC,GAAG,oBAAqBW,EAAM,SAAS,EAClD,EAAG,EAEH,UAAAH,GAACN,GAAA,CAAK,KAAK,MAAM,OAAO,WAAW,mBAEnC,EAEAM,GAACuG,GAAA,EAAoB,EAErBvG,GAAC2O,GAAA,EAAsB,GACzB,EACF","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\";\n\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\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={<Text.gradient color=\"brand\">New listings</Text.gradient>}\n          className={cls}\n          onSymbol={onSymbol}\n        />\n        <CardItem\n          data={gainers}\n          title={<Text className=\"oui-text-success-light\">Top gainers</Text>}\n          className={cls}\n          onSymbol={onSymbol}\n        />\n        <CardItem\n          data={losers}\n          title={<Text className=\"oui-text-danger-light\">Top losers</Text>}\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\n  const list = useMemo(() => {\n    return [\n      {\n        label: (\n          <Flex gapX={1}>\n            <OrderlyIcon /> 24h volume\n          </Flex>\n        ),\n        value: total24Amount,\n      },\n      {\n        label: \"Open interest\",\n        value: totalOpenInterest,\n      },\n      {\n        label: \"Assets (TVL)\",\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 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 fill=\"#D9D9D9\" 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 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 AddIcon2: 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=\"#59B0FE\" />\n        <stop offset=\"1\" stopColor=\"#26FEFE\" />\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) {\n      const { total_holding = 0, total_unsettled_balance = 0 } = balance as any;\n      return new Decimal(total_holding)\n        .plus(total_unsettled_balance)\n        .toNumber();\n    }\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(list: any[], searchValue = \"\") {\n  const reg = new RegExp(searchValue, \"i\");\n  return list?.filter((item) => reg.test(item.symbol));\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\";\n\nexport type MarketsDataListProps = UseMarketsDataListScript;\n\nexport const MarketsDataList: React.FC<MarketsDataListProps> = (props) => {\n  const { activeTab, onTabChange } = props;\n\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder=\"Search market\"\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=\"Favorites\"\n          icon={<FavoritesIcon />}\n          value=\"favorites\"\n          testid=\"oui-testid-markets-favorites-tab\"\n        >\n          <FavoritesListFullWidget />\n        </TabPanel>\n        <TabPanel\n          title=\"All markets\"\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=\"New listings\"\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, TableView } 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    meta,\n    setPage,\n    setPageSize,\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    <TableView\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      manualPagination\n      manualSorting\n    />\n  );\n\n  // return (\n  //   <DataTable\n  //     bordered\n  //     classNames={{\n  //       header: \"oui-text-base-contrast-36\",\n  //       body: \"oui-text-base-contrast-80\",\n  //     }}\n  //     minHeight={275.5}\n  //     columns={columns}\n  //     loading={loading}\n  //     dataSource={dataSource}\n  //     onRow={(record, index) => {\n  //       return {\n  //         className: cn(\"oui-h-[55px] oui-border-line-4 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  //     onSort={onSort}\n  //     initialSort={initialSort}\n  //   >\n  //     <Pagination\n  //       {...meta}\n  //       onPageChange={setPage}\n  //       onPageSizeChange={setPageSize}\n  //     />\n  //   </DataTable>\n  // );\n};\n","import { MouseEventHandler, useMemo } from \"react\";\nimport { Flex, Text, Box, Tooltip, TableColumn } 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 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: \"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: \"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: \"24h change\",\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 /> 24h volume\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: \"Open interest\",\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: \"8h funding\",\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 content=\"Move to top\" align=\"center\" delayDuration={0}>\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 TableColumn[];\n  }, [favorite, isFavoriteList]);\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\";\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 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              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\">List name cannot exceed 15 characters</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            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        <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              Add a new watchlist\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        Select lists for\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        Cancel\n      </Button>\n\n      <Button\n        key=\"primary\"\n        onClick={confirm}\n        fullWidth\n        className=\"oui-text-sm\"\n        size=\"md\"\n      >\n        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 { PaginationMeta, usePagination } from \"@orderly.network/ui\";\nimport { MarketsListFullWidgetProps } from \"./widget\";\nimport { getPagedData, 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 { page, pageSize, setPage, setPageSize, parseMeta } = 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 { totalData, pagedData } = useMemo(() => {\n    const list = getSortedList(data);\n    const totalData = searchBySymbol(list, searchValue);\n    return {\n      totalData,\n      pagedData: getPagedData(totalData, pageSize, page),\n    };\n  }, [data, pageSize, page, getSortedList, searchValue]);\n\n  const meta = useMemo(() => {\n    return parseMeta({\n      total: totalData?.length,\n      current_page: page,\n      records_per_page: pageSize,\n    });\n  }, [data, page, pageSize, totalData]);\n\n  useEffect(() => {\n    setLoading(false);\n  }, [data]);\n\n  useEffect(() => {\n    // reset page when size change and search data\n    setPage(1);\n  }, [pageSize, 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  const pagination = useMemo(\n    () =>\n      ({\n        ...meta,\n        onPageChange: setPage,\n        onPageSizeChange: setPageSize,\n      } as PaginationMeta),\n    [meta, setPage, setPageSize]\n  );\n\n  return {\n    loading,\n    dataSource: pagedData,\n    meta,\n    setPage,\n    setPageSize,\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, Text, TableView } 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\";\n\nexport type FavoritesListFullProps = UseFavoritesListFullReturn;\n\nexport const FavoritesListFull: FC<FavoritesListFullProps> = (props) => {\n  const {\n    dataSource,\n    meta,\n    setPage,\n    setPageSize,\n    favorite,\n    onSort,\n    loading,\n    pagination,\n  } = props;\n\n  const { symbol, onSymbolChange } = useMarketsContext();\n\n  const columns = useFavoritesListFullColumns(favorite, true);\n\n  const emptyView = (\n    <Flex>\n      <Text size=\"xs\" intensity={36}>\n        Click on the\n      </Text>\n      <UnFavoritesIcon className=\"oui-text-base-contrast-36\" />\n      <Text size=\"xs\" intensity={36}>\n        icon next to a market to add it to your list.\n      </Text>\n    </Flex>\n  );\n\n  return (\n    <div>\n      <FavoritesTabWidget favorite={favorite} className=\"oui-my-3\" />\n\n      <TableView\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        manualPagination\n        manualSorting\n      />\n\n      {/* <DataTable\n        bordered\n        classNames={{\n          header: \"oui-text-base-contrast-36\",\n          body: \"oui-text-base-contrast-80\",\n        }}\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(\n              \"group\",\n              \"oui-h-[55px] oui-border-line-4 oui-cursor-pointer\"\n            ),\n            onClick: () => {\n              onSymbolChange?.(record);\n              favorite.addToHistory(record);\n            },\n          };\n        }}\n        generatedRowKey={(record) => record.symbol}\n        onSort={onSort}\n      >\n        <Pagination\n          {...meta}\n          onPageChange={setPage}\n          onPageSizeChange={setPageSize}\n        />\n      </DataTable> */}\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, AddIcon2, EditIcon, TrashIcon } from \"../../icons\";\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 { 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 onDel = (item: any) => {\n    modal.confirm({\n      title: \"Delete list\",\n      content: (\n        <Text size=\"sm\">{`Are you sure you want to delete ${item.name}?`}</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\n            ? \"oui-bg-base-3\"\n            : \"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]\"\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-36 oui-w-3 oui-h-3\" />\n        ) : (\n          <AddIcon2 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 &&\n                cn(\n                  overLen\n                    ? \"oui-bg-danger/15\"\n                    : \"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]\"\n                )\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            ? \"oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.12)_0%,rgba(38,254,254,0.12)_100%)]\"\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 { PaginationMeta, usePagination } from \"@orderly.network/ui\";\nimport { getPagedData, searchBySymbol, useSort } from \"../../utils\";\nimport { useMarketsContext } from \"../../components/marketsProvider\";\n\nexport type UseFavoritesListFullReturn = ReturnType<\n  typeof useFavoritesListFullScript\n>;\n\nexport const useFavoritesListFullScript = () => {\n  const { page, pageSize, setPage, setPageSize, parseMeta } = 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);\n  }, [data, selectedFavoriteTab, favorites, searchValue]);\n\n  const { totalData, pagedData } = useMemo(() => {\n    const totalData = getSortedList(filterData);\n    return {\n      totalData,\n      pagedData: getPagedData(totalData, pageSize, page),\n    };\n  }, [filterData, pageSize, page, getSortedList]);\n\n  const meta = useMemo(() => {\n    return parseMeta({\n      total: totalData?.length,\n      current_page: page,\n      records_per_page: pageSize,\n    });\n  }, [data, page, pageSize, totalData]);\n\n  useEffect(() => {\n    setLoading(false);\n  }, [favorites]);\n\n  useEffect(() => {\n    // reset page when size change and search data\n    setPage(1);\n  }, [pageSize, searchValue]);\n\n  const pagination = useMemo(\n    () =>\n      ({\n        ...meta,\n        onPageChange: setPage,\n        onPageSizeChange: setPageSize,\n      } as PaginationMeta),\n    [meta, setPage, setPageSize]\n  );\n\n  return {\n    loading,\n    dataSource: pagedData,\n    meta,\n    setPage,\n    setPageSize,\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\";\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 search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder=\"Search\"\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: \"oui-my-[6px] oui-px-3\",\n          tabsContent: \"oui-h-full\",\n        }}\n        className={cls}\n      >\n        <TabPanel title=\"Favorites\" icon={<FavoritesIcon />} value=\"favorites\">\n          <div className={cls}>\n            <FavoritesListWidget\n              tableClassNames={{\n                scroll: \"oui-px-1\",\n              }}\n            />\n          </div>\n        </TabPanel>\n        <TabPanel title=\"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=\"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      </Tabs>\n    </Box>\n  );\n};\n","import { FC, useMemo } from \"react\";\nimport { Box, cn, TableView } from \"@orderly.network/ui\";\nimport { UseFavoritesListReturn } from \"./favoritesList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { FavoritesTabWidget } from \"../favoritesTabs\";\nimport { getSideMarketsColumns } 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 columns = useMemo(() => {\n    return typeof getColumns === \"function\"\n      ? getColumns(favorite, true)\n      : getSideMarketsColumns(favorite, true);\n  }, [favorite]);\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      <TableView\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      {/* <DataTable\n        classNames={{\n          body: \"oui-pb-[53px]\",\n        }}\n        columns={columns}\n        dataSource={dataSource}\n        loading={loading}\n        onRow={(record, index) => {\n          return {\n            className: cn(\"oui-h-[53px]\"),\n            onClick: () => {\n              onSymbolChange?.(record);\n              favorite.addToHistory(record);\n            },\n          };\n        }}\n        generatedRowKey={(record) => record.symbol}\n        onSort={onSort}\n      /> */}\n    </>\n  );\n};\n","import { MouseEventHandler, ReactNode } from \"react\";\nimport {\n  Flex,\n  TokenIcon,\n  Text,\n  Badge,\n  cn,\n  TableColumn,\n} 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 getSideMarketsColumns = (\n  favorite: FavoriteInstance,\n  isFavoriteList = false\n) => {\n  return [\n    {\n      title: \"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=\"primaryLight\">\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: \"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 TableColumn[];\n};\n","import { 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\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                  Price\n                </Text>\n                <Text size=\"2xs\" intensity={36}>\n                  24h change\n                </Text>\n              </Flex>\n\n              <Flex direction=\"column\" itemAlign=\"end\" gapY={1}>\n                <Badge size=\"xs\" color=\"primaryLight\">\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);\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 { TableViewClassNames } from \"@orderly.network/ui\";\n\nexport type FavoritesListWidgetProps = {\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: TableViewClassNames;\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, useMemo } from \"react\";\nimport { cn, TableView, TableViewClassNames } from \"@orderly.network/ui\";\nimport { type UseMarketsListReturn } from \"./marketsList.script\";\nimport { GetColumns, TInitialSort } from \"../../type\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { getSideMarketsColumns } from \"../sideMarkets/column\";\nimport { CollapseMarkets } from \"../collapseMarkets\";\n\nexport type MarketsListProps = UseMarketsListReturn & {\n  initialSort: TInitialSort;\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: TableViewClassNames;\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 columns = useMemo(() => {\n    return typeof getColumns === \"function\"\n      ? getColumns(favorite, false)\n      : getSideMarketsColumns(favorite, false);\n  }, [favorite]);\n\n  if (collapsed) {\n    return <CollapseMarkets dataSource={dataSource} />;\n  }\n\n  return (\n    <TableView\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  // return (\n  //   <DataTable\n  //     classNames={{\n  //       body: \"oui-pb-[53px]\",\n  //     }}\n  //     columns={columns}\n  //     loading={loading}\n  //     dataSource={dataSource}\n  //     onRow={(record, index) => {\n  //       return {\n  //         className: cn(\"group\", \"oui-h-[53px]\"),\n  //         onClick: () => {\n  //           onSymbolChange?.(record);\n  //           favorite.addToHistory(record);\n  //         },\n  //       };\n  //     }}\n  //     generatedRowKey={(record) => record.symbol}\n  //     onSort={onSort}\n  //     initialSort={initialSort}\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);\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, TableViewClassNames } 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?: TableViewClassNames;\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, useMemo } from \"react\";\nimport { cn, TableView } from \"@orderly.network/ui\";\nimport { UseRecentListReturn } from \"./recentList.script\";\nimport { useMarketsContext } from \"../marketsProvider\";\nimport { getSideMarketsColumns } 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 columns = useMemo(() => {\n    return typeof getColumns === \"function\"\n      ? getColumns(favorite, false)\n      : getSideMarketsColumns(favorite, false);\n  }, [favorite]);\n\n  if (collapsed) {\n    return <CollapseMarkets dataSource={dataSource} />;\n  }\n\n  return (\n    <TableView\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  // return (\n  //   <DataTable\n  //     classNames={{\n  //       body: \"oui-pb-[53px]\",\n  //     }}\n  //     columns={columns}\n  //     dataSource={dataSource}\n  //     loading={loading}\n  //     onRow={(record, index) => {\n  //       return {\n  //         className: cn(\"group\", \"oui-h-[53px]\"),\n  //         onClick: () => {\n  //           onSymbolChange?.(record);\n  //           favorite.addToHistory(record);\n  //         },\n  //       };\n  //     }}\n  //     generatedRowKey={(record) => record.symbol}\n  //     onSort={onSort}\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);\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 { TableViewClassNames } from \"@orderly.network/ui\";\n\nexport type RecentListWidgetProps = {\n  getColumns?: GetColumns;\n  collapsed?: boolean;\n  tableClassNames?: TableViewClassNames;\n  rowClassName?: string;\n};\n\nexport const RecentListWidget: React.FC<RecentListWidgetProps> = (props) => {\n  const state = useRecentListScript();\n  return <RecentList {...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 } 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 { useMarketsContext } from \"../marketsProvider\";\n\nexport type SideMarketsProps = UseSideMarketsScriptReturn & {\n  className?: string;\n};\n\nexport const SideMarkets: React.FC<SideMarketsProps> = (props) => {\n  const { collapsed, onCollapse, activeTab, onTabChange, className } = 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    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      className={cn(\"oui-font-semibold\", className)}\n      direction=\"column\"\n      gapY={5}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <SideMarketsHeader collapsed={collapsed} onCollapse={onCollapse} />\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 { collapsed, onCollapse } = props;\n\n  if (collapsed) {\n    return (\n      <ExpandIcon\n        className=\"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer\"\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        Markets\n      </Text>\n      <CollapseIcon\n        className=\"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer\"\n        onClick={() => {\n          onCollapse?.(true);\n        }}\n      />\n    </Flex>\n  );\n};\n","import { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport type UseSideMarketsScriptOptions = {\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  useEffect(() => {\n    setCollapsed(options?.collapsed);\n  }, [options?.collapsed]);\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  return { collapsed, onCollapse, activeTab, onTabChange: setActiveTab };\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<Pick<SideMarketsProps, \"collapsed\" | \"onCollapse\" | \"className\">>;\n\nexport const SideMarketsWidget: React.FC<SideMarketsWidgetProps> = (props) => {\n  const state = useSideMarketsScript({\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 { UseDropDownMarketsScriptReturn } from \"./dropDownMarkets.script\";\nimport { getDropDownMarketsColumns } from \"./column\";\n\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 search = (\n    <Flex mx={3} gapX={3} pt={3} pb={2}>\n      <Input\n        value={searchValue}\n        onValueChange={onSearchValueChange}\n        placeholder=\"Search\"\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 title=\"Favorites\" icon={<FavoritesIcon />} value=\"favorites\">\n          <div className={cls}>\n            <FavoritesListWidget\n              getColumns={getDropDownMarketsColumns}\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=\"Recent\" value=\"recent\">\n          <div className={cls}>\n            <RecentListWidget\n              getColumns={getDropDownMarketsColumns}\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=\"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={getDropDownMarketsColumns}\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 } from \"react\";\nimport {\n  Flex,\n  TokenIcon,\n  Text,\n  Badge,\n  cn,\n  TableColumn,\n} 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 getDropDownMarketsColumns = (\n  favorite: FavoriteInstance,\n  isFavoriteList = false\n) => {\n  return [\n    {\n      title: \"Instrument\",\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 symbol={value} className=\"oui-w-[18px] oui-h-[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=\"primaryLight\">\n              {record.leverage}x\n            </Badge>\n          </Flex>\n        );\n      },\n    },\n    {\n      title: \"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: \"24h%\",\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: \"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-[rgba(51,71,253,1)] 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 TableColumn[];\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\";\n\nexport type MarketsSheetProps = UseMarketsSheetScriptReturn & {\n  className?: string;\n};\n\nexport const MarketsSheet: React.FC<MarketsSheetProps> = (props) => {\n  const { className, tabSort, onTabSort } = props;\n\n  const { searchValue, onSearchValueChange, clearSearchValue } =\n    useMarketsContext();\n\n  const search = (\n    <Input\n      value={searchValue}\n      onValueChange={onSearchValueChange}\n      placeholder=\"Search\"\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          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 {\n  Flex,\n  TokenIcon,\n  Text,\n  Badge,\n  cn,\n  TableColumn,\n} 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: \"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=\"primaryLight\">\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: \"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-[rgba(51,71,253,1)] 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 TableColumn[];\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 { UseTokenInfoBarScriptReturn } from \"./tokenInfoBar.script\";\nimport { TriangleDownIcon } from \"../../icons\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { MarketsProviderProps } from \"../marketsProvider\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type TokenInfoBarProps = Pick<MarketsProviderProps, \"onSymbolChange\"> &\n  UseTokenInfoBarScriptReturn & {\n    className?: string;\n    trailing?: ReactNode;\n    onSymbol?: () => void;\n  };\n\nexport const TokenInfoBar: FC<TokenInfoBarProps> = (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 className={cn(\"oui-font-semibold oui-h-full\", props.className)}>\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=\"primaryLight\">\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 UseTokenInfoBarScriptOptions = {\n  symbol: string;\n};\n\nexport type UseTokenInfoBarScriptReturn = ReturnType<\n  typeof useTokenInfoBarScript\n>;\n\nexport function useTokenInfoBarScript(options: UseTokenInfoBarScriptOptions) {\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  useTokenInfoBarScript,\n  UseTokenInfoBarScriptOptions,\n} from \"./tokenInfoBar.script\";\nimport { TokenInfoBar, TokenInfoBarProps } from \"./tokenInfoBar.ui\";\n\nexport type TokenInfoBarWidgetPros = UseTokenInfoBarScriptOptions &\n  Pick<TokenInfoBarProps, \"className\" | \"trailing\" | \"onSymbol\">;\n\nexport const TokenInfoBarWidget: React.FC<TokenInfoBarWidgetPros> = (props) => {\n  const { symbol, ...rest } = props;\n\n  const state = useTokenInfoBarScript({ symbol });\n  return <TokenInfoBar {...state} {...rest} />;\n};\n","import {\n  TokenIcon,\n  Flex,\n  Text,\n  cn,\n  Divider,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { UseTokenInfoBarFullScriptReturn } from \"./tokenInfoBarFull.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\";\n\nexport type Layout = \"left\" | \"right\";\n\nexport type TokenInfoBarFullProps = Pick<\n  MarketsProviderProps,\n  \"onSymbolChange\"\n> &\n  UseTokenInfoBarFullScriptReturn & {\n    className?: string;\n    trailing?: ReactNode;\n  };\n\nexport const TokenInfoBarFull: React.FC<TokenInfoBarFullProps> = (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 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 dp={quotoDp || 2} currency=\"$\" size=\"sm\" intensity={98}>\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(\"oui-font-semibold oui-h-[54px]\", props.className)}\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 label=\"24h Change\" value={change} />\n              </div>\n              <DataItem\n                label=\"Mark\"\n                value={\n                  <Text.numeral dp={quotoDp}>\n                    {data?.[\"mark_price\"]}\n                  </Text.numeral>\n                }\n                hint=\"Price for the computation of unrealized PnL and liquidation.\"\n              />\n              <DataItem\n                label=\"Index\"\n                value={\n                  <Text.numeral dp={quotoDp}>\n                    {data?.[\"index_price\"]}\n                  </Text.numeral>\n                }\n                hint=\"Average of the last prices across other exchanges.\"\n              />\n              <DataItem\n                label=\"24h volume\"\n                value={\n                  <Text.numeral rule=\"human\" dp={2}>\n                    {data?.[\"24h_amount\"]}\n                  </Text.numeral>\n                }\n                hint=\"24 hour total trading volume on the Orderly Network.\"\n              />\n              <DataItem\n                label=\"Pred. funding rate\"\n                value={<FundingRate symbol={symbol} />}\n                hint=\"Funding rates are payments between traders who are long and short. When positive, long positions pay short positions funding. When negative, short positions pay long positions.\"\n              />\n              <div ref={tailingElementRef}>\n                <DataItem\n                  label=\"Open interest\"\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=\"Total size of positions per side.\"\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-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=\"oui-leading-[20px] oui-break-normal oui-whitespace-nowrap\"\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 className=\"\">\n      <Text.numeral unit=\"%\" dp={4} className=\"oui-text-[#FF9A2E]\">\n        {data.est_funding_rate!}\n      </Text.numeral>\n      <Text\n        intensity={36}\n        className=\"oui-tabular-nums\"\n      >{` in ${data.countDown}`}</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 UseTokenInfoBarFullScriptOptions = {\n  symbol: string;\n};\n\nexport type UseTokenInfoBarFullScriptReturn = ReturnType<\n  typeof useTokenInfoBarFullScript\n>;\n\nexport function useTokenInfoBarFullScript(\n  options: UseTokenInfoBarFullScriptOptions\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  useTokenInfoBarFullScript,\n  UseTokenInfoBarFullScriptOptions,\n} from \"./tokenInfoBarFull.script\";\nimport { TokenInfoBarFull, TokenInfoBarFullProps } from \"./tokenInfoBarFull.ui\";\n\nexport type TokenInfoBarFullWidgetPros = UseTokenInfoBarFullScriptOptions &\n  Pick<TokenInfoBarFullProps, \"className\" | \"trailing\"> &\n  Pick<MarketsProviderProps, \"onSymbolChange\">;\n\nexport const TokenInfoBarFullWidget: FC<TokenInfoBarFullWidgetPros> = (\n  props\n) => {\n  const { symbol, ...rest } = props;\n\n  const state = useTokenInfoBarFullScript({ symbol });\n  return <TokenInfoBarFull {...state} {...rest} />;\n};\n","import { FC } from \"react\";\nimport { Box, cn, Text } from \"@orderly.network/ui\";\nimport { MarketsDataListWidget } from \"./dataList\";\nimport { MarketsHeaderWidget } from \"./header/widget\";\nimport {\n  MarketsProvider,\n  MarketsProviderProps,\n} from \"../../components/marketsProvider\";\n\nexport type MarketsHomePageProps = MarketsProviderProps & {\n  className?: string;\n};\n\nexport const MarketsHomePage: FC<MarketsHomePageProps> = (props) => {\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        <Text size=\"2xl\" weight=\"semibold\">\n          Markets\n        </Text>\n\n        <MarketsHeaderWidget />\n\n        <MarketsDataListWidget />\n      </Box>\n    </MarketsProvider>\n  );\n};\n"]}