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

101 lines (95 loc) 3.15 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var defineProperty = require('../../../../dist/defineProperty-9051a5d3.cjs.dev.js'); var walletIds = require('../../../../dist/walletIds-a0be5020.cjs.dev.js'); var connector = require('../../../../dist/connector-a63dd9e7.cjs.dev.js'); var evm_wallets_base_dist_thirdwebDevWalletsEvmWalletsBase = require('../../../../dist/base-23fd36a9.cjs.dev.js'); require('eventemitter3'); require('@thirdweb-dev/chains'); require('../../abstract/dist/thirdweb-dev-wallets-evm-wallets-abstract.cjs.dev.js'); require('ethers'); require('@thirdweb-dev/sdk'); require('../../../../dist/headers-2be346e5.cjs.dev.js'); /** * Wallet Interface to connect [Frame Wallet](https://frame.sh/) * * @example * ```javascript * import { FrameWallet } from "@thirdweb-dev/wallets"; * * const wallet = new FrameWallet(); * * wallet.connect(); * ``` * @wallet */ class FrameWallet extends evm_wallets_base_dist_thirdwebDevWalletsEvmWalletsBase.AbstractClientWallet { /** * @internal */ get walletName() { return "Frame Wallet"; } /** * Create a `FrameWallet` 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 * 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 { FrameWallet } from "@thirdweb-dev/wallets"; * * const walletWithOptions = new FrameWallet({ * dappMetadata: { * name: "thirdweb powered dApp", * url: "https://thirdweb.com", * description: "thirdweb powered dApp", * logoUrl: "https://thirdweb.com/favicon.ico", * }, * }); * ``` */ constructor(options) { super(FrameWallet.id, options); } async getConnector() { if (!this.connector) { // import the connector dynamically const { FrameConnector } = await Promise.resolve().then(function () { return require('../../../connectors/frame/dist/thirdweb-dev-wallets-evm-connectors-frame.cjs.dev.js'); }); this.connector = new connector.WagmiAdapter(new FrameConnector({ chains: this.chains, connectorStorage: this.walletStorage, options: { shimDisconnect: true } })); } return this.connector; } } /** * @internal */ /** * @internal */ defineProperty._defineProperty(FrameWallet, "id", walletIds.walletIds.frame); exports.FrameWallet = FrameWallet;