@aptos-labs/wallet-adapter-react 1.3.1 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @aptos-labs/wallet-adapter-react
 
+## 1.4.0
+
+### Minor Changes
+
+- 7acfa69: Adding support for the new Typescript SDK in the package `@aptos-labs/ts-sdk`. The wallet adapter now supports submitting a basic transaction with the new SDK types.
+
+### Patch Changes
+
+- dd6e1ed: Moves dependencies to peer dependencies as needed
+- Updated dependencies [7acfa69]
+- Updated dependencies [dd6e1ed]
+  - @aptos-labs/wallet-adapter-core@2.6.0
+
+## 1.3.2
+
+### Patch Changes
+
+- 7e314e5: Update aptos dependency
+- Updated dependencies [7e314e5]
+  - @aptos-labs/wallet-adapter-core@2.5.1
+
 ## 1.3.1
 
 ### Patch Changes

package/README.md

@@ -20,11 +20,12 @@ signAndSubmitTransaction
 signMessage
 ```
 
-##### Feature functions
+##### Feature functions - functions that may not be supported by all wallets
 
 ```
 signTransaction
 signMessageAndVerify
+signAndSubmitBCSTransaction
 ```
 
 ### Usage
@@ -67,7 +68,13 @@ Wrap your app with the Provider, pass it the `plugins (wallets)` you want to hav
 ```js
 const wallets = [new AptosWallet()];
 
-<AptosWalletAdapterProvider plugins={wallets} autoConnect={true}>
+<AptosWalletAdapterProvider
+  plugins={wallets}
+  autoConnect={true}
+  onError={(error) => {
+    console.log("error", error);
+  }}
+>
   <App />
 </AptosWalletAdapterProvider>;
 ```
@@ -92,6 +99,7 @@ const {
   wallet,
   wallets,
   signAndSubmitTransaction,
+  signAndSubmitBCSTransaction,
   signTransaction,
   signMessage,
   signMessageAndVerify,
@@ -108,7 +116,11 @@ You can find it [here](../wallet-adapter-ant-design/) with instructions on how t
 ##### connect(walletName)
 
 ```js
-<button onClick={() => connect(wallet.name)}>{wallet.name}</button>
+const onConnect = async (walletName) => {
+  await connect(walletName);
+};
+
+<button onClick={() => onConnect(wallet.name)}>{wallet.name}</button>;
 ```
 
 ##### disconnect()
@@ -127,13 +139,12 @@ You can find it [here](../wallet-adapter-ant-design/) with instructions on how t
       type_arguments: ["0x1::aptos_coin::AptosCoin"],
       arguments: [account?.address, 1], // 1 is in Octas
     };
+    const response = await signAndSubmitTransaction(payload);
+    // if you want to wait for transaction
     try {
-      const response = await signAndSubmitTransaction(payload);
-      // if you want to wait for transaction
       await aptosClient.waitForTransaction(response?.hash || "");
-      console.log(response?.hash)
-    } catch (error: any) {
-      console.log("error", error);
+    } catch (error) {
+      console.error(error);
     }
   };
 
@@ -142,27 +153,56 @@ You can find it [here](../wallet-adapter-ant-design/) with instructions on how t
 </button>
 ```
 
-##### signMessage(payload)
+##### signAndSubmitBCSTransaction(payload)
 
 ```js
-  const onSignMessage = async () => {
-    const payload = {
-      message: "Hello from Aptos Wallet Adapter",
-      nonce: "random_string",
-    };
+   const onSignAndSubmitBCSTransaction = async () => {
+    const token = new TxnBuilderTypes.TypeTagStruct(
+      TxnBuilderTypes.StructTag.fromString("0x1::aptos_coin::AptosCoin")
+    );
+    const entryFunctionBCSPayload =
+      new TxnBuilderTypes.TransactionPayloadEntryFunction(
+        TxnBuilderTypes.EntryFunction.natural(
+          "0x1::coin",
+          "transfer",
+          [token],
+          [
+            BCS.bcsToBytes(
+              TxnBuilderTypes.AccountAddress.fromHex(account!.address)
+            ),
+            BCS.bcsSerializeUint64(2),
+          ]
+        )
+      );
+
+    const response = await signAndSubmitBCSTransaction(entryFunctionBCSPayload);
+    // if you want to wait for transaction
     try {
-      const response = await signMessage(payload);
-      console.log("response", response);
-    } catch (error: any) {
-      console.log("error", error);
+      await aptosClient.waitForTransaction(response?.hash || "");
+    } catch (error) {
+      console.error(error);
     }
   };
 
-<button onClick={onSignMessage}>
-  Sign message
+<button onClick={onSignAndSubmitTransaction}>
+  Sign and submit BCS transaction
 </button>
 ```
 
+##### signMessage(payload)
+
+```js
+const onSignMessage = async () => {
+  const payload = {
+    message: "Hello from Aptos Wallet Adapter",
+    nonce: "random_string",
+  };
+  const response = await signMessage(payload);
+};
+
+<button onClick={onSignMessage}>Sign message</button>;
+```
+
 ##### Account
 
 ```js
@@ -202,12 +242,7 @@ You can find it [here](../wallet-adapter-ant-design/) with instructions on how t
       type_arguments: ["0x1::aptos_coin::AptosCoin"],
       arguments: [account?.address, 1], // 1 is in Octas
     };
-    try {
-      const response = await signTransaction(payload);
-      console.log("response", response);
-    } catch (error: any) {
-      console.log("error", error);
-    }
+    const response = await signTransaction(payload);
   };
 
 <button onClick={onSignTransaction}>
@@ -223,15 +258,8 @@ const onSignMessageAndVerify = async () => {
     message: "Hello from Aptos Wallet Adapter",
     nonce: "random_string",
   };
-  try {
-    const response = await signMessageAndVerify(payload);
-    console.log("response", response);
-  } catch (error: any) {
-    console.log("error", error);
-  }
+  const response = await signMessageAndVerify(payload);
 };
 
-<button onClick={onSignMessageAndVerify}>
-  Sign message and verify
-</button>
+<button onClick={onSignMessageAndVerify}>Sign message and verify</button>;
 ```

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import { AccountInfo, NetworkInfo, WalletName, WalletInfo, Wallet, TransactionOptions, SignMessagePayload, SignMessageResponse } from '@aptos-labs/wallet-adapter-core';
+import { AccountInfo, NetworkInfo, WalletName, WalletInfo, Wallet, Types, TransactionOptions, TxnBuilderTypes, SignMessagePayload, SignMessageResponse, InputGenerateTransactionData } from '@aptos-labs/wallet-adapter-core';
 export { NetworkName, Wallet, WalletName, WalletReadyState, isInAppBrowser, isMobile, isRedirectable } from '@aptos-labs/wallet-adapter-core';
-import { Types, TxnBuilderTypes } from 'aptos';
 import { ReactNode, FC } from 'react';
 
 interface WalletContextState {
@@ -17,6 +16,8 @@ interface WalletContextState {
     signTransaction<T extends Types.TransactionPayload>(transaction: T, options?: TransactionOptions): Promise<any>;
     signMessage(message: SignMessagePayload): Promise<SignMessageResponse | null>;
     signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;
+    submitTransaction(transaction: InputGenerateTransactionData): Promise<any>;
+    signMultiAgentTransaction(transaction: TxnBuilderTypes.MultiAgentRawTransaction | TxnBuilderTypes.FeePayerRawTransaction): Promise<any>;
 }
 declare function useWallet(): WalletContextState;
 

package/dist/index.js

@@ -141,6 +141,28 @@ var AptosWalletAdapterProvider = ({
       return false;
     }
   };
+  const signMultiAgentTransaction = async (transaction) => {
+    try {
+      return await walletCore.signMultiAgentTransaction(transaction);
+    } catch (error) {
+      if (onError)
+        onError(error);
+      else
+        throw error;
+      return false;
+    }
+  };
+  const submitTransaction = async (transaction) => {
+    try {
+      return await walletCore.submitTransaction(transaction);
+    } catch (error) {
+      if (onError)
+        onError(error);
+      else
+        throw error;
+      return false;
+    }
+  };
   (0, import_react2.useEffect)(() => {
     if (autoConnect) {
       if (localStorage.getItem("AptosWalletName")) {
@@ -235,6 +257,8 @@ var AptosWalletAdapterProvider = ({
       signTransaction,
       signMessage,
       signMessageAndVerify,
+      signMultiAgentTransaction,
+      submitTransaction,
       isLoading
     },
     children

package/dist/index.mjs

@@ -120,6 +120,28 @@ var AptosWalletAdapterProvider = ({
       return false;
     }
   };
+  const signMultiAgentTransaction = async (transaction) => {
+    try {
+      return await walletCore.signMultiAgentTransaction(transaction);
+    } catch (error) {
+      if (onError)
+        onError(error);
+      else
+        throw error;
+      return false;
+    }
+  };
+  const submitTransaction = async (transaction) => {
+    try {
+      return await walletCore.submitTransaction(transaction);
+    } catch (error) {
+      if (onError)
+        onError(error);
+      else
+        throw error;
+      return false;
+    }
+  };
   useEffect(() => {
     if (autoConnect) {
       if (localStorage.getItem("AptosWalletName")) {
@@ -214,6 +236,8 @@ var AptosWalletAdapterProvider = ({
       signTransaction,
       signMessage,
       signMessageAndVerify,
+      signMultiAgentTransaction,
+      submitTransaction,
       isLoading
     },
     children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -37,8 +37,9 @@
     "@aptos-labs/wallet-adapter-tsconfig": "0.0.0"
   },
   "dependencies": {
-    "@aptos-labs/wallet-adapter-core": "2.5.0",
-    "aptos": "^1.3.17",
+    "@aptos-labs/wallet-adapter-core": "2.6.0"
+  },
+  "peerDependencies": {
     "react": "^18"
   },
   "scripts": {

package/src/WalletProvider.tsx

@@ -15,11 +15,12 @@ import type {
   WalletInfo,
   WalletName,
   TransactionOptions,
+  TxnBuilderTypes,
+  Types,
+  InputGenerateTransactionData,
 } from "@aptos-labs/wallet-adapter-core";
 import { WalletCore } from "@aptos-labs/wallet-adapter-core";
 
-import { TxnBuilderTypes, Types } from "aptos";
-
 export interface AptosWalletProviderProps {
   children: ReactNode;
   plugins: ReadonlyArray<Wallet>;
@@ -134,6 +135,30 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
     }
   };
 
+  const signMultiAgentTransaction = async (
+      transaction: TxnBuilderTypes.MultiAgentRawTransaction | TxnBuilderTypes.FeePayerRawTransaction,
+  ) => {
+    try {
+      return await walletCore.signMultiAgentTransaction(transaction);
+    } catch (error: any) {
+      if (onError) onError(error);
+      else throw error;
+      return false;
+    }
+  }
+
+  const submitTransaction = async (
+      transaction: InputGenerateTransactionData,
+  ) => {
+    try {
+      return await walletCore.submitTransaction(transaction);
+    } catch (error: any) {
+      if (onError) onError(error);
+      else throw error;
+      return false;
+    }
+  }
+
   useEffect(() => {
     if (autoConnect) {
       if (localStorage.getItem("AptosWalletName")) {
@@ -240,6 +265,8 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
         signTransaction,
         signMessage,
         signMessageAndVerify,
+        signMultiAgentTransaction,
+        submitTransaction,
         isLoading,
       }}
     >

package/src/useWallet.tsx

@@ -12,9 +12,11 @@ import {
   isRedirectable,
   isMobile,
   TransactionOptions,
+  TxnBuilderTypes,
+  Types,
+  InputGenerateTransactionData,
 } from "@aptos-labs/wallet-adapter-core";
 import { createContext, useContext } from "react";
-import { TxnBuilderTypes, Types } from "aptos";
 
 export type { WalletName, Wallet };
 export {
@@ -48,6 +50,10 @@ export interface WalletContextState {
   ): Promise<any>;
   signMessage(message: SignMessagePayload): Promise<SignMessageResponse | null>;
   signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;
+  submitTransaction(transaction: InputGenerateTransactionData): Promise<any>;
+  signMultiAgentTransaction(
+      transaction: TxnBuilderTypes.MultiAgentRawTransaction | TxnBuilderTypes.FeePayerRawTransaction,
+  ): Promise<any>;
 }
 
 const DEFAULT_COUNTEXT = {