@multiversx/sdk-dapp-liquidity 2.3.0 → 2.4.0-alpha.0

package/reactjs/components/BridgeForm/hooks/useBridgeAmounts.d.ts

@@ -1,5 +1,4 @@
 import { TokenType } from '../../../../types/token';
-
 interface UseBridgeAmountsProps {
     firstToken?: TokenType;
     firstTokenAmount?: string;

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

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../hooks/useBridgeFormik.js");let t=require("react"),n=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");var r=({firstToken:r,firstTokenAmount:i,secondTokenAmount:a,rate:o,rateValidationError:s,formikSetFieldValue:c})=>{let[l,u]=(0,t.useState)(i??``),[d,f]=(0,t.useState)(a??``),p=(0,t.useCallback)(e=>{u(e)},[]),m=(0,t.useCallback)(e=>{f(e)},[]),h=(0,t.useCallback)(()=>{let e=(0,n.formatAmount)({decimals:r?.decimals,input:r?.balance??`0`,addCommas:!1,digits:4});c(`firstAmount`,e),p(e)},[r?.balance,r?.decimals,c,p]),g=(0,t.useCallback)(()=>{p(``),m(``)},[p,m]);return(0,t.useEffect)(()=>{o?.amountOut&&(c(e.BridgeFormikValuesEnum.secondAmount,o.amountOut),f(o.amountOut))},[o?.amountOut,c]),(0,t.useEffect)(()=>{s&&(c(e.BridgeFormikValuesEnum.secondAmount,`0`),f(`0`))},[s,c]),(0,t.useEffect)(()=>{i&&(c(e.BridgeFormikValuesEnum.firstAmount,i),p(i))},[i,c,p]),(0,t.useEffect)(()=>{a&&(c(e.BridgeFormikValuesEnum.secondAmount,a),m(a))},[a,c,m]),{firstAmount:l,secondAmount:d,handleOnChangeFirstAmount:p,handleOnChangeSecondAmount:m,handleOnFirstMaxBtnChange:h,clearAmounts:g,hasAmounts:l!==``&&d!==``}};exports.useBridgeAmounts=r;

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

@@ -1,55 +1,53 @@
-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 [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
-    });
-    m("firstAmount", a), n(a);
-  }, [
-    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 {
-  y as useBridgeAmounts
+import { BridgeFormikValuesEnum as e } from "../../../hooks/useBridgeFormik.mjs";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+import { formatAmount as i } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+//#region src/reactjs/components/BridgeForm/hooks/useBridgeAmounts.ts
+var a = ({ firstToken: a, firstTokenAmount: o, secondTokenAmount: s, rate: c, rateValidationError: l, formikSetFieldValue: u }) => {
+	let [d, f] = r(o ?? ""), [p, m] = r(s ?? ""), h = t((e) => {
+		f(e);
+	}, []), g = t((e) => {
+		m(e);
+	}, []), _ = t(() => {
+		let e = i({
+			decimals: a?.decimals,
+			input: a?.balance ?? "0",
+			addCommas: !1,
+			digits: 4
+		});
+		u("firstAmount", e), h(e);
+	}, [
+		a?.balance,
+		a?.decimals,
+		u,
+		h
+	]), v = t(() => {
+		h(""), g("");
+	}, [h, g]);
+	return n(() => {
+		c?.amountOut && (u(e.secondAmount, c.amountOut), m(c.amountOut));
+	}, [c?.amountOut, u]), n(() => {
+		l && (u(e.secondAmount, "0"), m("0"));
+	}, [l, u]), n(() => {
+		o && (u(e.firstAmount, o), h(o));
+	}, [
+		o,
+		u,
+		h
+	]), n(() => {
+		s && (u(e.secondAmount, s), g(s));
+	}, [
+		s,
+		u,
+		g
+	]), {
+		firstAmount: d,
+		secondAmount: p,
+		handleOnChangeFirstAmount: h,
+		handleOnChangeSecondAmount: g,
+		handleOnFirstMaxBtnChange: _,
+		clearAmounts: v,
+		hasAmounts: d !== "" && p !== ""
+	};
 };
+//#endregion
+export { a as useBridgeAmounts };

package/reactjs/components/BridgeForm/hooks/useBridgeRateFetching.d.ts

@@ -1,5 +1,4 @@
 import { TokenType } from '../../../../types/token';
-
 interface UseBridgeRateFetchingProps {
     firstAmount: string;
     firstToken?: TokenType;

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

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../chunk-oiTVcehM.js");let t=require("react"),n=require("lodash/debounce");n=e.n(n);var r,i=({firstAmount:e,firstToken:i,secondToken:a,accountAddress:o,fromChainId:s,toChainId:c,nativeAuthToken:l,forceRefetchRate:u,getRate:d})=>{let f=(0,t.useCallback)((0,n.default)(async e=>{!e||!Number(e)||!o||!i?.address||!a?.address||!s||d({nativeAuthToken:l??``,body:{tokenIn:i.address,amountIn:e,fromChainId:s,tokenOut:a.address,toChainId:c}})},500),[o,i?.address,a?.address,s,c,l,d]);return(0,t.useEffect)(()=>{if(e)return f(e),r&&clearInterval(r),r=setInterval(()=>{f(e)},50*1e3),()=>clearInterval(r)},[e,u,f]),{fetchRateDebounced:f}};exports.useBridgeRateFetching=i;

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

@@ -1,47 +1,36 @@
-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 u = g(
-    d(async (t) => {
-      !t || !Number(t) || !v || !(a != null && a.address) || !(r != null && r.address) || !e || y({
-        nativeAuthToken: I ?? "",
-        body: {
-          tokenIn: a.address,
-          amountIn: t,
-          fromChainId: e,
-          tokenOut: r.address,
-          toChainId: p
-        }
-      });
-    }, 500),
-    [
-      v,
-      a == null ? void 0 : a.address,
-      r == null ? void 0 : r.address,
-      e,
-      p,
-      I,
-      y
-    ]
-  );
-  return x(() => {
-    if (l)
-      return u(l), b && clearInterval(b), b = setInterval(() => {
-        u(l);
-      }, 50 * 1e3), () => clearInterval(b);
-  }, [l, R, u]), { fetchRateDebounced: u };
-};
-export {
-  E as useBridgeRateFetching
+import { useCallback as e, useEffect as t } from "react";
+import n from "lodash/debounce";
+//#region src/reactjs/components/BridgeForm/hooks/useBridgeRateFetching.ts
+var r, i = ({ firstAmount: i, firstToken: a, secondToken: o, accountAddress: s, fromChainId: c, toChainId: l, nativeAuthToken: u, forceRefetchRate: d, getRate: f }) => {
+	let p = e(n(async (e) => {
+		!e || !Number(e) || !s || !a?.address || !o?.address || !c || f({
+			nativeAuthToken: u ?? "",
+			body: {
+				tokenIn: a.address,
+				amountIn: e,
+				fromChainId: c,
+				tokenOut: o.address,
+				toChainId: l
+			}
+		});
+	}, 500), [
+		s,
+		a?.address,
+		o?.address,
+		c,
+		l,
+		u,
+		f
+	]);
+	return t(() => {
+		if (i) return p(i), r && clearInterval(r), r = setInterval(() => {
+			p(i);
+		}, 50 * 1e3), () => clearInterval(r);
+	}, [
+		i,
+		d,
+		p
+	]), { fetchRateDebounced: p };
 };
+//#endregion
+export { i as useBridgeRateFetching };

package/reactjs/components/BridgeForm/hooks/useBridgeTokenSelection.d.ts

@@ -1,6 +1,5 @@
-import { TokenType } from '../../../../types/token';
 import { ChainDTO } from '../../../../dto/Chain.dto';
-
+import { TokenType } from '../../../../types/token';
 interface UseBridgeTokenSelectionProps {
     chains?: ChainDTO[];
     firstTokenIdentifier?: string;

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

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../helpers/resolveBridgeApiChainId.js"),t=require("../../../utils/getInitialTokens.js"),n=require("../utils/bridgeFormHelpers.js");let r=require("react");var i=({chains:i,firstTokenIdentifier:a,secondTokenIdentifier:o,fromTokens:s,toTokens:c,isTokensLoading:l,activeChainId:u,mvxChainId:d,callbackRoute:f,forcedDestinationTokenSymbol:p,onNavigate:m,switchNetwork:h,sdkChains:g,activeChain:_})=>{let v=(0,r.useRef)(!1),[y,b]=(0,r.useState)(),[x,S]=(0,r.useState)(),C=(0,r.useMemo)(()=>s?.filter(e=>d?e.chainId.toString().toLowerCase()===d.toString().toLowerCase():!0).map(e=>({...e,identifier:e.address,ticker:e.symbol}))??[],[s,d]),w=(0,r.useCallback)(e=>n.getAvailableTokens(e,c,p),[c,p]),T=(0,r.useMemo)(()=>y?c?.filter(e=>e.symbol.toLowerCase()===y.symbol.toLowerCase()).map(e=>({...e,identifier:e.address,ticker:e.symbol}))??[]:[],[y?.symbol,c]),E=(0,r.useMemo)(()=>{let t=d?x:y;return t&&i?.find(n=>e.sameBridgeApiChainId(n.chainId,t.chainId))||i?.find(t=>e.sameBridgeApiChainId(t.chainId,_?.id))||((d?y&&i?.find(t=>e.sameBridgeApiChainId(t.chainId,y.chainId)):x&&i?.find(t=>e.sameBridgeApiChainId(t.chainId,x.chainId)))??i?.[0])},[_?.id,i,y?.chainId,d,x?.chainId]),D=(0,r.useCallback)(e=>n.getDefaultReceivingToken(e,c),[c]),O=(0,r.useCallback)(({firstTokenId:e,secondTokenId:t})=>{n.updateUrlParams({firstTokenId:e,secondTokenId:t,callbackRoute:f,isTokensLoading:l,onNavigate:m})},[f,l,m]),k=(0,r.useCallback)(e=>{if(!e)return;b(e),O({firstTokenId:e.address});let t=c?.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase());if(!t){let n=w(e);t=n.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase())??D(n)}t&&(S(t),O({secondTokenId:t.address}))},[w,D,O,c]),A=(0,r.useCallback)(e=>{if(!e)return;S(e),O({secondTokenId:e.address});let t=C.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase());t&&(b(t),O({firstTokenId:t.address}))},[C,O]),j=(0,r.useCallback)(()=>{if(!y||!x)return;b(x),S(y),O({firstTokenId:x.address,secondTokenId:y.address});let t=g?.find(t=>e.sameBridgeApiChainId(t.id,x.chainId));t&&h&&h(t)},[y,x,O,g,h]);return(0,r.useEffect)(()=>{if(l||v.current||!C.length)return;if(y&&x){v.current=!0;return}let n=t.getInitialTokens({firstTokenId:a,secondTokenId:o}),r=C.find(({identifier:e})=>n?.firstTokenId===e)??C.find(t=>e.sameBridgeApiChainId(t.chainId,u))??C[0],i=c?.find(e=>e.symbol.toLowerCase()===r?.symbol.toLowerCase());if(!i){let e=w(r);i=e?.find(({address:e})=>e.toLowerCase()===(r?.symbol??n?.secondTokenId)?.toLowerCase())??e.find(e=>e.symbol.toLowerCase()===r?.symbol.toLowerCase())??D(e)}if(y&&x&&y?.address?.toLowerCase()===r?.address?.toLowerCase()&&x?.address?.toLowerCase()===i?.address?.toLowerCase())return;let s=!1;if(r){b(r),O({firstTokenId:r.address});let t=g?.find(t=>e.sameBridgeApiChainId(t.id,r.chainId))??_;t&&h&&h(t),s=!0}i&&(S(i),O({secondTokenId:i.address}),s&&=!0),v.current=s},[l,C,c,a,o,u,w,D,O,g,_,h]),(0,r.useEffect)(()=>{let e=s?.find(e=>e.address===y?.address);e&&b(t=>t&&{...t,balance:e.balance})},[s,y?.address]),(0,r.useEffect)(()=>{let e=c?.find(e=>e.address===x?.address);e&&S(t=>t&&{...t,balance:e.balance})},[c,x?.address]),{firstToken:y,secondToken:x,fromOptions:C,toOptions:T,selectedChainOption:E,setFirstToken:b,setSecondToken:S,onChangeFirstSelect:k,onChangeSecondSelect:A,handleChangeDirection:j,updateUrlParams:O}};exports.useBridgeTokenSelection=i;

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

@@ -1,198 +1,132 @@
-import { useRef as _, useState as Q, useMemo as p, useCallback as O, useEffect as z } from "react";
-import { sameBridgeApiChainId as m } from "../../../helpers/resolveBridgeApiChainId.mjs";
-import { getInitialTokens as n } from "../../../utils/getInitialTokens.mjs";
-import { getAvailableTokens as x, getDefaultReceivingToken as i, updateUrlParams as N } from "../utils/bridgeFormHelpers.mjs";
-const ee = ({
-  chains: f,
-  firstTokenIdentifier: D,
-  secondTokenIdentifier: F,
-  fromTokens: s,
-  toTokens: t,
-  isTokensLoading: o,
-  activeChainId: C,
-  mvxChainId: g,
-  callbackRoute: E,
-  forcedDestinationTokenSymbol: M,
-  onNavigate: j,
-  switchNetwork: w,
-  sdkChains: I,
-  activeChain: y
-}) => {
-  const U = _(!1), [d, S] = Q(), [l, A] = Q(), L = p(
-    () => (s == null ? void 0 : s.filter((e) => g ? e.chainId.toString().toLowerCase() === g.toString().toLowerCase() : !0).map((e) => ({
-      ...e,
-      identifier: e.address,
-      ticker: e.symbol
-    }))) ?? [],
-    [s, g]
-  ), P = O(
-    (e) => x(
-      e,
-      t,
-      M
-    ),
-    [t, M]
-  ), V = p(() => 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]), W = p(() => {
-    const e = g ? l : d, r = e && (f == null ? void 0 : f.find(
-      (c) => m(c.chainId, e.chainId)
-    ));
-    if (r)
-      return r;
-    const u = f == null ? void 0 : f.find(
-      (c) => m(c.chainId, y == null ? void 0 : y.id)
-    );
-    return u || ((g ? d && (f == null ? void 0 : f.find(
-      (c) => m(c.chainId, d.chainId)
-    )) : l && (f == null ? void 0 : f.find(
-      (c) => m(c.chainId, l.chainId)
-    ))) ?? (f == null ? void 0 : f[0]));
-  }, [
-    y == null ? void 0 : y.id,
-    f,
-    d == null ? void 0 : d.chainId,
-    g,
-    l == null ? void 0 : l.chainId
-  ]), R = O(
-    (e) => i(e, t),
-    [t]
-  ), b = O(
-    ({
-      firstTokenId: e,
-      secondTokenId: r
-    }) => {
-      N({
-        firstTokenId: e,
-        secondTokenId: r,
-        callbackRoute: E,
-        isTokensLoading: o,
-        onNavigate: j
-      });
-    },
-    [E, o, j]
-  ), X = O(
-    (e) => {
-      if (!e)
-        return;
-      S(e), b({ firstTokenId: e.address });
-      let r = t == null ? void 0 : t.find(
-        (u) => u.symbol.toLowerCase() === e.symbol.toLowerCase()
-      );
-      if (!r) {
-        const u = P(e);
-        r = u.find(
-          ($) => $.symbol.toLowerCase() === e.symbol.toLowerCase()
-        ) ?? R(u);
-      }
-      r && (A(r), b({ secondTokenId: r.address }));
-    },
-    [P, R, b, t]
-  ), Y = O(
-    (e) => {
-      if (!e)
-        return;
-      A(e), b({ secondTokenId: e.address });
-      const r = L.find(
-        (u) => u.symbol.toLowerCase() === e.symbol.toLowerCase()
-      );
-      r && (S(r), b({ firstTokenId: r.address }));
-    },
-    [L, b]
-  ), Z = O(() => {
-    if (!d || !l)
-      return;
-    S(l), A(d), b({
-      firstTokenId: l.address,
-      secondTokenId: d.address
-    });
-    const e = I == null ? void 0 : I.find(
-      (r) => m(r.id, l.chainId)
-    );
-    e && w && w(e);
-  }, [d, l, b, I, w]);
-  return z(() => {
-    var q, G, H, J;
-    if (o || U.current || !L.length)
-      return;
-    if (d && l) {
-      U.current = !0;
-      return;
-    }
-    const e = n({
-      firstTokenId: D,
-      secondTokenId: F
-    }), r = L.find(
-      ({ identifier: a }) => (e == null ? void 0 : e.firstTokenId) === a
-    ) ?? L.find(
-      (a) => m(a.chainId, C)
-    ) ?? L[0];
-    let u = t == null ? void 0 : t.find(
-      (a) => a.symbol.toLowerCase() === (r == null ? void 0 : r.symbol.toLowerCase())
-    );
-    if (!u) {
-      const a = P(r);
-      u = (a == null ? void 0 : a.find(
-        ({ address: B }) => {
-          var K;
-          return B.toLowerCase() === ((K = (r == null ? void 0 : r.symbol) ?? (e == null ? void 0 : e.secondTokenId)) == null ? void 0 : K.toLowerCase());
-        }
-      )) ?? a.find(
-        (B) => B.symbol.toLowerCase() === (r == null ? void 0 : r.symbol.toLowerCase())
-      ) ?? R(a);
-    }
-    if (!!d && !!l && ((q = d == null ? void 0 : d.address) == null ? void 0 : q.toLowerCase()) === ((G = r == null ? void 0 : r.address) == null ? void 0 : G.toLowerCase()) && ((H = l == null ? void 0 : l.address) == null ? void 0 : H.toLowerCase()) === ((J = u == null ? void 0 : u.address) == null ? void 0 : J.toLowerCase()))
-      return;
-    let c = !1;
-    if (r) {
-      S(r), b({ firstTokenId: r.address });
-      const a = (I == null ? void 0 : I.find(
-        (B) => m(B.id, r.chainId)
-      )) ?? y;
-      a && w && w(a), c = !0;
-    }
-    u && (A(u), b({ secondTokenId: u.address }), c = c && !0), U.current = c;
-  }, [
-    o,
-    L,
-    t,
-    D,
-    F,
-    C,
-    P,
-    R,
-    b,
-    I,
-    y,
-    w
-  ]), z(() => {
-    const e = s == null ? void 0 : s.find(
-      (r) => r.address === (d == null ? void 0 : d.address)
-    );
-    e && S((r) => r && { ...r, balance: e.balance });
-  }, [s, d == null ? void 0 : d.address]), z(() => {
-    const e = t == null ? void 0 : t.find(
-      (r) => r.address === (l == null ? void 0 : l.address)
-    );
-    e && A((r) => r && { ...r, balance: e.balance });
-  }, [t, l == null ? void 0 : l.address]), {
-    firstToken: d,
-    secondToken: l,
-    fromOptions: L,
-    toOptions: V,
-    selectedChainOption: W,
-    setFirstToken: S,
-    setSecondToken: A,
-    onChangeFirstSelect: X,
-    onChangeSecondSelect: Y,
-    handleChangeDirection: Z,
-    updateUrlParams: b
-  };
-};
-export {
-  ee as useBridgeTokenSelection
+import { sameBridgeApiChainId as e } from "../../../helpers/resolveBridgeApiChainId.mjs";
+import { getInitialTokens as t } from "../../../utils/getInitialTokens.mjs";
+import { getAvailableTokens as n, getDefaultReceivingToken as r, updateUrlParams as i } from "../utils/bridgeFormHelpers.mjs";
+import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+//#region src/reactjs/components/BridgeForm/hooks/useBridgeTokenSelection.ts
+var u = ({ chains: u, firstTokenIdentifier: d, secondTokenIdentifier: f, fromTokens: p, toTokens: m, isTokensLoading: h, activeChainId: g, mvxChainId: _, callbackRoute: v, forcedDestinationTokenSymbol: y, onNavigate: b, switchNetwork: x, sdkChains: S, activeChain: C }) => {
+	let w = c(!1), [T, E] = l(), [D, O] = l(), k = s(() => p?.filter((e) => _ ? e.chainId.toString().toLowerCase() === _.toString().toLowerCase() : !0).map((e) => ({
+		...e,
+		identifier: e.address,
+		ticker: e.symbol
+	})) ?? [], [p, _]), A = a((e) => n(e, m, y), [m, y]), j = s(() => T ? m?.filter((e) => e.symbol.toLowerCase() === T.symbol.toLowerCase()).map((e) => ({
+		...e,
+		identifier: e.address,
+		ticker: e.symbol
+	})) ?? [] : [], [T?.symbol, m]), M = s(() => {
+		let t = _ ? D : T;
+		return t && u?.find((n) => e(n.chainId, t.chainId)) || u?.find((t) => e(t.chainId, C?.id)) || ((_ ? T && u?.find((t) => e(t.chainId, T.chainId)) : D && u?.find((t) => e(t.chainId, D.chainId))) ?? u?.[0]);
+	}, [
+		C?.id,
+		u,
+		T?.chainId,
+		_,
+		D?.chainId
+	]), N = a((e) => r(e, m), [m]), P = a(({ firstTokenId: e, secondTokenId: t }) => {
+		i({
+			firstTokenId: e,
+			secondTokenId: t,
+			callbackRoute: v,
+			isTokensLoading: h,
+			onNavigate: b
+		});
+	}, [
+		v,
+		h,
+		b
+	]), F = a((e) => {
+		if (!e) return;
+		E(e), P({ firstTokenId: e.address });
+		let t = m?.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase());
+		if (!t) {
+			let n = A(e);
+			t = n.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase()) ?? N(n);
+		}
+		t && (O(t), P({ secondTokenId: t.address }));
+	}, [
+		A,
+		N,
+		P,
+		m
+	]), I = a((e) => {
+		if (!e) return;
+		O(e), P({ secondTokenId: e.address });
+		let t = k.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase());
+		t && (E(t), P({ firstTokenId: t.address }));
+	}, [k, P]), L = a(() => {
+		if (!T || !D) return;
+		E(D), O(T), P({
+			firstTokenId: D.address,
+			secondTokenId: T.address
+		});
+		let t = S?.find((t) => e(t.id, D.chainId));
+		t && x && x(t);
+	}, [
+		T,
+		D,
+		P,
+		S,
+		x
+	]);
+	return o(() => {
+		if (h || w.current || !k.length) return;
+		if (T && D) {
+			w.current = !0;
+			return;
+		}
+		let n = t({
+			firstTokenId: d,
+			secondTokenId: f
+		}), r = k.find(({ identifier: e }) => n?.firstTokenId === e) ?? k.find((t) => e(t.chainId, g)) ?? k[0], i = m?.find((e) => e.symbol.toLowerCase() === r?.symbol.toLowerCase());
+		if (!i) {
+			let e = A(r);
+			i = e?.find(({ address: e }) => e.toLowerCase() === (r?.symbol ?? n?.secondTokenId)?.toLowerCase()) ?? e.find((e) => e.symbol.toLowerCase() === r?.symbol.toLowerCase()) ?? N(e);
+		}
+		if (T && D && T?.address?.toLowerCase() === r?.address?.toLowerCase() && D?.address?.toLowerCase() === i?.address?.toLowerCase()) return;
+		let a = !1;
+		if (r) {
+			E(r), P({ firstTokenId: r.address });
+			let t = S?.find((t) => e(t.id, r.chainId)) ?? C;
+			t && x && x(t), a = !0;
+		}
+		i && (O(i), P({ secondTokenId: i.address }), a &&= !0), w.current = a;
+	}, [
+		h,
+		k,
+		m,
+		d,
+		f,
+		g,
+		A,
+		N,
+		P,
+		S,
+		C,
+		x
+	]), o(() => {
+		let e = p?.find((e) => e.address === T?.address);
+		e && E((t) => t && {
+			...t,
+			balance: e.balance
+		});
+	}, [p, T?.address]), o(() => {
+		let e = m?.find((e) => e.address === D?.address);
+		e && O((t) => t && {
+			...t,
+			balance: e.balance
+		});
+	}, [m, D?.address]), {
+		firstToken: T,
+		secondToken: D,
+		fromOptions: k,
+		toOptions: j,
+		selectedChainOption: M,
+		setFirstToken: E,
+		setSecondToken: O,
+		onChangeFirstSelect: F,
+		onChangeSecondSelect: I,
+		handleChangeDirection: L,
+		updateUrlParams: P
+	};
 };
+//#endregion
+export { u as useBridgeTokenSelection };

package/reactjs/components/BridgeForm/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BridgeForm.js");exports.BridgeForm=e.BridgeForm;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./BridgeForm.js");exports.BridgeForm=e.BridgeForm;

package/reactjs/components/BridgeForm/index.mjs

@@ -1,4 +1,2 @@
 import { BridgeForm as e } from "./BridgeForm.mjs";
-export {
-  e as BridgeForm
-};
+export { e as BridgeForm };

package/reactjs/components/BridgeForm/utils/bridgeFormHelpers.d.ts

@@ -1,8 +1,7 @@
-import { InitialTokensType } from '../../../utils/getInitialTokens';
-import { ServerTransaction } from '../../../../types/transaction';
-import { TokenType } from '../../../../types/token';
 import { ChainType } from '../../../../types/chainType';
-
+import { TokenType } from '../../../../types/token';
+import { ServerTransaction } from '../../../../types/transaction';
+import { InitialTokensType } from '../../../utils/getInitialTokens';
 export declare const updateUrlParams: ({ firstTokenId, secondTokenId, callbackRoute, isTokensLoading, onNavigate }: InitialTokensType & {
     callbackRoute: string;
     isTokensLoading: boolean;