@velora-dex/widget 0.6.1-dev.1 → 0.6.1-dev.2

package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js

@@ -1,666 +1,244 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { RegularTokenList } from './TokenListBody/RegularTokenList.js';
-import { AcrossTokenLists } from './TokenListBody/AcrossTokenList.js';
-import { TokenSearch } from './TokenSearch.js';
-import { useDeferredInputState } from '../../../../hooks/useDebouncedInputState.js';
-import { useState, useEffect } from 'react';
-import { useChainId } from 'wagmi';
-import { useSwapChainTo, useLimitChainTo, useTwapChainTo } from '../../../../core/state/chainToAtom.js';
-import { TokenCloud } from './TokenListBody/TokenCloud/index.js';
-import { useTradeMode } from '../../../../core/state/tradeModeAtom.js';
-import { cn, assertProp } from '../../../../lib/utils/index.js';
-import { useEnabledSrcChains } from '../../../../core/state/enabledChainsAtom.js';
-import { useSelectableDestChains } from '../../../../hooks/useSelectableDestChains.js';
-import { GenericScreen, GenericScreenHeader } from '../../Screen/GenericScreen.js';
-import { useImportTokenDrawer } from '../../ImportToken/useImportTokenDrawer.js';
-import { useBreakpoints } from '../../../../hooks/useBreakpoints.js';
-import { NetworkSwitcherList } from '../../NetworkSwitcher/NetworkSwitcherList.js';
-
-const headerClasses = {
-  root: "px-4 pt-5 pb-4",
-  title: "text-[16px]"
-};
-const SelectTokenScreen = (t0) => {
-  const $ = distExports.c(16);
-  let drawerContainer;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      drawerContainer,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = drawerContainer;
-    $[2] = props;
-  } else {
-    drawerContainer = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== drawerContainer || $[4] !== props.onClose || $[5] !== props.tokenType) {
-    t1 = {
-      drawerContainer,
-      tokenType: props.tokenType,
-      onImported: props.onClose
-    };
-    $[3] = drawerContainer;
-    $[4] = props.onClose;
-    $[5] = props.tokenType;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const {
-    onOpenImportTokenDrawer,
-    importTokenDrawer
-  } = useImportTokenDrawer(t1);
-  let t2;
-  if ($[7] !== props.onClose) {
-    t2 = {
-      title: "Select Token",
-      showBackButton: true,
-      onGoBack: props.onClose,
-      classes: headerClasses
-    };
-    $[7] = props.onClose;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const headerProps = t2;
-  let t3;
-  if ($[9] !== headerProps || $[10] !== onOpenImportTokenDrawer || $[11] !== props) {
-    t3 = /* @__PURE__ */ jsx(SelectTokenContent, { ...props, headerProps, onSelectImportToken: onOpenImportTokenDrawer });
-    $[9] = headerProps;
-    $[10] = onOpenImportTokenDrawer;
-    $[11] = props;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  let t4;
-  if ($[13] !== importTokenDrawer || $[14] !== t3) {
-    t4 = /* @__PURE__ */ jsxs(GenericScreen, { children: [
-      t3,
-      importTokenDrawer
-    ] });
-    $[13] = importTokenDrawer;
-    $[14] = t3;
-    $[15] = t4;
-  } else {
-    t4 = $[15];
-  }
-  return t4;
-};
-const SelectTokenContent = (t0) => {
-  const $ = distExports.c(6);
-  let tokenContentProps;
-  let tokenType;
-  if ($[0] !== t0) {
-    ({
-      tokenType,
-      ...tokenContentProps
-    } = t0);
-    $[0] = t0;
-    $[1] = tokenContentProps;
-    $[2] = tokenType;
-  } else {
-    tokenContentProps = $[1];
-    tokenType = $[2];
-  }
-  const SelectTokenContentComp = tokenType === "from" ? SelectTokenFromContent : SelectTokenToContent;
-  let t1;
-  if ($[3] !== SelectTokenContentComp || $[4] !== tokenContentProps) {
-    t1 = /* @__PURE__ */ jsx(SelectTokenContentComp, { ...tokenContentProps });
-    $[3] = SelectTokenContentComp;
-    $[4] = tokenContentProps;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  return t1;
-};
-const networkSwitcherListClasses = {
-  root: "rounded-r-xxl"
-};
-const SelectTokenFromContent = (t0) => {
-  const $ = distExports.c(45);
-  const {
-    onClose,
-    onSelect: _onSelect,
-    onSelectImportToken,
-    selectableChains: _selectableChains,
-    headerProps
-  } = t0;
-  const appChainId = useChainId();
-  const [selectedChainId, setSelectedChainId] = useState(appChainId);
-  const enabledSrcChains = useEnabledSrcChains();
-  const selectableChains = _selectableChains ?? enabledSrcChains;
-  const hasMultipleChains = selectableChains.length > 1;
-  const {
-    isOverMd
-  } = useBreakpoints();
-  const showNetworksSidebar = isOverMd && hasMultipleChains;
-  let t1;
-  let t2;
-  if ($[0] !== appChainId) {
-    t1 = () => {
-      setSelectedChainId(appChainId);
-    };
-    t2 = [appChainId];
-    $[0] = appChainId;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  useEffect(t1, t2);
-  const {
-    effectiveInputValue,
-    inputValue,
-    handleInputValueChange,
-    clearInputValue
-  } = useDeferredInputState();
-  let t3;
-  if ($[3] !== _onSelect || $[4] !== onClose) {
-    t3 = (token) => {
-      onClose?.();
-      _onSelect?.(token);
-    };
-    $[3] = _onSelect;
-    $[4] = onClose;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const onSelect = t3;
-  let t4;
-  if ($[6] !== onSelect || $[7] !== onSelectImportToken) {
-    t4 = (token_0) => {
-      if (token_0.fetchedOnChain) {
-        assertProp(token_0, "symbol");
-        onSelectImportToken({
-          token: token_0,
-          onConfirmAction: "set-token-from"
-        });
-      } else {
-        onSelect(token_0);
-      }
-    };
-    $[6] = onSelect;
-    $[7] = onSelectImportToken;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const onSelectToken = t4;
-  let t5;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = (chainId) => chainId !== "all" && setSelectedChainId(chainId);
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  const t6 = !showNetworksSidebar;
-  let t7;
-  if ($[10] !== selectableChains || $[11] !== selectedChainId || $[12] !== t6) {
-    t7 = {
-      onSelect: t5,
-      selectedNetwork: selectedChainId,
-      networks: selectableChains,
-      showCheckIcon: t6
-    };
-    $[10] = selectableChains;
-    $[11] = selectedChainId;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  const networkSwitcherProps = t7;
-  let t8;
-  if ($[14] !== networkSwitcherProps || $[15] !== showNetworksSidebar) {
-    t8 = showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      classes: networkSwitcherListClasses
-    } : void 0;
-    $[14] = networkSwitcherProps;
-    $[15] = showNetworksSidebar;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  let t9;
-  if ($[17] !== hasMultipleChains || $[18] !== networkSwitcherProps || $[19] !== showNetworksSidebar) {
-    t9 = !showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      dropdownProps: {
-        align: "end"
-      },
-      disabled: !hasMultipleChains
-    } : void 0;
-    $[17] = hasMultipleChains;
-    $[18] = networkSwitcherProps;
-    $[19] = showNetworksSidebar;
-    $[20] = t9;
-  } else {
-    t9 = $[20];
-  }
-  let t10;
-  if ($[21] !== showNetworksSidebar) {
-    t10 = cn({
-      "pr-[42px] h-[40px] dark:bg-contrast-2": showNetworksSidebar
-    });
-    $[21] = showNetworksSidebar;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  let t11;
-  if ($[23] !== t10) {
-    t11 = {
-      input: t10
-    };
-    $[23] = t10;
-    $[24] = t11;
-  } else {
-    t11 = $[24];
-  }
-  let t12;
-  if ($[25] !== clearInputValue || $[26] !== handleInputValueChange || $[27] !== inputValue || $[28] !== t11 || $[29] !== t9) {
-    t12 = /* @__PURE__ */ jsx(TokenSearch, { value: inputValue, onChange: handleInputValueChange, clearSearch: clearInputValue, compactNetworkSwitcherProps: t9, classes: t11 });
-    $[25] = clearInputValue;
-    $[26] = handleInputValueChange;
-    $[27] = inputValue;
-    $[28] = t11;
-    $[29] = t9;
-    $[30] = t12;
-  } else {
-    t12 = $[30];
-  }
-  let t13;
-  if ($[31] !== onSelect || $[32] !== selectedChainId) {
-    t13 = /* @__PURE__ */ jsx(TokenCloud, { onSelectToken: onSelect, forcedChainId: selectedChainId, showNetworkIcon: true });
-    $[31] = onSelect;
-    $[32] = selectedChainId;
-    $[33] = t13;
-  } else {
-    t13 = $[33];
-  }
-  let t14;
-  if ($[34] !== effectiveInputValue || $[35] !== onSelectToken || $[36] !== selectedChainId) {
-    t14 = /* @__PURE__ */ jsx(RegularTokenList, { tokenFilter: effectiveInputValue, onSelectToken, forcedChainId: selectedChainId, className: "flex-1" });
-    $[34] = effectiveInputValue;
-    $[35] = onSelectToken;
-    $[36] = selectedChainId;
-    $[37] = t14;
-  } else {
-    t14 = $[37];
-  }
-  let t15;
-  if ($[38] !== headerProps || $[39] !== showNetworksSidebar || $[40] !== t12 || $[41] !== t13 || $[42] !== t14 || $[43] !== t8) {
-    t15 = /* @__PURE__ */ jsxs(SelectTokenLayout, { showNetworksSidebar, headerProps, networkSwitcherListProps: t8, children: [
-      t12,
-      t13,
-      t14
-    ] });
-    $[38] = headerProps;
-    $[39] = showNetworksSidebar;
-    $[40] = t12;
-    $[41] = t13;
-    $[42] = t14;
-    $[43] = t8;
-    $[44] = t15;
-  } else {
-    t15 = $[44];
-  }
-  return t15;
-};
-const SelectTokenToContent = (t0) => {
-  const $ = distExports.c(58);
-  const {
-    onClose,
-    onSelect: _onSelect,
-    onSelectImportToken,
-    selectableChains: _selectableChains,
-    headerProps
-  } = t0;
-  const tradeMode = useTradeMode();
-  const isSwap = tradeMode === "swap";
-  const isLimit = tradeMode === "limit";
-  const isOTC = tradeMode === "otc";
-  const isTwap = tradeMode === "twap";
-  let acrossMode;
-  if (isLimit) {
-    acrossMode = "limit";
-  } else {
-    if (isTwap) {
-      acrossMode = "twap";
-    } else {
-      acrossMode = "swap";
-    }
-  }
-  const modeSupportsCrosschain = isSwap || isLimit || isTwap;
-  const includeNativeTokenInList = !isOTC;
-  const appChainId = useChainId();
-  const swapChainTo = useSwapChainTo();
-  const limitChainTo = useLimitChainTo();
-  const twapChainTo = useTwapChainTo();
-  let initialChainId = appChainId;
-  if (isSwap && swapChainTo) {
-    initialChainId = swapChainTo;
-  } else {
-    if (isLimit && limitChainTo) {
-      initialChainId = limitChainTo;
-    } else {
-      if (isTwap && twapChainTo) {
-        initialChainId = twapChainTo;
-      }
-    }
-  }
-  const [selectedChainId, setSelectedChainId] = useState(initialChainId);
-  let t1;
-  if ($[0] !== acrossMode || $[1] !== appChainId) {
-    t1 = {
-      fromChainId: appChainId,
-      mode: acrossMode
-    };
-    $[0] = acrossMode;
-    $[1] = appChainId;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const enabledDestChains = useSelectableDestChains(t1).selectableChains;
-  const selectableChains = _selectableChains ?? enabledDestChains;
-  const hasMultipleChains = selectableChains.length > 1;
-  const {
-    isOverMd
-  } = useBreakpoints();
-  const chainSwitchingDisabled = !modeSupportsCrosschain || !hasMultipleChains;
-  const showNetworksSidebar = isOverMd && !chainSwitchingDisabled;
-  const isChainSelectable = (chainId) => selectableChains?.includes(chainId) ?? false;
-  let t2;
-  if ($[3] !== appChainId || $[4] !== isChainSelectable || $[5] !== selectableChains[0] || $[6] !== selectedChainId) {
-    t2 = isChainSelectable(selectedChainId) ? selectedChainId : isChainSelectable(appChainId) ? appChainId : selectableChains[0];
-    $[3] = appChainId;
-    $[4] = isChainSelectable;
-    $[5] = selectableChains[0];
-    $[6] = selectedChainId;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const chainToSet = t2;
-  const shouldSetChainId = chainToSet !== selectedChainId;
-  let t3;
-  let t4;
-  if ($[8] !== chainToSet || $[9] !== onClose || $[10] !== shouldSetChainId) {
-    t3 = () => {
-      if (!shouldSetChainId) {
-        return;
-      }
-      if (chainToSet) {
-        setSelectedChainId(chainToSet);
-      } else {
-        onClose?.();
-      }
-    };
-    t4 = [chainToSet, onClose, shouldSetChainId];
-    $[8] = chainToSet;
-    $[9] = onClose;
-    $[10] = shouldSetChainId;
-    $[11] = t3;
-    $[12] = t4;
-  } else {
-    t3 = $[11];
-    t4 = $[12];
-  }
-  useEffect(t3, t4);
-  const {
-    effectiveInputValue,
-    inputValue,
-    handleInputValueChange,
-    clearInputValue
-  } = useDeferredInputState();
-  let t5;
-  if ($[13] !== _onSelect || $[14] !== onClose) {
-    t5 = (token) => {
-      onClose?.();
-      _onSelect?.(token);
-    };
-    $[13] = _onSelect;
-    $[14] = onClose;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  const onSelect = t5;
-  const isCrossChain = selectedChainId !== appChainId;
-  let t6;
-  if ($[16] !== onSelect || $[17] !== onSelectImportToken) {
-    t6 = (token_0) => {
-      if (token_0.fetchedOnChain) {
-        assertProp(token_0, "symbol");
-        onSelectImportToken({
-          token: token_0,
-          onConfirmAction: "set-token-to"
-        });
-      } else {
-        onSelect(token_0);
-      }
-    };
-    $[16] = onSelect;
-    $[17] = onSelectImportToken;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  const onSelectToken = t6;
-  let t7;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = (chainId_0) => chainId_0 !== "all" && setSelectedChainId(chainId_0);
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  const t8 = !showNetworksSidebar;
-  let t9;
-  if ($[20] !== selectableChains || $[21] !== selectedChainId || $[22] !== t8) {
-    t9 = {
-      onSelect: t7,
-      selectedNetwork: selectedChainId,
-      networks: selectableChains,
-      showCheckIcon: t8
-    };
-    $[20] = selectableChains;
-    $[21] = selectedChainId;
-    $[22] = t8;
-    $[23] = t9;
-  } else {
-    t9 = $[23];
-  }
-  const networkSwitcherProps = t9;
-  let t10;
-  if ($[24] !== networkSwitcherProps || $[25] !== showNetworksSidebar) {
-    t10 = showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      classes: networkSwitcherListClasses
-    } : void 0;
-    $[24] = networkSwitcherProps;
-    $[25] = showNetworksSidebar;
-    $[26] = t10;
-  } else {
-    t10 = $[26];
-  }
-  let t11;
-  if ($[27] !== chainSwitchingDisabled || $[28] !== networkSwitcherProps || $[29] !== showNetworksSidebar) {
-    t11 = !showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      disabled: chainSwitchingDisabled,
-      dropdownProps: {
-        align: "end"
-      }
-    } : void 0;
-    $[27] = chainSwitchingDisabled;
-    $[28] = networkSwitcherProps;
-    $[29] = showNetworksSidebar;
-    $[30] = t11;
-  } else {
-    t11 = $[30];
-  }
-  let t12;
-  if ($[31] !== showNetworksSidebar) {
-    t12 = cn({
-      "pr-[42px] h-[40px] dark:bg-contrast-2": showNetworksSidebar
-    });
-    $[31] = showNetworksSidebar;
-    $[32] = t12;
-  } else {
-    t12 = $[32];
-  }
-  let t13;
-  if ($[33] !== t12) {
-    t13 = {
-      input: t12
-    };
-    $[33] = t12;
-    $[34] = t13;
-  } else {
-    t13 = $[34];
-  }
-  let t14;
-  if ($[35] !== clearInputValue || $[36] !== handleInputValueChange || $[37] !== inputValue || $[38] !== t11 || $[39] !== t13) {
-    t14 = /* @__PURE__ */ jsx(TokenSearch, { value: inputValue, onChange: handleInputValueChange, clearSearch: clearInputValue, compactNetworkSwitcherProps: t11, classes: t13 });
-    $[35] = clearInputValue;
-    $[36] = handleInputValueChange;
-    $[37] = inputValue;
-    $[38] = t11;
-    $[39] = t13;
-    $[40] = t14;
-  } else {
-    t14 = $[40];
-  }
-  let t15;
-  if ($[41] !== acrossMode || $[42] !== appChainId || $[43] !== chainSwitchingDisabled || $[44] !== effectiveInputValue || $[45] !== includeNativeTokenInList || $[46] !== isCrossChain || $[47] !== onSelect || $[48] !== onSelectToken || $[49] !== selectableChains || $[50] !== selectedChainId) {
-    t15 = !isCrossChain ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(TokenCloud, { onSelectToken: onSelect, forcedChainId: selectedChainId, showNetworkIcon: true, withETH: includeNativeTokenInList }),
-      /* @__PURE__ */ jsx(RegularTokenList, { tokenFilter: effectiveInputValue, onSelectToken, forcedChainId: selectedChainId, className: "flex-1", withETH: includeNativeTokenInList, singleChainTokensOnly: chainSwitchingDisabled, selectableChains })
-    ] }) : /* @__PURE__ */ jsx(AcrossTokenLists, { tokenFilter: effectiveInputValue, onSelect, fromChainId: appChainId, toChainId: selectedChainId, className: "flex-1", mode: acrossMode });
-    $[41] = acrossMode;
-    $[42] = appChainId;
-    $[43] = chainSwitchingDisabled;
-    $[44] = effectiveInputValue;
-    $[45] = includeNativeTokenInList;
-    $[46] = isCrossChain;
-    $[47] = onSelect;
-    $[48] = onSelectToken;
-    $[49] = selectableChains;
-    $[50] = selectedChainId;
-    $[51] = t15;
-  } else {
-    t15 = $[51];
-  }
-  let t16;
-  if ($[52] !== headerProps || $[53] !== showNetworksSidebar || $[54] !== t10 || $[55] !== t14 || $[56] !== t15) {
-    t16 = /* @__PURE__ */ jsxs(SelectTokenLayout, { showNetworksSidebar, headerProps, networkSwitcherListProps: t10, children: [
-      t14,
-      t15
-    ] });
-    $[52] = headerProps;
-    $[53] = showNetworksSidebar;
-    $[54] = t10;
-    $[55] = t14;
-    $[56] = t15;
-    $[57] = t16;
-  } else {
-    t16 = $[57];
-  }
-  return t16;
-};
-const SelectTokenLayout = (t0) => {
-  const $ = distExports.c(19);
-  const {
-    showNetworksSidebar,
-    networkSwitcherListProps,
-    headerProps,
-    children
-  } = t0;
-  let t1;
-  if ($[0] !== showNetworksSidebar) {
-    t1 = cn({
-      "grid grid-cols-[auto_minmax(0,140px)] bg-contrast-9 dark:bg-contrast-2 rounded-xxl": showNetworksSidebar
-    });
-    $[0] = showNetworksSidebar;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== showNetworksSidebar) {
-    t2 = cn({
-      "bg-contrast-8 dark:bg-contrast-1 rounded-xxl": showNetworksSidebar
-    });
-    $[2] = showNetworksSidebar;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== headerProps) {
-    t3 = /* @__PURE__ */ jsx(GenericScreenHeader, { ...headerProps });
-    $[4] = headerProps;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== children) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3 h-[448px] pb-6", children });
-    $[6] = children;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t3,
-      t4
-    ] });
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== networkSwitcherListProps || $[13] !== showNetworksSidebar) {
-    t6 = showNetworksSidebar && networkSwitcherListProps && /* @__PURE__ */ jsx(NetworkSwitcherList, { ...networkSwitcherListProps });
-    $[12] = networkSwitcherListProps;
-    $[13] = showNetworksSidebar;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  let t7;
-  if ($[15] !== t1 || $[16] !== t5 || $[17] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
-      t5,
-      t6
-    ] });
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  return t7;
+import { assertProp as e, cn as t } from "../../../../lib/utils/index.js";
+import { useTradeMode as n } from "../../../../core/state/tradeModeAtom.js";
+import { useBreakpoints as r } from "../../../../hooks/useBreakpoints.js";
+import { useEnabledSrcChains as i } from "../../../../core/state/enabledChainsAtom.js";
+import { useSelectableDestChains as a } from "../../../../hooks/useSelectableDestChains.js";
+import { useLimitChainTo as o, useSwapChainTo as s, useTwapChainTo as c } from "../../../../core/state/chainToAtom.js";
+import { GenericScreen as l, GenericScreenHeader as u } from "../../Screen/GenericScreen.js";
+import { RegularTokenList as d } from "./TokenListBody/RegularTokenList.js";
+import { AcrossTokenLists as f } from "./TokenListBody/AcrossTokenList.js";
+import { TokenSearch as p } from "./TokenSearch.js";
+import { useDeferredInputState as m } from "../../../../hooks/useDebouncedInputState.js";
+import { TokenCloud as ee } from "./TokenListBody/TokenCloud/index.js";
+import { useImportTokenDrawer as h } from "../../ImportToken/useImportTokenDrawer.js";
+import { NetworkSwitcherList as g } from "../../NetworkSwitcher/NetworkSwitcherList.js";
+import { c as _ } from "react-compiler-runtime";
+import { useEffect as te, useState as ne } from "react";
+import { Fragment as re, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useChainId as ie } from "wagmi";
+//#region src/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.tsx
+var b = {
+	root: "px-4 pt-5 pb-4",
+	title: "text-[16px]"
+}, x = (e) => {
+	let t = _(16), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({drawerContainer: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i;
+	t[3] !== n || t[4] !== r.onClose || t[5] !== r.tokenType ? (i = {
+		drawerContainer: n,
+		tokenType: r.tokenType,
+		onImported: r.onClose
+	}, t[3] = n, t[4] = r.onClose, t[5] = r.tokenType, t[6] = i) : i = t[6];
+	let { onOpenImportTokenDrawer: a, importTokenDrawer: o } = h(i), s;
+	t[7] === r.onClose ? s = t[8] : (s = {
+		title: "Select Token",
+		showBackButton: !0,
+		onGoBack: r.onClose,
+		classes: b
+	}, t[7] = r.onClose, t[8] = s);
+	let c = s, u;
+	t[9] !== c || t[10] !== a || t[11] !== r ? (u = /* @__PURE__ */ v(S, {
+		...r,
+		headerProps: c,
+		onSelectImportToken: a
+	}), t[9] = c, t[10] = a, t[11] = r, t[12] = u) : u = t[12];
+	let d;
+	return t[13] !== o || t[14] !== u ? (d = /* @__PURE__ */ y(l, { children: [u, o] }), t[13] = o, t[14] = u, t[15] = d) : d = t[15], d;
+}, S = (e) => {
+	let t = _(6), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({tokenType: r, ...n} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i = r === "from" ? C : w, a;
+	return t[3] !== i || t[4] !== n ? (a = /* @__PURE__ */ v(i, { ...n }), t[3] = i, t[4] = n, t[5] = a) : a = t[5], a;
+}, ae = { root: "rounded-r-xxl" }, C = (n) => {
+	let a = _(45), { onClose: o, onSelect: s, onSelectImportToken: c, selectableChains: l, headerProps: u } = n, f = ie(), [h, g] = ne(f), re = i(), b = l ?? re, x = b.length > 1, { isOverMd: S } = r(), C = S && x, w, T;
+	a[0] === f ? (w = a[1], T = a[2]) : (w = () => {
+		g(f);
+	}, T = [f], a[0] = f, a[1] = w, a[2] = T), te(w, T);
+	let { effectiveInputValue: E, inputValue: D, handleInputValueChange: se, clearInputValue: O } = m(), k;
+	a[3] !== s || a[4] !== o ? (k = (e) => {
+		o?.(), s?.(e);
+	}, a[3] = s, a[4] = o, a[5] = k) : k = a[5];
+	let A = k, j;
+	a[6] !== A || a[7] !== c ? (j = (t) => {
+		t.fetchedOnChain ? (e(t, "symbol"), c({
+			token: t,
+			onConfirmAction: "set-token-from"
+		})) : A(t);
+	}, a[6] = A, a[7] = c, a[8] = j) : j = a[8];
+	let M = j, N;
+	a[9] === Symbol.for("react.memo_cache_sentinel") ? (N = (e) => e !== "all" && g(e), a[9] = N) : N = a[9];
+	let P = !C, F;
+	a[10] !== b || a[11] !== h || a[12] !== P ? (F = {
+		onSelect: N,
+		selectedNetwork: h,
+		networks: b,
+		showCheckIcon: P
+	}, a[10] = b, a[11] = h, a[12] = P, a[13] = F) : F = a[13];
+	let I = F, L;
+	a[14] !== I || a[15] !== C ? (L = C ? {
+		...I,
+		classes: ae
+	} : void 0, a[14] = I, a[15] = C, a[16] = L) : L = a[16];
+	let R;
+	a[17] !== x || a[18] !== I || a[19] !== C ? (R = C ? void 0 : {
+		...I,
+		dropdownProps: { align: "end" },
+		disabled: !x
+	}, a[17] = x, a[18] = I, a[19] = C, a[20] = R) : R = a[20];
+	let z;
+	a[21] === C ? z = a[22] : (z = t({ "pr-[42px] h-[40px] dark:bg-contrast-2": C }), a[21] = C, a[22] = z);
+	let B;
+	a[23] === z ? B = a[24] : (B = { input: z }, a[23] = z, a[24] = B);
+	let V;
+	a[25] !== O || a[26] !== se || a[27] !== D || a[28] !== B || a[29] !== R ? (V = /* @__PURE__ */ v(p, {
+		value: D,
+		onChange: se,
+		clearSearch: O,
+		compactNetworkSwitcherProps: R,
+		classes: B
+	}), a[25] = O, a[26] = se, a[27] = D, a[28] = B, a[29] = R, a[30] = V) : V = a[30];
+	let H;
+	a[31] !== A || a[32] !== h ? (H = /* @__PURE__ */ v(ee, {
+		onSelectToken: A,
+		forcedChainId: h,
+		showNetworkIcon: !0
+	}), a[31] = A, a[32] = h, a[33] = H) : H = a[33];
+	let U;
+	a[34] !== E || a[35] !== M || a[36] !== h ? (U = /* @__PURE__ */ v(d, {
+		tokenFilter: E,
+		onSelectToken: M,
+		forcedChainId: h,
+		className: "flex-1"
+	}), a[34] = E, a[35] = M, a[36] = h, a[37] = U) : U = a[37];
+	let W;
+	return a[38] !== u || a[39] !== C || a[40] !== V || a[41] !== H || a[42] !== U || a[43] !== L ? (W = /* @__PURE__ */ y(oe, {
+		showNetworksSidebar: C,
+		headerProps: u,
+		networkSwitcherListProps: L,
+		children: [
+			V,
+			H,
+			U
+		]
+	}), a[38] = u, a[39] = C, a[40] = V, a[41] = H, a[42] = U, a[43] = L, a[44] = W) : W = a[44], W;
+}, w = (i) => {
+	let l = _(58), { onClose: u, onSelect: h, onSelectImportToken: g, selectableChains: b, headerProps: x } = i, S = n(), C = S === "swap", w = S === "limit", T = S === "otc", E = S === "twap", D;
+	D = w ? "limit" : E ? "twap" : "swap";
+	let se = C || w || E, O = !T, k = ie(), A = s(), j = o(), M = c(), N = k;
+	C && A ? N = A : w && j ? N = j : E && M && (N = M);
+	let [P, F] = ne(N), I;
+	l[0] !== D || l[1] !== k ? (I = {
+		fromChainId: k,
+		mode: D
+	}, l[0] = D, l[1] = k, l[2] = I) : I = l[2];
+	let L = a(I).selectableChains, R = b ?? L, z = R.length > 1, { isOverMd: B } = r(), V = !se || !z, H = B && !V, U = (e) => R?.includes(e) ?? !1, W;
+	l[3] !== k || l[4] !== U || l[5] !== R[0] || l[6] !== P ? (W = U(P) ? P : U(k) ? k : R[0], l[3] = k, l[4] = U, l[5] = R[0], l[6] = P, l[7] = W) : W = l[7];
+	let G = W, ce = G !== P, le, ue;
+	l[8] !== G || l[9] !== u || l[10] !== ce ? (le = () => {
+		ce && (G ? F(G) : u?.());
+	}, ue = [
+		G,
+		u,
+		ce
+	], l[8] = G, l[9] = u, l[10] = ce, l[11] = le, l[12] = ue) : (le = l[11], ue = l[12]), te(le, ue);
+	let { effectiveInputValue: de, inputValue: fe, handleInputValueChange: pe, clearInputValue: me } = m(), he;
+	l[13] !== h || l[14] !== u ? (he = (e) => {
+		u?.(), h?.(e);
+	}, l[13] = h, l[14] = u, l[15] = he) : he = l[15];
+	let K = he, ge = P !== k, _e;
+	l[16] !== K || l[17] !== g ? (_e = (t) => {
+		t.fetchedOnChain ? (e(t, "symbol"), g({
+			token: t,
+			onConfirmAction: "set-token-to"
+		})) : K(t);
+	}, l[16] = K, l[17] = g, l[18] = _e) : _e = l[18];
+	let ve = _e, ye;
+	l[19] === Symbol.for("react.memo_cache_sentinel") ? (ye = (e) => e !== "all" && F(e), l[19] = ye) : ye = l[19];
+	let be = !H, xe;
+	l[20] !== R || l[21] !== P || l[22] !== be ? (xe = {
+		onSelect: ye,
+		selectedNetwork: P,
+		networks: R,
+		showCheckIcon: be
+	}, l[20] = R, l[21] = P, l[22] = be, l[23] = xe) : xe = l[23];
+	let q = xe, J;
+	l[24] !== q || l[25] !== H ? (J = H ? {
+		...q,
+		classes: ae
+	} : void 0, l[24] = q, l[25] = H, l[26] = J) : J = l[26];
+	let Y;
+	l[27] !== V || l[28] !== q || l[29] !== H ? (Y = H ? void 0 : {
+		...q,
+		disabled: V,
+		dropdownProps: { align: "end" }
+	}, l[27] = V, l[28] = q, l[29] = H, l[30] = Y) : Y = l[30];
+	let X;
+	l[31] === H ? X = l[32] : (X = t({ "pr-[42px] h-[40px] dark:bg-contrast-2": H }), l[31] = H, l[32] = X);
+	let Z;
+	l[33] === X ? Z = l[34] : (Z = { input: X }, l[33] = X, l[34] = Z);
+	let Q;
+	l[35] !== me || l[36] !== pe || l[37] !== fe || l[38] !== Y || l[39] !== Z ? (Q = /* @__PURE__ */ v(p, {
+		value: fe,
+		onChange: pe,
+		clearSearch: me,
+		compactNetworkSwitcherProps: Y,
+		classes: Z
+	}), l[35] = me, l[36] = pe, l[37] = fe, l[38] = Y, l[39] = Z, l[40] = Q) : Q = l[40];
+	let $;
+	l[41] !== D || l[42] !== k || l[43] !== V || l[44] !== de || l[45] !== O || l[46] !== ge || l[47] !== K || l[48] !== ve || l[49] !== R || l[50] !== P ? ($ = ge ? /* @__PURE__ */ v(f, {
+		tokenFilter: de,
+		onSelect: K,
+		fromChainId: k,
+		toChainId: P,
+		className: "flex-1",
+		mode: D
+	}) : /* @__PURE__ */ y(re, { children: [/* @__PURE__ */ v(ee, {
+		onSelectToken: K,
+		forcedChainId: P,
+		showNetworkIcon: !0,
+		withETH: O
+	}), /* @__PURE__ */ v(d, {
+		tokenFilter: de,
+		onSelectToken: ve,
+		forcedChainId: P,
+		className: "flex-1",
+		withETH: O,
+		singleChainTokensOnly: V,
+		selectableChains: R
+	})] }), l[41] = D, l[42] = k, l[43] = V, l[44] = de, l[45] = O, l[46] = ge, l[47] = K, l[48] = ve, l[49] = R, l[50] = P, l[51] = $) : $ = l[51];
+	let Se;
+	return l[52] !== x || l[53] !== H || l[54] !== J || l[55] !== Q || l[56] !== $ ? (Se = /* @__PURE__ */ y(oe, {
+		showNetworksSidebar: H,
+		headerProps: x,
+		networkSwitcherListProps: J,
+		children: [Q, $]
+	}), l[52] = x, l[53] = H, l[54] = J, l[55] = Q, l[56] = $, l[57] = Se) : Se = l[57], Se;
+}, oe = (e) => {
+	let n = _(19), { showNetworksSidebar: r, networkSwitcherListProps: i, headerProps: a, children: o } = e, s;
+	n[0] === r ? s = n[1] : (s = t({ "grid grid-cols-[auto_minmax(0,140px)] bg-contrast-9 dark:bg-contrast-2 rounded-xxl": r }), n[0] = r, n[1] = s);
+	let c;
+	n[2] === r ? c = n[3] : (c = t({ "bg-contrast-8 dark:bg-contrast-1 rounded-xxl": r }), n[2] = r, n[3] = c);
+	let l;
+	n[4] === a ? l = n[5] : (l = /* @__PURE__ */ v(u, { ...a }), n[4] = a, n[5] = l);
+	let d;
+	n[6] === o ? d = n[7] : (d = /* @__PURE__ */ v("div", {
+		className: "flex flex-col gap-y-3 h-[448px] pb-6",
+		children: o
+	}), n[6] = o, n[7] = d);
+	let f;
+	n[8] !== c || n[9] !== l || n[10] !== d ? (f = /* @__PURE__ */ y("div", {
+		className: c,
+		children: [l, d]
+	}), n[8] = c, n[9] = l, n[10] = d, n[11] = f) : f = n[11];
+	let p;
+	n[12] !== i || n[13] !== r ? (p = r && i && /* @__PURE__ */ v(g, { ...i }), n[12] = i, n[13] = r, n[14] = p) : p = n[14];
+	let m;
+	return n[15] !== s || n[16] !== f || n[17] !== p ? (m = /* @__PURE__ */ y("div", {
+		className: s,
+		children: [f, p]
+	}), n[15] = s, n[16] = f, n[17] = p, n[18] = m) : m = n[18], m;
 };
+//#endregion
+export { x as SelectTokenScreen };
 
-export { SelectTokenScreen };
-//# sourceMappingURL=SelectTokenDialog.js.map
+//# sourceMappingURL=SelectTokenDialog.js.map