@aptos-labs/wallet-adapter-react 1.0.3 → 1.0.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @aptos-labs/wallet-adapter-react
 
+## 1.0.5
+
+### Patch Changes
+
+- 56a3f9f: BCS transaction support in react provider package
+
+## 1.0.4
+
+### Patch Changes
+
+- 8dea640: Fix wallet adapter auto reconnect on page refresh
+- Updated dependencies [50968c4]
+- Updated dependencies [8dea640]
+  - @aptos-labs/wallet-adapter-core@2.1.0
+
 ## 1.0.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { AccountInfo, NetworkInfo, WalletName, WalletInfo, Wallet, SignMessagePayload, SignMessageResponse } from '@aptos-labs/wallet-adapter-core';
 export { NetworkName, WalletName, WalletReadyState } from '@aptos-labs/wallet-adapter-core';
-import { Types } from 'aptos';
+import { Types, TxnBuilderTypes } from 'aptos';
 import { ReactNode, FC } from 'react';
 
 interface WalletContextState {
@@ -13,6 +13,7 @@ interface WalletContextState {
     wallet: WalletInfo | null;
     wallets: Wallet[];
     signAndSubmitTransaction<T extends Types.TransactionPayload, V>(transaction: T, options?: V): Promise<any>;
+    signAndSubmitBCSTransaction<T extends TxnBuilderTypes.TransactionPayload, V>(transaction: T, options?: V): Promise<any>;
     signTransaction<T extends Types.TransactionPayload, V>(transaction: T, options?: V): Promise<any>;
     signMessage(message: SignMessagePayload): Promise<SignMessageResponse | null>;
     signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;

package/dist/index.js

@@ -87,6 +87,13 @@ var AptosWalletAdapterProvider = ({
       throw error;
     }
   };
+  const signAndSubmitBCSTransaction = async (transaction) => {
+    try {
+      return await walletCore.signAndSubmitBCSTransaction(transaction);
+    } catch (error) {
+      throw error;
+    }
+  };
   const signTransaction = async (transaction) => {
     try {
       return await walletCore.signTransaction(transaction);
@@ -114,13 +121,13 @@ var AptosWalletAdapterProvider = ({
         connect(localStorage.getItem("AptosWalletName"));
       }
     }
-  }, [wallets]);
+  }, wallets);
   (0, import_react2.useEffect)(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
     }
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   const handleConnect = () => {
     setState((state) => {
       return {
@@ -170,18 +177,7 @@ var AptosWalletAdapterProvider = ({
     });
   }, [connected]);
   const handleReadyStateChange = (wallet2) => {
-    setWallets((prevWallets) => {
-      const index = prevWallets.findIndex(
-        (currWallet) => currWallet === wallet2
-      );
-      if (index === -1)
-        return prevWallets;
-      return [
-        ...prevWallets.slice(0, index),
-        wallet2,
-        ...prevWallets.slice(index + 1)
-      ];
-    });
+    setWallets((wallets2) => [...wallets2]);
   };
   (0, import_react2.useEffect)(() => {
     walletCore.on("connect", handleConnect);
@@ -196,7 +192,7 @@ var AptosWalletAdapterProvider = ({
       walletCore.off("networkChange", handleNetworkChange);
       walletCore.off("readyStateChange", handleReadyStateChange);
     };
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletContext.Provider, {
     value: {
       connect,
@@ -207,6 +203,7 @@ var AptosWalletAdapterProvider = ({
       wallet,
       wallets,
       signAndSubmitTransaction,
+      signAndSubmitBCSTransaction,
       signTransaction,
       signMessage,
       signMessageAndVerify,

package/dist/index.mjs

@@ -66,6 +66,13 @@ var AptosWalletAdapterProvider = ({
       throw error;
     }
   };
+  const signAndSubmitBCSTransaction = async (transaction) => {
+    try {
+      return await walletCore.signAndSubmitBCSTransaction(transaction);
+    } catch (error) {
+      throw error;
+    }
+  };
   const signTransaction = async (transaction) => {
     try {
       return await walletCore.signTransaction(transaction);
@@ -93,13 +100,13 @@ var AptosWalletAdapterProvider = ({
         connect(localStorage.getItem("AptosWalletName"));
       }
     }
-  }, [wallets]);
+  }, wallets);
   useEffect(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
     }
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   const handleConnect = () => {
     setState((state) => {
       return {
@@ -149,18 +156,7 @@ var AptosWalletAdapterProvider = ({
     });
   }, [connected]);
   const handleReadyStateChange = (wallet2) => {
-    setWallets((prevWallets) => {
-      const index = prevWallets.findIndex(
-        (currWallet) => currWallet === wallet2
-      );
-      if (index === -1)
-        return prevWallets;
-      return [
-        ...prevWallets.slice(0, index),
-        wallet2,
-        ...prevWallets.slice(index + 1)
-      ];
-    });
+    setWallets((wallets2) => [...wallets2]);
   };
   useEffect(() => {
     walletCore.on("connect", handleConnect);
@@ -175,7 +171,7 @@ var AptosWalletAdapterProvider = ({
       walletCore.off("networkChange", handleNetworkChange);
       walletCore.off("readyStateChange", handleReadyStateChange);
     };
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   return /* @__PURE__ */ jsx(WalletContext.Provider, {
     value: {
       connect,
@@ -186,6 +182,7 @@ var AptosWalletAdapterProvider = ({
       wallet,
       wallets,
       signAndSubmitTransaction,
+      signAndSubmitBCSTransaction,
       signTransaction,
       signMessage,
       signMessageAndVerify,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -28,23 +28,23 @@
     "Wallet Adapter Provider",
     "React"
   ],
-  "scripts": {
-    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
-  },
   "devDependencies": {
-    "@aptos-labs/wallet-adapter-tsconfig": "workspace:*",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "eslint": "^8.15.0",
     "typescript": "^4.5.3",
-    "tsup": "^5.10.1"
+    "tsup": "^5.10.1",
+    "@aptos-labs/wallet-adapter-tsconfig": "0.0.0"
   },
   "dependencies": {
-    "@aptos-labs/wallet-adapter-core": "2.0.1",
+    "@aptos-labs/wallet-adapter-core": "2.1.0",
     "aptos": "^1.3.17",
     "react": "^18"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
   }
-}
+}

package/src/WalletProvider.tsx

@@ -17,7 +17,7 @@ import type {
 } from "@aptos-labs/wallet-adapter-core";
 import { WalletCore } from "@aptos-labs/wallet-adapter-core";
 
-import { Types } from "aptos";
+import { TxnBuilderTypes, Types } from "aptos";
 
 export interface AptosWalletProviderProps {
   children: ReactNode;
@@ -79,6 +79,16 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
     }
   };
 
+  const signAndSubmitBCSTransaction = async (
+    transaction: TxnBuilderTypes.TransactionPayload
+  ) => {
+    try {
+      return await walletCore.signAndSubmitBCSTransaction(transaction);
+    } catch (error: any) {
+      throw error;
+    }
+  };
+
   const signTransaction = async (transaction: Types.TransactionPayload) => {
     try {
       return await walletCore.signTransaction(transaction);
@@ -109,14 +119,14 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
         connect(localStorage.getItem("AptosWalletName") as WalletName);
       }
     }
-  }, [wallets]);
+  }, wallets);
 
   useEffect(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
     }
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
 
   // Handle the adapter's connect event
   const handleConnect = () => {
@@ -169,20 +179,11 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
     });
   }, [connected]);
 
-  // Handle the adapter's ready state change event
+  // Whenever the readyState of any supported wallet changes we produce a new wallets state array
+  // which in turn causes consumers of the `useWallet` hook to re-render.
+  // See https://github.com/aptos-labs/aptos-wallet-adapter/pull/129#issuecomment-1519026572 for reasoning.
   const handleReadyStateChange = (wallet: Wallet) => {
-    setWallets((prevWallets) => {
-      const index = prevWallets.findIndex(
-        (currWallet) => currWallet === wallet
-      );
-      if (index === -1) return prevWallets;
-
-      return [
-        ...prevWallets.slice(0, index),
-        wallet,
-        ...prevWallets.slice(index + 1),
-      ];
-    });
+    setWallets((wallets) => [...wallets]);
   };
 
   useEffect(() => {
@@ -198,7 +199,7 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
       walletCore.off("networkChange", handleNetworkChange);
       walletCore.off("readyStateChange", handleReadyStateChange);
     };
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
 
   return (
     <WalletContext.Provider
@@ -211,6 +212,7 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
         wallet,
         wallets,
         signAndSubmitTransaction,
+        signAndSubmitBCSTransaction,
         signTransaction,
         signMessage,
         signMessageAndVerify,

package/src/useWallet.tsx

@@ -10,7 +10,7 @@ import {
   NetworkName,
 } from "@aptos-labs/wallet-adapter-core";
 import { createContext, useContext } from "react";
-import { Types } from "aptos";
+import { TxnBuilderTypes, Types } from "aptos";
 
 export type { WalletName };
 export { WalletReadyState, NetworkName };
@@ -28,6 +28,10 @@ export interface WalletContextState {
     transaction: T,
     options?: V
   ): Promise<any>;
+  signAndSubmitBCSTransaction<T extends TxnBuilderTypes.TransactionPayload, V>(
+    transaction: T,
+    options?: V
+  ): Promise<any>;
   signTransaction<T extends Types.TransactionPayload, V>(
     transaction: T,
     options?: V