UNPKG

@thirdweb-dev/wallets

Version:

<p align="center"> <br /> <a href="https://thirdweb.com"><img src="https://github.com/thirdweb-dev/js/blob/main/legacy_packages/sdk/logo.svg?raw=true" width="200" alt=""/></a> <br /> </p> <h1 align="center">thirdweb Wallet SDK</h1> <p align="center"> <a h

123 lines (119 loc) 3.7 kB
import { _ as _defineProperty } from '../../../../dist/defineProperty-7303a112.esm.js'; import { W as WagmiAdapter } from '../../../../dist/connector-20f7cf73.esm.js'; import { a as AbstractClientWallet } from '../../../../dist/base-7cb4610a.esm.js'; import { w as walletIds } from '../../../../dist/walletIds-c34dbb3f.esm.js'; import { g as getInjectedPhantomProvider } from '../../../../dist/getInjectedPhantomProvider-594ca51b.esm.js'; import 'eventemitter3'; import '@thirdweb-dev/chains'; import '../../abstract/dist/thirdweb-dev-wallets-evm-wallets-abstract.esm.js'; import 'ethers'; import '@thirdweb-dev/sdk'; import '../../../../dist/headers-31b6ef3b.esm.js'; /** * Wallet interface to connect [Phantom Wallet](https://phantom.app/) * * @example * ```javascript * import { PhantomWallet } from "@thirdweb-dev/wallets"; * * const wallet = new PhantomWallet(); * * wallet.connect(); * ``` * * @wallet */ class PhantomWallet extends AbstractClientWallet { /** * @internal */ get walletName() { return "Phantom"; } /** * Create a `PhantomWallet` instance * @param options - * The `options` object includes the following properties * * ### clientId (recommended) * Provide `clientId` to use the thirdweb RPCs for given `chains` * * You can create a client ID for your application from [thirdweb dashboard](https://thirdweb.com/create-api-key). * * ### chains (optional) * Provide an array of chains you want to support. * * Must be an array of `Chain` objects, from the [`@thirdweb-dev/chains`](https://www.npmjs.com/package/\@thirdweb-dev/chains) package. * * Defaults to our [default chains](/react/react.thirdwebprovider#default-chains). * * ### dappMetadata (optional) * Information about your app that the wallet will display when your app tries to connect to it. * * Must be an object containing `name`, `url`, and optionally `description` and `logoUrl` properties. * * ```javascript * import { PhantomWallet } from "@thirdweb-dev/wallets"; * * const walletWithOptions = new PhantomWallet({ * dappMetadata: { * name: "thirdweb powered dApp", * url: "https://thirdweb.com", * description: "thirdweb powered dApp", * logoUrl: "https://thirdweb.com/favicon.ico", * }, * }); * ``` */ constructor(options) { super(PhantomWallet.id, options); this.isInjected = !!getInjectedPhantomProvider(); } async getConnector() { if (!this.connector) { const { PhantomConnector } = await import('../../../connectors/phantom/dist/thirdweb-dev-wallets-evm-connectors-phantom.esm.js'); const phantomConnector = new PhantomConnector({ chains: this.chains, connectorStorage: this.walletStorage, options: { shimDisconnect: true } }); this.phantomConnector = phantomConnector; this.connector = new WagmiAdapter(phantomConnector); } return this.connector; } } /** * @internal */ /** * @internal */ /** * @internal */ /** * @internal */ /** * @internal */ _defineProperty(PhantomWallet, "meta", { name: "Phantom", iconURL: "ipfs://bafybeibkpca5nwxpsjrtuxmz2ckb5lyc2sl2abg5f7dnvxku637vvffjti", urls: { chrome: "https://chrome.google.com/webstore/detail/phantom/bfnaelmomeimhlpmgjnjophhpkkoljpa" // not specifiying theme because they can't be used to connect // android: "https://play.google.com/store/apps/details?id=app.phantom", // ios: "https://apps.apple.com/us/app/phantom-crypto-wallet/id1598432977", } }); /** * @internal */ _defineProperty(PhantomWallet, "id", walletIds.phantom); export { PhantomWallet };