@velora-dex/widget 0.5.1-dev.1 → 0.6.0

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

@@ -1,666 +1,240 @@
-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 } from "../../../../core/state/chainToAtom.js";
+import { GenericScreen as c, GenericScreenHeader as l } from "../../Screen/GenericScreen.js";
+import { RegularTokenList as u } from "./TokenListBody/RegularTokenList.js";
+import { AcrossTokenLists as d } from "./TokenListBody/AcrossTokenList.js";
+import { TokenSearch as f } from "./TokenSearch.js";
+import { useDeferredInputState as p } from "../../../../hooks/useDebouncedInputState.js";
+import { TokenCloud as m } 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 ee, useState as te } from "react";
+import { Fragment as ne, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useChainId as re } from "wagmi";
+//#region src/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.tsx
+var ie = {
+	root: "px-4 pt-5 pb-4",
+	title: "text-[16px]"
+}, b = (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: ie
+	}, t[7] = r.onClose, t[8] = s);
+	let l = s, u;
+	t[9] !== l || t[10] !== a || t[11] !== r ? (u = /* @__PURE__ */ v(x, {
+		...r,
+		headerProps: l,
+		onSelectImportToken: a
+	}), t[9] = l, t[10] = a, t[11] = r, t[12] = u) : u = t[12];
+	let d;
+	return t[13] !== o || t[14] !== u ? (d = /* @__PURE__ */ y(c, { children: [u, o] }), t[13] = o, t[14] = u, t[15] = d) : d = t[15], d;
+}, x = (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" ? oe : S, 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" }, oe = (n) => {
+	let a = _(45), { onClose: o, onSelect: s, onSelectImportToken: c, selectableChains: l, headerProps: d } = n, h = re(), [g, ne] = te(h), ie = i(), b = l ?? ie, x = b.length > 1, { isOverMd: oe } = r(), S = oe && x, C, w;
+	a[0] === h ? (C = a[1], w = a[2]) : (C = () => {
+		ne(h);
+	}, w = [h], a[0] = h, a[1] = C, a[2] = w), ee(C, w);
+	let { effectiveInputValue: T, inputValue: E, handleInputValueChange: D, clearInputValue: ce } = p(), O;
+	a[3] !== s || a[4] !== o ? (O = (e) => {
+		o?.(), s?.(e);
+	}, a[3] = s, a[4] = o, a[5] = O) : O = a[5];
+	let k = O, A;
+	a[6] !== k || a[7] !== c ? (A = (t) => {
+		t.fetchedOnChain ? (e(t, "symbol"), c({
+			token: t,
+			onConfirmAction: "set-token-from"
+		})) : k(t);
+	}, a[6] = k, a[7] = c, a[8] = A) : A = a[8];
+	let j = A, M;
+	a[9] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => e !== "all" && ne(e), a[9] = M) : M = a[9];
+	let N = !S, P;
+	a[10] !== b || a[11] !== g || a[12] !== N ? (P = {
+		onSelect: M,
+		selectedNetwork: g,
+		networks: b,
+		showCheckIcon: N
+	}, a[10] = b, a[11] = g, a[12] = N, a[13] = P) : P = a[13];
+	let F = P, I;
+	a[14] !== F || a[15] !== S ? (I = S ? {
+		...F,
+		classes: ae
+	} : void 0, a[14] = F, a[15] = S, a[16] = I) : I = a[16];
+	let L;
+	a[17] !== x || a[18] !== F || a[19] !== S ? (L = S ? void 0 : {
+		...F,
+		dropdownProps: { align: "end" },
+		disabled: !x
+	}, a[17] = x, a[18] = F, a[19] = S, a[20] = L) : L = a[20];
+	let R;
+	a[21] === S ? R = a[22] : (R = t({ "pr-[42px] h-[40px] dark:bg-contrast-2": S }), a[21] = S, a[22] = R);
+	let z;
+	a[23] === R ? z = a[24] : (z = { input: R }, a[23] = R, a[24] = z);
+	let B;
+	a[25] !== ce || a[26] !== D || a[27] !== E || a[28] !== z || a[29] !== L ? (B = /* @__PURE__ */ v(f, {
+		value: E,
+		onChange: D,
+		clearSearch: ce,
+		compactNetworkSwitcherProps: L,
+		classes: z
+	}), a[25] = ce, a[26] = D, a[27] = E, a[28] = z, a[29] = L, a[30] = B) : B = a[30];
+	let V;
+	a[31] !== k || a[32] !== g ? (V = /* @__PURE__ */ v(m, {
+		onSelectToken: k,
+		forcedChainId: g,
+		showNetworkIcon: !0
+	}), a[31] = k, a[32] = g, a[33] = V) : V = a[33];
+	let H;
+	a[34] !== T || a[35] !== j || a[36] !== g ? (H = /* @__PURE__ */ v(u, {
+		tokenFilter: T,
+		onSelectToken: j,
+		forcedChainId: g,
+		className: "flex-1"
+	}), a[34] = T, a[35] = j, a[36] = g, a[37] = H) : H = a[37];
+	let U;
+	return a[38] !== d || a[39] !== S || a[40] !== B || a[41] !== V || a[42] !== H || a[43] !== I ? (U = /* @__PURE__ */ y(se, {
+		showNetworksSidebar: S,
+		headerProps: d,
+		networkSwitcherListProps: I,
+		children: [
+			B,
+			V,
+			H
+		]
+	}), a[38] = d, a[39] = S, a[40] = B, a[41] = V, a[42] = H, a[43] = I, a[44] = U) : U = a[44], U;
+}, S = (i) => {
+	let c = _(58), { onClose: l, onSelect: h, onSelectImportToken: g, selectableChains: ie, headerProps: b } = i, x = n(), oe = x === "swap", S = x === "limit", C = x === "otc", w = S ? "limit" : "swap", T = oe || S, E = !C, D = re(), ce = s(), O = o(), [k, A] = te(oe ? ce ?? D : S ? O ?? D : D), j;
+	c[0] !== w || c[1] !== D ? (j = {
+		fromChainId: D,
+		mode: w
+	}, c[0] = w, c[1] = D, c[2] = j) : j = c[2];
+	let M = a(j).selectableChains, N = ie ?? M, P = N.length > 1, { isOverMd: F } = r(), I = !T || !P, L = F && !I, R = (e) => N?.includes(e) ?? !1, z;
+	c[3] !== D || c[4] !== R || c[5] !== N[0] || c[6] !== k ? (z = R(k) ? k : R(D) ? D : N[0], c[3] = D, c[4] = R, c[5] = N[0], c[6] = k, c[7] = z) : z = c[7];
+	let B = z, V = B !== k, H, U;
+	c[8] !== B || c[9] !== l || c[10] !== V ? (H = () => {
+		V && (B ? A(B) : l?.());
+	}, U = [
+		B,
+		l,
+		V
+	], c[8] = B, c[9] = l, c[10] = V, c[11] = H, c[12] = U) : (H = c[11], U = c[12]), ee(H, U);
+	let { effectiveInputValue: W, inputValue: le, handleInputValueChange: ue, clearInputValue: de } = p(), G;
+	c[13] !== h || c[14] !== l ? (G = (e) => {
+		l?.(), h?.(e);
+	}, c[13] = h, c[14] = l, c[15] = G) : G = c[15];
+	let K = G, fe = k !== D, pe;
+	c[16] !== K || c[17] !== g ? (pe = (t) => {
+		t.fetchedOnChain ? (e(t, "symbol"), g({
+			token: t,
+			onConfirmAction: "set-token-to"
+		})) : K(t);
+	}, c[16] = K, c[17] = g, c[18] = pe) : pe = c[18];
+	let me = pe, he;
+	c[19] === Symbol.for("react.memo_cache_sentinel") ? (he = (e) => e !== "all" && A(e), c[19] = he) : he = c[19];
+	let ge = !L, _e;
+	c[20] !== N || c[21] !== k || c[22] !== ge ? (_e = {
+		onSelect: he,
+		selectedNetwork: k,
+		networks: N,
+		showCheckIcon: ge
+	}, c[20] = N, c[21] = k, c[22] = ge, c[23] = _e) : _e = c[23];
+	let q = _e, J;
+	c[24] !== q || c[25] !== L ? (J = L ? {
+		...q,
+		classes: ae
+	} : void 0, c[24] = q, c[25] = L, c[26] = J) : J = c[26];
+	let Y;
+	c[27] !== I || c[28] !== q || c[29] !== L ? (Y = L ? void 0 : {
+		...q,
+		disabled: I,
+		dropdownProps: { align: "end" }
+	}, c[27] = I, c[28] = q, c[29] = L, c[30] = Y) : Y = c[30];
+	let X;
+	c[31] === L ? X = c[32] : (X = t({ "pr-[42px] h-[40px] dark:bg-contrast-2": L }), c[31] = L, c[32] = X);
+	let Z;
+	c[33] === X ? Z = c[34] : (Z = { input: X }, c[33] = X, c[34] = Z);
+	let Q;
+	c[35] !== de || c[36] !== ue || c[37] !== le || c[38] !== Y || c[39] !== Z ? (Q = /* @__PURE__ */ v(f, {
+		value: le,
+		onChange: ue,
+		clearSearch: de,
+		compactNetworkSwitcherProps: Y,
+		classes: Z
+	}), c[35] = de, c[36] = ue, c[37] = le, c[38] = Y, c[39] = Z, c[40] = Q) : Q = c[40];
+	let $;
+	c[41] !== w || c[42] !== D || c[43] !== I || c[44] !== W || c[45] !== E || c[46] !== fe || c[47] !== K || c[48] !== me || c[49] !== N || c[50] !== k ? ($ = fe ? /* @__PURE__ */ v(d, {
+		tokenFilter: W,
+		onSelect: K,
+		fromChainId: D,
+		toChainId: k,
+		className: "flex-1",
+		mode: w
+	}) : /* @__PURE__ */ y(ne, { children: [/* @__PURE__ */ v(m, {
+		onSelectToken: K,
+		forcedChainId: k,
+		showNetworkIcon: !0,
+		withETH: E
+	}), /* @__PURE__ */ v(u, {
+		tokenFilter: W,
+		onSelectToken: me,
+		forcedChainId: k,
+		className: "flex-1",
+		withETH: E,
+		singleChainTokensOnly: I,
+		selectableChains: N
+	})] }), c[41] = w, c[42] = D, c[43] = I, c[44] = W, c[45] = E, c[46] = fe, c[47] = K, c[48] = me, c[49] = N, c[50] = k, c[51] = $) : $ = c[51];
+	let ve;
+	return c[52] !== b || c[53] !== L || c[54] !== J || c[55] !== Q || c[56] !== $ ? (ve = /* @__PURE__ */ y(se, {
+		showNetworksSidebar: L,
+		headerProps: b,
+		networkSwitcherListProps: J,
+		children: [Q, $]
+	}), c[52] = b, c[53] = L, c[54] = J, c[55] = Q, c[56] = $, c[57] = ve) : ve = c[57], ve;
+}, se = (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 u;
+	n[4] === a ? u = n[5] : (u = /* @__PURE__ */ v(l, { ...a }), n[4] = a, n[5] = u);
+	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] !== u || n[10] !== d ? (f = /* @__PURE__ */ y("div", {
+		className: c,
+		children: [u, d]
+	}), n[8] = c, n[9] = u, 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 { b as SelectTokenScreen };
 
-export { SelectTokenScreen };
-//# sourceMappingURL=SelectTokenDialog.js.map
+//# sourceMappingURL=SelectTokenDialog.js.map