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

package/reactjs/adapters/SuiAdapter.d.ts

@@ -7,6 +7,11 @@ export type SuiAdapterOptions = {
      * AppKit sometimes passes an empty `networks` array into `construct`; this keeps WC valid.
      */
     explicitCaipChains?: string[];
+    /**
+     * When set, `connect()` will throw if the WalletConnect session advertises a different address.
+     * If not set, any address is accepted (backward-compatible).
+     */
+    expectedSuiAddress?: string;
 };
 export declare class SuiAdapter extends AdapterBlueprint {
     /**
@@ -16,6 +21,7 @@ export declare class SuiAdapter extends AdapterBlueprint {
      */
     private sharedWcProvider?;
     private readonly explicitCaipChainsFromInit;
+    private readonly expectedSuiAddress?;
     constructor(opts?: SuiAdapterOptions);
     /**
      * AppKit passes `networks` here from `createAppKit({ networks })` filtered by namespace.
@@ -47,6 +53,14 @@ export declare class SuiAdapter extends AdapterBlueprint {
     syncConnection(params: AdapterBlueprint.SyncConnectionParams): Promise<AdapterBlueprint.ConnectResult>;
     syncConnections({ connectToFirstConnector, caipNetwork }: AdapterBlueprint.SyncConnectionsParams): Promise<void>;
     getWalletConnectProvider(params: AdapterBlueprint.GetWalletConnectProviderParams): AdapterBlueprint.GetWalletConnectProviderResult;
+    /**
+     * Resolves the CAIP-2 chain scope string for WalletConnect requests.
+     * Resolution order:
+     *   1. `caipNetworkId` argument (if it starts with `'sui:'`)
+     *   2. First `'sui:'`-prefixed entry in `explicitCaipChainsFromInit`
+     *   3. `'sui:mainnet'` as a safe last resort
+     */
+    private getChainScope;
     signMessage(params: AdapterBlueprint.SignMessageParams): Promise<AdapterBlueprint.SignMessageResult>;
     sendTransaction(params: AdapterBlueprint.SendTransactionParams): Promise<AdapterBlueprint.SendTransactionResult>;
     estimateGas(): Promise<AdapterBlueprint.EstimateGasTransactionResult>;

package/reactjs/adapters/SuiAdapter.js

@@ -20,12 +20,14 @@ class SuiAdapter extends appkitControllers.AdapterBlueprint {
      */
     __publicField(this, "sharedWcProvider");
     __publicField(this, "explicitCaipChainsFromInit");
+    __publicField(this, "expectedSuiAddress");
     /**
      * AppKit passes `networks` here from `createAppKit({ networks })` filtered by namespace.
      * `ChainController.getRequestedCaipNetworks('sui')` is often still empty → we must keep this.
      */
     __publicField(this, "suiNetworksFromConfig", []);
     this.explicitCaipChainsFromInit = (opts == null ? void 0 : opts.explicitCaipChains) ?? [];
+    this.expectedSuiAddress = opts == null ? void 0 : opts.expectedSuiAddress;
   }
   construct(params) {
     super.construct(params);
@@ -180,6 +182,11 @@ class SuiAdapter extends appkitControllers.AdapterBlueprint {
     if (!address) {
       throw new Error("No Sui account found after WalletConnect session");
     }
+    if (this.expectedSuiAddress && address !== this.expectedSuiAddress) {
+      throw new Error(
+        `Sui account mismatch: expected ${this.expectedSuiAddress}, got ${address}`
+      );
+    }
     const caipNetwork = (_c = this.getCaipNetworks()) == null ? void 0 : _c.find(
       (n) => n.id === params.chainId
     );
@@ -300,25 +307,47 @@ class SuiAdapter extends appkitControllers.AdapterBlueprint {
   getWalletConnectProvider(params) {
     return params.provider;
   }
+  /**
+   * Resolves the CAIP-2 chain scope string for WalletConnect requests.
+   * Resolution order:
+   *   1. `caipNetworkId` argument (if it starts with `'sui:'`)
+   *   2. First `'sui:'`-prefixed entry in `explicitCaipChainsFromInit`
+   *   3. `'sui:mainnet'` as a safe last resort
+   */
+  getChainScope(caipNetworkId) {
+    if (caipNetworkId == null ? void 0 : caipNetworkId.startsWith("sui:")) {
+      return caipNetworkId;
+    }
+    const fromInit = this.explicitCaipChainsFromInit.find(
+      (c) => c.startsWith("sui:")
+    );
+    if (fromInit) {
+      return fromInit;
+    }
+    return "sui:mainnet";
+  }
   async signMessage(params) {
     const wc = this.getWcProvider();
+    const chainScope = this.getChainScope();
     const result = await wc.request(
       {
         method: "sui_signPersonalMessage",
         params: { message: params.message, address: params.address }
       },
-      "sui:mainnet"
+      chainScope
     );
     return { signature: result.signature };
   }
   async sendTransaction(params) {
+    var _a;
     const wc = this.getWcProvider();
+    const chainScope = this.getChainScope((_a = params.caipNetwork) == null ? void 0 : _a.caipNetworkId);
     const result = await wc.request(
       {
         method: "sui_signAndExecuteTransaction",
         params: { transaction: params.data, address: params.to }
       },
-      "sui:mainnet"
+      chainScope
     );
     return { hash: result.digest };
   }

package/reactjs/adapters/SuiAdapter.mjs

@@ -17,12 +17,14 @@ class SuiAdapter extends AdapterBlueprint {
      */
     __publicField(this, "sharedWcProvider");
     __publicField(this, "explicitCaipChainsFromInit");
+    __publicField(this, "expectedSuiAddress");
     /**
      * AppKit passes `networks` here from `createAppKit({ networks })` filtered by namespace.
      * `ChainController.getRequestedCaipNetworks('sui')` is often still empty → we must keep this.
      */
     __publicField(this, "suiNetworksFromConfig", []);
     this.explicitCaipChainsFromInit = (opts == null ? void 0 : opts.explicitCaipChains) ?? [];
+    this.expectedSuiAddress = opts == null ? void 0 : opts.expectedSuiAddress;
   }
   construct(params) {
     super.construct(params);
@@ -177,6 +179,11 @@ class SuiAdapter extends AdapterBlueprint {
     if (!address) {
       throw new Error("No Sui account found after WalletConnect session");
     }
+    if (this.expectedSuiAddress && address !== this.expectedSuiAddress) {
+      throw new Error(
+        `Sui account mismatch: expected ${this.expectedSuiAddress}, got ${address}`
+      );
+    }
     const caipNetwork = (_c = this.getCaipNetworks()) == null ? void 0 : _c.find(
       (n) => n.id === params.chainId
     );
@@ -297,25 +304,47 @@ class SuiAdapter extends AdapterBlueprint {
   getWalletConnectProvider(params) {
     return params.provider;
   }
+  /**
+   * Resolves the CAIP-2 chain scope string for WalletConnect requests.
+   * Resolution order:
+   *   1. `caipNetworkId` argument (if it starts with `'sui:'`)
+   *   2. First `'sui:'`-prefixed entry in `explicitCaipChainsFromInit`
+   *   3. `'sui:mainnet'` as a safe last resort
+   */
+  getChainScope(caipNetworkId) {
+    if (caipNetworkId == null ? void 0 : caipNetworkId.startsWith("sui:")) {
+      return caipNetworkId;
+    }
+    const fromInit = this.explicitCaipChainsFromInit.find(
+      (c) => c.startsWith("sui:")
+    );
+    if (fromInit) {
+      return fromInit;
+    }
+    return "sui:mainnet";
+  }
   async signMessage(params) {
     const wc = this.getWcProvider();
+    const chainScope = this.getChainScope();
     const result = await wc.request(
       {
         method: "sui_signPersonalMessage",
         params: { message: params.message, address: params.address }
       },
-      "sui:mainnet"
+      chainScope
     );
     return { signature: result.signature };
   }
   async sendTransaction(params) {
+    var _a;
     const wc = this.getWcProvider();
+    const chainScope = this.getChainScope((_a = params.caipNetwork) == null ? void 0 : _a.caipNetworkId);
     const result = await wc.request(
       {
         method: "sui_signAndExecuteTransaction",
         params: { transaction: params.data, address: params.to }
       },
-      "sui:mainnet"
+      chainScope
     );
     return { hash: result.digest };
   }

package/reactjs/components/BridgeForm/Deposit.js

@@ -14,6 +14,8 @@ const reactjs_components_BridgeForm_hooks_useBridgeTokenSelection = require("./h
 const reactjs_components_BridgeForm_utils_bridgeFormHelpers = require("./utils/bridgeFormHelpers.js");
 const constants_index = require("../../../constants/index.js");
 const helpers_getApiURL = require("../../../helpers/getApiURL.js");
+require("../../constants/index.js");
+const helpers_safeImageUrl = require("../../../helpers/safeImageUrl.js");
 const types_chainType = require("../../../types/chainType.js");
 const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
 const reactjs_helpers_resolveBridgeApiChainId = require("../../helpers/resolveBridgeApiChainId.js");
@@ -38,7 +40,6 @@ require("@headlessui/react");
 require("react-dom");
 require("react-popper");
 require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");
-require("../../constants/index.js");
 const reactjs_components_BridgeHistory_BridgeHistory = require("../BridgeHistory/BridgeHistory.js");
 const reactjs_components_Connect_BridgeConnectButton = require("../Connect/BridgeConnectButton.js");
 require("wagmi");
@@ -77,6 +78,7 @@ const Deposit = ({
   const [siginingTransactionsCount, setSigningTransactionsCount] = React.useState(0);
   const account = reactjs_hooks_useAccount.useAccount();
   const { switchNetwork } = react.useAppKitNetwork();
+  const invalidateHistoryQuery = reactjs_queries_useGetHistory_query.useInvalidateHistoryQuery();
   const {
     config,
     options,
@@ -221,8 +223,8 @@ const Deposit = ({
     async (txHashes) => {
       handleOnChangeFirstAmount("");
       handleOnChangeSecondAmount("");
-      reactjs_queries_useGetHistory_query.invalidateHistoryQuery();
-      reactjs_queries_useGetHistory_query.invalidateHistoryQuery();
+      invalidateHistoryQuery();
+      invalidateHistoryQuery();
       onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction(txHashes);
     },
     [
@@ -556,7 +558,7 @@ const Deposit = ({
                   reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay,
                   {
                     accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                    chainIcon: helpers_safeImageUrl.safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                     username,
                     accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
                     showTag: true,
@@ -602,7 +604,7 @@ const Deposit = ({
             reactjs_components_Connect_MvxConnectButton.MvxConnectButton,
             {
               mvxAccountAddress: mvxAddress,
-              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+              icon: helpers_safeImageUrl.safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
               onClick: onMvxConnect
             }
           ),
@@ -627,7 +629,7 @@ const Deposit = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                      src: helpers_safeImageUrl.safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -648,7 +650,7 @@ const Deposit = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                      src: helpers_safeImageUrl.safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -11,6 +11,8 @@ import { useBridgeTokenSelection } from "./hooks/useBridgeTokenSelection.mjs";
 import { resolveSigningChainType } from "./utils/bridgeFormHelpers.mjs";
 import { MVX_CHAIN_IDS } from "../../../constants/index.mjs";
 import { getApiURL } from "../../../helpers/getApiURL.mjs";
+import "../../constants/index.mjs";
+import { safeImageUrl } from "../../../helpers/safeImageUrl.mjs";
 import { ChainType } from "../../../types/chainType.mjs";
 import { useWeb3App } from "../../context/useWeb3App.mjs";
 import { sameBridgeApiChainId, toBridgeApiChainId } from "../../helpers/resolveBridgeApiChainId.mjs";
@@ -21,7 +23,7 @@ import { useFetchBridgeData } from "../../hooks/useFetchBridgeData.mjs";
 import { useGetChainId } from "../../hooks/useGetChainId.mjs";
 import { useSendTransactions } from "../../hooks/useSendTransactions.mjs";
 import { useSignTransaction } from "../../hooks/useSignTransaction.mjs";
-import { invalidateHistoryQuery } from "../../queries/useGetHistory.query.mjs";
+import { useInvalidateHistoryQuery } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation } from "../../queries/useGetRate.mutation.mjs";
 import { mxClsx } from "../../utils/mxClsx.mjs";
 import { AmountCard } from "../AmountCard/AmountCard.mjs";
@@ -35,7 +37,6 @@ import "@headlessui/react";
 import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import "../../constants/index.mjs";
 import { BridgeHistory } from "../BridgeHistory/BridgeHistory.mjs";
 import { BridgeConnectButton } from "../Connect/BridgeConnectButton.mjs";
 import "wagmi";
@@ -74,6 +75,7 @@ const Deposit = ({
   const [siginingTransactionsCount, setSigningTransactionsCount] = useState(0);
   const account = useAccount();
   const { switchNetwork } = useAppKitNetwork();
+  const invalidateHistoryQuery = useInvalidateHistoryQuery();
   const {
     config,
     options,
@@ -553,7 +555,7 @@ const Deposit = ({
                   MvxAccountDisplay,
                   {
                     accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                    chainIcon: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                     username,
                     accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
                     showTag: true,
@@ -599,7 +601,7 @@ const Deposit = ({
             MvxConnectButton,
             {
               mvxAccountAddress: mvxAddress,
-              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+              icon: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
               onClick: onMvxConnect
             }
           ),
@@ -624,7 +626,7 @@ const Deposit = ({
                   /* @__PURE__ */ jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                      src: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -645,7 +647,7 @@ const Deposit = ({
                   /* @__PURE__ */ jsx(
                     "img",
                     {
-                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                      src: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }

package/reactjs/components/BridgeForm/Transfer.js

@@ -10,6 +10,8 @@ const reactToastify = require("react-toastify");
 const reactjs_components_BridgeForm_hooks_useBridgeTokenSelection = require("./hooks/useBridgeTokenSelection.js");
 const constants_index = require("../../../constants/index.js");
 const helpers_getApiURL = require("../../../helpers/getApiURL.js");
+require("../../constants/index.js");
+const helpers_safeImageUrl = require("../../../helpers/safeImageUrl.js");
 const types_providerType = require("../../../types/providerType.js");
 const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
 const reactjs_helpers_resolveBridgeApiChainId = require("../../helpers/resolveBridgeApiChainId.js");
@@ -23,7 +25,6 @@ const reactjs_hooks_useFetchBridgeData = require("../../hooks/useFetchBridgeData
 const reactjs_hooks_useBridgeApiChainId = require("../../hooks/useBridgeApiChainId.js");
 require("@tanstack/react-query");
 const reactjs_hooks_useGetChainId = require("../../hooks/useGetChainId.js");
-require("../../constants/index.js");
 const reactjs_hooks_useSendTransactions = require("../../hooks/useSendTransactions.js");
 require("@reown/appkit-adapter-solana/react");
 require("@solana/web3.js");
@@ -80,6 +81,7 @@ const Transfer = ({
   const [latestTransactions, setLatestTransactions] = React.useState([]);
   const account = reactjs_hooks_useAccount.useAccount();
   const { switchNetwork } = react.useAppKitNetwork();
+  const invalidateHistoryQuery = reactjs_queries_useGetHistory_query.useInvalidateHistoryQuery();
   const {
     options,
     supportedChains: sdkChains,
@@ -232,8 +234,8 @@ const Transfer = ({
     async (txHashes) => {
       handleOnChangeFirstAmount("");
       handleOnChangeSecondAmount("");
-      reactjs_queries_useGetHistory_query.invalidateHistoryQuery();
-      reactjs_queries_useGetHistory_query.invalidateHistoryQuery();
+      invalidateHistoryQuery();
+      invalidateHistoryQuery();
       onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction(txHashes);
     },
     [
@@ -406,7 +408,7 @@ const Transfer = ({
                   reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay,
                   {
                     accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                    chainIcon: helpers_safeImageUrl.safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                     username,
                     accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
                     showTag: true,
@@ -507,7 +509,7 @@ const Transfer = ({
             reactjs_components_Connect_MvxConnectButton.MvxConnectButton,
             {
               mvxAccountAddress: mvxAddress,
-              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+              icon: helpers_safeImageUrl.safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
               onClick: onMvxConnect
             }
           ),
@@ -533,7 +535,7 @@ const Transfer = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
                     {
-                      src: (secondTokenChain == null ? void 0 : secondTokenChain.pngUrl) ?? "",
+                      src: helpers_safeImageUrl.safeImageUrl(secondTokenChain == null ? void 0 : secondTokenChain.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -7,6 +7,8 @@ import { toast } from "react-toastify";
 import { useBridgeTokenSelection } from "./hooks/useBridgeTokenSelection.mjs";
 import { MVX_CHAIN_IDS } from "../../../constants/index.mjs";
 import { getApiURL } from "../../../helpers/getApiURL.mjs";
+import "../../constants/index.mjs";
+import { safeImageUrl } from "../../../helpers/safeImageUrl.mjs";
 import { ProviderType } from "../../../types/providerType.mjs";
 import { useWeb3App } from "../../context/useWeb3App.mjs";
 import { sameBridgeApiChainId, toBridgeApiChainId } from "../../helpers/resolveBridgeApiChainId.mjs";
@@ -20,13 +22,12 @@ import { useFetchBridgeData } from "../../hooks/useFetchBridgeData.mjs";
 import { useBridgeApiChainId } from "../../hooks/useBridgeApiChainId.mjs";
 import "@tanstack/react-query";
 import { useGetChainId } from "../../hooks/useGetChainId.mjs";
-import "../../constants/index.mjs";
 import { useSendTransactions } from "../../hooks/useSendTransactions.mjs";
 import "@reown/appkit-adapter-solana/react";
 import "@solana/web3.js";
 import "wagmi";
 import "@reown/appkit-controllers";
-import { invalidateHistoryQuery } from "../../queries/useGetHistory.query.mjs";
+import { useInvalidateHistoryQuery } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation } from "../../queries/useGetRate.mutation.mjs";
 import { mxClsx } from "../../utils/mxClsx.mjs";
 import { AmountCard } from "../AmountCard/AmountCard.mjs";
@@ -77,6 +78,7 @@ const Transfer = ({
   const [latestTransactions, setLatestTransactions] = useState([]);
   const account = useAccount();
   const { switchNetwork } = useAppKitNetwork();
+  const invalidateHistoryQuery = useInvalidateHistoryQuery();
   const {
     options,
     supportedChains: sdkChains,
@@ -403,7 +405,7 @@ const Transfer = ({
                   MvxAccountDisplay,
                   {
                     accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+                    chainIcon: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
                     username,
                     accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
                     showTag: true,
@@ -504,7 +506,7 @@ const Transfer = ({
             MvxConnectButton,
             {
               mvxAccountAddress: mvxAddress,
-              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
+              icon: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
               onClick: onMvxConnect
             }
           ),
@@ -530,7 +532,7 @@ const Transfer = ({
                   /* @__PURE__ */ jsx(
                     "img",
                     {
-                      src: (secondTokenChain == null ? void 0 : secondTokenChain.pngUrl) ?? "",
+                      src: safeImageUrl(secondTokenChain == null ? void 0 : secondTokenChain.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }

package/reactjs/components/BridgeHistory/BridgeHistory.js

@@ -27,6 +27,7 @@ require("@reown/appkit-adapter-solana/react");
 require("@solana/web3.js");
 require("wagmi");
 require("@reown/appkit-controllers");
+const helpers_safeImageUrl = require("../../../helpers/safeImageUrl.js");
 const reactjs_queries_useGetHistory_query = require("../../queries/useGetHistory.query.js");
 const reactjs_utils_formatAmount = require("../../utils/formatAmount.js");
 const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
@@ -242,7 +243,9 @@ const BridgeHistory = ({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
-                          src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
+                          src: helpers_safeImageUrl.safeImageUrl(
+                            (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl
+                          ),
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
@@ -259,7 +262,9 @@ 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-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
+                            src: helpers_safeImageUrl.safeImageUrl(
+                              (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl
+                            ),
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
@@ -267,7 +272,9 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.pngUrl,
+                            src: helpers_safeImageUrl.safeImageUrl(
+                              (_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"
                           }
@@ -298,7 +305,9 @@ const BridgeHistory = ({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
-                          src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
+                          src: helpers_safeImageUrl.safeImageUrl(
+                            (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl
+                          ),
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
@@ -315,7 +324,9 @@ 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-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
+                            src: helpers_safeImageUrl.safeImageUrl(
+                              (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl
+                            ),
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
@@ -323,7 +334,9 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "img",
                           {
-                            src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.pngUrl,
+                            src: helpers_safeImageUrl.safeImageUrl(
+                              (_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"
                           }
@@ -338,6 +351,7 @@ const BridgeHistory = ({
                 {
                   href: `${options.bridgeURL}/status/${transaction.txHash}`,
                   target: "_blank",
+                  rel: "noopener noreferrer",
                   className: "liq-flex",
                   children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
                     reactjs_components_base_MxTooltip_MxTooltip.MxTooltip,

package/reactjs/components/BridgeHistory/BridgeHistory.mjs

@@ -24,6 +24,7 @@ import "@reown/appkit-adapter-solana/react";
 import "@solana/web3.js";
 import "wagmi";
 import "@reown/appkit-controllers";
+import { safeImageUrl } from "../../../helpers/safeImageUrl.mjs";
 import { useGetHistoryQuery } from "../../queries/useGetHistory.query.mjs";
 import { formatAmount } from "../../utils/formatAmount.mjs";
 import { mxClsx } from "../../utils/mxClsx.mjs";
@@ -239,7 +240,9 @@ const BridgeHistory = ({
                       /* @__PURE__ */ jsx(
                         "img",
                         {
-                          src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
+                          src: safeImageUrl(
+                            (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl
+                          ),
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
@@ -256,7 +259,9 @@ const BridgeHistory = ({
                         /* @__PURE__ */ 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__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
                           "img",
                           {
-                            src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
+                            src: safeImageUrl(
+                              (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl
+                            ),
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
@@ -264,7 +269,9 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsx(
                           "img",
                           {
-                            src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.pngUrl,
+                            src: safeImageUrl(
+                              (_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"
                           }
@@ -295,7 +302,9 @@ const BridgeHistory = ({
                       /* @__PURE__ */ jsx(
                         "img",
                         {
-                          src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
+                          src: safeImageUrl(
+                            (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl
+                          ),
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
@@ -312,7 +321,9 @@ const BridgeHistory = ({
                         /* @__PURE__ */ 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__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
                           "img",
                           {
-                            src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
+                            src: safeImageUrl(
+                              (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl
+                            ),
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
@@ -320,7 +331,9 @@ const BridgeHistory = ({
                         /* @__PURE__ */ jsx(
                           "img",
                           {
-                            src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.pngUrl,
+                            src: safeImageUrl(
+                              (_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"
                           }
@@ -335,6 +348,7 @@ const BridgeHistory = ({
                 {
                   href: `${options.bridgeURL}/status/${transaction.txHash}`,
                   target: "_blank",
+                  rel: "noopener noreferrer",
                   className: "liq-flex",
                   children: /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
                     MxTooltip,

package/reactjs/components/Connect/BridgeConnectButton.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const reactjs_components_Connect_CustomConnectButton = require("./CustomConnectButton.js");
 const helpers_getDisplayName = require("../../../helpers/getDisplayName.js");
+const helpers_safeImageUrl = require("../../../helpers/safeImageUrl.js");
 const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
 const BridgeConnectButton = ({
   activeChain,
@@ -22,7 +23,7 @@ const BridgeConnectButton = ({
         activeChain && /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
-            src: activeChain.pngUrl,
+            src: helpers_safeImageUrl.safeImageUrl(activeChain.pngUrl),
             alt: "",
             className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
           }

package/reactjs/components/Connect/BridgeConnectButton.mjs

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CustomConnectButton } from "./CustomConnectButton.mjs";
 import { getDisplayName } from "../../../helpers/getDisplayName.mjs";
+import { safeImageUrl } from "../../../helpers/safeImageUrl.mjs";
 import { useAccount } from "../../hooks/useAccount.mjs";
 const BridgeConnectButton = ({
   activeChain,
@@ -19,7 +20,7 @@ const BridgeConnectButton = ({
         activeChain && /* @__PURE__ */ jsx(
           "img",
           {
-            src: activeChain.pngUrl,
+            src: safeImageUrl(activeChain.pngUrl),
             alt: "",
             className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
           }