@multiversx/sdk-dapp-liquidity 1.1.0-alpha.37 → 1.1.0-alpha.39

package/README.md

@@ -161,12 +161,11 @@ const App = () => {
   
   return (
     // Wrap your app with Web3AppProvider to enable multi-chain connections
-    <Web3AppProvider appKit={provider.appKit} config={provider.config} options={provider.options}>
+    <Web3AppProvider appKit={provider.appKit} config={provider.config} options={provider.options} nativeAuthToken={nativeAuthToken}>
       <BridgeForm
         mvxChainId={"44"}
         mvxAddress={mvxAccount?.address}
         username={mvxAccount?.username}
-        nativeAuthToken={nativeAuthToken}
         callbackRoute={"/deposit"}
         showHistory={showHistory}
         onSuccessfullySentTransaction={(txHashes) => {

package/api/checkAccount.d.ts

@@ -5,5 +5,5 @@ export declare function checkAccount({ url, walletAddress, chainId, nativeAuthTo
     url: string;
     walletAddress: string;
     chainId: string;
-    nativeAuthToken?: string;
+    nativeAuthToken: string;
 }): Promise<AxiosResponse<CheckAccountDto>>;

package/api/getChains.d.ts

@@ -3,5 +3,5 @@ import { AxiosResponse } from 'axios';
 
 export declare function getChains({ url, nativeAuthToken }: {
     url: string;
-    nativeAuthToken?: string;
+    nativeAuthToken: string;
 }): Promise<AxiosResponse<ChainDTO[]>>;

package/api/getTokens.d.ts

@@ -4,5 +4,5 @@ import { AxiosResponse } from 'axios';
 export declare function getTokens({ url, chainId, nativeAuthToken }: {
     url: string;
     chainId?: number;
-    nativeAuthToken?: string;
+    nativeAuthToken: string;
 }): Promise<AxiosResponse<TokenType[]>>;

package/api/getTokensBalances.d.ts

@@ -5,5 +5,5 @@ export declare function getTokensBalances({ url, userAddress, chainId, nativeAut
     url: string;
     userAddress: string;
     chainId: string;
-    nativeAuthToken?: string;
+    nativeAuthToken: string;
 }): Promise<AxiosResponse<TokenBalanceDTO[]>>;

package/api/getTransactions.d.ts

@@ -10,5 +10,5 @@ export declare function getTransactions({ url, address, sender, provider, status
     status?: string;
     tokenIn?: string;
     tokenOut?: string;
-    nativeAuthToken?: string;
+    nativeAuthToken: string;
 }): Promise<AxiosResponse<TransactionDTO[]>>;

package/api/tests/getTokens.spec.js

@@ -24,7 +24,7 @@ describe("getTokens", () => {
       }
     ];
     mockedAxios.get.mockResolvedValue({ data: response });
-    const result = await api_getTokens.getTokens({ url });
+    const result = await api_getTokens.getTokens({ url, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith("/tokens", { baseURL: url });
     expect(result.data).toEqual(response);
   });
@@ -47,7 +47,7 @@ describe("getTokens", () => {
       }
     ];
     mockedAxios.get.mockResolvedValue({ data: response });
-    const result = await api_getTokens.getTokens({ url, chainId });
+    const result = await api_getTokens.getTokens({ url, chainId, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith(`/tokens/${chainId}`, {
       baseURL: url
     });
@@ -55,6 +55,8 @@ describe("getTokens", () => {
   });
   it("handles error when fetching tokens", async () => {
     mockedAxios.get.mockRejectedValue(new Error("Network Error"));
-    await expect(api_getTokens.getTokens({ url })).rejects.toThrow("Network Error");
+    await expect(api_getTokens.getTokens({ url, nativeAuthToken: "" })).rejects.toThrow(
+      "Network Error"
+    );
   });
 });

package/api/tests/getTokens.spec.mjs

@@ -22,7 +22,7 @@ describe("getTokens", () => {
       }
     ];
     mockedAxios.get.mockResolvedValue({ data: response });
-    const result = await getTokens({ url });
+    const result = await getTokens({ url, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith("/tokens", { baseURL: url });
     expect(result.data).toEqual(response);
   });
@@ -45,7 +45,7 @@ describe("getTokens", () => {
       }
     ];
     mockedAxios.get.mockResolvedValue({ data: response });
-    const result = await getTokens({ url, chainId });
+    const result = await getTokens({ url, chainId, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith(`/tokens/${chainId}`, {
       baseURL: url
     });
@@ -53,6 +53,8 @@ describe("getTokens", () => {
   });
   it("handles error when fetching tokens", async () => {
     mockedAxios.get.mockRejectedValue(new Error("Network Error"));
-    await expect(getTokens({ url })).rejects.toThrow("Network Error");
+    await expect(getTokens({ url, nativeAuthToken: "" })).rejects.toThrow(
+      "Network Error"
+    );
   });
 });

package/api/tests/getTransactions.spec.js

@@ -30,7 +30,7 @@ describe("getTransactions", () => {
   });
   it("fetches transactions with only address parameter", async () => {
     const address = "0x123";
-    const result = await api_getTransactions.getTransactions({ url, address });
+    const result = await api_getTransactions.getTransactions({ url, address, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123",
       { baseURL: url }
@@ -39,7 +39,7 @@ describe("getTransactions", () => {
   });
   it("fetches transactions with empty address", async () => {
     const address = "";
-    const result = await api_getTransactions.getTransactions({ url, address });
+    const result = await api_getTransactions.getTransactions({ url, address, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith("/transactions?", {
       baseURL: url
     });
@@ -53,7 +53,8 @@ describe("getTransactions", () => {
       provider: types_providerType.ProviderType.MultiversxBridge,
       status: "success",
       tokenIn: "0xTOKEN",
-      tokenOut: "WEGLD-123456"
+      tokenOut: "WEGLD-123456",
+      nativeAuthToken: ""
     });
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123&sender=0xABC&provider=multiversxBridge&status=success&tokenIn=0xTOKEN&tokenOut=WEGLD-123456",
@@ -69,7 +70,8 @@ describe("getTransactions", () => {
       provider: types_providerType.ProviderType.MultiversxBridge,
       status: "",
       tokenIn: "0xTOKEN",
-      tokenOut: ""
+      tokenOut: "",
+      nativeAuthToken: ""
     });
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123&provider=multiversxBridge&tokenIn=0xTOKEN",
@@ -80,9 +82,9 @@ describe("getTransactions", () => {
   it("handles axios error", async () => {
     const error = new Error("Network error");
     mockedAxios.get.mockRejectedValueOnce(error);
-    await expect(api_getTransactions.getTransactions({ url, address: "0x123" })).rejects.toThrow(
-      "Network error"
-    );
+    await expect(
+      api_getTransactions.getTransactions({ url, address: "0x123", nativeAuthToken: "" })
+    ).rejects.toThrow("Network error");
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123",
       { baseURL: url }
@@ -97,7 +99,11 @@ describe("getTransactions", () => {
       config: {}
     };
     mockedAxios.get.mockResolvedValueOnce(axiosResponse);
-    const result = await api_getTransactions.getTransactions({ url, address: "0x123" });
+    const result = await api_getTransactions.getTransactions({
+      url,
+      address: "0x123",
+      nativeAuthToken: ""
+    });
     expect(result).toEqual(axiosResponse);
   });
 });

package/api/tests/getTransactions.spec.mjs

@@ -28,7 +28,7 @@ describe("getTransactions", () => {
   });
   it("fetches transactions with only address parameter", async () => {
     const address = "0x123";
-    const result = await getTransactions({ url, address });
+    const result = await getTransactions({ url, address, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123",
       { baseURL: url }
@@ -37,7 +37,7 @@ describe("getTransactions", () => {
   });
   it("fetches transactions with empty address", async () => {
     const address = "";
-    const result = await getTransactions({ url, address });
+    const result = await getTransactions({ url, address, nativeAuthToken: "" });
     expect(mockedAxios.get).toHaveBeenCalledWith("/transactions?", {
       baseURL: url
     });
@@ -51,7 +51,8 @@ describe("getTransactions", () => {
       provider: ProviderType.MultiversxBridge,
       status: "success",
       tokenIn: "0xTOKEN",
-      tokenOut: "WEGLD-123456"
+      tokenOut: "WEGLD-123456",
+      nativeAuthToken: ""
     });
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123&sender=0xABC&provider=multiversxBridge&status=success&tokenIn=0xTOKEN&tokenOut=WEGLD-123456",
@@ -67,7 +68,8 @@ describe("getTransactions", () => {
       provider: ProviderType.MultiversxBridge,
       status: "",
       tokenIn: "0xTOKEN",
-      tokenOut: ""
+      tokenOut: "",
+      nativeAuthToken: ""
     });
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123&provider=multiversxBridge&tokenIn=0xTOKEN",
@@ -78,9 +80,9 @@ describe("getTransactions", () => {
   it("handles axios error", async () => {
     const error = new Error("Network error");
     mockedAxios.get.mockRejectedValueOnce(error);
-    await expect(getTransactions({ url, address: "0x123" })).rejects.toThrow(
-      "Network error"
-    );
+    await expect(
+      getTransactions({ url, address: "0x123", nativeAuthToken: "" })
+    ).rejects.toThrow("Network error");
     expect(mockedAxios.get).toHaveBeenCalledWith(
       "/transactions?receiver=0x123",
       { baseURL: url }
@@ -95,7 +97,11 @@ describe("getTransactions", () => {
       config: {}
     };
     mockedAxios.get.mockResolvedValueOnce(axiosResponse);
-    const result = await getTransactions({ url, address: "0x123" });
+    const result = await getTransactions({
+      url,
+      address: "0x123",
+      nativeAuthToken: ""
+    });
     expect(result).toEqual(axiosResponse);
   });
 });

package/dto/Chain.dto.d.ts

@@ -15,4 +15,5 @@ export interface ChainDTO {
         icon: string;
     };
     blockExplorerUrls: string[];
+    isBridge?: boolean;
 }

package/index.js

@@ -55,7 +55,7 @@ const reactjs_hooks_validation_useSecondAmountSchema = require("./reactjs/hooks/
 const reactjs_hooks_validation_useTestHasEnoughFunds = require("./reactjs/hooks/validation/useTestHasEnoughFunds.js");
 const reactjs_hooks_validation_useTestIsConnected = require("./reactjs/hooks/validation/useTestIsConnected.js");
 const reactjs_hooks_useAccount = require("./reactjs/hooks/useAccount.js");
-const reactjs_hooks_useBalances = require("./useBalances-BrSgRL7R.js");
+const reactjs_hooks_useBalances = require("./useBalances-ok4GNkJ5.js");
 const reactjs_hooks_useBridgeFormik = require("./reactjs/hooks/useBridgeFormik.js");
 const reactjs_hooks_useDebounce = require("./reactjs/hooks/useDebounce.js");
 const reactjs_hooks_useFetchBridgeData = require("./reactjs/hooks/useFetchBridgeData.js");

package/index.mjs

@@ -52,7 +52,7 @@ import { useSecondAmountSchema } from "./reactjs/hooks/validation/useSecondAmoun
 import { useTestHasEnoughFunds } from "./reactjs/hooks/validation/useTestHasEnoughFunds.mjs";
 import { useTestIsConnected } from "./reactjs/hooks/validation/useTestIsConnected.mjs";
 import { useAccount } from "./reactjs/hooks/useAccount.mjs";
-import { u } from "./useBalances-84Wb5V4N.mjs";
+import { u } from "./useBalances-CtcrEcK2.mjs";
 import { BridgeFormikValuesEnum, useBridgeFormik } from "./reactjs/hooks/useBridgeFormik.mjs";
 import { useDebounce } from "./reactjs/hooks/useDebounce.mjs";
 import { useFetchBridgeData } from "./reactjs/hooks/useFetchBridgeData.mjs";

package/package.json

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

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

@@ -2,7 +2,6 @@ interface BridgeFormProps {
     mvxChainId: string;
     mvxAddress?: string;
     username?: string;
-    nativeAuthToken?: string;
     callbackRoute?: string;
     firstTokenIdentifier?: string;
     secondTokenIdentifier?: string;
@@ -18,5 +17,5 @@ interface BridgeFormProps {
     onMvxDisconnect?: () => void;
     onNavigate?: (url: string, options?: object) => void;
 }
-export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, nativeAuthToken, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onFailedSentTransaction, onHistoryClose, onMvxConnect, onMvxDisconnect, onNavigate }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onFailedSentTransaction, onHistoryClose, onMvxConnect, onMvxDisconnect, onNavigate }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/reactjs/components/BridgeForm/BridgeForm.js

@@ -44,7 +44,7 @@ const reactjs_components_Connect_MvxAccountDisplay = require("../Connect/MvxAcco
 const reactjs_components_TokenSelector_TokenSelector = require("../TokenSelector/TokenSelector.js");
 const viem = require("viem");
 const actions = require("viem/actions");
-const reactjs_hooks_useBalances = require("../../../useBalances-BrSgRL7R.js");
+const reactjs_hooks_useBalances = require("../../../useBalances-ok4GNkJ5.js");
 function deepEqual(a, b) {
   if (a === b)
     return true;
@@ -121,7 +121,6 @@ const BridgeForm = ({
   mvxChainId,
   mvxAddress,
   username,
-  nativeAuthToken,
   callbackRoute = "/",
   firstTokenIdentifier,
   secondTokenIdentifier,
@@ -145,7 +144,12 @@ const BridgeForm = ({
   const [siginingTransactionsCount, setSigningTransactionsCount] = React.useState(0);
   const account = reactjs_hooks_useAccount.useAccount();
   const { switchNetwork } = react.useAppKitNetwork();
-  const { config, options, supportedChains: sdkChains } = reactjs_context_useWeb3App.useWeb3App();
+  const {
+    config,
+    options,
+    supportedChains: sdkChains,
+    nativeAuthToken
+  } = reactjs_context_useWeb3App.useWeb3App();
   const chainId = reactjs_hooks_useGetChainId.useGetChainId();
   const {
     evmTokensWithBalances,
@@ -158,8 +162,7 @@ const BridgeForm = ({
   } = reactjs_hooks_useFetchBridgeData.useFetchBridgeData({
     refetchTrigger,
     mvxAddress,
-    mvxApiURL: options.mvxApiURL,
-    nativeAuthToken
+    mvxApiURL: options.mvxApiURL
   });
   const isTokensLoading = tokensLoading || isLoadingEvmTokensBalances || isLoadingMvxTokensBalances || isChainsLoading;
   const activeChain = React.useMemo(() => {
@@ -559,7 +562,6 @@ const BridgeForm = ({
     resetSwapForm
   } = reactjs_hooks_useBridgeFormik.useBridgeFormik({
     rate,
-    nativeAuthToken,
     mvxAccountAddress: mvxAddress,
     firstToken,
     firstAmount,
@@ -651,6 +653,10 @@ const BridgeForm = ({
       handleOnChangeSecondAmount(secondTokenAmount);
     }
   }, [secondTokenAmount]);
+  console.log("BridgeForm=", {
+    nativeAuthToken,
+    chains
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
@@ -660,14 +666,7 @@ const BridgeForm = ({
       autoComplete: "off",
       onSubmit: handleSubmit,
       children: [
-        showHistory && /* @__PURE__ */ jsxRuntime.jsx(
-          reactjs_components_BridgeHistory_BridgeHistory.BridgeHistory,
-          {
-            mvxAddress,
-            onClose: handleHistoryClose,
-            nativeAuthToken
-          }
-        ),
+        showHistory && /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_BridgeHistory_BridgeHistory.BridgeHistory, { mvxAddress, onClose: handleHistoryClose }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactjs_components_AmountCard_AmountCard.AmountCard,
           {
@@ -685,8 +684,7 @@ const BridgeForm = ({
                   reactjs_components_Connect_BridgeAccountDisplay.BridgeAccountDisplay,
                   {
                     disabled: isPendingRate,
-                    activeChain: selectedChainOption,
-                    nativeAuthToken
+                    activeChain: selectedChainOption
                   }
                 )
               ] }),
@@ -716,8 +714,7 @@ const BridgeForm = ({
                     onBlur: handleBlur,
                     onMaxBtnClick: handleOnFirstMaxBtnChange,
                     selectedOption: firstToken,
-                    onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible),
-                    nativeAuthToken
+                    onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible)
                   }
                 )
               ] })
@@ -740,7 +737,7 @@ const BridgeForm = ({
                   reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay,
                   {
                     accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
+                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
                     username,
                     accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
                     showTag: true,
@@ -774,8 +771,7 @@ const BridgeForm = ({
                     color: "neutral-850",
                     onChange: onChangeSecondSelect,
                     onBlur: handleBlur,
-                    selectedOption: secondToken,
-                    nativeAuthToken
+                    selectedOption: secondToken
                   }
                 )
               ] })
@@ -787,7 +783,7 @@ const BridgeForm = ({
             reactjs_components_Connect_MvxConnectButton.MvxConnectButton,
             {
               mvxAccountAddress: mvxAddress,
-              icon: mvxChain == null ? void 0 : mvxChain.svgUrl,
+              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
               onClick: onMvxConnect
             }
           ),
@@ -812,7 +808,7 @@ const BridgeForm = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
+                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem]"
                     }
@@ -833,7 +829,7 @@ const BridgeForm = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
+                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem]"
                     }

package/reactjs/components/BridgeForm/BridgeForm.mjs

@@ -41,7 +41,7 @@ import { MvxAccountDisplay } from "../Connect/MvxAccountDisplay.mjs";
 import { TokenSelector } from "../TokenSelector/TokenSelector.mjs";
 import { hexToString } from "viem";
 import { waitForTransactionReceipt as waitForTransactionReceipt$1, getTransaction, call } from "viem/actions";
-import { g as getAction } from "../../../useBalances-84Wb5V4N.mjs";
+import { g as getAction } from "../../../useBalances-CtcrEcK2.mjs";
 function deepEqual(a, b) {
   if (a === b)
     return true;
@@ -118,7 +118,6 @@ const BridgeForm = ({
   mvxChainId,
   mvxAddress,
   username,
-  nativeAuthToken,
   callbackRoute = "/",
   firstTokenIdentifier,
   secondTokenIdentifier,
@@ -142,7 +141,12 @@ const BridgeForm = ({
   const [siginingTransactionsCount, setSigningTransactionsCount] = useState(0);
   const account = useAccount();
   const { switchNetwork } = useAppKitNetwork();
-  const { config, options, supportedChains: sdkChains } = useWeb3App();
+  const {
+    config,
+    options,
+    supportedChains: sdkChains,
+    nativeAuthToken
+  } = useWeb3App();
   const chainId = useGetChainId();
   const {
     evmTokensWithBalances,
@@ -155,8 +159,7 @@ const BridgeForm = ({
   } = useFetchBridgeData({
     refetchTrigger,
     mvxAddress,
-    mvxApiURL: options.mvxApiURL,
-    nativeAuthToken
+    mvxApiURL: options.mvxApiURL
   });
   const isTokensLoading = tokensLoading || isLoadingEvmTokensBalances || isLoadingMvxTokensBalances || isChainsLoading;
   const activeChain = useMemo(() => {
@@ -556,7 +559,6 @@ const BridgeForm = ({
     resetSwapForm
   } = useBridgeFormik({
     rate,
-    nativeAuthToken,
     mvxAccountAddress: mvxAddress,
     firstToken,
     firstAmount,
@@ -648,6 +650,10 @@ const BridgeForm = ({
       handleOnChangeSecondAmount(secondTokenAmount);
     }
   }, [secondTokenAmount]);
+  console.log("BridgeForm=", {
+    nativeAuthToken,
+    chains
+  });
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     "form",
     {
@@ -657,14 +663,7 @@ const BridgeForm = ({
       autoComplete: "off",
       onSubmit: handleSubmit,
       children: [
-        showHistory && /* @__PURE__ */ jsx(
-          BridgeHistory,
-          {
-            mvxAddress,
-            onClose: handleHistoryClose,
-            nativeAuthToken
-          }
-        ),
+        showHistory && /* @__PURE__ */ jsx(BridgeHistory, { mvxAddress, onClose: handleHistoryClose }),
         /* @__PURE__ */ jsxs(
           AmountCard,
           {
@@ -682,8 +681,7 @@ const BridgeForm = ({
                   BridgeAccountDisplay,
                   {
                     disabled: isPendingRate,
-                    activeChain: selectedChainOption,
-                    nativeAuthToken
+                    activeChain: selectedChainOption
                   }
                 )
               ] }),
@@ -713,8 +711,7 @@ const BridgeForm = ({
                     onBlur: handleBlur,
                     onMaxBtnClick: handleOnFirstMaxBtnChange,
                     selectedOption: firstToken,
-                    onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible),
-                    nativeAuthToken
+                    onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible)
                   }
                 )
               ] })
@@ -737,7 +734,7 @@ const BridgeForm = ({
                   MvxAccountDisplay,
                   {
                     accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
+                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
                     username,
                     accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
                     showTag: true,
@@ -771,8 +768,7 @@ const BridgeForm = ({
                     color: "neutral-850",
                     onChange: onChangeSecondSelect,
                     onBlur: handleBlur,
-                    selectedOption: secondToken,
-                    nativeAuthToken
+                    selectedOption: secondToken
                   }
                 )
               ] })
@@ -784,7 +780,7 @@ const BridgeForm = ({
             MvxConnectButton,
             {
               mvxAccountAddress: mvxAddress,
-              icon: mvxChain == null ? void 0 : mvxChain.svgUrl,
+              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
               onClick: onMvxConnect
             }
           ),
@@ -809,7 +805,7 @@ const BridgeForm = ({
                   /* @__PURE__ */ jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
+                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem]"
                     }
@@ -830,7 +826,7 @@ const BridgeForm = ({
                   /* @__PURE__ */ jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
+                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem]"
                     }

package/reactjs/components/BridgeHistory/BridgeHistory.d.ts

@@ -1,5 +1,4 @@
-export declare const BridgeHistory: ({ mvxAddress, nativeAuthToken, onClose }: {
+export declare const BridgeHistory: ({ mvxAddress, onClose }: {
     mvxAddress?: string;
-    nativeAuthToken?: string;
     onClose: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/BridgeHistory/BridgeHistory.js

@@ -26,13 +26,11 @@ const reactjs_components_base_MxTooltip_MxTooltip = require("../base/MxTooltip/M
 const ArrowUpRight = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206V13C15%2013.5625%2014.5312%2014%2014%2014C13.4375%2014%2013%2013.5625%2013%2013V8.4375L6.6875%2014.7188C6.3125%2015.125%205.65625%2015.125%205.28125%2014.7188C4.875%2014.3438%204.875%2013.6875%205.28125%2013.3125L11.5625%207H7C6.4375%207%206%206.5625%206%206C6%205.46875%206.4375%205%207%205H14C14.5312%205%2015%205.46875%2015%206Z'%20fill='%23CDD0DB'/%3e%3c/svg%3e";
 const BridgeHistory = ({
   mvxAddress,
-  nativeAuthToken,
   onClose
 }) => {
   const { options } = reactjs_context_useWeb3App.useWeb3App();
   const { data, isLoading, isError } = reactjs_queries_useGetHistory_query.useGetHistoryQuery({
-    address: mvxAddress,
-    nativeAuthToken
+    address: mvxAddress
   });
   const resolveTransactionIcon = React.useCallback((transaction) => {
     switch (transaction.status) {
@@ -85,8 +83,7 @@ const BridgeHistory = ({
     isChainsLoading
   } = reactjs_hooks_useFetchBridgeData.useFetchBridgeData({
     mvxAddress,
-    mvxApiURL: options.mvxApiURL,
-    nativeAuthToken
+    mvxApiURL: options.mvxApiURL
   });
   const tokensMap = React.useMemo(() => {
     return [
@@ -217,7 +214,7 @@ const BridgeHistory = ({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
-                          src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.svgUrl,
+                          src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem]"
                         }
@@ -234,7 +231,7 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.svgUrl,
+                            src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
@@ -242,7 +239,7 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.svgUrl,
+                            src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.pngUrl,
                             alt: "",
                             className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
                           }
@@ -274,7 +271,7 @@ const BridgeHistory = ({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
-                          src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.svgUrl,
+                          src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem]"
                         }
@@ -291,7 +288,7 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.svgUrl,
+                            src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
@@ -299,7 +296,7 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.svgUrl,
+                            src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.pngUrl,
                             alt: "",
                             className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
                           }