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

package/reactjs/components/CopyButton/CopyButton.mjs

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { faCheck } from "@fortawesome/free-solid-svg-icons/faCheck";
 import { faCopy } from "@fortawesome/free-solid-svg-icons/faCopy";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
+import React__default from "react";
 import { copyTextToClipboard } from "./utils/copyToClipboard.mjs";
 import { MxButton } from "../base/MxButton/MxButton.mjs";
 const CopyButton = ({
@@ -10,7 +10,7 @@ const CopyButton = ({
   className = "",
   "data-testid": dataTestId
 }) => {
-  const [copyResult, setCopyResut] = React.useState({
+  const [copyResult, setCopyResut] = React__default.useState({
     default: true,
     success: false
   });

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

@@ -8,6 +8,7 @@ require("bignumber.js");
 require("../../../../../constants/index.js");
 require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
 const reactjs_utils_mxClsx = require("../../../../../utils/mxClsx.js");
+const helpers_safeImageUrl = require("../../../../../../helpers/safeImageUrl.js");
 const allNetworks = require("../../../../../../all-networks-NYACMyeN.js");
 const reactjs_constants_chains = require("../../../../../constants/chains.js");
 const ChainOptionLabel = ({
@@ -23,7 +24,10 @@ const ChainOptionLabel = ({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: `chain-image liq-mr-2 ${inDropdownClass}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: chain.pngUrl ? /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
-            src: chain.pngUrl ?? reactjs_constants_chains.chainIdentifier[chain.name],
+            src: helpers_safeImageUrl.safeImageUrl(
+              chain.pngUrl,
+              reactjs_constants_chains.chainIdentifier[chain.name]
+            ),
             alt: "",
             loading: "lazy",
             className: reactjs_utils_mxClsx.mxClsx("liq-h-full liq-w-full", {

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

@@ -5,8 +5,9 @@ import "bignumber.js";
 import "../../../../../constants/index.mjs";
 import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
 import { mxClsx } from "../../../../../utils/mxClsx.mjs";
+import { safeImageUrl } from "../../../../../../helpers/safeImageUrl.mjs";
 import { A as AllNetworks } from "../../../../../../all-networks-EJIVYZ_i.mjs";
-import { chainIdentifier, ALL_NETWORK_ID } from "../../../../../constants/chains.mjs";
+import { ALL_NETWORK_ID, chainIdentifier } from "../../../../../constants/chains.mjs";
 const ChainOptionLabel = ({
   chain,
   inDropdown = false
@@ -20,7 +21,10 @@ const ChainOptionLabel = ({
         /* @__PURE__ */ jsx("div", { className: `chain-image liq-mr-2 ${inDropdownClass}`, children: /* @__PURE__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: chain.pngUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: chain.pngUrl ?? chainIdentifier[chain.name],
+            src: safeImageUrl(
+              chain.pngUrl,
+              chainIdentifier[chain.name]
+            ),
             alt: "",
             loading: "lazy",
             className: mxClsx("liq-h-full liq-w-full", {

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

@@ -9,6 +9,7 @@ require("bignumber.js");
 require("../../../../../constants/index.js");
 require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
 const reactjs_utils_mxClsx = require("../../../../../utils/mxClsx.js");
+const helpers_safeImageUrl = require("../../../../../../helpers/safeImageUrl.js");
 const allNetworks = require("../../../../../../all-networks-NYACMyeN.js");
 const reactjs_constants_chains = require("../../../../../constants/chains.js");
 const SelectedChainOption = ({
@@ -26,7 +27,10 @@ const SelectedChainOption = ({
       children: (chain == null ? void 0 : chain.pngUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
         "img",
         {
-          src: chain.pngUrl ?? reactjs_constants_chains.chainIdentifier[chain.name],
+          src: helpers_safeImageUrl.safeImageUrl(
+            chain.pngUrl,
+            reactjs_constants_chains.chainIdentifier[chain.name]
+          ),
           alt: "",
           loading: "lazy",
           className: reactjs_utils_mxClsx.mxClsx("liq-h-full liq-w-full", {

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

@@ -6,8 +6,9 @@ import "bignumber.js";
 import "../../../../../constants/index.mjs";
 import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
 import { mxClsx } from "../../../../../utils/mxClsx.mjs";
+import { safeImageUrl } from "../../../../../../helpers/safeImageUrl.mjs";
 import { A as AllNetworks } from "../../../../../../all-networks-EJIVYZ_i.mjs";
-import { chainIdentifier, ALL_NETWORK_ID } from "../../../../../constants/chains.mjs";
+import { ALL_NETWORK_ID, chainIdentifier } from "../../../../../constants/chains.mjs";
 const SelectedChainOption = ({
   ...props
 }) => {
@@ -23,7 +24,10 @@ const SelectedChainOption = ({
       children: (chain == null ? void 0 : chain.pngUrl) ? /* @__PURE__ */ jsx(
         "img",
         {
-          src: chain.pngUrl ?? chainIdentifier[chain.name],
+          src: safeImageUrl(
+            chain.pngUrl,
+            chainIdentifier[chain.name]
+          ),
           alt: "",
           loading: "lazy",
           className: mxClsx("liq-h-full liq-w-full", {

package/reactjs/components/TokenSelector/components/TokenIcon.js

@@ -5,6 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const faDiamond = require("@fortawesome/free-solid-svg-icons/faDiamond");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
 const React = require("react");
+const helpers_safeImageUrl = require("../../../../helpers/safeImageUrl.js");
 const _default = require("../../../../default-H3AbmzFV.js");
 const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
 const TokenIcon = ({
@@ -20,7 +21,7 @@ const TokenIcon = ({
       return token.pngUrl && token.pngUrl !== "" ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
         "img",
         {
-          src: token.pngUrl,
+          src: helpers_safeImageUrl.safeImageUrl(token.pngUrl, _default.DefaultIcon),
           alt: "",
           className: "liq-asset-icon liq-sm liq-p-0"
         }

package/reactjs/components/TokenSelector/components/TokenIcon.mjs

@@ -2,6 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { faDiamond } from "@fortawesome/free-solid-svg-icons/faDiamond";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useCallback, useMemo } from "react";
+import { safeImageUrl } from "../../../../helpers/safeImageUrl.mjs";
 import { D as DefaultIcon } from "../../../../default-BYtXv70Z.mjs";
 import { mxClsx } from "../../../utils/mxClsx.mjs";
 const TokenIcon = ({
@@ -17,7 +18,7 @@ const TokenIcon = ({
       return token.pngUrl && token.pngUrl !== "" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
         "img",
         {
-          src: token.pngUrl,
+          src: safeImageUrl(token.pngUrl, DefaultIcon),
           alt: "",
           className: "liq-asset-icon liq-sm liq-p-0"
         }

package/reactjs/context/Web3AppProvider.js

@@ -5,8 +5,6 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactQuery = require("@tanstack/react-query");
 const React = require("react");
 const wagmi = require("wagmi");
-const reactjs_context_queryClient = require("./queryClient.js");
-const queryClient = reactjs_context_queryClient.getQueryClient();
 const Web3AppContext = React.createContext(
   void 0
 );
@@ -22,6 +20,10 @@ function Web3AppProvider({
   latestMvxTransactionHash,
   resetMvxTransactionHash
 }) {
+  const [queryClient] = React.useState(() => new reactQuery.QueryClient());
+  React.useEffect(() => {
+    queryClient.invalidateQueries();
+  }, [nativeAuthToken]);
   const value = React.useMemo(() => {
     return {
       config,

package/reactjs/context/Web3AppProvider.mjs

@@ -1,9 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { createContext, useMemo } from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { createContext, useState, useEffect, useMemo } from "react";
 import { WagmiProvider } from "wagmi";
-import { getQueryClient } from "./queryClient.mjs";
-const queryClient = getQueryClient();
 const Web3AppContext = createContext(
   void 0
 );
@@ -19,6 +17,10 @@ function Web3AppProvider({
   latestMvxTransactionHash,
   resetMvxTransactionHash
 }) {
+  const [queryClient] = useState(() => new QueryClient());
+  useEffect(() => {
+    queryClient.invalidateQueries();
+  }, [nativeAuthToken]);
   const value = useMemo(() => {
     return {
       config,

package/reactjs/hooks/tests/useGenericSignMessage.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/reactjs/hooks/tests/useGenericSignMessage.spec.js

@@ -0,0 +1,69 @@
+#!/usr/bin/env node
+"use strict";
+const react = require("@reown/appkit/react");
+const react_esm = require("../../../react.esm-7GsOwMPq.js");
+const wagmi = require("wagmi");
+const reactjs_hooks_useGenericSignMessage = require("../useGenericSignMessage.js");
+jest.mock("../useAccount", () => ({
+  useAccount: jest.fn(() => ({
+    address: void 0,
+    isConnected: true
+  }))
+}));
+const mockUseAppKitNetworkCore = jest.mocked(react.useAppKitNetworkCore);
+const mockUseAppKitProvider = jest.mocked(react.useAppKitProvider);
+const mockUseSignMessage = jest.mocked(wagmi.useSignMessage);
+beforeEach(() => {
+  mockUseSignMessage.mockReturnValue({
+    signMessageAsync: jest.fn(),
+    data: void 0,
+    error: null,
+    isError: false,
+    isIdle: true,
+    isPending: false,
+    isSuccess: false,
+    reset: jest.fn(),
+    status: "idle",
+    variables: void 0,
+    context: void 0,
+    failureCount: 0,
+    failureReason: null,
+    isPaused: false,
+    submittedAt: 0,
+    mutate: jest.fn(),
+    mutateAsync: jest.fn(),
+    signMessage: jest.fn()
+  });
+});
+describe("useGenericSignMessage — Sui signMessage", () => {
+  const suiRequest = jest.fn();
+  beforeEach(() => {
+    suiRequest.mockReset();
+    mockUseAppKitNetworkCore.mockReturnValue({
+      caipNetwork: { chainNamespace: "sui" }
+    });
+    mockUseAppKitProvider.mockImplementation((namespace) => {
+      if (namespace === "sui") {
+        return { walletProvider: { request: suiRequest } };
+      }
+      return { walletProvider: void 0 };
+    });
+  });
+  it("signs a valid short message successfully", async () => {
+    suiRequest.mockResolvedValue({ signature: "sui-message-sig" });
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useGenericSignMessage.useGenericSignMessage());
+    const sig = await result.current.signMessage("hello world");
+    expect(sig).toBe("sui-message-sig");
+    expect(suiRequest).toHaveBeenCalledWith(
+      expect.objectContaining({ method: "sui_signPersonalMessage" })
+    );
+  });
+  it("throws when message payload exceeds 32 KiB", async () => {
+    const largeMessage = "a".repeat(32 * 1024 + 1);
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useGenericSignMessage.useGenericSignMessage());
+    await expect(result.current.signMessage(largeMessage)).rejects.toThrow(
+      "maximum size"
+    );
+    expect(suiRequest).not.toHaveBeenCalled();
+  });
+});

package/reactjs/hooks/tests/useGenericSignMessage.spec.mjs

@@ -0,0 +1,67 @@
+import { useAppKitNetworkCore, useAppKitProvider } from "@reown/appkit/react";
+import { r as renderHook } from "../../../react.esm-CU-Iqz8D.mjs";
+import { useSignMessage } from "wagmi";
+import { useGenericSignMessage } from "../useGenericSignMessage.mjs";
+jest.mock("../useAccount", () => ({
+  useAccount: jest.fn(() => ({
+    address: void 0,
+    isConnected: true
+  }))
+}));
+const mockUseAppKitNetworkCore = jest.mocked(useAppKitNetworkCore);
+const mockUseAppKitProvider = jest.mocked(useAppKitProvider);
+const mockUseSignMessage = jest.mocked(useSignMessage);
+beforeEach(() => {
+  mockUseSignMessage.mockReturnValue({
+    signMessageAsync: jest.fn(),
+    data: void 0,
+    error: null,
+    isError: false,
+    isIdle: true,
+    isPending: false,
+    isSuccess: false,
+    reset: jest.fn(),
+    status: "idle",
+    variables: void 0,
+    context: void 0,
+    failureCount: 0,
+    failureReason: null,
+    isPaused: false,
+    submittedAt: 0,
+    mutate: jest.fn(),
+    mutateAsync: jest.fn(),
+    signMessage: jest.fn()
+  });
+});
+describe("useGenericSignMessage — Sui signMessage", () => {
+  const suiRequest = jest.fn();
+  beforeEach(() => {
+    suiRequest.mockReset();
+    mockUseAppKitNetworkCore.mockReturnValue({
+      caipNetwork: { chainNamespace: "sui" }
+    });
+    mockUseAppKitProvider.mockImplementation((namespace) => {
+      if (namespace === "sui") {
+        return { walletProvider: { request: suiRequest } };
+      }
+      return { walletProvider: void 0 };
+    });
+  });
+  it("signs a valid short message successfully", async () => {
+    suiRequest.mockResolvedValue({ signature: "sui-message-sig" });
+    const { result } = renderHook(() => useGenericSignMessage());
+    const sig = await result.current.signMessage("hello world");
+    expect(sig).toBe("sui-message-sig");
+    expect(suiRequest).toHaveBeenCalledWith(
+      expect.objectContaining({ method: "sui_signPersonalMessage" })
+    );
+  });
+  it("throws when message payload exceeds 32 KiB", async () => {
+    const largeMessage = "a".repeat(32 * 1024 + 1);
+    const { result } = renderHook(() => useGenericSignMessage());
+    await expect(result.current.signMessage(largeMessage)).rejects.toThrow(
+      "maximum size"
+    );
+    expect(suiRequest).not.toHaveBeenCalled();
+  });
+});

package/reactjs/hooks/tests/useSignTransaction.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/reactjs/hooks/tests/useSignTransaction.spec.js

@@ -0,0 +1,196 @@
+#!/usr/bin/env node
+"use strict";
+const react = require("@reown/appkit/react");
+const react_esm = require("../../../react.esm-7GsOwMPq.js");
+const wagmi = require("wagmi");
+const reactjs_hooks_useSignTransaction = require("../useSignTransaction.js");
+jest.mock("@reown/appkit-adapter-solana/react", () => ({
+  useAppKitConnection: jest.fn(() => ({ connection: null }))
+}));
+jest.mock("@solana/web3.js", () => ({
+  PublicKey: jest.fn(),
+  Transaction: jest.fn(() => ({ add: jest.fn().mockReturnThis() })),
+  TransactionInstruction: jest.fn()
+}));
+const mockUseAppKitProvider = jest.mocked(react.useAppKitProvider);
+const mockUseAppKitAccount = jest.mocked(react.useAppKitAccount);
+const mockUseSendTransaction = jest.mocked(wagmi.useSendTransaction);
+beforeEach(() => {
+  mockUseSendTransaction.mockReturnValue({
+    data: void 0,
+    sendTransactionAsync: jest.fn(),
+    error: null,
+    isError: false,
+    isIdle: true,
+    isPending: false,
+    isSuccess: false,
+    reset: jest.fn(),
+    sendTransaction: jest.fn(),
+    status: "idle",
+    variables: void 0,
+    context: void 0,
+    failureCount: 0,
+    failureReason: null,
+    isPaused: false,
+    submittedAt: 0,
+    mutate: jest.fn(),
+    mutateAsync: jest.fn()
+  });
+});
+const CONNECTED_SUI_ADDRESS = "0xabc123def456aaa000111222333444555666777888999aaabbbcccdddeeefff00";
+function setupSuiMocks(suiRequest) {
+  mockUseAppKitProvider.mockImplementation((namespace) => {
+    if (namespace === "sui") {
+      return { walletProvider: { request: suiRequest } };
+    }
+    return { walletProvider: void 0 };
+  });
+  mockUseAppKitAccount.mockImplementation((opts) => {
+    if ((opts == null ? void 0 : opts.namespace) === "sui") {
+      return {
+        address: CONNECTED_SUI_ADDRESS,
+        isConnected: true,
+        status: "connected"
+      };
+    }
+    return {
+      address: void 0,
+      isConnected: false,
+      status: "disconnected"
+    };
+  });
+}
+describe("useSignTransaction — signSuiTransaction", () => {
+  const validBase64 = btoa("valid transaction bytes");
+  beforeEach(() => {
+    mockUseSendTransaction.mockReturnValue({
+      data: void 0,
+      sendTransactionAsync: jest.fn(),
+      error: null,
+      isError: false,
+      isIdle: true,
+      isPending: false,
+      isSuccess: false,
+      reset: jest.fn(),
+      sendTransaction: jest.fn(),
+      status: "idle",
+      variables: void 0,
+      context: void 0,
+      failureCount: 0,
+      failureReason: null,
+      isPaused: false,
+      submittedAt: 0,
+      mutate: jest.fn(),
+      mutateAsync: jest.fn()
+    });
+  });
+  it("succeeds with valid base64 payload", async () => {
+    const mockRequest = jest.fn().mockResolvedValue({ signature: "sui-sig-ok" });
+    setupSuiMocks(mockRequest);
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useSignTransaction.useSignTransaction());
+    const sig = await result.current.sui.signTransaction({
+      transaction: validBase64,
+      address: CONNECTED_SUI_ADDRESS
+    });
+    expect(sig).toBe("sui-sig-ok");
+    expect(mockRequest).toHaveBeenCalledWith(
+      expect.objectContaining({ method: "sui_signTransaction" })
+    );
+  });
+  it("throws when payload is not valid base64", async () => {
+    const mockRequest = jest.fn();
+    setupSuiMocks(mockRequest);
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useSignTransaction.useSignTransaction());
+    await expect(
+      result.current.sui.signTransaction({
+        transaction: "not-valid-base64!!!",
+        address: CONNECTED_SUI_ADDRESS
+      })
+    ).rejects.toThrow("not valid base64");
+    expect(mockRequest).not.toHaveBeenCalled();
+  });
+  it("throws when payload exceeds 32 KiB", async () => {
+    const mockRequest = jest.fn();
+    setupSuiMocks(mockRequest);
+    const largeBytes = new Uint8Array(32 * 1024 + 1);
+    const largeBase64 = btoa(String.fromCharCode(...largeBytes));
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useSignTransaction.useSignTransaction());
+    await expect(
+      result.current.sui.signTransaction({
+        transaction: largeBase64,
+        address: CONNECTED_SUI_ADDRESS
+      })
+    ).rejects.toThrow("maximum size");
+    expect(mockRequest).not.toHaveBeenCalled();
+  });
+  it("throws when payload is an empty string", async () => {
+    const mockRequest = jest.fn();
+    setupSuiMocks(mockRequest);
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useSignTransaction.useSignTransaction());
+    await expect(
+      result.current.sui.signTransaction({
+        transaction: "",
+        address: CONNECTED_SUI_ADDRESS
+      })
+    ).rejects.toThrow("No Sui transaction bytes provided");
+    expect(mockRequest).not.toHaveBeenCalled();
+  });
+});
+describe("useSignTransaction — signPSBT", () => {
+  it("forwards signInputs verbatim to btcWalletProvider.signPSBT", async () => {
+    const mockSignPSBT = jest.fn().mockResolvedValue({ psbt: "signed-psbt" });
+    mockUseAppKitProvider.mockImplementation((namespace) => {
+      if (namespace === "bip122") {
+        return { walletProvider: { signPSBT: mockSignPSBT } };
+      }
+      return { walletProvider: void 0 };
+    });
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useSignTransaction.useSignTransaction());
+    const signInputs = [
+      {
+        address: "bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh",
+        index: 0,
+        sighashTypes: [1]
+      }
+    ];
+    const params = {
+      psbt: "base64psbt==",
+      signInputs: [...signInputs],
+      broadcast: false
+    };
+    const originalSignInputs = params.signInputs;
+    const psbt = await result.current.bitcoin.signTransaction(params);
+    expect(mockSignPSBT).toHaveBeenCalledWith(
+      expect.objectContaining({
+        signInputs: [
+          {
+            address: "bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh",
+            index: 0,
+            sighashTypes: [1]
+          }
+        ]
+      })
+    );
+    expect(mockSignPSBT).not.toHaveBeenCalledWith(
+      expect.objectContaining({ signInputs: [] })
+    );
+    expect(params.signInputs).toBe(originalSignInputs);
+    expect(params.signInputs).toEqual(signInputs);
+    expect(psbt).toBe("signed-psbt");
+  });
+  it("throws when btcWalletProvider is not available", async () => {
+    mockUseAppKitProvider.mockImplementation(
+      () => ({
+        walletProvider: void 0
+      })
+    );
+    const { result } = react_esm.renderHook(() => reactjs_hooks_useSignTransaction.useSignTransaction());
+    await expect(
+      result.current.bitcoin.signTransaction({
+        psbt: "base64psbt==",
+        signInputs: [],
+        broadcast: false
+      })
+    ).rejects.toThrow("user is disconnected");
+  });
+});