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

package/dist/core/Warnings.js

@@ -1,386 +1,211 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { d as distExports } from '../_virtual/index.js';
-import { useCurrentChainConfig } from '../hooks/useCurrentChain.js';
-import { Warning, WarningWithTitle } from '../components/widget/Warning/Warning.js';
-import { useSetOpenDrawer } from '../components/widget/Drawer/state/useDrawerControls.js';
-import { useUnsupportedLimitChain } from './limit/useLimitNotSupported.js';
-import { useUnsupportedOtcChain } from './otc/useOtcNotSupported.js';
-import { useDegenMode } from '../components/widget/TradeParameters/state/degenModeParamAtom.js';
-import { useWidgetConfig } from './state/configAtom.js';
-import { useCurrentSwapPriceError } from '../hooks/swap/prices/useSwapPrices.js';
-import { useCurrentTwapPriceError } from '../hooks/swap/prices/useTwapPrices.js';
-import { useSwapTokenTo } from './inputs/state/selectedTokenAtom.js';
-import { useSetAtom } from './store.js';
-import { userTradeModeAtom } from './state/tradeModeAtom.js';
-import { useWidgetTokens } from './inputs/state/common.js';
-import { selectLimitTokenFromAtom, selectLimitTokenToAtom } from './limit/state/selectedTokenActionsAtom.js';
-import { TriangleAlert } from 'lucide-react';
-import { DEGEN_MODE_MAX_IMPACT } from '../hooks/swap/prices/constants.js';
-import { useIsTokenSupportedInDeltaQuery } from '../hooks/swap/prices/delta/queries/useIsTokenSupportedInDelta.js';
-import { useTwapTokenTo } from './twap/state/twapTokenAtoms.js';
-
-const warningClasses = {
-  root: "mt-4"
-};
-const WidgetWarning = () => {
-  const $ = distExports.c(4);
-  const chainConfig = useCurrentChainConfig();
-  const chainName = chainConfig.name;
-  const limitNotSupported = useUnsupportedLimitChain();
-  const otcNotSupported = useUnsupportedOtcChain();
-  if (limitNotSupported) {
-    const t0 = `Limit Orders are not available yet on ${chainName}`;
-    let t1;
-    if ($[0] !== t0) {
-      t1 = /* @__PURE__ */ jsx(Warning, { message: t0, classes: warningClasses });
-      $[0] = t0;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    return t1;
-  }
-  if (otcNotSupported) {
-    const t0 = `OTC Orders are not available yet on ${chainName}`;
-    let t1;
-    if ($[2] !== t0) {
-      t1 = /* @__PURE__ */ jsx(Warning, { message: t0, classes: warningClasses });
-      $[2] = t0;
-      $[3] = t1;
-    } else {
-      t1 = $[3];
-    }
-    return t1;
-  }
-  return null;
-};
-const DegenModeText = () => {
-  const $ = distExports.c(2);
-  const setOpenDrawer = useSetOpenDrawer();
-  let t0;
-  if ($[0] !== setOpenDrawer) {
-    t0 = /* @__PURE__ */ jsx("span", { className: "underline cursor-pointer", onClick: () => {
-      setOpenDrawer("trade-parameters-drawer");
-    }, children: "Degen Mode" });
-    $[0] = setOpenDrawer;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const swapWidgetWarningClasses = {
-  root: "mt-4 border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1"
-};
-const EnableDegenModeMessage = (t0) => {
-  const $ = distExports.c(18);
-  const {
-    tokenFrom,
-    tokenTo,
-    priceImpactPercent
-  } = t0;
-  const degenMode = useDegenMode();
-  const {
-    enableDegenMode
-  } = useWidgetConfig();
-  const setTradeMode = useSetAtom(userTradeModeAtom);
-  const setLimitTokenFrom = useSetAtom(selectLimitTokenFromAtom);
-  const setLimitTokenTo = useSetAtom(selectLimitTokenToAtom);
-  let t1;
-  if ($[0] !== tokenFrom.address || $[1] !== tokenFrom.network) {
-    t1 = {
-      token: tokenFrom.address,
-      chainId: tokenFrom.network
-    };
-    $[0] = tokenFrom.address;
-    $[1] = tokenFrom.network;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const {
-    data: isTokenFromSupported
-  } = useIsTokenSupportedInDeltaQuery(t1);
-  const t2 = tokenTo?.address;
-  const t3 = tokenTo?.network || tokenFrom.network;
-  let t4;
-  if ($[3] !== t2 || $[4] !== t3) {
-    t4 = {
-      token: t2,
-      chainId: t3
-    };
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const {
-    data: isTokenToSupported
-  } = useIsTokenSupportedInDeltaQuery(t4);
-  const belowThreshold = priceImpactPercent == void 0 ? true : priceImpactPercent < DEGEN_MODE_MAX_IMPACT;
-  const showEnableDegenModeMessage = enableDegenMode && !degenMode && belowThreshold;
-  if (!isTokenFromSupported || !isTokenToSupported) {
-    if (!showEnableDegenModeMessage) {
-      return null;
-    }
-    let t52;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-      t52 = /* @__PURE__ */ jsxs("div", { children: [
-        "Ape in anyway with ",
-        /* @__PURE__ */ jsx(DegenModeText, {}),
-        " enabled."
-      ] });
-      $[6] = t52;
-    } else {
-      t52 = $[6];
-    }
-    return t52;
-  }
-  let t5;
-  if ($[7] !== setLimitTokenFrom || $[8] !== setLimitTokenTo || $[9] !== setTradeMode || $[10] !== tokenFrom || $[11] !== tokenTo) {
-    t5 = /* @__PURE__ */ jsx("span", { className: "underline cursor-pointer", onClick: () => {
-      setTradeMode("limit");
-      setLimitTokenFrom(tokenFrom);
-      setLimitTokenTo(tokenTo);
-    }, children: "Limit Order" });
-    $[7] = setLimitTokenFrom;
-    $[8] = setLimitTokenTo;
-    $[9] = setTradeMode;
-    $[10] = tokenFrom;
-    $[11] = tokenTo;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== showEnableDegenModeMessage) {
-    t6 = showEnableDegenModeMessage ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      ", or ape in anyway with ",
-      /* @__PURE__ */ jsx(DegenModeText, {}),
-      " enabled."
-    ] }) : ".";
-    $[13] = showEnableDegenModeMessage;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  let t7;
-  if ($[15] !== t5 || $[16] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { children: [
-      "Use a",
-      " ",
-      t5,
-      " ",
-      "for a better fill",
-      t6
-    ] });
-    $[15] = t5;
-    $[16] = t6;
-    $[17] = t7;
-  } else {
-    t7 = $[17];
-  }
-  return t7;
-};
-const EnableDegenModeWarning = (t0) => {
-  const $ = distExports.c(8);
-  const {
-    title,
-    priceImpactPercent,
-    tradeMode
-  } = t0;
-  const {
-    tokenFrom,
-    tokenTo
-  } = useWidgetTokens(tradeMode);
-  if (!tokenTo) {
-    return null;
-  }
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(TriangleAlert, { size: 18 });
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== priceImpactPercent || $[2] !== tokenFrom || $[3] !== tokenTo) {
-    t2 = /* @__PURE__ */ jsx(EnableDegenModeMessage, { tokenFrom, tokenTo, priceImpactPercent });
-    $[1] = priceImpactPercent;
-    $[2] = tokenFrom;
-    $[3] = tokenTo;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t2 || $[6] !== title) {
-    t3 = /* @__PURE__ */ jsx(WarningWithTitle, { title, iconReplacement: t1, message: t2, classes: swapWidgetWarningClasses });
-    $[5] = t2;
-    $[6] = title;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
-};
-const DegenModeEnabledWarning = () => {
-  const $ = distExports.c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(Warning, { message: "You have turned on Degen Mode. Be cautious.", iconReplacement: /* @__PURE__ */ jsx(TriangleAlert, { size: 18 }), classes: {
-      ...swapWidgetWarningClasses,
-      message: "text-sm"
-    } });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-};
-const warningMessageByReason = {
-  highPriceImpact: (
-    // explicit threshold breach, more severe warning
-    "High price impact — expect heavy slippage."
-  ),
-  unavailablePriceImpact: (
-    // unable to calculate price impact, more generic warning
-    "Price impact couldn't be calculated."
-  )
-};
-const GenericWidgetWarning = (t0) => {
-  const $ = distExports.c(8);
-  const {
-    tokenTo,
-    priceImpact,
-    isMaxImpactReachedError,
-    isNoUsdPriceError,
-    showSinglePriceImpactWarning,
-    tradeMode
-  } = t0;
-  const degenMode = useDegenMode();
-  if (!tokenTo) {
-    return null;
-  }
-  if (showSinglePriceImpactWarning) {
-    let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsx(Warning, { message: warningMessageByReason.unavailablePriceImpact, iconReplacement: /* @__PURE__ */ jsx(TriangleAlert, { size: 18 }), classes: {
-        ...swapWidgetWarningClasses,
-        message: "text-sm"
-      } });
-      $[0] = t1;
-    } else {
-      t1 = $[0];
-    }
-    return t1;
-  }
-  if (priceImpact.isHighImpact || isMaxImpactReachedError) {
-    let t1;
-    if ($[1] !== priceImpact.priceImpact || $[2] !== tradeMode) {
-      t1 = /* @__PURE__ */ jsx(EnableDegenModeWarning, { title: warningMessageByReason.highPriceImpact, priceImpactPercent: priceImpact.priceImpact, tradeMode });
-      $[1] = priceImpact.priceImpact;
-      $[2] = tradeMode;
-      $[3] = t1;
-    } else {
-      t1 = $[3];
-    }
-    return t1;
-  }
-  if (priceImpact.isUnavailable || isNoUsdPriceError) {
-    let t1;
-    if ($[4] !== priceImpact.priceImpact || $[5] !== tradeMode) {
-      t1 = /* @__PURE__ */ jsx(EnableDegenModeWarning, { title: warningMessageByReason.unavailablePriceImpact, priceImpactPercent: priceImpact.priceImpact, tradeMode });
-      $[4] = priceImpact.priceImpact;
-      $[5] = tradeMode;
-      $[6] = t1;
-    } else {
-      t1 = $[6];
-    }
-    return t1;
-  }
-  if (degenMode) {
-    let t1;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsx(DegenModeEnabledWarning, {});
-      $[7] = t1;
-    } else {
-      t1 = $[7];
-    }
-    return t1;
-  }
-  return null;
-};
-const SwapWidgetWarning = () => {
-  const $ = distExports.c(8);
-  const tokenTo = useSwapTokenTo();
-  const {
-    isMaxImpactReachedError,
-    isNoUsdPriceError,
-    isNoLiquidityError,
-    isDeltaNoAvailableBridgeOptionsError,
-    isDeltaNoAvailablePricesError,
-    isDeltaUnsupportedTokenError,
-    getPriceImpact
-  } = useCurrentSwapPriceError();
-  let t0;
-  if ($[0] !== getPriceImpact) {
-    t0 = getPriceImpact();
-    $[0] = getPriceImpact;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const t1 = isNoLiquidityError || isDeltaNoAvailableBridgeOptionsError || isDeltaNoAvailablePricesError || isDeltaUnsupportedTokenError;
-  let t2;
-  if ($[2] !== isMaxImpactReachedError || $[3] !== isNoUsdPriceError || $[4] !== t0 || $[5] !== t1 || $[6] !== tokenTo) {
-    t2 = /* @__PURE__ */ jsx(GenericWidgetWarning, { tokenTo, priceImpact: t0, isMaxImpactReachedError, isNoUsdPriceError, showSinglePriceImpactWarning: t1, tradeMode: "swap" });
-    $[2] = isMaxImpactReachedError;
-    $[3] = isNoUsdPriceError;
-    $[4] = t0;
-    $[5] = t1;
-    $[6] = tokenTo;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-};
-const TwapWidgetWarning = () => {
-  const $ = distExports.c(8);
-  const tokenTo = useTwapTokenTo();
-  const {
-    isMaxImpactReachedError,
-    isNoUsdPriceError,
-    isNoAvailableBridgeOptionsError,
-    isNoAvailablePricesError,
-    isUnsupportedTokenError,
-    getPriceImpact
-  } = useCurrentTwapPriceError();
-  let t0;
-  if ($[0] !== getPriceImpact) {
-    t0 = getPriceImpact();
-    $[0] = getPriceImpact;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const t1 = isUnsupportedTokenError || isNoAvailablePricesError || isNoAvailableBridgeOptionsError;
-  let t2;
-  if ($[2] !== isMaxImpactReachedError || $[3] !== isNoUsdPriceError || $[4] !== t0 || $[5] !== t1 || $[6] !== tokenTo) {
-    t2 = /* @__PURE__ */ jsx(GenericWidgetWarning, { tokenTo, priceImpact: t0, isMaxImpactReachedError, isNoUsdPriceError, tradeMode: "twap", showSinglePriceImpactWarning: t1 });
-    $[2] = isMaxImpactReachedError;
-    $[3] = isNoUsdPriceError;
-    $[4] = t0;
-    $[5] = t1;
-    $[6] = tokenTo;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+import { useSetAtom as e } from "./store.js";
+import { userTradeModeAtom as t } from "./state/tradeModeAtom.js";
+import { useWidgetConfig as n } from "./state/configAtom.js";
+import { useSwapTokenTo as r } from "./inputs/state/selectedTokenAtom.js";
+import { useDegenMode as i } from "../components/widget/TradeParameters/state/degenModeParamAtom.js";
+import { useTwapTokenTo as a } from "./twap/state/twapTokenAtoms.js";
+import { useTwapSliceTooShort as o } from "./twap/state/twapParamsAtom.js";
+import { selectLimitTokenFromAtom as s, selectLimitTokenToAtom as c } from "./limit/state/selectedTokenActionsAtom.js";
+import { useWidgetTokens as l } from "./inputs/state/common.js";
+import { useCurrentChainConfig as u } from "../hooks/useCurrentChain.js";
+import { useIsTokenSupportedInDeltaQuery as d } from "../hooks/swap/prices/delta/queries/useIsTokenSupportedInDelta.js";
+import { useCurrentSwapPriceError as f } from "../hooks/swap/prices/useSwapPrices.js";
+import { useSetOpenDrawer as p } from "../components/widget/Drawer/state/useDrawerControls.js";
+import { Warning as m, WarningWithTitle as h } from "../components/widget/Warning/Warning.js";
+import { useCurrentTwapPriceError as g } from "../hooks/swap/prices/useTwapPrices.js";
+import { useUnsupportedLimitChain as _ } from "./limit/useLimitNotSupported.js";
+import { useUnsupportedOtcChain as v } from "./otc/useOtcNotSupported.js";
+import { Duration as y } from "../components/widget/Duration/Duration.js";
+import { c as b } from "react-compiler-runtime";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { TriangleAlert as w } from "lucide-react";
+//#region src/core/Warnings.tsx
+var T = { root: "mt-4" }, E = () => {
+	let e = b(4), t = u().name, n = _(), r = v();
+	if (n) {
+		let n = `Limit Orders are not available yet on ${t}`, r;
+		return e[0] === n ? r = e[1] : (r = /* @__PURE__ */ S(m, {
+			message: n,
+			classes: T
+		}), e[0] = n, e[1] = r), r;
+	}
+	if (r) {
+		let n = `OTC Orders are not available yet on ${t}`, r;
+		return e[2] === n ? r = e[3] : (r = /* @__PURE__ */ S(m, {
+			message: n,
+			classes: T
+		}), e[2] = n, e[3] = r), r;
+	}
+	return null;
+}, D = () => {
+	let e = b(2), t = p(), n;
+	return e[0] === t ? n = e[1] : (n = /* @__PURE__ */ S("span", {
+		className: "underline cursor-pointer",
+		onClick: () => {
+			t("trade-parameters-drawer");
+		},
+		children: "Degen Mode"
+	}), e[0] = t, e[1] = n), n;
+}, O = { root: "mt-4 border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1" }, k = (r) => {
+	let a = b(18), { tokenFrom: o, tokenTo: l, priceImpactPercent: u } = r, f = i(), { enableDegenMode: p } = n(), m = e(t), h = e(s), g = e(c), _;
+	a[0] !== o.address || a[1] !== o.network ? (_ = {
+		token: o.address,
+		chainId: o.network
+	}, a[0] = o.address, a[1] = o.network, a[2] = _) : _ = a[2];
+	let { data: v } = d(_), y = l?.address, w = l?.network || o.network, T;
+	a[3] !== y || a[4] !== w ? (T = {
+		token: y,
+		chainId: w
+	}, a[3] = y, a[4] = w, a[5] = T) : T = a[5];
+	let { data: E } = d(T), O = p && !f && (u == null ? !0 : u < 50);
+	if (!v || !E) {
+		if (!O) return null;
+		let e;
+		return a[6] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ C("div", { children: [
+			"Ape in anyway with ",
+			/* @__PURE__ */ S(D, {}),
+			" enabled."
+		] }), a[6] = e) : e = a[6], e;
+	}
+	let k;
+	a[7] !== h || a[8] !== g || a[9] !== m || a[10] !== o || a[11] !== l ? (k = /* @__PURE__ */ S("span", {
+		className: "underline cursor-pointer",
+		onClick: () => {
+			m("limit"), h(o), g(l);
+		},
+		children: "Limit Order"
+	}), a[7] = h, a[8] = g, a[9] = m, a[10] = o, a[11] = l, a[12] = k) : k = a[12];
+	let A;
+	a[13] === O ? A = a[14] : (A = O ? /* @__PURE__ */ C(x, { children: [
+		", or ape in anyway with ",
+		/* @__PURE__ */ S(D, {}),
+		" enabled."
+	] }) : ".", a[13] = O, a[14] = A);
+	let j;
+	return a[15] !== k || a[16] !== A ? (j = /* @__PURE__ */ C("div", { children: [
+		"Use a",
+		" ",
+		k,
+		" ",
+		"for a better fill",
+		A
+	] }), a[15] = k, a[16] = A, a[17] = j) : j = a[17], j;
+}, A = (e) => {
+	let t = b(8), { title: n, priceImpactPercent: r, tradeMode: i } = e, { tokenFrom: a, tokenTo: o } = l(i);
+	if (!o) return null;
+	let s;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ S(w, { size: 18 }), t[0] = s) : s = t[0];
+	let c;
+	t[1] !== r || t[2] !== a || t[3] !== o ? (c = /* @__PURE__ */ S(k, {
+		tokenFrom: a,
+		tokenTo: o,
+		priceImpactPercent: r
+	}), t[1] = r, t[2] = a, t[3] = o, t[4] = c) : c = t[4];
+	let u;
+	return t[5] !== c || t[6] !== n ? (u = /* @__PURE__ */ S(h, {
+		title: n,
+		iconReplacement: s,
+		message: c,
+		classes: O
+	}), t[5] = c, t[6] = n, t[7] = u) : u = t[7], u;
+}, j = () => {
+	let e = b(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ S(m, {
+		message: "You have turned on Degen Mode. Be cautious.",
+		iconReplacement: /* @__PURE__ */ S(w, { size: 18 }),
+		classes: {
+			...O,
+			message: "text-sm"
+		}
+	}), e[0] = t) : t = e[0], t;
+}, M = {
+	highPriceImpact: "High price impact — expect heavy slippage.",
+	unavailablePriceImpact: "Price impact couldn't be calculated."
+}, N = (e) => {
+	let t = b(8), { tokenTo: n, priceImpact: r, isMaxImpactReachedError: a, isNoUsdPriceError: o, showSinglePriceImpactWarning: s, tradeMode: c } = e, l = i();
+	if (!n) return null;
+	if (s) {
+		let e;
+		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ S(m, {
+			message: M.unavailablePriceImpact,
+			iconReplacement: /* @__PURE__ */ S(w, { size: 18 }),
+			classes: {
+				...O,
+				message: "text-sm"
+			}
+		}), t[0] = e) : e = t[0], e;
+	}
+	if (r.isHighImpact || a) {
+		let e;
+		return t[1] !== r.priceImpact || t[2] !== c ? (e = /* @__PURE__ */ S(A, {
+			title: M.highPriceImpact,
+			priceImpactPercent: r.priceImpact,
+			tradeMode: c
+		}), t[1] = r.priceImpact, t[2] = c, t[3] = e) : e = t[3], e;
+	}
+	if (r.isUnavailable || o) {
+		let e;
+		return t[4] !== r.priceImpact || t[5] !== c ? (e = /* @__PURE__ */ S(A, {
+			title: M.unavailablePriceImpact,
+			priceImpactPercent: r.priceImpact,
+			tradeMode: c
+		}), t[4] = r.priceImpact, t[5] = c, t[6] = e) : e = t[6], e;
+	}
+	if (l) {
+		let e;
+		return t[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ S(j, {}), t[7] = e) : e = t[7], e;
+	}
+	return null;
+}, P = () => {
+	let e = b(8), t = r(), { isMaxImpactReachedError: n, isNoUsdPriceError: i, isNoLiquidityError: a, isDeltaNoAvailableBridgeOptionsError: o, isDeltaNoAvailablePricesError: s, isDeltaUnsupportedTokenError: c, getPriceImpact: l } = f(), u;
+	e[0] === l ? u = e[1] : (u = l(), e[0] = l, e[1] = u);
+	let d = a || o || s || c, p;
+	return e[2] !== n || e[3] !== i || e[4] !== u || e[5] !== d || e[6] !== t ? (p = /* @__PURE__ */ S(N, {
+		tokenTo: t,
+		priceImpact: u,
+		isMaxImpactReachedError: n,
+		isNoUsdPriceError: i,
+		showSinglePriceImpactWarning: d,
+		tradeMode: "swap"
+	}), e[2] = n, e[3] = i, e[4] = u, e[5] = d, e[6] = t, e[7] = p) : p = e[7], p;
+}, F = () => {
+	let e = b(8), t = a(), { isMaxImpactReachedError: n, isNoUsdPriceError: r, isNoAvailableBridgeOptionsError: i, isNoAvailablePricesError: o, isUnsupportedTokenError: s, getPriceImpact: c } = g(), l;
+	e[0] === c ? l = e[1] : (l = c(), e[0] = c, e[1] = l);
+	let u = s || o || i, d;
+	return e[2] !== n || e[3] !== r || e[4] !== l || e[5] !== u || e[6] !== t ? (d = /* @__PURE__ */ S(N, {
+		tokenTo: t,
+		priceImpact: l,
+		isMaxImpactReachedError: n,
+		isNoUsdPriceError: r,
+		tradeMode: "twap",
+		showSinglePriceImpactWarning: u
+	}), e[2] = n, e[3] = r, e[4] = l, e[5] = u, e[6] = t, e[7] = d) : d = e[7], d;
+}, I = () => {
+	let e = b(1);
+	if (!o()) return null;
+	let t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ S(m, {
+		message: /* @__PURE__ */ C(x, { children: [
+			"Each TWAP slice must be at least",
+			" ",
+			/* @__PURE__ */ S(y, {
+				timeMs: 60 * 1e3,
+				showSeconds: !0,
+				classes: { root: "inline-flex text-sm text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1" }
+			}),
+			" ",
+			"apart"
+		] }),
+		classes: { root: "mt-4" }
+	}), e[0] = t) : t = e[0], t;
+}, L = () => {
+	let e = b(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ C("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ S(I, {}), /* @__PURE__ */ S(F, {})]
+	}), e[0] = t) : t = e[0], t;
 };
+//#endregion
+export { P as SwapWidgetWarning, L as TwapWarnings, E as WidgetWarning };
 
-export { SwapWidgetWarning, TwapWidgetWarning, WidgetWarning };
-//# sourceMappingURL=Warnings.js.map
+//# sourceMappingURL=Warnings.js.map