@multiversx/sdk-dapp-liquidity 2.0.0 → 2.1.0-alpha.1

package/reactjs/components/BridgeForm/hooks/useBridgeAmounts.js

@@ -1,79 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const formatAmount = require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");
-const React = require("react");
-const reactjs_hooks_useBridgeFormik = require("../../../hooks/useBridgeFormik.js");
-const useBridgeAmounts = ({
-  firstToken,
-  firstTokenAmount,
-  secondTokenAmount,
-  rate,
-  rateValidationError,
-  formikSetFieldValue
-}) => {
-  const [firstAmount, setFirstAmount] = React.useState(firstTokenAmount ?? "");
-  const [secondAmount, setSecondAmount] = React.useState(secondTokenAmount ?? "");
-  const handleOnChangeFirstAmount = React.useCallback((amount) => {
-    setFirstAmount(amount);
-  }, []);
-  const handleOnChangeSecondAmount = React.useCallback((amount) => {
-    setSecondAmount(amount);
-  }, []);
-  const handleOnFirstMaxBtnChange = React.useCallback(() => {
-    const formattedBalance = formatAmount.formatAmount({
-      decimals: firstToken == null ? void 0 : firstToken.decimals,
-      input: (firstToken == null ? void 0 : firstToken.balance) ?? "0",
-      addCommas: false,
-      digits: 4
-    });
-    formikSetFieldValue("firstAmount", formattedBalance);
-    handleOnChangeFirstAmount(formattedBalance);
-  }, [
-    firstToken == null ? void 0 : firstToken.balance,
-    firstToken == null ? void 0 : firstToken.decimals,
-    formikSetFieldValue,
-    handleOnChangeFirstAmount
-  ]);
-  const clearAmounts = React.useCallback(() => {
-    handleOnChangeFirstAmount("");
-    handleOnChangeSecondAmount("");
-  }, [handleOnChangeFirstAmount, handleOnChangeSecondAmount]);
-  React.useEffect(() => {
-    if (rate == null ? void 0 : rate.amountOut) {
-      formikSetFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount, rate.amountOut);
-      setSecondAmount(rate.amountOut);
-    }
-  }, [rate == null ? void 0 : rate.amountOut, formikSetFieldValue]);
-  React.useEffect(() => {
-    if (rateValidationError) {
-      formikSetFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount, "0");
-      setSecondAmount("0");
-    }
-  }, [rateValidationError, formikSetFieldValue]);
-  React.useEffect(() => {
-    if (firstTokenAmount) {
-      formikSetFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.firstAmount, firstTokenAmount);
-      handleOnChangeFirstAmount(firstTokenAmount);
-    }
-  }, [firstTokenAmount, formikSetFieldValue, handleOnChangeFirstAmount]);
-  React.useEffect(() => {
-    if (secondTokenAmount) {
-      formikSetFieldValue(
-        reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount,
-        secondTokenAmount
-      );
-      handleOnChangeSecondAmount(secondTokenAmount);
-    }
-  }, [secondTokenAmount, formikSetFieldValue, handleOnChangeSecondAmount]);
-  return {
-    firstAmount,
-    secondAmount,
-    handleOnChangeFirstAmount,
-    handleOnChangeSecondAmount,
-    handleOnFirstMaxBtnChange,
-    clearAmounts,
-    hasAmounts: firstAmount !== "" && secondAmount !== ""
-  };
-};
-exports.useBridgeAmounts = useBridgeAmounts;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),s=require("react"),b=require("../../../hooks/useBridgeFormik.js"),q=({firstToken:u,firstTokenAmount:t,secondTokenAmount:g,rate:a,rateValidationError:B,formikSetFieldValue:c})=>{const[h,O]=s.useState(t??""),[C,A]=s.useState(g??""),m=s.useCallback(n=>{O(n)},[]),d=s.useCallback(n=>{A(n)},[]),l=s.useCallback(()=>{const n=o.formatAmount({decimals:u==null?void 0:u.decimals,input:(u==null?void 0:u.balance)??"0",addCommas:!1,digits:4});c("firstAmount",n),m(n)},[u==null?void 0:u.balance,u==null?void 0:u.decimals,c,m]),E=s.useCallback(()=>{m(""),d("")},[m,d]);return s.useEffect(()=>{a!=null&&a.amountOut&&(c(b.BridgeFormikValuesEnum.secondAmount,a.amountOut),A(a.amountOut))},[a==null?void 0:a.amountOut,c]),s.useEffect(()=>{B&&(c(b.BridgeFormikValuesEnum.secondAmount,"0"),A("0"))},[B,c]),s.useEffect(()=>{t&&(c(b.BridgeFormikValuesEnum.firstAmount,t),m(t))},[t,c,m]),s.useEffect(()=>{g&&(c(b.BridgeFormikValuesEnum.secondAmount,g),d(g))},[g,c,d]),{firstAmount:h,secondAmount:C,handleOnChangeFirstAmount:m,handleOnChangeSecondAmount:d,handleOnFirstMaxBtnChange:l,clearAmounts:E,hasAmounts:h!==""&&C!==""}};exports.useBridgeAmounts=q;

package/reactjs/components/BridgeForm/hooks/useBridgeAmounts.mjs

@@ -1,78 +1,55 @@
-import { formatAmount } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import { useState, useCallback, useEffect } from "react";
-import { BridgeFormikValuesEnum } from "../../../hooks/useBridgeFormik.mjs";
-const useBridgeAmounts = ({
-  firstToken,
-  firstTokenAmount,
-  secondTokenAmount,
-  rate,
-  rateValidationError,
-  formikSetFieldValue
+import { formatAmount as q } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { useState as x, useCallback as O, useEffect as g } from "react";
+import { BridgeFormikValuesEnum as p } from "../../../hooks/useBridgeFormik.mjs";
+const y = ({
+  firstToken: c,
+  firstTokenAmount: s,
+  secondTokenAmount: h,
+  rate: u,
+  rateValidationError: d,
+  formikSetFieldValue: m
 }) => {
-  const [firstAmount, setFirstAmount] = useState(firstTokenAmount ?? "");
-  const [secondAmount, setSecondAmount] = useState(secondTokenAmount ?? "");
-  const handleOnChangeFirstAmount = useCallback((amount) => {
-    setFirstAmount(amount);
-  }, []);
-  const handleOnChangeSecondAmount = useCallback((amount) => {
-    setSecondAmount(amount);
-  }, []);
-  const handleOnFirstMaxBtnChange = useCallback(() => {
-    const formattedBalance = formatAmount({
-      decimals: firstToken == null ? void 0 : firstToken.decimals,
-      input: (firstToken == null ? void 0 : firstToken.balance) ?? "0",
-      addCommas: false,
+  const [B, E] = x(s ?? ""), [b, C] = x(h ?? ""), n = O((a) => {
+    E(a);
+  }, []), A = O((a) => {
+    C(a);
+  }, []), M = O(() => {
+    const a = q({
+      decimals: c == null ? void 0 : c.decimals,
+      input: (c == null ? void 0 : c.balance) ?? "0",
+      addCommas: !1,
       digits: 4
     });
-    formikSetFieldValue("firstAmount", formattedBalance);
-    handleOnChangeFirstAmount(formattedBalance);
+    m("firstAmount", a), n(a);
   }, [
-    firstToken == null ? void 0 : firstToken.balance,
-    firstToken == null ? void 0 : firstToken.decimals,
-    formikSetFieldValue,
-    handleOnChangeFirstAmount
-  ]);
-  const clearAmounts = useCallback(() => {
-    handleOnChangeFirstAmount("");
-    handleOnChangeSecondAmount("");
-  }, [handleOnChangeFirstAmount, handleOnChangeSecondAmount]);
-  useEffect(() => {
-    if (rate == null ? void 0 : rate.amountOut) {
-      formikSetFieldValue(BridgeFormikValuesEnum.secondAmount, rate.amountOut);
-      setSecondAmount(rate.amountOut);
-    }
-  }, [rate == null ? void 0 : rate.amountOut, formikSetFieldValue]);
-  useEffect(() => {
-    if (rateValidationError) {
-      formikSetFieldValue(BridgeFormikValuesEnum.secondAmount, "0");
-      setSecondAmount("0");
-    }
-  }, [rateValidationError, formikSetFieldValue]);
-  useEffect(() => {
-    if (firstTokenAmount) {
-      formikSetFieldValue(BridgeFormikValuesEnum.firstAmount, firstTokenAmount);
-      handleOnChangeFirstAmount(firstTokenAmount);
-    }
-  }, [firstTokenAmount, formikSetFieldValue, handleOnChangeFirstAmount]);
-  useEffect(() => {
-    if (secondTokenAmount) {
-      formikSetFieldValue(
-        BridgeFormikValuesEnum.secondAmount,
-        secondTokenAmount
-      );
-      handleOnChangeSecondAmount(secondTokenAmount);
-    }
-  }, [secondTokenAmount, formikSetFieldValue, handleOnChangeSecondAmount]);
-  return {
-    firstAmount,
-    secondAmount,
-    handleOnChangeFirstAmount,
-    handleOnChangeSecondAmount,
-    handleOnFirstMaxBtnChange,
-    clearAmounts,
-    hasAmounts: firstAmount !== "" && secondAmount !== ""
+    c == null ? void 0 : c.balance,
+    c == null ? void 0 : c.decimals,
+    m,
+    n
+  ]), j = O(() => {
+    n(""), A("");
+  }, [n, A]);
+  return g(() => {
+    u != null && u.amountOut && (m(p.secondAmount, u.amountOut), C(u.amountOut));
+  }, [u == null ? void 0 : u.amountOut, m]), g(() => {
+    d && (m(p.secondAmount, "0"), C("0"));
+  }, [d, m]), g(() => {
+    s && (m(p.firstAmount, s), n(s));
+  }, [s, m, n]), g(() => {
+    h && (m(
+      p.secondAmount,
+      h
+    ), A(h));
+  }, [h, m, A]), {
+    firstAmount: B,
+    secondAmount: b,
+    handleOnChangeFirstAmount: n,
+    handleOnChangeSecondAmount: A,
+    handleOnFirstMaxBtnChange: M,
+    clearAmounts: j,
+    hasAmounts: B !== "" && b !== ""
   };
 };
 export {
-  useBridgeAmounts
+  y as useBridgeAmounts
 };

package/reactjs/components/BridgeForm/hooks/useBridgeRateFetching.js

@@ -1,59 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const debounce = require("lodash/debounce");
-const React = require("react");
-let fetchRateInterval;
-const useBridgeRateFetching = ({
-  firstAmount,
-  firstToken,
-  secondToken,
-  accountAddress,
-  fromChainId,
-  toChainId,
-  nativeAuthToken,
-  forceRefetchRate,
-  getRate
-}) => {
-  const fetchRateDebounced = React.useCallback(
-    debounce(async (amount) => {
-      if (!amount || !Number(amount) || !accountAddress || !(firstToken == null ? void 0 : firstToken.address) || !(secondToken == null ? void 0 : secondToken.address) || !fromChainId) {
-        return;
-      }
-      getRate({
-        nativeAuthToken: nativeAuthToken ?? "",
-        body: {
-          tokenIn: firstToken.address,
-          amountIn: amount,
-          fromChainId,
-          tokenOut: secondToken.address,
-          toChainId
-        }
-      });
-    }, 500),
-    [
-      accountAddress,
-      firstToken == null ? void 0 : firstToken.address,
-      secondToken == null ? void 0 : secondToken.address,
-      fromChainId,
-      toChainId,
-      nativeAuthToken,
-      getRate
-    ]
-  );
-  React.useEffect(() => {
-    if (!firstAmount) {
-      return;
-    }
-    fetchRateDebounced(firstAmount);
-    if (fetchRateInterval) {
-      clearInterval(fetchRateInterval);
-    }
-    fetchRateInterval = setInterval(() => {
-      fetchRateDebounced(firstAmount);
-    }, 50 * 1e3);
-    return () => clearInterval(fetchRateInterval);
-  }, [firstAmount, forceRefetchRate, fetchRateDebounced]);
-  return { fetchRateDebounced };
-};
-exports.useBridgeRateFetching = useBridgeRateFetching;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("lodash/debounce"),y=require("react");let l;const q=({firstAmount:r,firstToken:e,secondToken:a,accountAddress:c,fromChainId:t,toChainId:v,nativeAuthToken:d,forceRefetchRate:R,getRate:g})=>{const u=y.useCallback(I(async b=>{!b||!Number(b)||!c||!(e!=null&&e.address)||!(a!=null&&a.address)||!t||g({nativeAuthToken:d??"",body:{tokenIn:e.address,amountIn:b,fromChainId:t,tokenOut:a.address,toChainId:v}})},500),[c,e==null?void 0:e.address,a==null?void 0:a.address,t,v,d,g]);return y.useEffect(()=>{if(r)return u(r),l&&clearInterval(l),l=setInterval(()=>{u(r)},50*1e3),()=>clearInterval(l)},[r,R,u]),{fetchRateDebounced:u}};exports.useBridgeRateFetching=q;

package/reactjs/components/BridgeForm/hooks/useBridgeRateFetching.mjs

@@ -1,58 +1,47 @@
-import debounce from "lodash/debounce";
-import { useCallback, useEffect } from "react";
-let fetchRateInterval;
-const useBridgeRateFetching = ({
-  firstAmount,
-  firstToken,
-  secondToken,
-  accountAddress,
-  fromChainId,
-  toChainId,
-  nativeAuthToken,
-  forceRefetchRate,
-  getRate
+import d from "lodash/debounce";
+import { useCallback as g, useEffect as x } from "react";
+let b;
+const E = ({
+  firstAmount: l,
+  firstToken: a,
+  secondToken: r,
+  accountAddress: v,
+  fromChainId: e,
+  toChainId: p,
+  nativeAuthToken: I,
+  forceRefetchRate: R,
+  getRate: y
 }) => {
-  const fetchRateDebounced = useCallback(
-    debounce(async (amount) => {
-      if (!amount || !Number(amount) || !accountAddress || !(firstToken == null ? void 0 : firstToken.address) || !(secondToken == null ? void 0 : secondToken.address) || !fromChainId) {
-        return;
-      }
-      getRate({
-        nativeAuthToken: nativeAuthToken ?? "",
+  const u = g(
+    d(async (t) => {
+      !t || !Number(t) || !v || !(a != null && a.address) || !(r != null && r.address) || !e || y({
+        nativeAuthToken: I ?? "",
         body: {
-          tokenIn: firstToken.address,
-          amountIn: amount,
-          fromChainId,
-          tokenOut: secondToken.address,
-          toChainId
+          tokenIn: a.address,
+          amountIn: t,
+          fromChainId: e,
+          tokenOut: r.address,
+          toChainId: p
         }
       });
     }, 500),
     [
-      accountAddress,
-      firstToken == null ? void 0 : firstToken.address,
-      secondToken == null ? void 0 : secondToken.address,
-      fromChainId,
-      toChainId,
-      nativeAuthToken,
-      getRate
+      v,
+      a == null ? void 0 : a.address,
+      r == null ? void 0 : r.address,
+      e,
+      p,
+      I,
+      y
     ]
   );
-  useEffect(() => {
-    if (!firstAmount) {
-      return;
-    }
-    fetchRateDebounced(firstAmount);
-    if (fetchRateInterval) {
-      clearInterval(fetchRateInterval);
-    }
-    fetchRateInterval = setInterval(() => {
-      fetchRateDebounced(firstAmount);
-    }, 50 * 1e3);
-    return () => clearInterval(fetchRateInterval);
-  }, [firstAmount, forceRefetchRate, fetchRateDebounced]);
-  return { fetchRateDebounced };
+  return x(() => {
+    if (l)
+      return u(l), b && clearInterval(b), b = setInterval(() => {
+        u(l);
+      }, 50 * 1e3), () => clearInterval(b);
+  }, [l, R, u]), { fetchRateDebounced: u };
 };
 export {
-  useBridgeRateFetching
+  E as useBridgeRateFetching
 };

package/reactjs/components/BridgeForm/hooks/useBridgeTokenSelection.js

@@ -1,267 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const reactjs_helpers_resolveBridgeApiChainId = require("../../../helpers/resolveBridgeApiChainId.js");
-const reactjs_utils_getInitialTokens = require("../../../utils/getInitialTokens.js");
-const reactjs_components_BridgeForm_utils_bridgeFormHelpers = require("../utils/bridgeFormHelpers.js");
-const useBridgeTokenSelection = ({
-  chains,
-  firstTokenIdentifier,
-  secondTokenIdentifier,
-  fromTokens,
-  toTokens,
-  isTokensLoading,
-  activeChainId,
-  mvxChainId,
-  callbackRoute,
-  forcedDestinationTokenSymbol,
-  onNavigate,
-  switchNetwork,
-  sdkChains,
-  activeChain
-}) => {
-  const initializedInitialTokensRef = React.useRef(false);
-  const [firstToken, setFirstToken] = React.useState();
-  const [secondToken, setSecondToken] = React.useState();
-  const fromOptions = React.useMemo(
-    () => (fromTokens == null ? void 0 : fromTokens.filter((token) => {
-      if (mvxChainId) {
-        return token.chainId.toString().toLowerCase() === mvxChainId.toString().toLowerCase();
-      }
-      return true;
-    }).map((token) => ({
-      ...token,
-      identifier: token.address,
-      ticker: token.symbol
-    }))) ?? [],
-    [fromTokens, mvxChainId]
-  );
-  const getAvailableTokens = React.useCallback(
-    (option) => reactjs_components_BridgeForm_utils_bridgeFormHelpers.getAvailableTokens(
-      option,
-      toTokens,
-      forcedDestinationTokenSymbol
-    ),
-    [toTokens, forcedDestinationTokenSymbol]
-  );
-  const toOptions = React.useMemo(() => {
-    if (!firstToken) {
-      return [];
-    }
-    return (toTokens == null ? void 0 : toTokens.filter(
-      (token) => token.symbol.toLowerCase() === firstToken.symbol.toLowerCase()
-    ).map((token) => ({
-      ...token,
-      identifier: token.address,
-      ticker: token.symbol
-    }))) ?? [];
-  }, [firstToken == null ? void 0 : firstToken.symbol, toTokens]);
-  const selectedChainOption = React.useMemo(() => {
-    const anchorToken = mvxChainId ? secondToken : firstToken;
-    const byAnchorToken = anchorToken && (chains == null ? void 0 : chains.find(
-      (option) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(option.chainId, anchorToken.chainId)
-    ));
-    if (byAnchorToken) {
-      return byAnchorToken;
-    }
-    const byActiveChain = chains == null ? void 0 : chains.find(
-      (option) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(option.chainId, activeChain == null ? void 0 : activeChain.id)
-    );
-    if (byActiveChain) {
-      return byActiveChain;
-    }
-    const byOtherToken = mvxChainId ? firstToken && (chains == null ? void 0 : chains.find(
-      (option) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(option.chainId, firstToken.chainId)
-    )) : secondToken && (chains == null ? void 0 : chains.find(
-      (option) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(option.chainId, secondToken.chainId)
-    ));
-    return byOtherToken ?? (chains == null ? void 0 : chains[0]);
-  }, [
-    activeChain == null ? void 0 : activeChain.id,
-    chains,
-    firstToken == null ? void 0 : firstToken.chainId,
-    mvxChainId,
-    secondToken == null ? void 0 : secondToken.chainId
-  ]);
-  const getDefaultReceivingToken = React.useCallback(
-    (values) => reactjs_components_BridgeForm_utils_bridgeFormHelpers.getDefaultReceivingToken(values, toTokens),
-    [toTokens]
-  );
-  const updateUrlParams = React.useCallback(
-    ({
-      firstTokenId,
-      secondTokenId
-    }) => {
-      reactjs_components_BridgeForm_utils_bridgeFormHelpers.updateUrlParams({
-        firstTokenId,
-        secondTokenId,
-        callbackRoute,
-        isTokensLoading,
-        onNavigate
-      });
-    },
-    [callbackRoute, isTokensLoading, onNavigate]
-  );
-  const onChangeFirstSelect = React.useCallback(
-    (option) => {
-      if (!option) {
-        return;
-      }
-      setFirstToken(option);
-      updateUrlParams({ firstTokenId: option.address });
-      let secondOption = toTokens == null ? void 0 : toTokens.find(
-        (x) => x.symbol.toLowerCase() === option.symbol.toLowerCase()
-      );
-      if (!secondOption) {
-        const availableTokens = getAvailableTokens(option);
-        secondOption = availableTokens.find(
-          (x) => x.symbol.toLowerCase() === option.symbol.toLowerCase()
-        ) ?? getDefaultReceivingToken(availableTokens);
-      }
-      if (secondOption) {
-        setSecondToken(secondOption);
-        updateUrlParams({ secondTokenId: secondOption.address });
-      }
-    },
-    [getAvailableTokens, getDefaultReceivingToken, updateUrlParams, toTokens]
-  );
-  const onChangeSecondSelect = React.useCallback(
-    (option) => {
-      if (!option) {
-        return;
-      }
-      setSecondToken(option);
-      updateUrlParams({ secondTokenId: option.address });
-      const firstOption = fromOptions.find(
-        (x) => x.symbol.toLowerCase() === option.symbol.toLowerCase()
-      );
-      if (firstOption) {
-        setFirstToken(firstOption);
-        updateUrlParams({ firstTokenId: firstOption.address });
-      }
-    },
-    [fromOptions, updateUrlParams]
-  );
-  const handleChangeDirection = React.useCallback(() => {
-    if (!firstToken || !secondToken) {
-      return;
-    }
-    setFirstToken(secondToken);
-    setSecondToken(firstToken);
-    updateUrlParams({
-      firstTokenId: secondToken.address,
-      secondTokenId: firstToken.address
-    });
-    const selectedOptionChain = sdkChains == null ? void 0 : sdkChains.find(
-      (chain) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(chain.id, secondToken.chainId)
-    );
-    if (selectedOptionChain && switchNetwork) {
-      switchNetwork(selectedOptionChain);
-    }
-  }, [firstToken, secondToken, updateUrlParams, sdkChains, switchNetwork]);
-  React.useEffect(() => {
-    var _a, _b, _c, _d;
-    if (isTokensLoading || initializedInitialTokensRef.current || !fromOptions.length) {
-      return;
-    }
-    if (firstToken && secondToken) {
-      initializedInitialTokensRef.current = true;
-      return;
-    }
-    const initialTokens = reactjs_utils_getInitialTokens.getInitialTokens({
-      firstTokenId: firstTokenIdentifier,
-      secondTokenId: secondTokenIdentifier
-    });
-    const firstOption = fromOptions.find(
-      ({ identifier }) => (initialTokens == null ? void 0 : initialTokens.firstTokenId) === identifier
-    ) ?? fromOptions.find(
-      (option) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(option.chainId, activeChainId)
-    ) ?? fromOptions[0];
-    let secondOption = toTokens == null ? void 0 : toTokens.find(
-      (x) => x.symbol.toLowerCase() === (firstOption == null ? void 0 : firstOption.symbol.toLowerCase())
-    );
-    if (!secondOption) {
-      const availableTokens = getAvailableTokens(firstOption);
-      secondOption = (availableTokens == null ? void 0 : availableTokens.find(
-        ({ address }) => {
-          var _a2;
-          return address.toLowerCase() === ((_a2 = (firstOption == null ? void 0 : firstOption.symbol) ?? (initialTokens == null ? void 0 : initialTokens.secondTokenId)) == null ? void 0 : _a2.toLowerCase());
-        }
-      )) ?? availableTokens.find(
-        (x) => x.symbol.toLowerCase() === (firstOption == null ? void 0 : firstOption.symbol.toLowerCase())
-      ) ?? getDefaultReceivingToken(availableTokens);
-    }
-    const hasOptionsSelected = Boolean(firstToken) && Boolean(secondToken) && ((_a = firstToken == null ? void 0 : firstToken.address) == null ? void 0 : _a.toLowerCase()) === ((_b = firstOption == null ? void 0 : firstOption.address) == null ? void 0 : _b.toLowerCase()) && ((_c = secondToken == null ? void 0 : secondToken.address) == null ? void 0 : _c.toLowerCase()) === ((_d = secondOption == null ? void 0 : secondOption.address) == null ? void 0 : _d.toLowerCase());
-    if (hasOptionsSelected) {
-      return;
-    }
-    let initialized = false;
-    if (firstOption) {
-      setFirstToken(firstOption);
-      updateUrlParams({ firstTokenId: firstOption.address });
-      const selectedOptionChain = (sdkChains == null ? void 0 : sdkChains.find(
-        (chain) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(chain.id, firstOption.chainId)
-      )) ?? activeChain;
-      if (selectedOptionChain && switchNetwork) {
-        switchNetwork(selectedOptionChain);
-      }
-      initialized = true;
-    }
-    if (secondOption) {
-      setSecondToken(secondOption);
-      updateUrlParams({ secondTokenId: secondOption.address });
-      initialized = initialized && true;
-    }
-    initializedInitialTokensRef.current = initialized;
-  }, [
-    isTokensLoading,
-    fromOptions,
-    toTokens,
-    firstTokenIdentifier,
-    secondTokenIdentifier,
-    activeChainId,
-    getAvailableTokens,
-    getDefaultReceivingToken,
-    updateUrlParams,
-    sdkChains,
-    activeChain,
-    switchNetwork,
-    firstToken,
-    secondToken
-  ]);
-  React.useEffect(() => {
-    const selectedTokenOption = fromTokens == null ? void 0 : fromTokens.find(
-      (x) => x.address === (firstToken == null ? void 0 : firstToken.address)
-    );
-    if (selectedTokenOption) {
-      setFirstToken((prev) => {
-        return prev ? { ...prev, balance: selectedTokenOption.balance } : prev;
-      });
-    }
-  }, [fromTokens, firstToken == null ? void 0 : firstToken.address]);
-  React.useEffect(() => {
-    const selectedTokenOption = toTokens == null ? void 0 : toTokens.find(
-      (x) => x.address === (secondToken == null ? void 0 : secondToken.address)
-    );
-    if (selectedTokenOption) {
-      setSecondToken((prev) => {
-        return prev ? { ...prev, balance: selectedTokenOption.balance } : prev;
-      });
-    }
-  }, [toTokens, secondToken == null ? void 0 : secondToken.address]);
-  return {
-    firstToken,
-    secondToken,
-    fromOptions,
-    toOptions,
-    selectedChainOption,
-    setFirstToken,
-    setSecondToken,
-    onChangeFirstSelect,
-    onChangeSecondSelect,
-    handleChangeDirection,
-    updateUrlParams
-  };
-};
-exports.useBridgeTokenSelection = useBridgeTokenSelection;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("../../../helpers/resolveBridgeApiChainId.js"),W=require("../../../utils/getInitialTokens.js"),O=require("../utils/bridgeFormHelpers.js"),X=({chains:a,firstTokenIdentifier:j,secondTokenIdentifier:q,fromTokens:I,toTokens:t,isTokensLoading:S,activeChainId:F,mvxChainId:m,callbackRoute:M,forcedDestinationTokenSymbol:R,onNavigate:E,switchNetwork:L,sdkChains:i,activeChain:g})=>{const _=u.useRef(!1),[d,o]=u.useState(),[l,B]=u.useState(),y=u.useMemo(()=>(I==null?void 0:I.filter(e=>m?e.chainId.toString().toLowerCase()===m.toString().toLowerCase():!0).map(e=>({...e,identifier:e.address,ticker:e.symbol})))??[],[I,m]),A=u.useCallback(e=>O.getAvailableTokens(e,t,R),[t,R]),G=u.useMemo(()=>d?(t==null?void 0:t.filter(e=>e.symbol.toLowerCase()===d.symbol.toLowerCase()).map(e=>({...e,identifier:e.address,ticker:e.symbol})))??[]:[],[d==null?void 0:d.symbol,t]),J=u.useMemo(()=>{const e=m?l:d,r=e&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,e.chainId)));if(r)return r;const s=a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,g==null?void 0:g.id));return s||((m?d&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,d.chainId))):l&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,l.chainId))))??(a==null?void 0:a[0]))},[g==null?void 0:g.id,a,d==null?void 0:d.chainId,m,l==null?void 0:l.chainId]),w=u.useCallback(e=>O.getDefaultReceivingToken(e,t),[t]),b=u.useCallback(({firstTokenId:e,secondTokenId:r})=>{O.updateUrlParams({firstTokenId:e,secondTokenId:r,callbackRoute:M,isTokensLoading:S,onNavigate:E})},[M,S,E]),K=u.useCallback(e=>{if(!e)return;o(e),b({firstTokenId:e.address});let r=t==null?void 0:t.find(s=>s.symbol.toLowerCase()===e.symbol.toLowerCase());if(!r){const s=A(e);r=s.find(p=>p.symbol.toLowerCase()===e.symbol.toLowerCase())??w(s)}r&&(B(r),b({secondTokenId:r.address}))},[A,w,b,t]),Q=u.useCallback(e=>{if(!e)return;B(e),b({secondTokenId:e.address});const r=y.find(s=>s.symbol.toLowerCase()===e.symbol.toLowerCase());r&&(o(r),b({firstTokenId:r.address}))},[y,b]),V=u.useCallback(()=>{if(!d||!l)return;o(l),B(d),b({firstTokenId:l.address,secondTokenId:d.address});const e=i==null?void 0:i.find(r=>n.sameBridgeApiChainId(r.id,l.chainId));e&&L&&L(e)},[d,l,b,i,L]);return u.useEffect(()=>{var P,z,D,U;if(S||_.current||!y.length)return;if(d&&l){_.current=!0;return}const e=W.getInitialTokens({firstTokenId:j,secondTokenId:q}),r=y.find(({identifier:c})=>(e==null?void 0:e.firstTokenId)===c)??y.find(c=>n.sameBridgeApiChainId(c.chainId,F))??y[0];let s=t==null?void 0:t.find(c=>c.symbol.toLowerCase()===(r==null?void 0:r.symbol.toLowerCase()));if(!s){const c=A(r);s=(c==null?void 0:c.find(({address:C})=>{var H;return C.toLowerCase()===((H=(r==null?void 0:r.symbol)??(e==null?void 0:e.secondTokenId))==null?void 0:H.toLowerCase())}))??c.find(C=>C.symbol.toLowerCase()===(r==null?void 0:r.symbol.toLowerCase()))??w(c)}if(!!d&&!!l&&((P=d==null?void 0:d.address)==null?void 0:P.toLowerCase())===((z=r==null?void 0:r.address)==null?void 0:z.toLowerCase())&&((D=l==null?void 0:l.address)==null?void 0:D.toLowerCase())===((U=s==null?void 0:s.address)==null?void 0:U.toLowerCase()))return;let f=!1;if(r){o(r),b({firstTokenId:r.address});const c=(i==null?void 0:i.find(C=>n.sameBridgeApiChainId(C.id,r.chainId)))??g;c&&L&&L(c),f=!0}s&&(B(s),b({secondTokenId:s.address}),f=f&&!0),_.current=f},[S,y,t,j,q,F,A,w,b,i,g,L]),u.useEffect(()=>{const e=I==null?void 0:I.find(r=>r.address===(d==null?void 0:d.address));e&&o(r=>r&&{...r,balance:e.balance})},[I,d==null?void 0:d.address]),u.useEffect(()=>{const e=t==null?void 0:t.find(r=>r.address===(l==null?void 0:l.address));e&&B(r=>r&&{...r,balance:e.balance})},[t,l==null?void 0:l.address]),{firstToken:d,secondToken:l,fromOptions:y,toOptions:G,selectedChainOption:J,setFirstToken:o,setSecondToken:B,onChangeFirstSelect:K,onChangeSecondSelect:Q,handleChangeDirection:V,updateUrlParams:b}};exports.useBridgeTokenSelection=X;