@velora-dex/widget 0.1.0-rc.2 → 0.1.0

package/dist/core/inputs/hooks/useTokenSwitcherProps.js

@@ -1,12 +1,12 @@
 import { d as distExports } from '../../../_virtual/index.js';
-import { useTokenToAtom } from '../state/selectedTokenAtom.js';
+import { useSwapTokenTo } from '../state/selectedTokenAtom.js';
 import { useSetAtom } from 'jotai';
-import { switchTokensAtom } from '../state/selectedTokenActionsAtom.js';
+import { switchSwapTokensAtom } from '../state/selectedTokenActionsAtom.js';
 
-const useTokenSwitcherProps = () => {
+const useSwapTokenSwitcherProps = () => {
   const $ = distExports.c(3);
-  const tokenTo = useTokenToAtom();
-  const switchTokens = useSetAtom(switchTokensAtom);
+  const tokenTo = useSwapTokenTo();
+  const switchTokens = useSetAtom(switchSwapTokensAtom);
   const t0 = !!tokenTo;
   let t1;
   if ($[0] !== switchTokens || $[1] !== t0) {
@@ -23,5 +23,5 @@ const useTokenSwitcherProps = () => {
   return t1;
 };
 
-export { useTokenSwitcherProps };
+export { useSwapTokenSwitcherProps };
 //# sourceMappingURL=useTokenSwitcherProps.js.map

package/dist/core/inputs/hooks/useTokenSwitcherProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenSwitcherProps.js","sources":["../../../../src/core/inputs/hooks/useTokenSwitcherProps.tsx"],"sourcesContent":["import type { TokenSwitcherProps } from \"@/components/widget/TokenSwitcher/types\";\nimport { useTokenToAtom } from \"../state/selectedTokenAtom\";\nimport { useSetAtom } from \"jotai\";\nimport { switchTokensAtom } from \"../state/selectedTokenActionsAtom\";\n\nexport const useTokenSwitcherProps = (): TokenSwitcherProps => {\n  const tokenTo = useTokenToAtom();\n  const switchTokens = useSetAtom(switchTokensAtom);\n\n  return {\n    enableSwitchTokens: !!tokenTo,\n    onSwitchTokens: switchTokens,\n  };\n};\n"],"names":["useTokenSwitcherProps","$","_c","tokenTo","useTokenToAtom","switchTokens","useSetAtom","switchTokensAtom","t0","t1","enableSwitchTokens","onSwitchTokens"],"mappings":";;;;;AAKO,MAAMA,wBAAwBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACnC,EAAA,MAAAC,UAAgBC,cAAAA,EAAe;AAC/B,EAAA,MAAAC,YAAAA,GAAqBC,WAAAC,gBAA2B,CAAA;AAG1B,EAAA,MAAAC,EAAAA,KAAEL,OAAAA;AAAO,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAI,gBAAAJ,CAAAA,QAAAO,EAAAA,EAAA;AADxBC,IAAAA,EAAAA,GAAA;AAAA,MAAAC,kBAAAA,EACeF,EAAAA;AAAAA,MAASG,cAAAA,EACbN;AAAAA,KAAY;AAC7BJ,IAAAA,CAAAA,MAAAI,YAAAA;AAAAJ,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHMQ,EAAAA;AAGN;;;;"}
+{"version":3,"file":"useTokenSwitcherProps.js","sources":["../../../../src/core/inputs/hooks/useTokenSwitcherProps.tsx"],"sourcesContent":["import type { TokenSwitcherProps } from \"@/components/widget/TokenSwitcher/types\";\nimport { useSwapTokenTo } from \"../state/selectedTokenAtom\";\nimport { useSetAtom } from \"jotai\";\nimport { switchSwapTokensAtom } from \"../state/selectedTokenActionsAtom\";\n\nexport const useSwapTokenSwitcherProps = (): TokenSwitcherProps => {\n  const tokenTo = useSwapTokenTo();\n  const switchTokens = useSetAtom(switchSwapTokensAtom);\n\n  return {\n    enableSwitchTokens: !!tokenTo,\n    onSwitchTokens: switchTokens,\n  };\n};\n"],"names":["useSwapTokenSwitcherProps","$","_c","tokenTo","useSwapTokenTo","switchTokens","useSetAtom","switchSwapTokensAtom","t0","t1","enableSwitchTokens","onSwitchTokens"],"mappings":";;;;;AAKO,MAAMA,4BAA4BA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACvC,EAAA,MAAAC,UAAgBC,cAAAA,EAAe;AAC/B,EAAA,MAAAC,YAAAA,GAAqBC,WAAAC,oBAA+B,CAAA;AAG9B,EAAA,MAAAC,EAAAA,KAAEL,OAAAA;AAAO,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAI,gBAAAJ,CAAAA,QAAAO,EAAAA,EAAA;AADxBC,IAAAA,EAAAA,GAAA;AAAA,MAAAC,kBAAAA,EACeF,EAAAA;AAAAA,MAASG,cAAAA,EACbN;AAAAA,KAAY;AAC7BJ,IAAAA,CAAAA,MAAAI,YAAAA;AAAAJ,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHMQ,EAAAA;AAGN;;;;"}

package/dist/core/inputs/hooks/useTokenToInputProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenToInputProps.d.ts","sourceRoot":"","sources":["../../../../src/core/inputs/hooks/useTokenToInputProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAiB5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAUpE,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAsJF,eAAO,MAAM,oBAAoB,GAAI,6DAMlC,oBAAoB,KAAG,eAoBzB,CAAC"}
+{"version":3,"file":"useTokenToInputProps.d.ts","sourceRoot":"","sources":["../../../../src/core/inputs/hooks/useTokenToInputProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAiB5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAkBpE,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA0LF,eAAO,MAAM,oBAAoB,GAAI,6DAMlC,oBAAoB,KAAG,eAyBzB,CAAC"}

package/dist/core/inputs/hooks/useTokenToInputProps.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
-import { useTokenToAtom, useTokenFromAtom } from '../state/selectedTokenAtom.js';
-import { chainToAtom } from '../../state/chainToAtom.js';
-import { useAtom, useSetAtom } from 'jotai';
+import { useSwapTokenTo, useSwapTokenFrom } from '../state/selectedTokenAtom.js';
+import { swapChainToAtom } from '../../state/chainToAtom.js';
+import { useSetAtom, useAtom, useAtomValue } from 'jotai';
 import { useAvailableCrosses } from '../../../hooks/useAvailableCrosses.js';
 import { useChainId } from 'wagmi';
 import { receiveInputAmountAtom } from '../state/inputAmountAtom.js';
@@ -13,244 +13,324 @@ import { useIsCrossChain } from '../../state/isCrosschainAtom.js';
 import { useGlobalDeltaEnabled } from '../../../hooks/useGlobalDeltaEnabled.js';
 import { getDestAmountAfterFee } from '../../../lib/utils/price.js';
 import { calculateFeeUSD } from '../../../lib/utils/fee.js';
-import { parseDeltaApiError } from '../../../lib/utils/delta.js';
+import { parseDeltaApiError, replaceUnsupportedTokenMessage, isUnsupportedTokenError, customUnsupportedTokenMessage } from '../../../lib/utils/delta.js';
 import { useIsCrosschainPossible } from '../../../hooks/useIsCrosschainPossible.js';
 import { useTokenBalance } from '../../../hooks/tokens/balances/useTokenBalance.js';
 import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
 import { useLogger } from '../../logger.js';
 import { MEDIUM_STALE_TIME_FOR_REACTIVENESS } from '../../../lib/constants/time.js';
+import { selectSwapTokenToAtom } from '../state/selectedTokenActionsAtom.js';
+import { isTruthy } from '../../../lib/utils/index.js';
+import { isDeltaPrice } from '../../../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js';
 
 const useTokenToAmountProps = (t0) => {
-  const $ = distExports.c(15);
+  const $ = distExports.c(14);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
   const {
     price
-  } = t0;
-  const logger = useLogger("TokenTo::AmountProps");
-  const tokenTo = useTokenToAtom();
+  } = t1;
+  const logger = useLogger("Swap::TokenTo::AmountProps");
+  const tokenTo = useSwapTokenTo();
   const isCrossChain = useIsCrossChain();
   const [amountValue, setAmountValue] = useAtom(receiveInputAmountAtom);
-  let t1;
+  const tokenBalanceUnit = useTokenToBalanceUnit();
+  let t2;
+  if ($[2] !== price) {
+    t2 = price && isDeltaPrice(price) ? price.receivedDestUSDBeforeFee : price?.destUSD;
+    $[2] = price;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const usdEstimation = t2;
+  let t3;
+  if ($[4] !== logger || $[5] !== setAmountValue) {
+    t3 = (values) => {
+      logger.log("onAmountChange::values", values);
+      setAmountValue(values.value);
+    };
+    $[4] = logger;
+    $[5] = setAmountValue;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== amountValue || $[8] !== isCrossChain || $[9] !== t3 || $[10] !== tokenBalanceUnit || $[11] !== tokenTo || $[12] !== usdEstimation) {
+    t4 = {
+      usdEstimation,
+      amount: amountValue,
+      tokenBalanceUnit,
+      token: tokenTo,
+      readOnly: isCrossChain,
+      onAmountChange: t3
+    };
+    $[7] = amountValue;
+    $[8] = isCrossChain;
+    $[9] = t3;
+    $[10] = tokenBalanceUnit;
+    $[11] = tokenTo;
+    $[12] = usdEstimation;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+const useTokenToBalanceUnit = () => {
+  const $ = distExports.c(5);
+  const tokenTo = useSwapTokenTo();
+  let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
+    t0 = {
       refetchInterval: MEDIUM_STALE_TIME_FOR_REACTIVENESS
     };
-    $[0] = t1;
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  let t2;
+  let t1;
   if ($[1] !== tokenTo) {
-    t2 = {
+    t1 = {
       token: tokenTo,
-      queryOptions: t1
+      queryOptions: t0
     };
     $[1] = tokenTo;
-    $[2] = t2;
+    $[2] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[2];
   }
   const {
     balanceUnit
-  } = useTokenBalance(t2);
-  let t3;
+  } = useTokenBalance(t1);
+  let t2;
   if ($[3] !== balanceUnit) {
-    t3 = toDecimalTrimmed(balanceUnit);
+    t2 = toDecimalTrimmed(balanceUnit);
     $[3] = balanceUnit;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const balanceToDisplay = t3;
-  const usdEstimation = price && "destUSDBeforeFee" in price ? price.destUSDBeforeFee : price?.destUSD;
-  let t4;
-  if ($[5] !== logger || $[6] !== setAmountValue) {
-    t4 = (values) => {
-      logger.log("onAmountChange::values", values);
-      setAmountValue(values.value);
-    };
-    $[5] = logger;
-    $[6] = setAmountValue;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== amountValue || $[9] !== balanceToDisplay || $[10] !== isCrossChain || $[11] !== t4 || $[12] !== tokenTo || $[13] !== usdEstimation) {
-    t5 = {
-      usdEstimation,
-      amount: amountValue,
-      tokenBalanceUnit: balanceToDisplay,
-      token: tokenTo,
-      readOnly: isCrossChain,
-      onAmountChange: t4
-    };
-    $[8] = amountValue;
-    $[9] = balanceToDisplay;
-    $[10] = isCrossChain;
-    $[11] = t4;
-    $[12] = tokenTo;
-    $[13] = usdEstimation;
-    $[14] = t5;
+    $[4] = t2;
   } else {
-    t5 = $[14];
+    t2 = $[4];
   }
-  return t5;
+  return t2;
 };
-const useExtraProps = (t0) => {
-  const $ = distExports.c(31);
+const useYouGetProps = (t0) => {
+  const $ = distExports.c(6);
   const {
-    isPriceLoading,
     priceMode,
-    priceError,
     price,
     token
   } = t0;
+  const side = useSwapSide();
+  const isSell = side === "SELL";
+  const destUSD = price && isDeltaPrice(price) ? price.receivedDestUSD : price?.destUSD;
+  let t1;
+  if ($[0] !== destUSD || $[1] !== isSell || $[2] !== price || $[3] !== priceMode || $[4] !== token) {
+    t1 = isSell && price && token && (priceMode === "delta" || priceMode === "market" && price.partnerFee > 0) ? {
+      amountWei: getDestAmountAfterFee(price),
+      swapFeesUSD: destUSD ? calculateFeeUSD(price.partnerFee, destUSD).toString() : void 0,
+      networkCostUSD: price.gasCostUSD,
+      token,
+      priceMode
+    } : void 0;
+    $[0] = destUSD;
+    $[1] = isSell;
+    $[2] = price;
+    $[3] = priceMode;
+    $[4] = token;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const youGetProps = t1;
+  return youGetProps;
+};
+const useWarningMessage = (t0) => {
+  const $ = distExports.c(17);
+  const {
+    priceError,
+    priceMode
+  } = t0;
   const chainId = useChainId();
-  const [chainTo, setChainTo] = useAtom(chainToAtom);
-  const tokenFrom = useTokenFromAtom();
+  const chainTo = useAtomValue(swapChainToAtom);
+  const tokenFrom = useSwapTokenFrom();
+  const tokenTo = useSwapTokenTo();
   let t1;
-  if ($[0] !== chainId) {
+  if ($[0] !== chainId || $[1] !== chainTo || $[2] !== tokenFrom.address) {
     t1 = {
-      fromChainId: chainId
+      fromChainId: chainId,
+      toChainId: chainTo,
+      tokenAddress: tokenFrom.address
     };
     $[0] = chainId;
+    $[1] = chainTo;
+    $[2] = tokenFrom.address;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const {
+    isCrosschainPossible,
+    isLoading: isLoadingCrosschainAvailability,
+    hasTokens,
+    tokenSupported
+  } = useIsCrosschainPossible(t1);
+  const isCrosschain = useIsCrossChain();
+  let t2;
+  if ($[4] !== priceError) {
+    t2 = priceError && parseDeltaApiError(priceError);
+    $[4] = priceError;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const deltaPriceError = t2;
+  let t3;
+  if ($[6] !== deltaPriceError || $[7] !== tokenFrom || $[8] !== tokenTo) {
+    t3 = deltaPriceError ? isUnsupportedTokenError(deltaPriceError) ? replaceUnsupportedTokenMessage(deltaPriceError.description, [tokenFrom, tokenTo].filter(isTruthy)) : deltaPriceError?.description : null;
+    $[6] = deltaPriceError;
+    $[7] = tokenFrom;
+    $[8] = tokenTo;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const deltaErrorToShow = t3;
+  let t4;
+  if ($[10] !== hasTokens || $[11] !== isCrosschain || $[12] !== isCrosschainPossible || $[13] !== isLoadingCrosschainAvailability || $[14] !== tokenFrom || $[15] !== tokenSupported) {
+    t4 = !isLoadingCrosschainAvailability && !isCrosschainPossible && isCrosschain ? tokenSupported === false ? customUnsupportedTokenMessage(tokenFrom) : hasTokens === false ? "Chain selection isn't supported for Crosschain Swap" : void 0 : void 0;
+    $[10] = hasTokens;
+    $[11] = isCrosschain;
+    $[12] = isCrosschainPossible;
+    $[13] = isLoadingCrosschainAvailability;
+    $[14] = tokenFrom;
+    $[15] = tokenSupported;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  const crosschainDeltaWarning = t4;
+  const warningMessage = priceMode === "delta" ? deltaErrorToShow || crosschainDeltaWarning : void 0;
+  return warningMessage;
+};
+const useExtraProps = (t0) => {
+  const $ = distExports.c(22);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
   const {
-    availableCrosses: t2
-  } = useAvailableCrosses(t1);
-  let t3;
-  if ($[2] !== t2) {
-    t3 = t2 === void 0 ? [] : t2;
-    $[2] = t2;
-    $[3] = t3;
+    isPriceLoading
+  } = t1;
+  const chainId = useChainId();
+  const [chainTo, setChainTo] = useAtom(swapChainToAtom);
+  let t2;
+  if ($[2] !== chainId) {
+    t2 = {
+      fromChainId: chainId
+    };
+    $[2] = chainId;
+    $[3] = t2;
   } else {
-    t3 = $[3];
+    t2 = $[3];
   }
-  const availableCrosses = t3;
   const {
-    enabledInConfig: deltaEnabledInConfig,
-    enabledInSettings: deltaEnabledInSettings,
-    enabledOnCurrentChain: deltaEnabledOnCurrentChain
-  } = useGlobalDeltaEnabled();
+    availableCrosses: t3
+  } = useAvailableCrosses(t2);
   let t4;
-  if ($[4] !== chainId || $[5] !== chainTo || $[6] !== tokenFrom.address) {
-    t4 = {
-      fromChainId: chainId,
-      toChainId: chainTo,
-      tokenAddress: tokenFrom.address
-    };
-    $[4] = chainId;
-    $[5] = chainTo;
-    $[6] = tokenFrom.address;
-    $[7] = t4;
+  if ($[4] !== t3) {
+    t4 = t3 === void 0 ? [] : t3;
+    $[4] = t3;
+    $[5] = t4;
   } else {
-    t4 = $[7];
+    t4 = $[5];
   }
+  const availableCrosses = t4;
   const {
-    isCrosschainPossible,
-    isLoading: isLoadingCrosschainAvailability,
-    hasTokens,
-    tokenSupported
-  } = useIsCrosschainPossible(t4);
-  const isCrosschain = useIsCrossChain();
-  const setCurrentSwapInput = useSetAtom(currentSwapInputAtom);
+    enabledInConfig: deltaEnabledInConfig,
+    enabledInSettings: deltaEnabledInSettings,
+    enabledOnCurrentChain: deltaEnabledOnCurrentChain
+  } = useGlobalDeltaEnabled();
+  const setCurrentInput = useSetAtom(currentSwapInputAtom);
   const side = useSwapSide();
   const isSell = side === "SELL";
   const isLoading = isPriceLoading && isSell;
   let t5;
-  if ($[8] !== isSell || $[9] !== price || $[10] !== priceMode || $[11] !== token) {
-    t5 = isSell && price && token && (priceMode === "delta" || priceMode === "market" && price.partnerFee > 0) ? {
-      amountWei: getDestAmountAfterFee(price),
-      swapFeesUSD: price.destUSD ? calculateFeeUSD(price.partnerFee, price.destUSD).toString() : void 0,
-      networkCostUSD: price.gasCostUSD,
-      token,
-      priceMode
-    } : void 0;
-    $[8] = isSell;
-    $[9] = price;
-    $[10] = priceMode;
-    $[11] = token;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  const youGetProps = t5;
-  const deltaWarning = parseDeltaApiError(priceError)?.description;
-  const crosschainDeltaWarning = !isLoadingCrosschainAvailability && !isCrosschainPossible && isCrosschain ? tokenSupported === false ? "Pay Token isn't supported on Delta" : hasTokens === false ? "Chain selection isn't supported for Crosschain Swap" : void 0 : void 0;
-  const warningMessage = priceMode === "delta" ? deltaWarning || crosschainDeltaWarning : void 0;
-  let t6;
-  if ($[13] !== availableCrosses || $[14] !== chainId || $[15] !== chainTo || $[16] !== deltaEnabledInConfig || $[17] !== deltaEnabledInSettings || $[18] !== deltaEnabledOnCurrentChain || $[19] !== setChainTo) {
-    t6 = chainTo !== void 0 ? {
+  if ($[6] !== availableCrosses || $[7] !== chainId || $[8] !== chainTo || $[9] !== deltaEnabledInConfig || $[10] !== deltaEnabledInSettings || $[11] !== deltaEnabledOnCurrentChain || $[12] !== setChainTo) {
+    t5 = chainTo !== void 0 ? {
       networks: [chainId].concat(availableCrosses),
       selectedNetwork: chainTo,
       allOption: false,
-      onSelect: setChainTo,
+      onSelect: (chainId_0) => chainId_0 !== "all" && setChainTo(chainId_0),
       disabled: availableCrosses.length === 0 || !deltaEnabledInConfig || !deltaEnabledInSettings || !deltaEnabledOnCurrentChain
     } : void 0;
-    $[13] = availableCrosses;
-    $[14] = chainId;
-    $[15] = chainTo;
-    $[16] = deltaEnabledInConfig;
-    $[17] = deltaEnabledInSettings;
-    $[18] = deltaEnabledOnCurrentChain;
-    $[19] = setChainTo;
-    $[20] = t6;
+    $[6] = availableCrosses;
+    $[7] = chainId;
+    $[8] = chainTo;
+    $[9] = deltaEnabledInConfig;
+    $[10] = deltaEnabledInSettings;
+    $[11] = deltaEnabledOnCurrentChain;
+    $[12] = setChainTo;
+    $[13] = t5;
   } else {
-    t6 = $[20];
+    t5 = $[13];
   }
-  let t7;
-  if ($[21] !== setCurrentSwapInput) {
-    t7 = () => setCurrentSwapInput("to");
-    $[21] = setCurrentSwapInput;
-    $[22] = t7;
+  let t6;
+  if ($[14] !== setCurrentInput) {
+    t6 = () => setCurrentInput("to");
+    $[14] = setCurrentInput;
+    $[15] = t6;
   } else {
-    t7 = $[22];
+    t6 = $[15];
   }
-  let t8;
-  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /* @__PURE__ */ jsx("span", { children: "Receive" });
-    $[23] = t8;
+  let t7;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsx("span", { children: "Receive" });
+    $[16] = t7;
   } else {
-    t8 = $[23];
+    t7 = $[16];
   }
-  let t9;
-  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t8,
+  let t8;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t7,
       " ",
       /* @__PURE__ */ jsx("span", { className: "text-contrast-5", children: "on" })
     ] });
-    $[24] = t9;
+    $[17] = t8;
   } else {
-    t9 = $[24];
+    t8 = $[17];
   }
-  let t10;
-  if ($[25] !== isLoading || $[26] !== t6 || $[27] !== t7 || $[28] !== warningMessage || $[29] !== youGetProps) {
-    t10 = {
-      networkSwitcherProps: t6,
+  let t9;
+  if ($[18] !== isLoading || $[19] !== t5 || $[20] !== t6) {
+    t9 = {
+      networkSwitcherProps: t5,
       tokenType: "to",
-      onFocus: t7,
-      label: t9,
-      isLoading,
-      youGetProps,
-      warningMessage
+      onFocus: t6,
+      label: t8,
+      isLoading
     };
-    $[25] = isLoading;
-    $[26] = t6;
-    $[27] = t7;
-    $[28] = warningMessage;
-    $[29] = youGetProps;
-    $[30] = t10;
+    $[18] = isLoading;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t9;
   } else {
-    t10 = $[30];
+    t9 = $[21];
   }
-  return t10;
+  return t9;
 };
 const useTokenToInputProps = (t0) => {
-  const $ = distExports.c(16);
+  const $ = distExports.c(24);
   const {
     override,
     isPriceLoading,
@@ -269,51 +349,90 @@ const useTokenToInputProps = (t0) => {
     t1 = $[1];
   }
   const tokenToAmounts = useTokenToAmountProps(t1);
+  const token = tokenToAmounts.token;
   let t2;
-  if ($[2] !== isPriceLoading || $[3] !== price || $[4] !== priceError || $[5] !== priceMode || $[6] !== tokenToAmounts.token) {
+  if ($[2] !== isPriceLoading) {
     t2 = {
-      isPriceLoading,
-      priceMode,
-      priceError,
-      price,
-      token: tokenToAmounts.token
+      isPriceLoading
     };
     $[2] = isPriceLoading;
-    $[3] = price;
-    $[4] = priceError;
-    $[5] = priceMode;
-    $[6] = tokenToAmounts.token;
-    $[7] = t2;
+    $[3] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[3];
   }
   const extraProps = useExtraProps(t2);
   let t3;
-  if ($[8] !== override || $[9] !== tokenToAmounts.amount || $[10] !== tokenToAmounts.token) {
-    t3 = override?.amountWei && tokenToAmounts.token ? formatUnits(BigInt(override.amountWei), tokenToAmounts.token.decimals) : tokenToAmounts.amount;
-    $[8] = override;
-    $[9] = tokenToAmounts.amount;
-    $[10] = tokenToAmounts.token;
-    $[11] = t3;
+  if ($[4] !== price || $[5] !== priceMode || $[6] !== token) {
+    t3 = {
+      priceMode,
+      price,
+      token
+    };
+    $[4] = price;
+    $[5] = priceMode;
+    $[6] = token;
+    $[7] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[7];
   }
-  const amount = t3;
+  const youGetProps = useYouGetProps(t3);
   let t4;
-  if ($[12] !== amount || $[13] !== extraProps || $[14] !== tokenToAmounts) {
+  if ($[8] !== priceError || $[9] !== priceMode) {
     t4 = {
+      priceMode,
+      priceError
+    };
+    $[8] = priceError;
+    $[9] = priceMode;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const warningMessage = useWarningMessage(t4);
+  let t5;
+  if ($[11] !== override || $[12] !== token || $[13] !== tokenToAmounts.amount) {
+    t5 = override?.amountWei && token ? formatUnits(BigInt(override.amountWei), token.decimals) : tokenToAmounts.amount;
+    $[11] = override;
+    $[12] = token;
+    $[13] = tokenToAmounts.amount;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const amount = t5;
+  const setTokenTo = useSetAtom(selectSwapTokenToAtom);
+  let t6;
+  if ($[15] !== setTokenTo) {
+    t6 = (newTokenTo) => {
+      setTokenTo(newTokenTo);
+    };
+    $[15] = setTokenTo;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  const onTokenSelect = t6;
+  let t7;
+  if ($[17] !== amount || $[18] !== extraProps || $[19] !== onTokenSelect || $[20] !== tokenToAmounts || $[21] !== warningMessage || $[22] !== youGetProps) {
+    t7 = {
       ...tokenToAmounts,
       amount,
-      ...extraProps
+      ...extraProps,
+      youGetProps,
+      warningMessage,
+      onTokenSelect
     };
-    $[12] = amount;
-    $[13] = extraProps;
-    $[14] = tokenToAmounts;
-    $[15] = t4;
+    $[17] = amount;
+    $[18] = extraProps;
+    $[19] = onTokenSelect;
+    $[20] = tokenToAmounts;
+    $[21] = warningMessage;
+    $[22] = youGetProps;
+    $[23] = t7;
   } else {
-    t4 = $[15];
+    t7 = $[23];
   }
-  return t4;
+  return t7;
 };
 
 export { useTokenToInputProps };