@multiversx/sdk-dapp-liquidity 1.0.7 → 1.0.9

package/index.js

@@ -178,6 +178,7 @@ Object.defineProperty(exports, "useWaitForTransactionReceipt", {
   enumerable: true,
   get: () => wagmi.useWaitForTransactionReceipt
 });
+exports.ALL_NETWORK_ID = reactjs_constants_chains.ALL_NETWORK_ID;
 exports.chainIdentifier = reactjs_constants_chains.chainIdentifier;
 exports.useAppKit = index.useAppKit;
 exports.useAppKitEvents = index.useAppKitEvents;

package/index.mjs

@@ -80,10 +80,11 @@ import { roundAmount } from "./reactjs/utils/roundAmount.mjs";
 import { testNumber } from "./reactjs/utils/testNumber.mjs";
 import { u as u2 } from "./react-B9sQBOh0.mjs";
 import { useWaitForTransactionReceipt } from "wagmi";
-import { chainIdentifier } from "./reactjs/constants/chains.mjs";
+import { ALL_NETWORK_ID, chainIdentifier } from "./reactjs/constants/chains.mjs";
 import { u as u3, a, e, b, c, d } from "./index-BXwpbIDQ.mjs";
 import { u as u4, b as b2, a as a2 } from "./react-CSQpf1zk.mjs";
 export {
+  ALL_NETWORK_ID,
   AccountAddress,
   AmountCard,
   AmountInput,

package/package.json

@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/multiversx/mx-sdk-dapp-liquidity#readme",
   "license": "MIT",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "index.js",
   "module": "index.mjs",
   "types": "index.d.ts",

package/reactjs/components/AmountInput/AmountInput.js

@@ -30,31 +30,42 @@ const AmountInput = ({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative", children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactNumberFormat.NumericFormat,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        name: inputName,
-        value: inputValue,
-        placeholder: "0",
-        allowLeadingZeros: true,
-        thousandSeparator: ",",
-        allowNegative: false,
-        disabled,
         className: reactjs_utils_mxClsx.mxClsx(
-          "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent",
+          "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
           {
-            "liq-disabled liq-animate-pulse": disabled && !omitDisableClass
-          },
-          className
+            "liq-disabled liq-animate-loader": disabled
+          }
         ),
-        onChange: handleAmountChange,
-        onValueChange: async ({ value }) => {
-          onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
-        },
-        onBlur,
-        onKeyDown: (e) => checkKeyDown(e)
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          reactNumberFormat.NumericFormat,
+          {
+            name: inputName,
+            value: inputValue,
+            placeholder: "0",
+            allowLeadingZeros: true,
+            thousandSeparator: ",",
+            allowNegative: false,
+            disabled,
+            className: reactjs_utils_mxClsx.mxClsx(
+              "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent",
+              {
+                "liq-disabled liq-animate-pulse": disabled && !omitDisableClass
+              },
+              className
+            ),
+            onChange: handleAmountChange,
+            onValueChange: async ({ value }) => {
+              onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
+            },
+            onBlur,
+            onKeyDown: (e) => checkKeyDown(e)
+          }
+        )
       }
-    ) }),
+    ),
     amountError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-danger liq-text-xs", children: amountError }) })
   ] });
 };

package/reactjs/components/AmountInput/AmountInput.mjs

@@ -27,31 +27,42 @@ const AmountInput = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
-    /* @__PURE__ */ jsx("div", { className: "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative", children: /* @__PURE__ */ jsx(
-      NumericFormat,
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        name: inputName,
-        value: inputValue,
-        placeholder: "0",
-        allowLeadingZeros: true,
-        thousandSeparator: ",",
-        allowNegative: false,
-        disabled,
         className: mxClsx(
-          "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent",
+          "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
           {
-            "liq-disabled liq-animate-pulse": disabled && !omitDisableClass
-          },
-          className
+            "liq-disabled liq-animate-loader": disabled
+          }
         ),
-        onChange: handleAmountChange,
-        onValueChange: async ({ value }) => {
-          onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
-        },
-        onBlur,
-        onKeyDown: (e) => checkKeyDown(e)
+        children: /* @__PURE__ */ jsx(
+          NumericFormat,
+          {
+            name: inputName,
+            value: inputValue,
+            placeholder: "0",
+            allowLeadingZeros: true,
+            thousandSeparator: ",",
+            allowNegative: false,
+            disabled,
+            className: mxClsx(
+              "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent",
+              {
+                "liq-disabled liq-animate-pulse": disabled && !omitDisableClass
+              },
+              className
+            ),
+            onChange: handleAmountChange,
+            onValueChange: async ({ value }) => {
+              onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
+            },
+            onBlur,
+            onKeyDown: (e) => checkKeyDown(e)
+          }
+        )
       }
-    ) }),
+    ),
     amountError && /* @__PURE__ */ jsx("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ jsx("div", { className: "liq-text-danger liq-text-xs", children: amountError }) })
   ] });
 };

package/reactjs/components/BridgeForm/BridgeForm.js

@@ -205,6 +205,9 @@ const BridgeForm = ({
     )) ?? (chains == null ? void 0 : chains[0]),
     [activeChain == null ? void 0 : activeChain.id, chains]
   );
+  const defaultReceivingToken = toOptions.find(
+    (x) => x.name.toLowerCase().includes("usdc")
+  );
   const hasAmounts = firstAmount !== "" && secondAmount !== "";
   const fetchRateDebounced = require$$0.useCallback(
     debounce(async (amount) => {
@@ -292,7 +295,7 @@ const BridgeForm = ({
       }
       setFirstToken(() => option);
       updateUrlParams({ firstTokenId: option == null ? void 0 : option.address });
-      const secondOption = toOptions.find((x) => x.name === (option == null ? void 0 : option.name));
+      const secondOption = toOptions.find((x) => x.name === (option == null ? void 0 : option.name)) ?? defaultReceivingToken;
       if (!secondOption) {
         return;
       }
@@ -333,7 +336,7 @@ const BridgeForm = ({
     );
     const secondOption = (toOptions == null ? void 0 : toOptions.find(
       ({ address }) => address === ((firstOption == null ? void 0 : firstOption.name) ?? (initialTokens == null ? void 0 : initialTokens.secondTokenId))
-    )) ?? toOptions.find((x) => x.name === (firstOption == null ? void 0 : firstOption.name));
+    )) ?? toOptions.find((x) => x.name === (firstOption == null ? void 0 : firstOption.name)) ?? defaultReceivingToken;
     const hasOptionsSelected = Boolean(firstToken) && Boolean(secondToken) && ((_a2 = firstToken == null ? void 0 : firstToken.address) == null ? void 0 : _a2.toLowerCase()) === ((_b2 = firstOption == null ? void 0 : firstOption.address) == null ? void 0 : _b2.toLowerCase()) && ((_c2 = secondToken == null ? void 0 : secondToken.address) == null ? void 0 : _c2.toLowerCase()) === ((_d2 = secondOption == null ? void 0 : secondOption.address) == null ? void 0 : _d2.toLowerCase());
     if (hasOptionsSelected) {
       return;
@@ -456,8 +459,18 @@ const BridgeForm = ({
     fetchRateDebounced(firstAmount);
   }, [firstAmount, fetchRateDebounced]);
   require$$0.useEffect(() => {
-    return setSecondAmount((rate == null ? void 0 : rate.amountOut) ?? "");
-  }, [rate]);
+    if (!(rate == null ? void 0 : rate.amountOut)) {
+      return;
+    }
+    formik.setFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount, rate.amountOut);
+    setSecondAmount(rate.amountOut);
+  }, [rate == null ? void 0 : rate.amountOut]);
+  require$$0.useEffect(() => {
+    if (rateValidationError) {
+      formik.setFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount, "0");
+      setSecondAmount("0");
+    }
+  }, [rateValidationError]);
   require$$0.useEffect(setInitialSelectedTokens, [isTokensLoading, chainId]);
   require$$0.useEffect(() => {
     const selectedTokenOption = evmTokensWithBalances == null ? void 0 : evmTokensWithBalances.find(
@@ -588,7 +601,7 @@ const BridgeForm = ({
                     inputName: "secondAmount",
                     inputValue: formik.values.secondAmount ?? "",
                     amountError: secondAmount !== "" ? fromChainError ?? secondAmountError : void 0,
-                    disabled: false,
+                    disabled: isPendingRate,
                     onInputDebounceChange: handleOnChangeSecondAmount,
                     onInputChange: handleChange,
                     onBlur: handleBlur

package/reactjs/components/BridgeForm/BridgeForm.mjs

@@ -202,6 +202,9 @@ const BridgeForm = ({
     )) ?? (chains == null ? void 0 : chains[0]),
     [activeChain == null ? void 0 : activeChain.id, chains]
   );
+  const defaultReceivingToken = toOptions.find(
+    (x) => x.name.toLowerCase().includes("usdc")
+  );
   const hasAmounts = firstAmount !== "" && secondAmount !== "";
   const fetchRateDebounced = useCallback(
     debounce(async (amount) => {
@@ -289,7 +292,7 @@ const BridgeForm = ({
       }
       setFirstToken(() => option);
       updateUrlParams({ firstTokenId: option == null ? void 0 : option.address });
-      const secondOption = toOptions.find((x) => x.name === (option == null ? void 0 : option.name));
+      const secondOption = toOptions.find((x) => x.name === (option == null ? void 0 : option.name)) ?? defaultReceivingToken;
       if (!secondOption) {
         return;
       }
@@ -330,7 +333,7 @@ const BridgeForm = ({
     );
     const secondOption = (toOptions == null ? void 0 : toOptions.find(
       ({ address }) => address === ((firstOption == null ? void 0 : firstOption.name) ?? (initialTokens == null ? void 0 : initialTokens.secondTokenId))
-    )) ?? toOptions.find((x) => x.name === (firstOption == null ? void 0 : firstOption.name));
+    )) ?? toOptions.find((x) => x.name === (firstOption == null ? void 0 : firstOption.name)) ?? defaultReceivingToken;
     const hasOptionsSelected = Boolean(firstToken) && Boolean(secondToken) && ((_a2 = firstToken == null ? void 0 : firstToken.address) == null ? void 0 : _a2.toLowerCase()) === ((_b2 = firstOption == null ? void 0 : firstOption.address) == null ? void 0 : _b2.toLowerCase()) && ((_c2 = secondToken == null ? void 0 : secondToken.address) == null ? void 0 : _c2.toLowerCase()) === ((_d2 = secondOption == null ? void 0 : secondOption.address) == null ? void 0 : _d2.toLowerCase());
     if (hasOptionsSelected) {
       return;
@@ -453,8 +456,18 @@ const BridgeForm = ({
     fetchRateDebounced(firstAmount);
   }, [firstAmount, fetchRateDebounced]);
   useEffect(() => {
-    return setSecondAmount((rate == null ? void 0 : rate.amountOut) ?? "");
-  }, [rate]);
+    if (!(rate == null ? void 0 : rate.amountOut)) {
+      return;
+    }
+    formik.setFieldValue(BridgeFormikValuesEnum.secondAmount, rate.amountOut);
+    setSecondAmount(rate.amountOut);
+  }, [rate == null ? void 0 : rate.amountOut]);
+  useEffect(() => {
+    if (rateValidationError) {
+      formik.setFieldValue(BridgeFormikValuesEnum.secondAmount, "0");
+      setSecondAmount("0");
+    }
+  }, [rateValidationError]);
   useEffect(setInitialSelectedTokens, [isTokensLoading, chainId]);
   useEffect(() => {
     const selectedTokenOption = evmTokensWithBalances == null ? void 0 : evmTokensWithBalances.find(
@@ -585,7 +598,7 @@ const BridgeForm = ({
                     inputName: "secondAmount",
                     inputValue: formik.values.secondAmount ?? "",
                     amountError: secondAmount !== "" ? fromChainError ?? secondAmountError : void 0,
-                    disabled: false,
+                    disabled: isPendingRate,
                     onInputDebounceChange: handleOnChangeSecondAmount,
                     onInputChange: handleChange,
                     onBlur: handleBlur

package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.js

@@ -7,6 +7,8 @@ const Select = require("react-select");
 const reactjs_components_TokenSelector_components_ChainSelect_components_FormatChainOptionLabel = require("./components/FormatChainOptionLabel.js");
 const reactjs_components_TokenSelector_components_ChainSelect_components_IndicatorSeparator = require("./components/IndicatorSeparator.js");
 const reactjs_components_TokenSelector_components_ChainSelect_components_SelectedChainOption = require("./components/SelectedChainOption.js");
+require("../../../../constants/index.js");
+const reactjs_constants_chains = require("../../../../constants/chains.js");
 const ChainSelect = ({
   isLoading,
   selectedChainId,
@@ -26,9 +28,9 @@ const ChainSelect = ({
     }));
     options.unshift({
       label: "All",
-      value: "0",
+      value: reactjs_constants_chains.ALL_NETWORK_ID,
       chain: {
-        id: "0",
+        id: reactjs_constants_chains.ALL_NETWORK_ID,
         name: "all",
         networkName: "All",
         svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"

package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.mjs

@@ -4,6 +4,8 @@ import Select from "react-select";
 import { FormatChainOptionLabel } from "./components/FormatChainOptionLabel.mjs";
 import { IndicatorSeparator } from "./components/IndicatorSeparator.mjs";
 import { SelectedChainOption } from "./components/SelectedChainOption.mjs";
+import "../../../../constants/index.mjs";
+import { ALL_NETWORK_ID } from "../../../../constants/chains.mjs";
 const ChainSelect = ({
   isLoading,
   selectedChainId,
@@ -23,9 +25,9 @@ const ChainSelect = ({
     }));
     options.unshift({
       label: "All",
-      value: "0",
+      value: ALL_NETWORK_ID,
       chain: {
-        id: "0",
+        id: ALL_NETWORK_ID,
         name: "all",
         networkName: "All",
         svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"

package/reactjs/components/TokenSelector/components/SelectContent.js

@@ -5,8 +5,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const require$$0 = require("react");
 const reactjs_components_TokenSelector_components_ChainSelect_ChainSelect = require("./ChainSelect/ChainSelect.js");
 const reactjs_components_TokenSelector_components_TokenList = require("./TokenList.js");
+require("../../../constants/index.js");
 const reactjs_hooks_useGetChainId = require("../../../hooks/useGetChainId.js");
 const reactjs_components_base_MxSearch_MxSearch = require("../../base/MxSearch/MxSearch.js");
+const reactjs_constants_chains = require("../../../constants/chains.js");
 const SelectContent = ({
   onSelect,
   tokens = [],
@@ -19,7 +21,7 @@ const SelectContent = ({
   const searchPatternRef = require$$0.useRef("");
   const activeChainId = reactjs_hooks_useGetChainId.useGetChainId();
   const [selectedChainId, setSelectedChainId] = require$$0.useState(
-    (activeChainId == null ? void 0 : activeChainId.toString()) ?? "0"
+    (activeChainId == null ? void 0 : activeChainId.toString()) ?? reactjs_constants_chains.ALL_NETWORK_ID
   );
   const filteredTokensText = require$$0.useMemo(() => {
     const selectedChain = chains.find(
@@ -36,7 +38,7 @@ const SelectContent = ({
   };
   const handleSearch = (pattern) => {
     searchPatternRef.current = pattern;
-    if (selectedChainId === "0") {
+    if (selectedChainId === reactjs_constants_chains.ALL_NETWORK_ID) {
       const filtered2 = tokens.filter(
         (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
       );

package/reactjs/components/TokenSelector/components/SelectContent.mjs

@@ -2,8 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useMemo, useEffect } from "react";
 import { ChainSelect } from "./ChainSelect/ChainSelect.mjs";
 import { TokenList } from "./TokenList.mjs";
+import "../../../constants/index.mjs";
 import { useGetChainId } from "../../../hooks/useGetChainId.mjs";
 import { MxSearch } from "../../base/MxSearch/MxSearch.mjs";
+import { ALL_NETWORK_ID } from "../../../constants/chains.mjs";
 const SelectContent = ({
   onSelect,
   tokens = [],
@@ -16,7 +18,7 @@ const SelectContent = ({
   const searchPatternRef = useRef("");
   const activeChainId = useGetChainId();
   const [selectedChainId, setSelectedChainId] = useState(
-    (activeChainId == null ? void 0 : activeChainId.toString()) ?? "0"
+    (activeChainId == null ? void 0 : activeChainId.toString()) ?? ALL_NETWORK_ID
   );
   const filteredTokensText = useMemo(() => {
     const selectedChain = chains.find(
@@ -33,7 +35,7 @@ const SelectContent = ({
   };
   const handleSearch = (pattern) => {
     searchPatternRef.current = pattern;
-    if (selectedChainId === "0") {
+    if (selectedChainId === ALL_NETWORK_ID) {
       const filtered2 = tokens.filter(
         (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
       );

package/reactjs/constants/chains.d.ts

@@ -32,4 +32,5 @@ export declare const chainIdentifier: {
     msx: string;
     MultiversX: string;
 };
+export declare const ALL_NETWORK_ID = "-1";
 export {};

package/reactjs/constants/chains.js

@@ -35,4 +35,6 @@ const chainIdentifier = {
   ...base,
   default: _default.DefaultIcon
 };
+const ALL_NETWORK_ID = "-1";
+exports.ALL_NETWORK_ID = ALL_NETWORK_ID;
 exports.chainIdentifier = chainIdentifier;

package/reactjs/constants/chains.mjs

@@ -32,6 +32,8 @@ const chainIdentifier = {
   ...base,
   default: DefaultIcon
 };
+const ALL_NETWORK_ID = "-1";
 export {
+  ALL_NETWORK_ID,
   chainIdentifier
 };

package/reactjs/constants/index.js

@@ -7,6 +7,7 @@ const safeWindow = (
   typeof window !== "undefined" ? window : {}
 );
 const safeDocument = typeof document !== "undefined" ? safeWindow.document : {};
+exports.ALL_NETWORK_ID = reactjs_constants_chains.ALL_NETWORK_ID;
 exports.chainIdentifier = reactjs_constants_chains.chainIdentifier;
 exports.safeDocument = safeDocument;
 exports.safeWindow = safeWindow;

package/reactjs/constants/index.mjs

@@ -1,10 +1,11 @@
-import { chainIdentifier } from "./chains.mjs";
+import { ALL_NETWORK_ID, chainIdentifier } from "./chains.mjs";
 const safeWindow = (
   // eslint-disable-next-line no-undef
   typeof window !== "undefined" ? window : {}
 );
 const safeDocument = typeof document !== "undefined" ? safeWindow.document : {};
 export {
+  ALL_NETWORK_ID,
   chainIdentifier,
   safeDocument,
   safeWindow

package/reactjs/hooks/useBridgeFormik.js

@@ -133,8 +133,8 @@ const useBridgeFormik = ({
       setFieldValue("secondAmount", 0, true);
       return;
     }
-    if (lastChangedField === "firstAmount" && values.firstAmount && values.firstAmount !== "") {
-      const calculatedSecondAmount = parseFloat(values.firstAmount) - Number((rate == null ? void 0 : rate.fee) ?? "0");
+    if (lastChangedField === "firstAmount" && values.firstAmount && values.firstAmount !== "" && (rate == null ? void 0 : rate.fee) && rate.fee !== "0") {
+      const calculatedSecondAmount = parseFloat(values.firstAmount) - Number(rate.fee);
       setFieldValue(
         "secondAmount",
         calculatedSecondAmount > 0 ? calculatedSecondAmount : "0"
@@ -146,8 +146,8 @@ const useBridgeFormik = ({
       setFieldValue("firstAmount", 0, true);
       return;
     }
-    if (lastChangedField === "secondAmount" && values.secondAmount && values.secondAmount !== "") {
-      const calculatedFirstAmount = parseFloat(values.secondAmount) + Number((rate == null ? void 0 : rate.fee) ?? "0");
+    if (lastChangedField === "secondAmount" && values.secondAmount && values.secondAmount !== "" && (rate == null ? void 0 : rate.fee) && rate.fee !== "0") {
+      const calculatedFirstAmount = parseFloat(values.secondAmount) + Number(rate.fee);
       setFieldValue("firstAmount", calculatedFirstAmount);
     }
   }, [values.secondAmount, rate == null ? void 0 : rate.fee, lastChangedField, touched.secondAmount]);

package/reactjs/hooks/useBridgeFormik.mjs

@@ -130,8 +130,8 @@ const useBridgeFormik = ({
       setFieldValue("secondAmount", 0, true);
       return;
     }
-    if (lastChangedField === "firstAmount" && values.firstAmount && values.firstAmount !== "") {
-      const calculatedSecondAmount = parseFloat(values.firstAmount) - Number((rate == null ? void 0 : rate.fee) ?? "0");
+    if (lastChangedField === "firstAmount" && values.firstAmount && values.firstAmount !== "" && (rate == null ? void 0 : rate.fee) && rate.fee !== "0") {
+      const calculatedSecondAmount = parseFloat(values.firstAmount) - Number(rate.fee);
       setFieldValue(
         "secondAmount",
         calculatedSecondAmount > 0 ? calculatedSecondAmount : "0"
@@ -143,8 +143,8 @@ const useBridgeFormik = ({
       setFieldValue("firstAmount", 0, true);
       return;
     }
-    if (lastChangedField === "secondAmount" && values.secondAmount && values.secondAmount !== "") {
-      const calculatedFirstAmount = parseFloat(values.secondAmount) + Number((rate == null ? void 0 : rate.fee) ?? "0");
+    if (lastChangedField === "secondAmount" && values.secondAmount && values.secondAmount !== "" && (rate == null ? void 0 : rate.fee) && rate.fee !== "0") {
+      const calculatedFirstAmount = parseFloat(values.secondAmount) + Number(rate.fee);
       setFieldValue("firstAmount", calculatedFirstAmount);
     }
   }, [values.secondAmount, rate == null ? void 0 : rate.fee, lastChangedField, touched.secondAmount]);

package/reactjs/index.js

@@ -142,6 +142,7 @@ Object.defineProperty(exports, "useWaitForTransactionReceipt", {
   enumerable: true,
   get: () => wagmi.useWaitForTransactionReceipt
 });
+exports.ALL_NETWORK_ID = reactjs_constants_chains.ALL_NETWORK_ID;
 exports.chainIdentifier = reactjs_constants_chains.chainIdentifier;
 exports.useAppKit = index.useAppKit;
 exports.useAppKitEvents = index.useAppKitEvents;

package/reactjs/index.mjs

@@ -63,10 +63,11 @@ import { roundAmount } from "./utils/roundAmount.mjs";
 import { testNumber } from "./utils/testNumber.mjs";
 import { u as u2 } from "../react-B9sQBOh0.mjs";
 import { useWaitForTransactionReceipt } from "wagmi";
-import { chainIdentifier } from "./constants/chains.mjs";
+import { ALL_NETWORK_ID, chainIdentifier } from "./constants/chains.mjs";
 import { u as u3, a, e, b, c, d } from "../index-BXwpbIDQ.mjs";
 import { u as u4, b as b2, a as a2 } from "../react-CSQpf1zk.mjs";
 export {
+  ALL_NETWORK_ID,
   AccountAddress,
   AmountCard,
   AmountInput,