@aptos-labs/wallet-adapter-react 1.3.0 → 1.3.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @aptos-labs/wallet-adapter-react
 
+## 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
+
+- Updated dependencies [c95933a]
+  - @aptos-labs/wallet-adapter-core@2.5.0
+
 ## 1.3.0
 
 ### Minor 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 } 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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -37,8 +37,7 @@
     "@aptos-labs/wallet-adapter-tsconfig": "0.0.0"
   },
   "dependencies": {
-    "@aptos-labs/wallet-adapter-core": "2.4.0",
-    "aptos": "^1.3.17",
+    "@aptos-labs/wallet-adapter-core": "2.5.1",
     "react": "^18"
   },
   "scripts": {

package/src/WalletProvider.tsx

@@ -15,11 +15,11 @@ import type {
   WalletInfo,
   WalletName,
   TransactionOptions,
+  TxnBuilderTypes,
+  Types,
 } 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>;

package/src/useWallet.tsx

@@ -12,9 +12,10 @@ import {
   isRedirectable,
   isMobile,
   TransactionOptions,
+  TxnBuilderTypes,
+  Types,
 } from "@aptos-labs/wallet-adapter-core";
 import { createContext, useContext } from "react";
-import { TxnBuilderTypes, Types } from "aptos";
 
 export type { WalletName, Wallet };
 export {