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

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

@@ -1,240 +1,666 @@
-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;
+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;
 };
-//#endregion
-export { b as SelectTokenScreen };
 
-//# sourceMappingURL=SelectTokenDialog.js.map
+export { SelectTokenScreen };
+//# sourceMappingURL=SelectTokenDialog.js.map