@tronweb3/tronwallet-adapter-react-hooks 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+Copyright (c) 2022-Present, tronprotocol
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,236 @@
+# @tronweb3/tronwallet-adapter-react-hooks
+
+`@tronweb3/tronwallet-adapter-react-hooks` provides a `useWallet()` hook which will make it easy to "Connect Wallet" and listen to the state change for developers.
+
+## Installation
+
+```bash
+npm install @tronweb3/tronwallet-adapter-react-hooks @tronweb3/tronwallet-abstract-adapter @tronweb3/tronwallet-adapters
+# or pnpm install @tronweb3/tronwallet-adapter-react-hooks @tronweb3/tronwallet-abstract-adapter @tronweb3/tronwallet-adapters
+# or yarn install @tronweb3/tronwallet-adapter-react-hooks @tronweb3/tronwallet-abstract-adapter @tronweb3/tronwallet-adapters
+```
+
+## Usage
+
+`@tronweb3/tronwallet-adapter-react-hooks` uses [`Context` of React](https://reactjs.org/docs/context.html) to maintain a shared data. So developers need to wrap `App` content within the `WalletProvider`.
+
+You can provide a `onError` callback to handle various errors such as `WalletConnectionError`, `WalletNotFoundError`.
+
+```jsx
+import { useWallet, WalletProvider } from '@tronweb3/tronwallet-adapter-react-hooks';
+import { WalletDisconnectedError, WalletError, WalletNotFoundError } from '@tronweb3/tronwallet-abstract-adapter';
+import toast, { Toaster } from 'react-hot-toast';
+
+function App() {
+    // use `react-hot-toast` npm package to notify user what happened here
+    function onError(e: WalletError) {
+        if (e instanceof WalletNotFoundError) {
+            toast.error(e.message);
+        } else if (e instanceof WalletDisconnectedError) {
+            toast.error(e.message);
+        } else toast.error(e.message);
+    }
+    return (
+        <WalletProvider onError={onError}>
+            <ConnectComponent></ConnectComponent>
+            <Profile></Profile>
+        </WalletProvider>
+    );
+}
+function ConnectComponent() {
+    const { connect, disconnect, select, connected } = useWallet();
+    return (<div>
+      <button type="button" onClick={() => select('TronLink Adapter' as any)}> Select TronLink</button>
+      <button type="button" disabled={connected} onClick={connect}>Connect</button><br>
+      <button type="button" disabled={!connected} onClick={disconnect}>Disconnect</button>
+    </div>);
+}
+function Profile() {
+    const { address, connected, wallet } = useWallet();
+    return (<div>
+        <p> <span>Connection Status:</span> {connected ? 'Connected' : 'Disconnected'}</p>
+        <p> <span>Your selected Wallet:</span> {wallet?.adapter.name} </p>
+        <p> <span>Your Address:</span> {address} </p>
+    </div>);
+}
+```
+
+## `WalletProvider`
+
+`WalletProvider` and `useWallet` work together like `Context.Provider` and `useContext()`. There is a `WalletProviderContext` underlying which maintains some state and can be obtained with `useWallet`. So developers need to wrap application components with `WalletProvider`.
+
+```jsx
+function App() {
+    return (
+        <div>
+            <WalletProvider>/* here is application components */</WalletProvider>
+        </div>
+    );
+}
+```
+
+### Props
+
+#### adapters:
+
+-   Required: `false`
+-   Type: `Adapter[]`
+-   Default: `[ new TronLinkAdapter() ]`
+
+Used to specify what wallet adapters are supported. All wallet adapters can be imported from `@tronweb3/tronwallet-adapters` package or their standalone package.
+
+-   Example
+    ```jsx
+    import { TronLinkAdapter } from '@tronweb3/tronwallet-adapters';
+    function App() {
+        const adapters = useMemo(() => [new TronLinkAdapter()]);
+        return (
+            <div>
+                <WalletProvider adapters={adapters}>/* here is application components */</WalletProvider>
+            </div>
+        );
+    }
+    ```
+
+#### onError
+
+-   Required: `false`
+-   Type: `(error: WalletError): void`
+-   Default: `function(error) { console.error(error); }`
+
+Used to handle errors occured when use wallet. Developers can use the callback to tell users what happened according to the `error` type. All error types can be found [here](https://github.com/tronprotocol/tronwallet-adapter/blob/main/packages/adapters/abstract-adapter/src/errors.ts).
+
+-   Example
+    ```jsx
+    functon onError(e) {
+    if (e instanceof WalletNotFoundError) {
+            console.error(e.message);
+        } else if (e instanceof WalletDisconnectedError) {
+            console.error(e.message);
+        } else console.error(e.message);
+    }
+    ```
+
+#### autoConnect
+
+-   Required: `false`
+-   Type: `boolean`
+-   Default: `true`
+
+Whether connect to the specified wallet automatically when loading the page and selecting a wallet.
+
+#### localStorageKey
+
+-   Required: `false`
+-   Type: `string`
+-   Default: `tronAdapterName`
+
+Specified the key used to cache wallet name in `localStorage`. When user select a wallet, applications will cache the wallet name to localStorage.
+
+## `useWallet()`
+
+`useWallet` is a react hook providing a set of properties and methods which can be used to select and connect wallet, get wallet state and so on.
+
+> `useWallet()` must be used in the descendant components of `WalletProvider`!
+
+### Properties
+
+#### `autoConnect`
+
+-   Type: `boolean`
+    Synchronous with `autoConnect` property passed to `WalletProvider`.
+
+#### `wallet`
+
+-   Type: `Wallet | null`
+    The wallet current selected. If no wallet is selected, the value is `null`.
+
+`Wallet` is defined as follow:
+
+```typescript
+interface Wallet {
+    adapter: Adapter; // wallet adapter
+    state: AdapterState;
+}
+enum AdapterState {
+    NotFound = 'NotFound',
+    Disconnect = 'Disconnected',
+    Connected = 'Connected',
+}
+```
+
+#### `address`
+
+-   Type: `string | null`
+    Address of current selected wallet. If no wallet is selected, the value is `null`.
+
+#### `wallets`
+
+-   Type: `Wallet[]`
+    Wallet list based on current used adapters when initial `WalletProvider`.
+
+#### `connecting`
+
+-   Type: `boolean`
+    Indicate if is connecting to the wallet.
+
+#### `connected`
+
+-   Type: `boolean`
+    Indicate if is connected with the wallet.
+
+#### `disconnecting`
+
+-   Type: `boolean`
+    Indicate if is connecting to the wallet.
+
+### Methods
+
+#### select
+
+-   Type: `(walletAdapterName: AdapterName) => void`
+    Select a wallet by walletAdapterName. Valid adapters can be found [here](https://github.com/tronprotocol/tronwallet-adapter/tree/main/packages/adapters/adapters)
+
+#### connect
+
+-   Type: `() => Promise<void>`
+    Connect to current selected wallet.
+
+#### disconnect
+
+-   Type: `() => Promise<void>`
+    Disconnect from current selected wallet.
+
+### signTransaction
+
+-   Type: `(transaction: Transaction) => Promise<SignedTransaction>`
+    Sign a unsigned transaction. This method is the same as TronWeb API.
+
+### signMessage
+
+-   Type: `(message: string) => Promise<string>`
+    Sign a message.
+
+### Example
+
+```js
+import { useWallet } from '@tronweb3/tronwallet-adapter-react-hooks';
+import { AdapterName } from '@tronweb3/tronwallet-abstract-adapter';
+
+function Content() {
+    const { connect, disconnect, select, connected } = useWallet();
+    return (
+        <div>
+            <button type="button" onClick={() => select('TronLink Adapter')}>
+                Select TronLink
+            </button>
+            <button type="button" disabled={connected} onClick={connect}>
+                Connect
+            </button>
+            <button type="button" disabled={!connected} onClick={disconnect}>
+                Disconnect
+            </button>
+        </div>
+    );
+}
+```

package/lib/cjs/WalletProvider.js

@@ -0,0 +1,243 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletProvider = void 0;
+const tronwallet_abstract_adapter_1 = require("@tronweb3/tronwallet-abstract-adapter");
+const tronwallet_adapter_tronlink_1 = require("@tronweb3/tronwallet-adapter-tronlink");
+const react_1 = __importStar(require("react"));
+const useWallet_js_1 = require("./useWallet.js");
+const useLocalStorage_js_1 = require("./useLocalStorage.js");
+const initialState = {
+    wallet: null,
+    address: null,
+    connected: false,
+    adapter: null,
+};
+const WalletProvider = function ({ children, adapters: adaptersPro = null, onError = (error) => console.error(error), localStorageKey = 'tronAdapterName', autoConnect = true, }) {
+    const [name, setName] = (0, useLocalStorage_js_1.useLocalStorage)(localStorageKey, null);
+    const [{ wallet, connected, address, adapter }, setState] = (0, react_1.useState)(initialState);
+    const [connecting, setConnecting] = (0, react_1.useState)(false);
+    const [disconnecting, setDisconnecting] = (0, react_1.useState)(false);
+    const isConnecting = (0, react_1.useRef)(false);
+    const isDisconnecting = (0, react_1.useRef)(false);
+    // set default supported adapters
+    const adapters = (0, react_1.useMemo)(() => {
+        if (adaptersPro === null) {
+            return [new tronwallet_adapter_tronlink_1.TronLinkAdapter()];
+        }
+        return adaptersPro;
+    }, [adaptersPro]);
+    const [wallets, setWallets] = (0, react_1.useState)(() => adapters.map((adapter) => ({
+        adapter,
+        state: adapter.state,
+    })));
+    (0, react_1.useEffect)(function () {
+        setWallets((prevWallets) => adapters.map((adapter, index) => {
+            const wallet = prevWallets[index];
+            if (wallet && wallet.adapter === adapter && wallet.state === adapter.state) {
+                return wallet;
+            }
+            return {
+                adapter,
+                state: adapter.state,
+            };
+        }));
+        function handleStateChange() {
+            setWallets((prevWallets) => {
+                const index = prevWallets.findIndex((wallet) => wallet.adapter === this);
+                if (index === -1) {
+                    return prevWallets;
+                }
+                return prevWallets.map((wallet, idx) => {
+                    if (idx === index) {
+                        return Object.assign(Object.assign({}, wallet), { state: wallet.adapter.state });
+                    }
+                    return wallet;
+                });
+            });
+        }
+        adapters.forEach((adapter) => adapter.on('stateChanged', handleStateChange, adapter));
+        return () => adapters.forEach((adapter) => adapter.off('stateChanged', handleStateChange, adapter));
+    }, [adapters]);
+    // Set state when choosen wallet changes
+    (0, react_1.useEffect)(function () {
+        const wallet = name && wallets.find((item) => item.adapter.name === name);
+        if (wallet) {
+            setState({
+                wallet,
+                adapter: wallet.adapter,
+                connected: wallet.adapter.connected,
+                address: wallet.adapter.address,
+            });
+        }
+        else {
+            setState(initialState);
+        }
+    }, [name, wallets]);
+    const handleConnect = (0, react_1.useCallback)(function () {
+        if (!adapter) {
+            return setName(null);
+        }
+        setState((state) => (Object.assign(Object.assign({}, state), { connected: adapter.connected, address: adapter.address })));
+    }, [adapter, setName]);
+    const handleDisconnect = (0, react_1.useCallback)(function () {
+        setName(null);
+    }, [setName]);
+    const handleError = (0, react_1.useCallback)(function (error) {
+        onError(error);
+        return error;
+    }, [onError]);
+    const handleAccountChange = (0, react_1.useCallback)(function (address) {
+        setState((state) => (Object.assign(Object.assign({}, state), { address })));
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (adapter) {
+            adapter.on('connect', handleConnect);
+            adapter.on('disconnect', handleDisconnect);
+            adapter.on('error', handleError);
+            adapter.on('accountsChanged', handleAccountChange);
+            return () => {
+                adapter.off('connect', handleConnect);
+                adapter.off('disconnect', handleDisconnect);
+                adapter.off('error', handleError);
+                adapter.off('accountsChanged', handleAccountChange);
+            };
+        }
+    }, [adapter, handleConnect, handleDisconnect, handleError, handleAccountChange]);
+    // disconnect the previous when wallet changes
+    (0, react_1.useEffect)(() => {
+        return () => {
+            adapter === null || adapter === void 0 ? void 0 : adapter.disconnect();
+        };
+    }, [adapter]);
+    // auto connect
+    (0, react_1.useEffect)(function () {
+        if (isConnecting.current ||
+            connected ||
+            !autoConnect ||
+            !adapter ||
+            adapter.state !== tronwallet_abstract_adapter_1.AdapterState.Disconnect) {
+            return;
+        }
+        (function connect() {
+            return __awaiter(this, void 0, void 0, function* () {
+                isConnecting.current = true;
+                setConnecting(true);
+                try {
+                    yield adapter.connect();
+                }
+                catch (error) {
+                    setName(null);
+                }
+                finally {
+                    setConnecting(false);
+                    isConnecting.current = false;
+                }
+            });
+        })();
+    }, [isConnecting, autoConnect, adapter, connected, setName]);
+    const connect = (0, react_1.useCallback)(function () {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (isConnecting.current || isDisconnecting.current || connected) {
+                return;
+            }
+            if (!adapter)
+                throw handleError(new tronwallet_abstract_adapter_1.WalletNotSelectedError());
+            isConnecting.current = true;
+            setConnecting(true);
+            try {
+                yield adapter.connect();
+            }
+            catch (error) {
+                setName(null);
+                throw error;
+            }
+            finally {
+                setConnecting(false);
+                isConnecting.current = false;
+            }
+        });
+    }, [isConnecting, isDisconnecting, adapter, connected, handleError, setName]);
+    const disconnect = (0, react_1.useCallback)(function () {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (isDisconnecting.current)
+                return;
+            if (!adapter)
+                return setName(null);
+            isDisconnecting.current = true;
+            setDisconnecting(true);
+            try {
+                yield adapter.disconnect();
+            }
+            catch (error) {
+                setName(null);
+                throw error;
+            }
+            finally {
+                setDisconnecting(false);
+                isDisconnecting.current = false;
+            }
+        });
+    }, [adapter, isDisconnecting, setName]);
+    const signTransaction = (0, react_1.useCallback)(function (transaction, privateKey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!adapter)
+                throw handleError(new tronwallet_abstract_adapter_1.WalletNotSelectedError());
+            return yield adapter.signTransaction(transaction, privateKey);
+        });
+    }, [adapter, handleError]);
+    const signMessage = (0, react_1.useCallback)(function (message, privateKey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!adapter)
+                throw handleError(new tronwallet_abstract_adapter_1.WalletNotSelectedError());
+            return yield adapter.signMessage(message, privateKey);
+        });
+    }, [adapter, handleError]);
+    return (react_1.default.createElement(useWallet_js_1.WalletContext.Provider, { value: {
+            autoConnect,
+            wallets,
+            wallet,
+            address,
+            connecting,
+            connected,
+            disconnecting,
+            select: setName,
+            connect,
+            disconnect,
+            signTransaction,
+            signMessage,
+        } }, children));
+};
+exports.WalletProvider = WalletProvider;
+//# sourceMappingURL=WalletProvider.js.map

package/lib/cjs/WalletProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletProvider.js","sourceRoot":"","sources":["../../src/WalletProvider.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLocalStorage.js"), exports);
+__exportStar(require("./useWallet.js"), exports);
+__exportStar(require("./WalletProvider.js"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,iDAA+B;AAC/B,sDAAoC"}

package/lib/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/lib/cjs/useLocalStorage.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocalStorage = void 0;
+const react_1 = require("react");
+const tronwallet_abstract_adapter_1 = require("@tronweb3/tronwallet-abstract-adapter");
+function useLocalStorage(key, defaultState) {
+    const [state, setState] = (0, react_1.useState)(() => {
+        try {
+            const value = localStorage.getItem(key);
+            if (value)
+                return JSON.parse(value);
+        }
+        catch (error) {
+            if ((0, tronwallet_abstract_adapter_1.isInBrowser)()) {
+                console.error(error);
+            }
+        }
+        return defaultState;
+    });
+    const isFirstRender = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        try {
+            if (state === null) {
+                localStorage.removeItem(key);
+            }
+            else {
+                localStorage.setItem(key, JSON.stringify(state));
+            }
+        }
+        catch (error) {
+            if ((0, tronwallet_abstract_adapter_1.isInBrowser)()) {
+                console.error(error);
+            }
+        }
+    }, [state, key]);
+    return [state, setState];
+}
+exports.useLocalStorage = useLocalStorage;
+//# sourceMappingURL=useLocalStorage.js.map

package/lib/cjs/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../src/useLocalStorage.ts"],"names":[],"mappings":";;;AACA,iCAAoD;AACpD,uFAAoE;AAEpE,SAAgB,eAAe,CAAI,GAAW,EAAE,YAAe;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAI,GAAG,EAAE;QACvC,IAAI;YACA,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACxC,IAAI,KAAK;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM,CAAC;SAC5C;QAAC,OAAO,KAAc,EAAE;YACrB,IAAI,IAAA,yCAAW,GAAE,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACxB;SACJ;QAED,OAAO,YAAY,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,aAAa,CAAC,OAAO,EAAE;YACvB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,OAAO;SACV;QACD,IAAI;YACA,IAAI,KAAK,KAAK,IAAI,EAAE;gBAChB,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;aAChC;iBAAM;gBACH,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;aACpD;SACJ;QAAC,OAAO,KAAU,EAAE;YACjB,IAAI,IAAA,yCAAW,GAAE,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACxB;SACJ;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEjB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAlCD,0CAkCC"}

package/lib/cjs/useWallet.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWallet = exports.WalletContext = void 0;
+const react_1 = require("react");
+function printError() {
+    console.error(`
+You are using WalletContext without provide the WalletContext.Provider.
+Please wrap your sub-components with a WalletProvider and provide required values.
+`);
+}
+const DEFAULT_CONTEXT = {
+    autoConnect: false,
+    connecting: false,
+    connected: false,
+    disconnecting: false,
+    /* eslint-disable */
+    select(_name) {
+        printError();
+    },
+    connect() {
+        printError();
+        return Promise.reject();
+    },
+    disconnect() {
+        printError();
+        return Promise.reject();
+    },
+    signTransaction(_transaction) {
+        printError();
+        return Promise.reject();
+    },
+    signMessage(_message) {
+        printError();
+        return Promise.reject();
+    },
+    /* eslint-enable */
+};
+Object.defineProperty(DEFAULT_CONTEXT, 'wallets', {
+    get() {
+        printError();
+        return [];
+    },
+});
+Object.defineProperty(DEFAULT_CONTEXT, 'wallet', {
+    get() {
+        printError();
+        return null;
+    },
+});
+Object.defineProperty(DEFAULT_CONTEXT, 'address', {
+    get() {
+        printError();
+        return null;
+    },
+});
+exports.WalletContext = (0, react_1.createContext)(DEFAULT_CONTEXT);
+function useWallet() {
+    return (0, react_1.useContext)(exports.WalletContext);
+}
+exports.useWallet = useWallet;
+//# sourceMappingURL=useWallet.js.map

package/lib/cjs/useWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../src/useWallet.ts"],"names":[],"mappings":";;;AACA,iCAAkD;AAsBlD,SAAS,UAAU;IACf,OAAO,CAAC,KAAK,CAAC;;;CAGjB,CAAC,CAAC;AACH,CAAC;AACD,MAAM,eAAe,GAAG;IACpB,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,KAAK;IACpB,oBAAoB;IACpB,MAAM,CAAC,KAAkB;QACrB,UAAU,EAAE,CAAC;IACjB,CAAC;IACD,OAAO;QACH,UAAU,EAAE,CAAC;QACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC;IACD,UAAU;QACN,UAAU,EAAE,CAAC;QACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC;IACD,eAAe,CAAC,YAAyB;QACrC,UAAU,EAAE,CAAC;QACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC;IACD,WAAW,CAAC,QAAgB;QACxB,UAAU,EAAE,CAAC;QACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC;IACD,mBAAmB;CACA,CAAC;AAExB,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,SAAS,EAAE;IAC9C,GAAG;QACC,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACd,CAAC;CACJ,CAAC,CAAC;AACH,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,EAAE;IAC7C,GAAG;QACC,UAAU,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ,CAAC,CAAC;AACH,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,SAAS,EAAE;IAC9C,GAAG;QACC,UAAU,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAqB,eAAqC,CAAC,CAAC;AACtG,SAAgB,SAAS;IACrB,OAAO,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;AACrC,CAAC;AAFD,8BAEC"}