22 | );
23 | }
24 | ```
25 |
26 | [View full list of supported wallets.](/typescript/v5/supported-wallets)
--------------------------------------------------------------------------------
/src/app/connect/supported-chains/page.mdx:
--------------------------------------------------------------------------------
1 | test
--------------------------------------------------------------------------------
/src/app/connect/why-thirdweb/assets/bundlesize-transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/connect/why-thirdweb/assets/bundlesize-transparent.png
--------------------------------------------------------------------------------
/src/app/connect/why-thirdweb/assets/performance-transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/connect/why-thirdweb/assets/performance-transparent.png
--------------------------------------------------------------------------------
/src/app/contracts/assets/test.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/assets/test.jpg
--------------------------------------------------------------------------------
/src/app/contracts/build/modular-contracts/assets/modular-contracts-analogy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/build/modular-contracts/assets/modular-contracts-analogy.png
--------------------------------------------------------------------------------
/src/app/contracts/build/modular-contracts/assets/modular-contracts-flow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/build/modular-contracts/assets/modular-contracts-flow.png
--------------------------------------------------------------------------------
/src/app/contracts/deploy/deploy-contract/assets/deploy-cli.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/deploy/deploy-contract/assets/deploy-cli.png
--------------------------------------------------------------------------------
/src/app/contracts/deploy/deploy-contract/assets/deploy-contract.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/deploy/deploy-contract/assets/deploy-contract.png
--------------------------------------------------------------------------------
/src/app/contracts/deploy/deploy-contract/assets/detected-extensions.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/deploy/deploy-contract/assets/detected-extensions.png
--------------------------------------------------------------------------------
/src/app/contracts/deploy/deploy-contract/assets/link-device.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/deploy/deploy-contract/assets/link-device.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/drop/assets/claim-conditions.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/drop/assets/claim-conditions.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/modular-contracts/assets/modular-contracts-analogy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/modular-contracts/assets/modular-contracts-analogy.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/modular-contracts/assets/modular-contracts-flow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/modular-contracts/assets/modular-contracts-flow.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/multiwrap/assets/multiwrap-diagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/multiwrap/assets/multiwrap-diagram.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/pack/assets/pack-diagram-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/pack/assets/pack-diagram-1.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/pack/assets/pack-diagram-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/pack/assets/pack-diagram-2.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/pack/assets/pack-diagram-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/pack/assets/pack-diagram-3.png
--------------------------------------------------------------------------------
/src/app/contracts/design-docs/signature-mint/assets/signature-drop-diagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/design-docs/signature-mint/assets/signature-drop-diagram.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/overview/assets/test.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/overview/assets/test.jpg
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-collection/assets/mint-nft-collection.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-collection/assets/mint-nft-collection.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-collection/assets/more-settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-collection/assets/more-settings.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-collection/assets/nft-collection-settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-collection/assets/nft-collection-settings.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/advanced-configuration.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/advanced-configuration.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/choose-network.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/choose-network.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/contract-metadata.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/contract-metadata.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/delayed-reveal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/delayed-reveal.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/deploy-now.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/deploy-now.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/funds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/funds.png
--------------------------------------------------------------------------------
/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/upload-types.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/explore/pre-built-contracts/nft-drop/assets/upload-types.png
--------------------------------------------------------------------------------
/src/app/contracts/layout.tsx:
--------------------------------------------------------------------------------
1 | import { DocLayout } from "@/components/Layouts/DocLayout";
2 | import { sidebar } from "./sidebar";
3 | import { createMetadata } from "@/components/Document";
4 |
5 | export default async function Layout(props: { children: React.ReactNode }) {
6 | return (
7 |
8 | {props.children}
9 |
10 | );
11 | }
12 |
13 | export const metadata = createMetadata({
14 | title: "thirdweb Contracts",
15 | description:
16 | "Easily create, deploy, and manage smart contracts on any EVM compatible blockchain",
17 | image: {
18 | title: "thirdweb contracts",
19 | icon: "contract",
20 | },
21 | });
22 |
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/deploy-core-contract.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/deploy-core-contract.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/deployed-core-contract.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/deployed-core-contract.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/deploying.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/deploying.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/install-extension.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/install-extension.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/installed-extension.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/installed-extension.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/manage-tab-highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/manage-tab-highlight.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/publish-extension-contract.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/publish-extension-contract.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/get-started/assets/select-network.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/get-started/assets/select-network.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/how-it-works/assets/transformer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/how-it-works/assets/transformer.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/modular-contracts/assets/modular-contracts-analogy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/modular-contracts/assets/modular-contracts-analogy.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/modular-contracts/assets/modular-contracts-flow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/modular-contracts/assets/modular-contracts-flow.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/NFT-drop-overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/contracts/modular-contracts/overview/assets/NFT-drop-overview.png
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/blocks.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/circle-plus.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/hand-coins.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/pencil-ruler.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/shield-check.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/contracts/modular-contracts/overview/assets/workflow.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/dotnet/unity/page.mdx:
--------------------------------------------------------------------------------
1 | import { OpenSourceCard, DocImage, createMetadata } from "@doc";
2 |
3 | export const metadata = createMetadata({
4 | title: "Thirdweb .NET SDK in Unity",
5 | description:
6 | "A guide on how to integrate the Thirdweb .NET SDK into your Unity (tested with Unity 2022.3+) projects to add blockchain functionality.",
7 | });
8 |
9 | # Integrating into Unity projects
10 |
11 | Coming soon!
--------------------------------------------------------------------------------
/src/app/dotnet/wallets/actions/addadmin/page.mdx:
--------------------------------------------------------------------------------
1 | import { Details, createMetadata } from "@doc";
2 |
3 | export const metadata = createMetadata({
4 | title: "SmartWallet.AddAmin | Thirdweb .NET SDK",
5 | description: "Add a new admin to the connected Smart Wallet.",
6 | });
7 |
8 | # SmartWallet.AddAmin
9 |
10 | Add a new admin to the connected Smart Wallet.
11 |
12 | ## Usage
13 |
14 | ```csharp
15 | var receipt = await SmartWallet.AddAdmin("0xNewAdminAddress");
16 | ```
17 |
18 |
19 |
20 | ### admin
21 |
22 | Hexadecimal `string` representing the signer to grant admin access to.
23 |
24 |
25 |
26 |
27 |
28 | ### receipt
29 |
30 | The transaction receipt as a `TransactionReceipt` object.
31 |
32 |
33 |
--------------------------------------------------------------------------------
/src/app/dotnet/wallets/actions/getemail/page.mdx:
--------------------------------------------------------------------------------
1 | import { Details, createMetadata } from "@doc";
2 |
3 | export const metadata = createMetadata({
4 | title: "InAppWallet.GetEmail | Thirdweb .NET SDK",
5 | description: "Retrieve the email associated with a logged in InAppWallet.",
6 | });
7 |
8 | # InAppWallet.GetEmail
9 |
10 | This method retrieves the email associated with a connected `InAppWallet`.
11 |
12 | ## Usage
13 |
14 | ```csharp
15 | string email = await inAppWallet.GetEmail();
16 | ```
17 |
18 |
19 |
20 | ### string
21 |
22 | The user's email as a `string`.
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/app/dotnet/wallets/actions/getphonenumber/page.mdx:
--------------------------------------------------------------------------------
1 | import { Details, createMetadata } from "@doc";
2 |
3 | export const metadata = createMetadata({
4 | title: "InAppWallet.GetPhoneNumber | Thirdweb .NET SDK",
5 | description: "Retrieve the email associated with a logged in InAppWallet.",
6 | });
7 |
8 | # InAppWallet.GetPhoneNumber
9 |
10 | This method retrieves the email associated with a connected `InAppWallet`.
11 |
12 | ## Usage
13 |
14 | ```csharp
15 | string phoneNumber = await inAppWallet.GetPhoneNumber();
16 | ```
17 |
18 |
19 |
20 | ### string
21 |
22 | The user's phone number as a `string`.
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/app/dotnet/wallets/actions/getsigneraddress/page.mdx:
--------------------------------------------------------------------------------
1 | import { createMetadata } from "@doc";
2 |
3 | export const metadata = createMetadata({
4 | title: "wallet.GetSignerAddress | thirdweb .NET SDK",
5 | description: "Get the original signer address of the connected wallet.",
6 | });
7 |
8 | # GetSignerAddress
9 |
10 | Gets the address of the signer associated with the connected wallet.
11 | In most cases, that is the wallet address.
12 | When it comes to Smart Wallets, it is the associated EOA's address.
13 |
14 | ## Usage
15 |
16 | ```csharp
17 | string signerAddress = await sdk.Wallet.GetSignerAddress();
18 | ```
19 |
20 | ## Return Value
21 |
22 | Returns the `string` address of the signer associated with the connected wallet.
23 |
--------------------------------------------------------------------------------
/src/app/dotnet/wallets/actions/isdeployed/page.mdx:
--------------------------------------------------------------------------------
1 | import { Details, createMetadata } from "@doc";
2 |
3 | export const metadata = createMetadata({
4 | title: "SmartWallet.IsDeployed | Thirdweb .NET SDK",
5 | description: "Retrieve whether the connected Smart Wallet is deployed.",
6 | });
7 |
8 | # SmartWallet.IsDeployed
9 |
10 | This method retrieves whether the connected Smart Wallet is deployed onchain.
11 |
12 | ## Usage
13 |
14 | ```csharp
15 | bool isDeployed = await SmartWallet.IsDeployed();
16 | ```
17 |
18 |
19 |
20 | ### bool
21 |
22 | Whether a Smart Wallet is deployed as a `bool`.
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/app/engine/assets/airdrop-nfts-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/airdrop-nfts-1.png
--------------------------------------------------------------------------------
/src/app/engine/assets/airdrop-nfts-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/airdrop-nfts-2.png
--------------------------------------------------------------------------------
/src/app/engine/assets/airdrop-nfts-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/airdrop-nfts-3.png
--------------------------------------------------------------------------------
/src/app/engine/assets/airdrop-nfts-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/airdrop-nfts-4.png
--------------------------------------------------------------------------------
/src/app/engine/assets/airdrop-overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/airdrop-overview.png
--------------------------------------------------------------------------------
/src/app/engine/assets/authorize-api.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/authorize-api.png
--------------------------------------------------------------------------------
/src/app/engine/assets/authorize-bearer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/authorize-bearer.png
--------------------------------------------------------------------------------
/src/app/engine/assets/cancel-transaction-button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/cancel-transaction-button.png
--------------------------------------------------------------------------------
/src/app/engine/assets/engine-overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/engine-overview.png
--------------------------------------------------------------------------------
/src/app/engine/assets/engine-webhooks.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/engine-webhooks.webp
--------------------------------------------------------------------------------
/src/app/engine/assets/nft-checkout-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/nft-checkout-1.png
--------------------------------------------------------------------------------
/src/app/engine/assets/nft-checkout-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/nft-checkout-2.png
--------------------------------------------------------------------------------
/src/app/engine/assets/nft-checkout-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/nft-checkout-3.png
--------------------------------------------------------------------------------
/src/app/engine/assets/nft-checkout-overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/nft-checkout-overview.png
--------------------------------------------------------------------------------
/src/app/engine/assets/relayer-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/relayer-1.png
--------------------------------------------------------------------------------
/src/app/engine/assets/tx-lifecycle.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/engine/assets/tx-lifecycle.webp
--------------------------------------------------------------------------------
/src/app/engine/layout.tsx:
--------------------------------------------------------------------------------
1 | import { DocLayout } from "@/components/Layouts/DocLayout";
2 | import { sidebar } from "./sidebar";
3 | import { createMetadata } from "@doc";
4 |
5 | export default async function Layout(props: { children: React.ReactNode }) {
6 | return (
7 |
8 | {props.children}
9 |
10 | );
11 | }
12 |
13 | export const metadata = createMetadata({
14 | title: "Engine",
15 | description:
16 | "Engine is a backend HTTP server that calls smart contracts using your managed backend wallets.",
17 | });
18 |
--------------------------------------------------------------------------------
/src/app/glossary/bundler/page.mdx:
--------------------------------------------------------------------------------
1 | # Bundler
2 |
3 | A bundler is a node that monitors the alternative mempool of `UserOperations` and bundles multiple `UserOps` together to forward to the EntryPoint contract as a single transaction.
4 | These `UserOps` can be sent from different accounts and are bundled and sent to the `EntryPoint` contract via a `handleOps` call.
5 |
6 | The bundler is controlled by its own EOA which initially pays for the gas fees upfront and is then repaid by either the sender or a paymaster if the transaction is sponsored.
7 |
8 | The entry point contract then uses the `validateOp` and `executeOp` functions on the smart account contract to verify and execute the `UserOps` on behalf of the users.
9 |
10 | It allows you to send transactions with smart accounts.
11 |
--------------------------------------------------------------------------------
/src/app/glossary/claim-phases/page.mdx:
--------------------------------------------------------------------------------
1 | # Claim Phases
2 |
3 | Claim phases or "claim conditions" allow you to configure various aspects of a [drop](/glossary/drop); such as who can claim tokens,
4 | how many tokens will be released, the price of each token, release date, etc.
5 |
6 | They are available to use for any smart contract that implements the [Drop Single Phase](/contracts/build/extensions/general/DropSinglePhase)
7 | or [Drop](/contracts/build/extensions/general/Drop) extension smart contracts, which includes our ready-to-deploy smart contracts like the
8 | [NFT Drop](https://thirdweb.com/thirdweb.eth/DropERC721), [Token Drop](https://thirdweb.com/thirdweb.eth/DropERC20), and [Edition Drop](https://thirdweb.com/thirdweb.eth/DropERC1155) smart contracts.
9 |
--------------------------------------------------------------------------------
/src/app/glossary/claiming/page.mdx:
--------------------------------------------------------------------------------
1 | # Claiming
2 |
3 | Claiming is the process of transferring token ownership to the claimer's wallet.
4 | Once a token has been [lazy minted](/glossary/lazy-minting), it can be claimed by a wallet.
5 |
--------------------------------------------------------------------------------
/src/app/glossary/entry-point/page.mdx:
--------------------------------------------------------------------------------
1 | # Entry Point
2 |
3 | The EntryPoint is a singleton contract (a contract that has a predictable address that is the same on every chain and only one instance per chain).
4 | It has two methods that are used as entry points to execute bundles of UserOperations: `handleOps` and `handleAggregatedOps` which validate and execute user operation(s).
5 |
--------------------------------------------------------------------------------
/src/app/glossary/externally-owned-account/page.mdx:
--------------------------------------------------------------------------------
1 | # Externally Owned Account
2 |
3 | An Externally Owned Account (EOA) is an account controlled by the owner of the account's private key usually through a wallet application.
4 | Examples include MetaMask, Coinbase Wallet, and Phantom.
5 |
--------------------------------------------------------------------------------
/src/app/glossary/factory-contract/page.mdx:
--------------------------------------------------------------------------------
1 | # Factory contract
2 |
3 | A factory contract is a smart contract that is used to deploy other smart contracts.
4 |
--------------------------------------------------------------------------------
/src/app/glossary/interoperability/page.mdx:
--------------------------------------------------------------------------------
1 | # Interoperability
2 |
3 | Interoperability refers to the ability of different networks to share data or assets (like tokens) and interact with each other.
4 |
5 | For example, if Blockchain A is interoperable with Blockchain B, it means that a user could send tokens from Blockchain A to Blockchain B in a way that's secure and verifiable on both chains.
6 |
--------------------------------------------------------------------------------
/src/app/glossary/layout.tsx:
--------------------------------------------------------------------------------
1 | import { DocLayout } from "@/components/Layouts/DocLayout";
2 | import { sidebar } from "./sidebar";
3 | import { GlossaryBreadcrumb } from "./_components/GlossaryBreadcrumb";
4 |
5 | export default async function Layout(props: { children: React.ReactNode }) {
6 | return (
7 |
8 |
9 | {props.children}
10 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/glossary/lazy-minting/page.mdx:
--------------------------------------------------------------------------------
1 | # Lazy Minting
2 |
3 | Lazy minting is the preparation of NFT metadata without actually minting the NFT to a wallet address.
4 |
5 | This is a useful process for smart contract admins who want to prepare metadata for NFTs that will be minted by other wallets in a [drop](/glossary/drop),
6 | _without_ paying the [gas cost](/glossary/gas) to mint those NFTs.
7 |
8 | The typical process for lazy minting is:
9 |
10 | 1. Contract admin lazy-mints NFT metadata (either in bulk or for individual NFTs).
11 | 2. Contract admin defines how NFTs can be minted using [claim phases](/glossary/claim-phases).
12 | 3. Other wallets mint NFTs by claiming them. When they claim, they pay the gas cost to mint the NFT and the NFT is minted to their wallet address.
13 |
--------------------------------------------------------------------------------
/src/app/glossary/local-wallet/page.mdx:
--------------------------------------------------------------------------------
1 | # Local Wallet
2 |
3 | A local wallet is a type of wallet that allows you to create wallets within your application or project.
4 |
5 | It is a non-custodial solution that simplifies the onboarding process by offering a "checkout as guest" experience.
6 | This improves the user experience for web3 apps in two ways:
7 |
8 | 1. It enables non-web3 native users to get started easily without having to create a wallet with an external provider like MetaMask.
9 | 2. It hides transaction confirmations from users. With a local wallet, you can generate wallets on the backend,
10 | and each app can have one wallet that is app-scoped.
11 |
--------------------------------------------------------------------------------
/src/app/glossary/minting/page.mdx:
--------------------------------------------------------------------------------
1 | # Minting
2 |
3 | Minting is the process of creating new tokens on the blockchain. These tokens can be any type of asset, such as ERC-20, ERC-721 or ERC-1155 tokens.
4 | Minting is usually done by the creator of the token (the default admin), but can also be done by anyone who has been given [permission](/contracts/build/extensions/general/Permissions) to mint tokens by the creator.
5 |
6 | Minting is enabled on contracts that implement a `mint` function.
7 |
--------------------------------------------------------------------------------
/src/app/glossary/non-custodial-wallet/page.mdx:
--------------------------------------------------------------------------------
1 | # Non-Custodial Wallet
2 |
3 | A non-custodial wallet (also known as a self-custody wallet) is a wallet where the user has full control of their security & assets.
4 | The user is solely responsible for the security of their private key and therefore their funds.
5 | Examples of non-custodial wallets are Coinbase Wallet, Electron, and Ledger.
6 |
--------------------------------------------------------------------------------
/src/app/glossary/paymaster/page.mdx:
--------------------------------------------------------------------------------
1 | # Paymaster
2 |
3 | A paymaster is a smart contract that relays transactions.
4 | It provides a service that enables a third party to pay the transaction fee on behalf
5 | of the user by funding the paymaster in advance.
6 | The Paymaster acts as a gas reserve which then can be used during the call execution via the
7 | `EntryPoint` contract.
8 |
9 | The thirdweb paymaster is initially paid for by thirdweb.
10 | By using an [API key](/api-keys), the usage is tracked and billed.
11 |
--------------------------------------------------------------------------------
/src/app/glossary/permissionless/page.mdx:
--------------------------------------------------------------------------------
1 | # Permissionless
2 |
3 | On the context of smart contracts, permissionless means that anyone can interact with the contract without needing special permission or approval.
4 | Smart contracts can be deployed on public blockchains like Ethereum,
5 | promoting open access and transparency. While anyone can interact with a permissionless smart contract,
6 | the contract's code may still limit certain operations (like modifying the contract or accessing certain data)
7 | to specific roles, such as the contract's owner or creator.
8 |
--------------------------------------------------------------------------------
/src/app/glossary/rpc/page.mdx:
--------------------------------------------------------------------------------
1 | # RPC URLs
2 |
3 | An RPC (Remote Procedure Call) URL
4 | is an endpoint that enables an application to communicate with a blockchain network.
5 | It is used to send requests (initiate transactions) and receive responses (read data) from the blockchain,
6 | enabling developers to build applications that interact with the blockchain.
7 |
8 | Out of the box, we provide free [RPC URLs](https://thirdweb.com/dashboard/rpc) for all supported blockchains, including All EVM-compatible networks.
9 |
--------------------------------------------------------------------------------
/src/app/glossary/smart-contract/page.mdx:
--------------------------------------------------------------------------------
1 | # Smart Contract
2 |
3 | A smart contract is a computer program, stored on the blockchain.
4 | Smart contracts allow trustless transactions to be executed without third parties - the smart contract enforces the rules of the transaction automatically.
5 | These transactions are trackable and irreversible.
6 |
7 | Key features of smart contracts are:
8 |
9 | - **Autonomous**: Once a smart contract is initiated, it can act by itself without further participant involvement.
10 |
11 | - **Decentralized**: No single party has control over the entirety of the contract, and it cannot be modified after deployment.
12 |
13 | - **Deterministic**: Outcomes can be determined from the inputs and the contract code.
14 |
--------------------------------------------------------------------------------
/src/app/glossary/soulbound/page.mdx:
--------------------------------------------------------------------------------
1 | # Soulbound Tokens
2 |
3 | Soulbound tokens refer to NFTs
4 | that are permanently attached to a specific wallet address on the blockchain.
5 |
6 | Once a soulbound token is created, it cannot be transferred, sold, or traded to another address.
7 |
--------------------------------------------------------------------------------
/src/app/glossary/token/page.mdx:
--------------------------------------------------------------------------------
1 | # Token
2 |
3 | A token is a type of digital asset that represents a particular value or utility. Tokens are defined by smart contracts which follow a token standard such as the ERC-20, ERC-1155 or ERC-721 standards.
4 |
5 | Tokens are a critical component of decentralized applications (dApps) built on top of blockchain platforms. They can incentivize certain behaviors, represent ownership of digital or physical assets, or facilitate transactions within the dApp's ecosystem.
6 |
--------------------------------------------------------------------------------
/src/app/glossary/wallet/page.mdx:
--------------------------------------------------------------------------------
1 | # Wallet
2 |
3 | A wallet is a user's way of interacting with the blockchain. Wallets can be used to store, send, and receive blockchain assets such as ERC-20 tokens and NFTS.
4 |
--------------------------------------------------------------------------------
/src/app/infrastructure/assets/test.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/assets/test.jpg
--------------------------------------------------------------------------------
/src/app/infrastructure/layout.tsx:
--------------------------------------------------------------------------------
1 | import { DocLayout } from "@/components/Layouts/DocLayout";
2 | import { sidebar } from "./sidebar";
3 | import { createMetadata } from "@doc";
4 |
5 | export default async function Layout(props: { children: React.ReactNode }) {
6 | return (
7 |
8 | {props.children}
9 |
10 | );
11 | }
12 |
13 | export const metadata = createMetadata({
14 | title: "thirdweb Infrastructure",
15 | description:
16 | "All the infrastructure to scale and build production grade web3 applications",
17 | });
18 |
--------------------------------------------------------------------------------
/src/app/infrastructure/rpc-edge/get-started/assets/api-key.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/rpc-edge/get-started/assets/api-key.png
--------------------------------------------------------------------------------
/src/app/infrastructure/rpc-edge/get-started/assets/public-rpcs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/rpc-edge/get-started/assets/public-rpcs.png
--------------------------------------------------------------------------------
/src/app/infrastructure/rpc-edge/get-started/assets/usage-dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/rpc-edge/get-started/assets/usage-dashboard.png
--------------------------------------------------------------------------------
/src/app/infrastructure/storage/how-to-use-storage/upload-files-to-ipfs/assets/storage-dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/storage/how-to-use-storage/upload-files-to-ipfs/assets/storage-dashboard.png
--------------------------------------------------------------------------------
/src/app/infrastructure/storage/how-to-use-storage/upload-files-to-ipfs/assets/storage-upload.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/storage/how-to-use-storage/upload-files-to-ipfs/assets/storage-upload.png
--------------------------------------------------------------------------------
/src/app/infrastructure/storage/how-to-use-storage/upload-files-to-ipfs/assets/storage-urls.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/infrastructure/storage/how-to-use-storage/upload-files-to-ipfs/assets/storage-urls.png
--------------------------------------------------------------------------------
/src/app/not-found.tsx:
--------------------------------------------------------------------------------
1 | export default function NotFound() {
2 | return (
3 |
4 | Page Not Found
5 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/src/app/payments/assets/checkouts-overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/assets/checkouts-overview.png
--------------------------------------------------------------------------------
/src/app/payments/layout.tsx:
--------------------------------------------------------------------------------
1 | import { DocLayout } from "@/components/Layouts/DocLayout";
2 | import { sidebar } from "./sidebar";
3 | import { createMetadata } from "@/components/Document";
4 |
5 | export default async function Layout(props: { children: React.ReactNode }) {
6 | return (
7 |
8 | {props.children}
9 |
10 | );
11 | }
12 |
13 | export const metadata = createMetadata({
14 | image: {
15 | title: "thirdweb Payments",
16 | icon: "payment",
17 | },
18 | title: "thirdweb Payments",
19 | description:
20 | "thirdweb payments delivers the easiest NFT payments experience for you and your buyers",
21 | });
22 |
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/assets/checkout-with-card-customization-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/assets/checkout-with-card-customization-demo.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/assets/checkout-with-card-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/assets/checkout-with-card-demo.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/assets/checkout-with-eth-demo-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/assets/checkout-with-eth-demo-2.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/assets/checkout-with-eth-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/assets/checkout-with-eth-demo.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/assets/enable-payments.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/assets/enable-payments.jpeg
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/checkout-with-card/assets/checkout-with-card-customization-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/checkout-with-card/assets/checkout-with-card-customization-demo.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/checkout-with-card/assets/checkout-with-card-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/checkout-with-card/assets/checkout-with-card-demo.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/checkout-with-eth/assets/checkout-with-eth-demo-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/checkout-with-eth/assets/checkout-with-eth-demo-2.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/checkout-with-eth/assets/checkout-with-eth-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/checkout-with-eth/assets/checkout-with-eth-demo.png
--------------------------------------------------------------------------------
/src/app/payments/nft-checkout/enable-contract/assets/enable-payments.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/payments/nft-checkout/enable-contract/assets/enable-payments.jpeg
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebProvider/props/autoConnect.mdx:
--------------------------------------------------------------------------------
1 | When the user has connected their wallet to your site, this flag determines
2 | whether or not you want to automatically connect to the last connected wallet when user visits your site again in the future.
3 |
4 | Defaults to `true`
5 |
6 | ```jsx
7 | import { ThirdwebProvider } from "@thirdweb-dev/react-native";
8 |
9 | function MyApp() {
10 | return (
11 |
12 |
13 |
14 | );
15 | }
16 | ```
17 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebProvider/props/clientId.mdx:
--------------------------------------------------------------------------------
1 | The `clientId` prop is required to use the thirdweb infrastructure services with the SDK. You can get a client ID by creating an API key [on thirdweb dashboard](https://thirdweb.com/create-api-key).
2 |
3 | ```jsx
4 | import { ThirdwebProvider } from "@thirdweb-dev/react-native";
5 |
6 | function MyApp() {
7 | return (
8 |
9 |
10 |
11 | );
12 | }
13 | ```
14 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebProvider/props/locale.mdx:
--------------------------------------------------------------------------------
1 | Object that contains all text used for thirdweb components.
2 |
3 | It allows you to change the language used in UI components or override the texts used in the UI.
4 |
5 | You can add support for any language you want just by passing an object with the required strings.
6 |
7 | ## Example
8 |
9 | ```javascript
10 | import { ThirdwebProvider } from "@thirdweb-dev/react-native";
11 |
12 |
13 |
14 | ;
15 | ```
16 |
17 | More info in our [Locale Reference](/react-native/v0/ThirdwebProviderProps#locale)
18 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebProvider/props/queryClient.mdx:
--------------------------------------------------------------------------------
1 | If you are using [React Query](https://react-query.tanstack.com/) and have your own `QueryClient`,
2 | you can pass it as the `queryClient` prop to use this client instead of the SDK's default client.
3 |
4 | ```jsx
5 | import { ThirdwebProvider } from "@thirdweb-dev/react-native";
6 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
7 |
8 | function MyApp() {
9 | // Your React Query client (or client from other library such as wagmi)
10 | const queryClient = new QueryClient();
11 |
12 | return (
13 |
14 |
15 |
16 |
17 |
18 | );
19 | }
20 | ```
21 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebProvider/props/supportedChains.mdx:
--------------------------------------------------------------------------------
1 | import DefaultChainsMDX from "../../common/defaultChains.mdx";
2 |
3 | An array of chains supported by your app.
4 |
5 | You can import chains from `@thirdweb-dev/chains` which contains 1000+ chains.
6 |
7 | ```jsx
8 | import { ThirdwebProvider } from "@thirdweb-dev/react-native";
9 | import { Ethereum, Polygon } from "@thirdweb-dev/chains";
10 |
11 | function MyApp() {
12 | return (
13 |
17 |
18 |
19 | );
20 | }
21 | ```
22 |
23 | If not provided, It defaults to below shown default chains.
24 |
25 |
26 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebProvider/props/theme.mdx:
--------------------------------------------------------------------------------
1 | Sets the theme for all thirdweb components.
2 |
3 | By default it is set to "dark".
4 |
5 | theme can be set to either "dark" or "light" or a custom theme object.
6 |
7 | You can also import the `lightTheme` or `darkTheme` functions from `@thirdweb-dev/react-native` to use the default themes as base and overrides parts of it.
8 |
9 | ## Example
10 |
11 | ```javascript
12 | import { ThirdwebProvider } from "@thirdweb-dev/react-native";
13 |
14 |
15 |
16 | ;
17 | ```
18 |
19 | More info in our [Theme Reference](/react-native/v0/ThirdwebProviderProps#theme)
20 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebSDKProvider/props/clientId.mdx:
--------------------------------------------------------------------------------
1 | The `clientId` prop is required to use the thirdweb infrastructure services with the SDK. You can get a client ID by creating an API key on [thirdweb dashboard](https://thirdweb.com/create-api-key).
2 |
3 | ```jsx
4 | function MyApp() {
5 | return (
6 |
7 |
8 |
9 | );
10 | }
11 | ```
12 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/ThirdwebSDKProvider/props/queryClient.mdx:
--------------------------------------------------------------------------------
1 | If you are using [React Query](https://react-query.tanstack.com/) and have your own `QueryClient`,
2 | you can pass it as the `queryClient` prop to use this client instead of the SDK's default client.
3 |
4 | ```jsx
5 | import { ThirdwebSDKProvider } from "@thirdweb-dev/react-native";
6 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
7 |
8 | function MyApp() {
9 | // Your React Query client (or client from other library such as wagmi)
10 | const queryClient = new QueryClient();
11 |
12 | return (
13 |
14 |
15 |
16 |
17 |
18 | );
19 | }
20 | ```
21 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/common/defaultChains.mdx:
--------------------------------------------------------------------------------
1 | import { Details } from "@doc";
2 |
3 |
4 |
5 | ```js
6 | [
7 | "ethereum",
8 | "goerli",
9 | "polygon",
10 | "arbitrum",
11 | "arbitrum-goerli",
12 | "optimism",
13 | "optimism-goerli",
14 | "binance",
15 | "binance-testnet",
16 | "fantom",
17 | "fantom-testnet",
18 | "avalanche-fuji",
19 | "avalanche-fuji-testnet",
20 | "localhost",
21 | ];
22 | ```
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectEmbed/_assets/ConnectEmbedDefaultImg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectEmbed/_assets/ConnectEmbedDefaultImg.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectEmbed/_assets/ConnectEmbedLight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectEmbed/_assets/ConnectEmbedLight.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/balance-btc-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/balance-btc-dark.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/connect-wallet-dark-compact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/connect-wallet-dark-compact.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/connect-wallet-dark-wide.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/connect-wallet-dark-wide.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/connect-wallet-hero.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/connect-wallet-hero.webp
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/custom-token-list-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/custom-token-list-dark.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/details-open-faucet-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/details-open-faucet-dark.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/images/select-token-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react-native/v0/components/ConnectWallet/images/select-token-dark.png
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/auth.mdx:
--------------------------------------------------------------------------------
1 | Enforce that users must sign in with their wallet using [auth](/connect/auth) after connecting their wallet.
2 |
3 | Requires the [`authConfig`](/react/v4/ThirdwebProvider#authConfig) prop to be set on the [`ThirdWebProvider`](/react/v4/ThirdwebProvider) component.
4 |
5 | ```jsx
6 |
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/btnTitle.mdx:
--------------------------------------------------------------------------------
1 | Change the text on button when the ConnectWallet button is in the disconnected state.
2 |
3 | The default is `"Connect Wallet"`
4 |
5 | ```tsx
6 |
7 | ```
8 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/detailsBtn.mdx:
--------------------------------------------------------------------------------
1 | Render a custom button to display connected wallet details instead of the default one
2 |
3 | ```jsx
4 | {
6 | return ;
7 | }}
8 | />
9 | ```
10 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/hideTestnetFaucet.mdx:
--------------------------------------------------------------------------------
1 | Hide the "Request Testnet funds" link in ConnectWallet details modal when user is connected to a testnet.
2 |
3 | Default is `true`, If you want to show the link, set it to `false`.
4 |
5 | ```jsx
6 |
7 | ```
8 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/modalTitle.mdx:
--------------------------------------------------------------------------------
1 | Change the title of ConnectWallet Modal
2 |
3 | The default is `"Connect"`
4 |
5 | ```jsx
6 |
7 | ```
8 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/switchToActiveChain.mdx:
--------------------------------------------------------------------------------
1 | Specify whether to show a "Switch Network" button after the wallet is connected and it is not connected to the activeChain set in [ThirdwebProvider](/react-native/v0/ThirdwebProvider) to encourage the user to switch to the correct network in their wallet.
2 |
3 | activeChain must be explicitly set in [ThirdwebProvider](/react-native/v0/ThirdwebProvider) for this to work.
4 |
5 | default is `false`.
6 |
7 | ```jsx
8 |
9 | ```
10 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/theme.mdx:
--------------------------------------------------------------------------------
1 | Set the theme to either `"light"` or `"dark"` or pass a custom theme object to completely customize the look and feel of the ConnectWallet Modal.
2 |
3 | The default is `"dark"`
4 |
5 | ```jsx
6 |
7 | ```
8 |
9 | #### Custom Theme
10 |
11 | You can fully customize the theme:
12 |
13 | ```jsx
14 | import { ConnectWallet, darkTheme } from "@thirdweb-dev/react-native";
15 |
16 | function App() {
17 | return (
18 |
29 | );
30 | }
31 | ```
32 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/ConnectWallet/props/tos.mdx:
--------------------------------------------------------------------------------
1 | You can show a "Terms of Service" and/or "Privacy Policy" link in the ConnectWallet Modal by passing the `termsOfServiceUrl` and/or `privacyPolicyUrl` props
2 |
3 | ```tsx
4 |
8 | ```
9 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/ContractAbiMDX.mdx:
--------------------------------------------------------------------------------
1 | The [Application Binary Interface](https://docs.soliditylang.org/en/v0.8.17/abi-spec.html) (ABI) of the contract.
2 |
3 | This is only required if you have _not_ imported your contract to the [dashboard](https://thirdweb.com/dashboard).
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react-native";
7 |
8 | function App() {
9 | return (
10 | console.log(contract)} // Logic to execute when clicked
14 | >
15 | Execute Action
16 |
17 | );
18 | }
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/action.mdx:
--------------------------------------------------------------------------------
1 | The logic to execute when the button is clicked.
2 |
3 | The contract instance is available as the first argument of the function
4 | for you to interact with.
5 |
6 | If the action you are performing is async, make sure to return a `Promise` from the `action` function so that the SDK knows when the action is complete
7 |
8 | ```jsx
9 | import { Web3Button } from "@thirdweb-dev/react-native";
10 |
11 | // For example, claim an NFT from this contract when the button is clicked
12 | function App() {
13 | return (
14 | {
17 | await contract.erc721.claim(1);
18 | }}
19 | >
20 | Claim NFT
21 |
22 | );
23 | }
24 | ```
25 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/connectWallet.mdx:
--------------------------------------------------------------------------------
1 | Web3Button renders a [ConnectWallet](/react-native/v0/components/ConnectWallet) if no wallet is connected.
2 |
3 | You can pass props for that `ConnectWallet` component by passing them in the `connectWallet` prop on `Web3Button`
4 |
5 | ```tsx
6 | import { Web3Button } from "@thirdweb-dev/react-native";
7 |
8 | console.log(contract)} // Logic to execute when clicked
16 | >
17 | Execute Action
18 | ;
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/contractAbi.mdx:
--------------------------------------------------------------------------------
1 | The [Application Binary Interface](https://docs.soliditylang.org/en/v0.8.17/abi-spec.html) (ABI) of the contract.
2 |
3 | This is only required if you have _not_ imported your contract to the [dashboard](https://thirdweb.com/dashboard).
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react-native";
7 |
8 | function App() {
9 | return (
10 | console.log(contract)} // Logic to execute when clicked
14 | >
15 | Execute Action
16 |
17 | );
18 | }
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/contractAddress.mdx:
--------------------------------------------------------------------------------
1 | The address of the smart contract to interact with.
2 |
3 | If you have _not_ imported your contract to [thirdweb's dashboard](https://thirdweb.com/dashboard), you must additionally specify the [`contractAbi`](#contractabi-optional) prop.
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react-native";
7 |
8 | function App() {
9 | return (
10 | {
13 | // Logic to execute when clicked
14 | await someAction(contract);
15 | }}
16 | >
17 | Execute Action
18 |
19 | );
20 | }
21 | ```
22 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/onError.mdx:
--------------------------------------------------------------------------------
1 | Callback function to be run when the contract method call fails.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react-native";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | onError={(error) => alert("Something went wrong!")}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/onSubmit.mdx:
--------------------------------------------------------------------------------
1 | Callback function to be run after the user has confirmed the transaction.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react-native";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | onSubmit={() => console.log("Transaction submitted")}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/components/Web3Button/props/onSuccess.mdx:
--------------------------------------------------------------------------------
1 | Callback function to be run when the contract method call is successful.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react-native";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | onSuccess={(result) => alert("Success!")}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/layout.tsx:
--------------------------------------------------------------------------------
1 | import { DocLayout } from "@/components/Layouts/DocLayout";
2 | import { typescriptV4Sidebar } from "../../typescript/v4/sidebar";
3 | import { TypeScriptVersionSelector } from "../../../components/others/VersionSelector";
4 |
5 | export default async function Layout(props: { children: React.ReactNode }) {
6 | return (
7 | }
11 | >
12 | {props.children}
13 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/wallets/_components/WalletsBreadcrumb.tsx:
--------------------------------------------------------------------------------
1 | import { Breadcrumb } from "@/components/Document";
2 |
3 | export function WalletsBreadcrumb(props: { name: string; slug: string }) {
4 | return (
5 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/react-native/v0/wallets/_components/index.tsx:
--------------------------------------------------------------------------------
1 | export { WalletsBreadcrumb } from "./WalletsBreadcrumb";
2 | export { CustomizeWalletConfigurator } from "./CustomizeWalletConfigurator";
3 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebProvider/props/autoConnect.mdx:
--------------------------------------------------------------------------------
1 | When the user has connected their wallet to your site, this flag determines
2 | whether or not you want to automatically connect to the last connected wallet when user visits your site again in the future.
3 |
4 | Defaults to `true`
5 |
6 | ```jsx
7 | import { ThirdwebProvider } from "@thirdweb-dev/react";
8 |
9 | function MyApp() {
10 | return (
11 |
12 |
13 |
14 | );
15 | }
16 | ```
17 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebProvider/props/clientId.mdx:
--------------------------------------------------------------------------------
1 | The `clientId` prop is required to use the thirdweb infrastructure services with the SDK. You can get a client ID by creating an API key [on thirdweb dashboard](https://thirdweb.com/create-api-key).
2 |
3 | ```jsx
4 | import { ThirdwebProvider } from "@thirdweb-dev/react";
5 |
6 | function MyApp() {
7 | return (
8 |
9 |
10 |
11 | );
12 | }
13 | ```
14 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebProvider/props/queryClient.mdx:
--------------------------------------------------------------------------------
1 | If you are using [React Query](https://react-query.tanstack.com/) and have your own `QueryClient`,
2 | you can pass it as the `queryClient` prop to use this client instead of the SDK's default client.
3 |
4 | ```jsx
5 | import { ThirdwebProvider } from "@thirdweb-dev/react";
6 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
7 |
8 | function MyApp() {
9 | // Your React Query client (or client from other library such as wagmi)
10 | const queryClient = new QueryClient();
11 |
12 | return (
13 |
14 |
15 |
16 |
17 |
18 | );
19 | }
20 | ```
21 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebProvider/props/supportedChains.mdx:
--------------------------------------------------------------------------------
1 | import DefaultChainsMDX from "../../common/defaultChains.mdx";
2 |
3 | An array of chains supported by your app.
4 |
5 | You can import chains from `@thirdweb-dev/chains` which contains 1000+ chains.
6 |
7 | ```jsx
8 | import { ThirdwebProvider } from "@thirdweb-dev/react";
9 | import { Ethereum, Polygon } from "@thirdweb-dev/chains";
10 |
11 | function MyApp() {
12 | return (
13 |
17 |
18 |
19 | );
20 | }
21 | ```
22 |
23 | If not provided, It defaults to below shown default chains.
24 |
25 |
26 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebProvider/props/supportedWallets.mdx:
--------------------------------------------------------------------------------
1 | An array of wallets that your app supports.
2 |
3 | Wallets provided here appear in the [ConnectWallet Modal](/react/v4/components/ConnectWallet) and allow you to use
4 | the wallet connection hooks.
5 |
6 | [Learn more about connecting wallets](/react/v4/connecting-wallets) and the options available.
7 |
8 | ```jsx
9 | import {
10 | ThirdwebProvider,
11 | metamaskWallet,
12 | coinbaseWallet,
13 | walletConnect,
14 | } from "@thirdweb-dev/react";
15 |
16 | function MyApp() {
17 | return (
18 |
23 |
24 |
25 | );
26 | }
27 | ```
28 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebSDKProvider/props/clientId.mdx:
--------------------------------------------------------------------------------
1 | The `clientId` prop is required to use the thirdweb infrastructure services with the SDK. You can get a client ID by creating an API key on [thirdweb dashboard](https://thirdweb.com/create-api-key).
2 |
3 | ```jsx
4 | function MyApp() {
5 | return (
6 |
7 |
8 |
9 | );
10 | }
11 | ```
12 |
--------------------------------------------------------------------------------
/src/app/react/v4/ThirdwebSDKProvider/props/queryClient.mdx:
--------------------------------------------------------------------------------
1 | If you are using [React Query](https://react-query.tanstack.com/) and have your own `QueryClient`,
2 | you can pass it as the `queryClient` prop to use this client instead of the SDK's default client.
3 |
4 | ```jsx
5 | import { ThirdwebSDKProvider } from "@thirdweb-dev/react";
6 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
7 |
8 | function MyApp() {
9 | // Your React Query client (or client from other library such as wagmi)
10 | const queryClient = new QueryClient();
11 |
12 | return (
13 |
14 |
15 |
16 |
17 |
18 | );
19 | }
20 | ```
21 |
--------------------------------------------------------------------------------
/src/app/react/v4/common/defaultChains.mdx:
--------------------------------------------------------------------------------
1 | import { Details } from "@doc";
2 |
3 |
4 |
5 | ```js
6 | [
7 | "ethereum",
8 | "goerli",
9 | "polygon",
10 | "arbitrum",
11 | "arbitrum-goerli",
12 | "optimism",
13 | "optimism-goerli",
14 | "binance",
15 | "binance-testnet",
16 | "fantom",
17 | "fantom-testnet",
18 | "avalanche-fuji",
19 | "avalanche-fuji-testnet",
20 | "localhost",
21 | ];
22 | ```
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-default.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-embedded.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-embedded.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-light.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-privacy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-privacy.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-signin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-signin.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-tos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectEmbed/_assets/ConnectEmbed-tos.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/balance-btc-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/balance-btc-dark.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/connect-wallet-dark-compact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/connect-wallet-dark-compact.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/connect-wallet-dark-wide.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/connect-wallet-dark-wide.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/connect-wallet-hero.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/connect-wallet-hero.webp
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/custom-token-list-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/custom-token-list-dark.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/details-open-faucet-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/details-open-faucet-dark.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/details-open-switch-to-personal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/details-open-switch-to-personal.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/images/select-token-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v4/components/ConnectWallet/images/select-token-dark.png
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/auth.mdx:
--------------------------------------------------------------------------------
1 | Enforce that users must sign in with their wallet using [auth](/connect/auth) after connecting their wallet.
2 |
3 | Requires the [`authConfig`](/react/v4/ThirdwebProvider#authConfig) prop to be set on the [`ThirdWebProvider`](/react/v4/ThirdwebProvider) component.
4 |
5 | ```jsx
6 |
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/btnTitle.mdx:
--------------------------------------------------------------------------------
1 | Change the text on button when the ConnectWallet button is in the disconnected state.
2 |
3 | The default is `"Connect Wallet"`
4 |
5 | ```tsx
6 |
7 | ```
8 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/className.mdx:
--------------------------------------------------------------------------------
1 | This class is applied to the ConnectWallet button ( not the modal ). Using this className, you can further customize the button's styles using custom CSS.
2 |
3 | For some CSS properties, you may need to use the [`!important`](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_!important_exception)
4 | to override the default styles
5 |
6 | ```jsx
7 |
8 | ```
9 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/detailsBtn.mdx:
--------------------------------------------------------------------------------
1 | Render a custom button to display connected wallet details instead of the default one
2 |
3 | ```jsx
4 | {
6 | return ;
7 | }}
8 | />
9 | ```
10 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/hideSwitchToPersonalWallet.mdx:
--------------------------------------------------------------------------------
1 | import { DocImage } from "@doc";
2 | import SwitchToPersonalImage from "../images/details-open-switch-to-personal.png";
3 |
4 | Hide the "Switch to Personal wallet" option in the wallet details modal which is shown when wallet is connected to either Smart Account or Safe.
5 |
6 | By default it is `false`. If you want to hide it, set it to `true`.
7 |
8 | ```tsx
9 |
10 | ```
11 |
12 |
13 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/hideTestnetFaucet.mdx:
--------------------------------------------------------------------------------
1 | import { DocImage } from "@doc";
2 | import OpenFaucetImage from "../images/details-open-faucet-dark.png";
3 |
4 | Hide the "Request Testnet funds" link in ConnectWallet details modal when user is connected to a testnet.
5 |
6 | Default is `true`, If you want to show the link, set it to `false`.
7 |
8 | ```jsx
9 |
10 | ```
11 |
12 |
13 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/modalTitle.mdx:
--------------------------------------------------------------------------------
1 | Change the title of ConnectWallet Modal
2 |
3 | The default is `"Connect"`
4 |
5 | ```jsx
6 |
7 | ```
8 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/switchToActiveChain.mdx:
--------------------------------------------------------------------------------
1 | Specify whether to show a "Switch Network" button after the wallet is connected and it is not connected to the [activeChain](/react/v4/ThirdwebProvider#activeChain) set in [ThirdwebProvider](react/react.thirdwebprovider) to encourage the user to switch to the correct network in their wallet.
2 |
3 | [activeChain](/react/v4/ThirdwebProvider#activeChain) must be explicitly set in [ThirdwebProvider](react/react.thirdwebprovider) for this to work.
4 |
5 | default is `false`.
6 |
7 | ```jsx
8 |
9 | ```
10 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/tos.mdx:
--------------------------------------------------------------------------------
1 | You can show a "Terms of Service" and/or "Privacy Policy" link in the ConnectWallet Modal by passing the `termsOfServiceUrl` and/or `privacyPolicyUrl` props
2 |
3 | ```tsx
4 |
8 | ```
9 |
10 |
11 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/ConnectWallet/props/welcomeScreen.mdx:
--------------------------------------------------------------------------------
1 | This prop is only applicable when `modalSize` prop is set to `"wide"`.
2 |
3 | On `"wide"` Modal size, a welcome screen is shown on the right side of the modal.
4 |
5 | This screen can be customized in two ways
6 |
7 | 1. ### Customize Metadata and Image
8 |
9 | ```tsx
10 |
21 | ```
22 |
23 | 2. ### Render Custom Component
24 |
25 | ```tsx
26 | {
28 | return ;
29 | }}
30 | />
31 | ```
32 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/ContractAbiMDX.mdx:
--------------------------------------------------------------------------------
1 | The [Application Binary Interface](https://docs.soliditylang.org/en/v0.8.17/abi-spec.html) (ABI) of the contract.
2 |
3 | This is only required if you have _not_ imported your contract to the [dashboard](https://thirdweb.com/dashboard).
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react";
7 |
8 | function App() {
9 | return (
10 | console.log(contract)} // Logic to execute when clicked
14 | >
15 | Execute Action
16 |
17 | );
18 | }
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/action.mdx:
--------------------------------------------------------------------------------
1 | The logic to execute when the button is clicked.
2 |
3 | The contract instance is available as the first argument of the function
4 | for you to interact with.
5 |
6 | If the action you are performing is async, make sure to return a `Promise` from the `action` function so that the SDK knows when the action is complete
7 |
8 | ```jsx
9 | import { Web3Button } from "@thirdweb-dev/react";
10 |
11 | // For example, claim an NFT from this contract when the button is clicked
12 | function App() {
13 | return (
14 | {
17 | await contract.erc721.claim(1);
18 | }}
19 | >
20 | Claim NFT
21 |
22 | );
23 | }
24 | ```
25 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/className.mdx:
--------------------------------------------------------------------------------
1 | import { Callout } from "@doc";
2 |
3 | Apply custom CSS classes to the button.
4 |
5 |
6 |
7 | For some specific CSS properties you may need to apply the
8 | [`!important`](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_!important_exception)
9 | CSS rule to override the default styles of the button.
10 |
11 |
12 |
13 | ```jsx
14 | import { Web3Button } from "@thirdweb-dev/react";
15 |
16 | function App() {
17 | return (
18 | console.log(contract)} // Logic to execute when clicked
21 | className="my-custom-class"
22 | >
23 | Execute Action
24 |
25 | );
26 | }
27 | ```
28 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/connectWallet.mdx:
--------------------------------------------------------------------------------
1 | Web3Button renders a [ConnectWallet](/react/v4/components/ConnectWallet) if no wallet is connected.
2 |
3 | You can pass props for that `ConnectWallet` component by passing them in the `connectWallet` prop on `Web3Button`
4 |
5 | ```tsx
6 | import { Web3Button } from "@thirdweb-dev/react";
7 |
8 | console.log(contract)} // Logic to execute when clicked
16 | >
17 | Execute Action
18 | ;
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/contractAbi.mdx:
--------------------------------------------------------------------------------
1 | The [Application Binary Interface](https://docs.soliditylang.org/en/v0.8.17/abi-spec.html) (ABI) of the contract.
2 |
3 | This is only required if you have _not_ imported your contract to the [dashboard](https://thirdweb.com/dashboard).
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react";
7 |
8 | function App() {
9 | return (
10 | console.log(contract)} // Logic to execute when clicked
14 | >
15 | Execute Action
16 |
17 | );
18 | }
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/contractAddress.mdx:
--------------------------------------------------------------------------------
1 | The address of the smart contract to interact with.
2 |
3 | If you have _not_ imported your contract to [thirdweb's dashboard](https://thirdweb.com/dashboard), you must additionally specify the [`contractAbi`](#contractabi-optional) prop.
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react";
7 |
8 | function App() {
9 | return (
10 | {
13 | // Logic to execute when clicked
14 | await someAction(contract);
15 | }}
16 | >
17 | Execute Action
18 |
19 | );
20 | }
21 | ```
22 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/isDisabled.mdx:
--------------------------------------------------------------------------------
1 | Option to disable the button.
2 |
3 | By default, the button is disabled and shows a spinner icon while the transaction is executing.
4 |
5 | ```jsx
6 | import { Web3Button } from "@thirdweb-dev/react";
7 |
8 | function App() {
9 | return (
10 | console.log(contract)} // Logic to execute when clicked
13 | isDisabled
14 | >
15 | Execute Action
16 |
17 | );
18 | }
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/onError.mdx:
--------------------------------------------------------------------------------
1 | Callback function to be run when the contract method call fails.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | onError={(error) => alert("Something went wrong!")}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/onSubmit.mdx:
--------------------------------------------------------------------------------
1 | Callback function to be run after the user has confirmed the transaction.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | onSubmit={() => console.log("Transaction submitted")}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/onSuccess.mdx:
--------------------------------------------------------------------------------
1 | Callback function to be run when the contract method call is successful.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | onSuccess={(result) => alert("Success!")}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react/v4/components/Web3Button/props/style.mdx:
--------------------------------------------------------------------------------
1 | Apply custom CSS styles to the button.
2 |
3 | ```jsx
4 | import { Web3Button } from "@thirdweb-dev/react";
5 |
6 | function App() {
7 | return (
8 | console.log(contract)} // Logic to execute when clicked
11 | style={{ color: "red" }}
12 | >
13 | Execute Action
14 |
15 | );
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/app/react/v5/components/ConnectButton/images/connect-wallet-hero.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/components/ConnectButton/images/connect-wallet-hero.webp
--------------------------------------------------------------------------------
/src/app/react/v5/components/ConnectEmbed/_assets/ConnectEmbed-default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/components/ConnectEmbed/_assets/ConnectEmbed-default.png
--------------------------------------------------------------------------------
/src/app/react/v5/components/ConnectEmbed/_assets/ConnectEmbed-signin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/components/ConnectEmbed/_assets/ConnectEmbed-signin.png
--------------------------------------------------------------------------------
/src/app/react/v5/components/TransactionButton/tx-button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/components/TransactionButton/tx-button.png
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/export-private-key/confirm-reveal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/export-private-key/confirm-reveal.png
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/export-private-key/export-key.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/export-private-key/export-key.png
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/export-private-key/exported-key.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/export-private-key/exported-key.png
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/export-private-key/manage-wallet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/export-private-key/manage-wallet.png
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/get-started/connect-wallet-hero.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/get-started/connect-wallet-hero.webp
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/images/unity.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/images/unity.webp
--------------------------------------------------------------------------------
/src/app/react/v5/in-app-wallet/images/wallet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thirdweb-dev/docs-v2/bc0c31a7dadf04ab3e794601ec6ea90f099387d8/src/app/react/v5/in-app-wallet/images/wallet.png
--------------------------------------------------------------------------------
/src/app/react/v5/migrate/use-v5-with-ethers/page.mdx:
--------------------------------------------------------------------------------
1 | # WIP
--------------------------------------------------------------------------------
/src/app/react/v5/reading-state/page.mdx:
--------------------------------------------------------------------------------
1 | # Read contract state
2 |
3 | Reading contract state in react is done via the `useReadContract` hook. The hook returns a React Query `data`, `isLoading`, and other useful state that you can use to render your component.
4 |
5 | ```ts
6 | import { getContract } from "thirdweb";
7 | import { useReadContract } from "thirdweb/react";
8 |
9 | const contract = getContract({
10 | client,
11 | chain,
12 | address: "0x...",
13 | });
14 |
15 | const MyComponent = () => {
16 | const { data, isLoading } = useReadContract({
17 | contract,
18 | method: "function tokenURI(uint256 tokenId) returns (string)",
19 | params: [1n],
20 | });
21 | };
22 | ```
23 |
24 |
--------------------------------------------------------------------------------
/src/app/references/components/TDoc/Deprecated.tsx:
--------------------------------------------------------------------------------
1 | import { BlockTag } from "typedoc-better-json";
2 | import { Callout } from "../../../../components/Document/Callout";
3 | import { TypedocSummary } from "./Summary";
4 |
5 | export function DeprecatedCalloutTDoc(props: { tag: BlockTag }) {
6 | return (
7 |
8 |