diff --git a/apps/portal/src/app/Header.tsx b/apps/portal/src/app/Header.tsx index f4fe8a43d39..919c401403b 100644 --- a/apps/portal/src/app/Header.tsx +++ b/apps/portal/src/app/Header.tsx @@ -33,15 +33,15 @@ import { ThirdwebIcon } from "../icons/thirdweb"; const links = [ { href: "/connect", - name: "Connect", + name: "Wallets", }, { href: "/pay", - name: "Bridge", + name: "Payments", }, { href: "/engine", - name: "Engine", + name: "Transactions", }, { href: "/contracts", @@ -181,7 +181,7 @@ const sdkLinks = [ const supportLinks = [ { href: "/knowledge-base", - name: "Get thirdweb support", + name: "Articles", }, { href: "/account", @@ -216,6 +216,20 @@ export function Header() {
+
+ + + +
+ +
+ +
+
@@ -231,20 +245,6 @@ export function Header() {
-
- -
- -
- - - -
-
diff --git a/apps/portal/src/app/connect/layout.tsx b/apps/portal/src/app/connect/layout.tsx index d2dbfe0619f..8e890659697 100644 --- a/apps/portal/src/app/connect/layout.tsx +++ b/apps/portal/src/app/connect/layout.tsx @@ -9,7 +9,7 @@ export default async function Layout(props: { children: React.ReactNode }) { sideBar={sidebar} sidebarHeader={
-

Connect

+

Wallets

} diff --git a/apps/portal/src/app/connect/page.mdx b/apps/portal/src/app/connect/page.mdx index ce2e99b093f..0e55ff0554a 100644 --- a/apps/portal/src/app/connect/page.mdx +++ b/apps/portal/src/app/connect/page.mdx @@ -34,9 +34,9 @@ export const metadata = createMetadata({ }, }); -# What is Connect? +# Wallets -Connect is the complete toolkit for connecting every user to your application. It features customizable onboarding flows, self-custodial in-app wallets, account abstraction, onramps, and a performant API to interact with the blockchain. +Wallets is the complete toolkit for connecting every user to your application. It features customizable onboarding flows, self-custodial in-app wallets, account abstraction, onramps, and a performant API to interact with the blockchain. ## Live Playground @@ -55,7 +55,7 @@ You can interact with the React SDK in the [Live Playground](https://playground. ## Quick starts -Get started with Connect in your preferred language. +Get started with Wallets in your preferred language. -## With Connect, you can +## With Wallets, you can - **Connect to 500+ different wallet providers** with support for every EVM network - **Log in and authenticate your users** with customizable and secure [email, phone, passkeys and social login](https://portal.thirdweb.com/connect/in-app-wallet/overview) flows. @@ -90,7 +90,7 @@ Get started with Connect in your preferred language.

- You'll need a client ID to access Connect's free blockchain APIs, storage, and more. + You'll need a client ID to access the Wallet APIs, storage, and more.

-## Engine Cloud vs. Dedicated +## Cloud vs. Dedicated | Feature | Cloud ☁️ | Dedicated (Coming Soon) | |--------------------|-------------------------------------------|------------------------------------------| @@ -90,7 +89,7 @@ Looking for the previous version? [Head back to the Engine V2 documentation.](/e ## Supported Chains -Engine is supported on every EVM compatible chain and private subnets. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist?service=engine). +Transactions are supported on every EVM compatible chain and private subnets. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist?service=engine). diff --git a/apps/portal/src/app/engine/v3/sidebar.tsx b/apps/portal/src/app/engine/v3/sidebar.tsx index 8f585193f13..f70b4714a9f 100644 --- a/apps/portal/src/app/engine/v3/sidebar.tsx +++ b/apps/portal/src/app/engine/v3/sidebar.tsx @@ -45,7 +45,7 @@ export const sidebar: SideBar = { icon: , links: [ { - href: `${engineV3Slug}/configure-wallets/smart-server-wallet`, + href: `${engineV3Slug}/configure-wallets/server-wallets`, name: "Smart Server Wallet", }, ], @@ -82,5 +82,5 @@ export const sidebar: SideBar = { name: "FAQ", }, ], - name: "Engine", + name: "Transactions", }; diff --git a/apps/portal/src/app/engine/v3/troubleshoot/page.mdx b/apps/portal/src/app/engine/v3/troubleshoot/page.mdx index a9cb788cc74..e5e553351b1 100644 --- a/apps/portal/src/app/engine/v3/troubleshoot/page.mdx +++ b/apps/portal/src/app/engine/v3/troubleshoot/page.mdx @@ -1,8 +1,8 @@ import { Details } from "@doc"; -# Engine Troubleshoot Guide +# Transactions Troubleshoot Guide -
+
Ensure that Account Abstraction is enabled for your project by navigating to Project Settings > Enabled Services > Account Abstraction. diff --git a/apps/portal/src/app/engine/v3/typescript-sdk/page.mdx b/apps/portal/src/app/engine/v3/typescript-sdk/page.mdx index 9ccc021b193..8d18b81f3a5 100644 --- a/apps/portal/src/app/engine/v3/typescript-sdk/page.mdx +++ b/apps/portal/src/app/engine/v3/typescript-sdk/page.mdx @@ -1,10 +1,10 @@ -# Engine TypeScript SDK +# Transactions TypeScript SDK You can use the full TypeScript thirdweb SDK in your backend, allowing you to use: - The full catalog of extension functions - The prepareContractCall function to encode your transactions - The full account interface, predefined chains, and more -The SDK handles encoding your transactions, signing them to Engine and polling for status. +The SDK handles encoding your transactions, signing them to Transactions and polling for status. ## Example @@ -20,7 +20,7 @@ import { createThirdwebClient, sendTransaction, getContract, - Engine, + Transactions, } from "thirdweb"; import { baseSepolia } from "thirdweb/chains"; import { claimTo } from "thirdweb/extensions/1155"; @@ -49,7 +49,7 @@ const transaction = claimTo({ quantity: 1n, // The quantity of NFTs to mint }); -// Send the transaction via Engine +// Send the transaction via Transactions const result = await sendTransaction({ account: serverWallet, transaction, diff --git a/apps/portal/src/app/page.tsx b/apps/portal/src/app/page.tsx index c0d94ed9a8b..03eefb09404 100644 --- a/apps/portal/src/app/page.tsx +++ b/apps/portal/src/app/page.tsx @@ -163,24 +163,30 @@ function LearningResourcesSection() { return (
- + + +
); diff --git a/apps/portal/src/app/pay/customization/connectbutton/page.mdx b/apps/portal/src/app/pay/customization/connectbutton/page.mdx index 552abbd322f..e939585ca9a 100644 --- a/apps/portal/src/app/pay/customization/connectbutton/page.mdx +++ b/apps/portal/src/app/pay/customization/connectbutton/page.mdx @@ -1,17 +1,17 @@ import { createMetadata, DocImage } from "@doc"; export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Customize ConnectButton", + title: "thirdweb Payments - Customize ConnectButton", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Customize ConnectButton - thirdweb", + title: "thirdweb Payments - Customize ConnectButton - thirdweb", description: - "thirdweb Universal Bridge - Customizing ConnectButton onramps and crypto purchase flows", + "thirdweb Payments - Customizing ConnectButton onramps and crypto purchase flows", }); # Customize ConnectButton -Learn how to customize Universal Bridge within the `ConnectButton` interface. You can find a selection of popular customizations below. For the full list of props, you can [view the full reference](/references/typescript/v5/ConnectButtonProps). +Learn how to customize Payments within the `ConnectButton` interface. You can find a selection of popular customizations below. For the full list of props, you can [view the full reference](/references/typescript/v5/ConnectButtonProps). --- @@ -39,7 +39,7 @@ You can enable users to select your token on a given chain by passing an array o ## Prefill Destination Token -In the case you want your users to purchase your token by default in your application, you can choose to pre-fill the Universal Bridge purchase flow with `prefillBuy` . +In the case you want your users to purchase your token by default in your application, you can choose to pre-fill the Payments purchase flow with `prefillBuy` . For example, if you wanted users to only purchase Ethereum on Base network, you could do as follows: @@ -137,7 +137,7 @@ In some cases, you may only want to show users fiat or crypto payment options fo ## Theme -You can set the theme for the Universal Bridge component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object. +You can set the theme for the Payments component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object. We have [`lightTheme`](/references/typescript/v5/lightTheme) or [`darkTheme`](/references/typescript/v5/darkTheme) providers that you can override to kickstart customization. diff --git a/apps/portal/src/app/pay/customization/send-transaction/page.mdx b/apps/portal/src/app/pay/customization/send-transaction/page.mdx index b8936b09ff2..5c3c536ff16 100644 --- a/apps/portal/src/app/pay/customization/send-transaction/page.mdx +++ b/apps/portal/src/app/pay/customization/send-transaction/page.mdx @@ -1,17 +1,17 @@ import { createMetadata, DocImage } from "@doc"; export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Customize sendTransaction", + title: "thirdweb Payments - Customize sendTransaction", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Customize sendTransaction - thirdweb", + title: "thirdweb Payments - Customize sendTransaction - thirdweb", description: - "thirdweb Universal Bridge- Customizing point of sale onramps and crypto purchase flows", + "thirdweb Payments- Customizing point of sale onramps and crypto purchase flows", }); # useSendTransaction Customization -Learn how to customize the Universal Bridge interface when executing a transaction with `useSendTransaction`. You can find a selection of popular customizations below. For the full list of props, you can [view the full reference](/references/typescript/v5/SendTransactionConfig). +Learn how to customize the Payments interface when executing a transaction with `useSendTransaction`. You can find a selection of popular customizations below. For the full list of props, you can [view the full reference](/references/typescript/v5/SendTransactionConfig). --- diff --git a/apps/portal/src/app/pay/faqs/page.mdx b/apps/portal/src/app/pay/faqs/page.mdx index 39d7ea0123e..9cbad4d3105 100644 --- a/apps/portal/src/app/pay/faqs/page.mdx +++ b/apps/portal/src/app/pay/faqs/page.mdx @@ -2,11 +2,11 @@ import { createMetadata, Details } from "@doc"; export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - FAQs", + title: "thirdweb Payments - FAQs", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - FAQs - thirdweb", - description: "thirdweb Universal Bridge - Frequently Asked Questions", + title: "thirdweb Payments - FAQs - thirdweb", + description: "thirdweb Payments - Frequently Asked Questions", }); # FAQs @@ -16,35 +16,35 @@ thirdweb does not charge any fees for buy with fiat. Any fees on onramping are b
-For buying with crypto or swap fees, thirdweb charges a 0.3% protocol fee. Developers may monetize their application by charging additional fees on swap transactions. To set a fee in your project page, navigate to Universal Bridge > Settings to set this fee. +For buying with crypto or swap fees, thirdweb charges a 0.3% protocol fee. Developers may monetize their application by charging additional fees on swap transactions. To set a fee in your project page, navigate to Payments > Settings to set this fee.
Network fees, also referred to as miner fees, are paid to the miner for processing crypto transactions and securing the respective network. These fees do not go to thirdweb.
-
-Universal Bridge is an asset router that combines thirdweb's own onchain infrastructure with existing bridging and swapping protocols to find the optimal route for any given transaction. +
+Payments is an asset router that combines thirdweb's own onchain infrastructure with existing bridging and swapping protocols to find the optimal route for any given transaction. This can include intents, native bridges, third party bridges, cross-chain messaging protocols, thirdweb's custom bridges, and more. All routes are monitored and planned continuously for health, price, and speed to guarantee the best path every time.
-
-Universal Bridge is able to support most token that meet the following criteria: +
+Payments is able to support most token that meet the following criteria: - The token must have sufficient liquidity -- The token must be on a [supported Universal Bridge Chain](https://thirdweb.com/chainlist?service=pay). +- The token must be on a [supported Payments Chain](https://thirdweb.com/chainlist?service=pay). -To request support for a token, please visit the Universal Bridge tab in your project dashboard > Settings > "Don't see your token listed?" component and fill out the chain and token address information. +To request support for a token, please visit the Payments tab in your project dashboard > Settings > "Don't see your token listed?" component and fill out the chain and token address information. -Universal Bridge will automatically kick off the token route discovery process. Please check back the Universal Bridge modal after 20-40 minutes for the requested token. +Payments will automatically kick off the token route discovery process. Please check back the Payments modal after 20-40 minutes for the requested token.
-
-Yes, Universal Bridge is designed to be agnostic to wallet infrastructure. You can use it with any wallet service. +
+Yes, Payments is designed to be agnostic to wallet infrastructure. You can use it with any wallet service.
-
+
Apple Pay and Google Pay are supported through the onramp providers depending on region. Coinbase, Stripe, and Transak currently support Apple Pay. Transak supports Google Pay. [Learn more about the supported onramp providers.](/connect/pay/onramp-providers).
@@ -111,15 +111,15 @@ All other tokens will require an additional Buy With Crypto step. Users will be required to complete KYC verification for their first purchase using 'Buy with Fiat.' After that, no further KYC will be needed for future purchases on the same platform.
-
-Universal Bridge can support any currency on our [supported chains](https://thirdweb.com/chainlist?service=pay). +
+Payments can support any currency on our [supported chains](https://thirdweb.com/chainlist?service=pay).
-
+
Prices are set depending on the liquidity provider used to route your transaction.
-
+
Fiat payouts are not currently available.
diff --git a/apps/portal/src/app/pay/fees/page.mdx b/apps/portal/src/app/pay/fees/page.mdx index ae93a678a0f..757a5d39c4f 100644 --- a/apps/portal/src/app/pay/fees/page.mdx +++ b/apps/portal/src/app/pay/fees/page.mdx @@ -4,12 +4,12 @@ import FeeShare from './assets/fee-dash.png'; # Understanding fees -Understand how protocol, developer, and onramp fees work with Universal Bridge. +Understand how protocol, developer, and onramp fees work with Payments. ### Developer Fee To monetize applications or games, you are able to set a developer fee on each crypto-to-crypto or swap transaction. You may set this percentage -through Project > Universal Bridge > Settings. +through Project > Payments > Settings. @@ -49,7 +49,7 @@ Example: The user pays 10.00 USDC. ### Onramp Fee -When onramping to crypto using the Universal Bridge, a fee is charged by the third-party provider. This fee is determined by the provider and is typically a percentage +When onramping to crypto using the Payments, a fee is charged by the third-party provider. This fee is determined by the provider and is typically a percentage of the amount being onramped. This fee may vary based on the provider and payment method used. There are no protocol fees on onramp transactions. \ No newline at end of file diff --git a/apps/portal/src/app/pay/get-started/page.mdx b/apps/portal/src/app/pay/get-started/page.mdx index 816f8b44bf6..216aba9b6df 100644 --- a/apps/portal/src/app/pay/get-started/page.mdx +++ b/apps/portal/src/app/pay/get-started/page.mdx @@ -13,17 +13,17 @@ import { export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Get Started", + title: "thirdweb Payments - Get Started", icon: "thirdweb", }, - title: "Universal Bridge Implementation Guide — thirdweb docs", + title: "Payments Implementation Guide — thirdweb docs", description: - "Learn how to implement cross-chain payments, bridging, and onramps with the Universal Bridge SDK", + "Learn how to implement cross-chain payments, bridging, and onramps with the Payments SDK", }); # Get Started -Learn how to integrate Universal Bridge into your application for cross-chain payments, bridging, swapping, and fiat onramps. This guide covers the core SDK modules and practical implementation examples. +Learn how to integrate Payments into your application for cross-chain payments, bridging, swapping, and fiat onramps. This guide covers the core SDK modules and practical implementation examples. --- @@ -39,7 +39,7 @@ Learn how to integrate Universal Bridge into your application for cross-chain pa -Log in to [the thirdweb dashboard](https://thirdweb.com/team). Navigate to the **Settings** page and create an API key to get your **Client ID**. You'll need your Client ID to interact with the Universal Bridge. +Log in to [the thirdweb dashboard](https://thirdweb.com/team). Navigate to the **Settings** page and create an API key to get your **Client ID**. You'll need your Client ID to interact with the Payments. @@ -231,7 +231,7 @@ console.log(`Found ${filteredRoutes.length} routes`); ## Transaction Status Tracking -Monitor the progress of your Universal Bridge transactions: +Monitor the progress of your Payments transactions: ```typescript import { Bridge } from "thirdweb"; @@ -264,7 +264,7 @@ switch (status.status) { ## Error Handling -Universal Bridge functions throw `ApiError` for failed requests: +Payments functions throw `ApiError` for failed requests: ```typescript import { Bridge, ApiError } from "thirdweb"; diff --git a/apps/portal/src/app/pay/guides/cross-chain-swapping/page.mdx b/apps/portal/src/app/pay/guides/cross-chain-swapping/page.mdx index 975ad2284c8..044ecf767f2 100644 --- a/apps/portal/src/app/pay/guides/cross-chain-swapping/page.mdx +++ b/apps/portal/src/app/pay/guides/cross-chain-swapping/page.mdx @@ -10,17 +10,17 @@ import OnrampStepOne from "../../assets/avax-to-usd.png"; export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Cross-Chain Swapping", + title: "thirdweb Payments - Cross-Chain Swapping", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Cross-Chain Swapping | thirdweb", + title: "thirdweb Payments - Cross-Chain Swapping | thirdweb", description: - "Learn how to build a custom cross-chain swapping experience with thirdweb Universal Bridge.", + "Learn how to build a custom cross-chain swapping experience with thirdweb Payments.", }); -# Leverage Cross-Chain Swaps with Universal Bridge +# Leverage Cross-Chain Swaps with Payments -Learn how to enable your users to swap from any asset to any other with thirdweb's Universal Bridge. +Learn how to enable your users to swap from any asset to any other with thirdweb's Payments. In this guide, we'll show you how to purchase 10 USDC on Optimism in Typescript. diff --git a/apps/portal/src/app/pay/guides/nft-checkout/page.mdx b/apps/portal/src/app/pay/guides/nft-checkout/page.mdx index 317bb365b2c..eaf035d1afb 100644 --- a/apps/portal/src/app/pay/guides/nft-checkout/page.mdx +++ b/apps/portal/src/app/pay/guides/nft-checkout/page.mdx @@ -13,15 +13,15 @@ import { export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - NFT Checkout", + title: "thirdweb Payments - NFT Checkout", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - NFT Checkout | thirdweb", + title: "thirdweb Payments - NFT Checkout | thirdweb", description: - "Learn how to build a complete NFT checkout flow with in-app wallet login, onramp, and minting using Universal Bridge.", + "Learn how to build a complete NFT checkout flow with in-app wallet login, onramp, and minting using Payments.", }); -# NFT Checkout with Universal Bridge +# NFT Checkout with Payments Learn how to build a seamless NFT checkout experience that combines in-app wallet authentication, fiat-to-crypto onramps, and NFT minting. This tutorial demonstrates a complete user flow where users can purchase NFTs directly with fiat currency. @@ -692,7 +692,7 @@ function App() {
diff --git a/apps/portal/src/app/pay/guides/onramp-integration/page.mdx b/apps/portal/src/app/pay/guides/onramp-integration/page.mdx index a3fe549ea0f..7357c80238a 100644 --- a/apps/portal/src/app/pay/guides/onramp-integration/page.mdx +++ b/apps/portal/src/app/pay/guides/onramp-integration/page.mdx @@ -13,19 +13,19 @@ import { export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Onramp Integration", + title: "thirdweb Payments - Onramp Integration", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Onramp Integration | thirdweb", + title: "thirdweb Payments - Onramp Integration | thirdweb", description: - "Learn how to integrate fiat-to-crypto onramps using Stripe, Coinbase, and Transak with Universal Bridge.", + "Learn how to integrate fiat-to-crypto onramps using Stripe, Coinbase, and Transak with Payments.", }); # Fiat-to-Crypto Onramp Integration -Learn how to integrate seamless fiat-to-crypto onramps using Universal Bridge. This guide covers integration with Stripe, Coinbase, and Transak providers, enabling your users to purchase crypto directly with fiat currency. +Learn how to integrate seamless fiat-to-crypto onramps using Payments. This guide covers integration with Stripe, Coinbase, and Transak providers, enabling your users to purchase crypto directly with fiat currency. -Universal Bridge's onramp functionality provides a unified interface across multiple providers, automatic routing to the best rates, and comprehensive status tracking. +Payments's onramp functionality provides a unified interface across multiple providers, automatic routing to the best rates, and comprehensive status tracking. --- @@ -196,4 +196,4 @@ import { Bridge } from "thirdweb"; - **[Onramp Providers](/pay/onramp-providers)** - Detailed provider comparison and features - **[Webhooks](/pay/webhooks)** - Set up real-time onramp status notifications - **[Testing](/pay/testing-pay)** - Test onramp flows in development mode -- **[Universal Bridge API](https://bridge.thirdweb.com/reference)** - Complete API reference +- **[Payments API](https://bridge.thirdweb.com/reference)** - Complete API reference diff --git a/apps/portal/src/app/pay/guides/smart-accounts/page.mdx b/apps/portal/src/app/pay/guides/smart-accounts/page.mdx index 7319b7c19c3..a2f8c4d4f10 100644 --- a/apps/portal/src/app/pay/guides/smart-accounts/page.mdx +++ b/apps/portal/src/app/pay/guides/smart-accounts/page.mdx @@ -9,17 +9,17 @@ import { export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Smart Accounts", + title: "thirdweb Payments - Smart Accounts", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Smart Accounts | thirdweb", + title: "thirdweb Payments - Smart Accounts | thirdweb", description: - "Learn how to use EIP7702 smart accounts with batched transactions for seamless Universal Bridge experiences.", + "Learn how to use EIP7702 smart accounts with batched transactions for seamless Payments experiences.", }); -# Smart Accounts with Universal Bridge +# Smart Accounts with Payments -Learn how to leverage EIP7702 smart accounts to batch Universal Bridge transactions for optimal user experience. This approach enables gasless transactions, batched execution, and seamless cross-chain operations. +Learn how to leverage EIP7702 smart accounts to batch Payments transactions for optimal user experience. This approach enables gasless transactions, batched execution, and seamless cross-chain operations. Smart accounts with EIP7702 allow you to upgrade any EOA (Externally Owned Account) into a smart account without code changes, enabling advanced features like transaction batching and gas sponsorship. @@ -67,7 +67,7 @@ const account = await wallet.connect({ -Use Universal Bridge to prepare transactions, then batch them per step (since each step may be on a different chain): +Use Payments to prepare transactions, then batch them per step (since each step may be on a different chain): ```typescript import { Bridge, NATIVE_TOKEN_ADDRESS, toWei } from "thirdweb"; @@ -86,7 +86,7 @@ const bridgePreparation = await Bridge.Buy.prepare({ ``` - **Key Rule**: You can only batch transactions that are on the same chain. Since Universal Bridge steps may span multiple chains, you must batch transactions within each step separately, not across steps. + **Key Rule**: You can only batch transactions that are on the same chain. Since Payments steps may span multiple chains, you must batch transactions within each step separately, not across steps. @@ -151,4 +151,4 @@ for (let i = 0; i < bridgePreparation.steps.length; i++) { - **[EIP7702 Documentation](/connect/account-abstraction/overview)** - Learn more about smart account features - **[Batching Transactions](/typescript/v5/account-abstraction/batching-transactions)** - Explore advanced batching patterns - **[Gas Sponsorship](/connect/account-abstraction/sponsoring-gas)** - Set up custom gas sponsorship rules -- **[Universal Bridge API](/pay/webhooks)** - Monitor cross-chain operations with webhooks +- **[Payments API](/pay/webhooks)** - Monitor cross-chain operations with webhooks diff --git a/apps/portal/src/app/pay/layout.tsx b/apps/portal/src/app/pay/layout.tsx index 0712d62ed43..dbf74e4b3b6 100644 --- a/apps/portal/src/app/pay/layout.tsx +++ b/apps/portal/src/app/pay/layout.tsx @@ -12,10 +12,10 @@ export default async function Layout(props: { children: React.ReactNode }) { export const metadata = createMetadata({ description: - "thirdweb Universal Bridge documentation. Learn how to use the thirdweb Universal Bridge to send and receive tokens across different blockchains.", + "thirdweb Payments documentation. Learn how to use the thirdweb Payments to send and receive tokens across different blockchains.", image: { icon: "nebula", - title: "thirdweb Universal Bridge Docs", + title: "thirdweb Payments Docs", }, - title: "thirdweb Universal Bridge Documentation", + title: "thirdweb Payments Documentation", }); diff --git a/apps/portal/src/app/pay/onramp-providers/page.mdx b/apps/portal/src/app/pay/onramp-providers/page.mdx index 8d9c9d10dbd..016ce59abd5 100644 --- a/apps/portal/src/app/pay/onramp-providers/page.mdx +++ b/apps/portal/src/app/pay/onramp-providers/page.mdx @@ -2,10 +2,10 @@ import { createMetadata } from "@doc"; export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Onramp Providers", + title: "thirdweb Payments - Onramp Providers", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Onramp Providers | thirdweb", + title: "thirdweb Payments - Onramp Providers | thirdweb", description: "Integrate onramp providers for any onchain transaction and set preferred providers", }); @@ -13,7 +13,7 @@ export const metadata = createMetadata({ # Onramp Providers **Onramp Providers** are services that allow users to buy crypto with fiat. You can set preferred providers for your application by using the [`preferredProvider`](/connect/pay/customization/payembed#preferred-provider) parameter in the `PayEmbed` component. -Universal Bridge supports the following onramp providers: +Payments supports the following onramp providers: - **Coinbase** - **Transak** diff --git a/apps/portal/src/app/pay/page.mdx b/apps/portal/src/app/pay/page.mdx index fb35102c83a..a39afc3a58b 100644 --- a/apps/portal/src/app/pay/page.mdx +++ b/apps/portal/src/app/pay/page.mdx @@ -5,17 +5,19 @@ import {RocketIcon, ArrowLeftRightIcon, WalletIcon, PencilIcon, ShieldCheckIcon, export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge", + title: "thirdweb Payments", icon: "thirdweb", }, - title: "thirdweb Universal Bridge Docs: Web3 Payments, On-ramping, bridging & swapping", + title: "thirdweb Payments Docs: Web3 Payments, On-ramping, bridging & swapping", description: - "Learn everything about thirdweb's web3 payments solution, Universal Bridge. Technical docs on onramping, bridging + swapping.", + "Learn everything about thirdweb's web3 payments solution, Payments. Technical docs on onramping, bridging + swapping.", }); -# Universal Bridge +# Payments -Universal Bridge allows you to create both simple and advanced payment flows for bridging, swapping, onramping, and peer-to-peer purchases. It's been used to drive millions in NFT sales, bridge native tokens to brand new chains, send stablecoins between users, and more. To get started check out the [SDK functions](https://portal.thirdweb.com/typescript/v5/buy/quote), [API reference](https://bridge.thirdweb.com/reference), or [playground](https://playground.thirdweb.com/connect/pay). +Payments allows you to create both simple and advanced payment flows for bridging, swapping, onramping, and peer-to-peer purchases. It's been used to drive millions in NFT sales, bridge native tokens to brand new chains, send stablecoins between users, and more. + +To get started check out the [SDK functions](https://portal.thirdweb.com/typescript/v5/buy/quote), [API reference](https://bridge.thirdweb.com/reference), or [playground](https://playground.thirdweb.com/connect/pay). @@ -64,7 +66,7 @@ Universal Bridge allows you to create both simple and advanced payment flows for ## SDK Modules -The Universal Bridge SDK is organized into several modules, each handling specific functionality: +The Payments SDK is organized into several modules, each handling specific functionality: | Module | Purpose | Key Functions | |--------|---------|---------------| @@ -77,7 +79,7 @@ The Universal Bridge SDK is organized into several modules, each handling specif ## Supported Chains -Universal Bridge is supported on select EVM compatible chains. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist?service=pay). +Payments is supported on select EVM compatible chains. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist?service=pay). diff --git a/apps/portal/src/app/pay/sidebar.tsx b/apps/portal/src/app/pay/sidebar.tsx index 4d198af9239..6bb58a8c068 100644 --- a/apps/portal/src/app/pay/sidebar.tsx +++ b/apps/portal/src/app/pay/sidebar.tsx @@ -127,5 +127,5 @@ export const sidebar: SideBar = { name: "FAQs", }, ], - name: "Universal Bridge", + name: "Payments", }; diff --git a/apps/portal/src/app/pay/supported-chains/page.mdx b/apps/portal/src/app/pay/supported-chains/page.mdx index c838e904627..a648b4a5015 100644 --- a/apps/portal/src/app/pay/supported-chains/page.mdx +++ b/apps/portal/src/app/pay/supported-chains/page.mdx @@ -2,15 +2,15 @@ import { createMetadata } from "@doc"; export const metadata = createMetadata({ image: { - title: "thirdweb Universal Bridge - Supported Chains", + title: "thirdweb Payments - Supported Chains", icon: "thirdweb", }, - title: "thirdweb Universal Bridge - Supported Chains | thirdweb", - description: "List of chains supported by Universal Bridge.", + title: "thirdweb Payments - Supported Chains | thirdweb", + description: "List of chains supported by Payments.", }); # Supported Chains -[View all supported chains with Universal Bridge](https://thirdweb.com/chainlist?service=pay). +[View all supported chains with Payments](https://thirdweb.com/chainlist?service=pay). If you’d like to suggest a chain for us to support, [contact us](https://thirdweb.com/contact-us). diff --git a/apps/portal/src/app/pay/troubleshoot/page.mdx b/apps/portal/src/app/pay/troubleshoot/page.mdx index 60892175f8d..22bf3c858b1 100644 --- a/apps/portal/src/app/pay/troubleshoot/page.mdx +++ b/apps/portal/src/app/pay/troubleshoot/page.mdx @@ -1,6 +1,6 @@ import {Details} from "@doc"; -# Universal Bridge Troubleshoot Articles +# Payments Troubleshoot Articles
When using onramp providers, you may encounter an error stating "There was an issue processing your payment and you have not been charged. Your card does not support this type of purchase." @@ -12,7 +12,7 @@ To work around this issue, you can try using a different card or payment method,
If you encounter an "Error 500: Internal Server Error" or if the modal shows "Something went wrong" it may indicate you are using an -outdated version of the Universal Bridge service. +outdated version of the Payments service. To resolve this issue, please upgrade your SDK to the latest version in your project. You can download the latest version with `npm install thirdweb@latest` or `yarn add thirdweb@latest`. diff --git a/apps/portal/src/app/pay/webhooks/page.mdx b/apps/portal/src/app/pay/webhooks/page.mdx index 21021aa5204..b885151554f 100644 --- a/apps/portal/src/app/pay/webhooks/page.mdx +++ b/apps/portal/src/app/pay/webhooks/page.mdx @@ -2,9 +2,9 @@ import { createMetadata, DocImage, Callout } from "@doc"; import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"; export const metadata = createMetadata({ - title: "Universal Bridge Webhooks Implementation Guide — thirdweb Docs", + title: "Payments Webhooks Implementation Guide — thirdweb Docs", description: - "Learn how to set up webhooks for any Universal Bridge transactions.", + "Learn how to set up webhooks for any Payments transactions.", }); # Webhooks @@ -13,7 +13,7 @@ export const metadata = createMetadata({ **When using webhooks to distribute purchased items, always verify that the proper amount was paid to the proper address onchain using the provided transaction hash. Do not make any assumptions regarding onchain data based on webhook payloads.** -You can create a webhook in your project dashboard under the Universal Bridge tab. You'll be prompted to copy a secret key before saving the webhook. This will be used for verification on all webhook requests received by your backend. +You can create a webhook in your project dashboard under the Payments tab. You'll be prompted to copy a secret key before saving the webhook. This will be used for verification on all webhook requests received by your backend. ## Response Objects diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e9c76bc5065..9941f8ef40d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -411,6 +411,8 @@ importers: specifier: 5.8.3 version: 5.8.3 + apps/login: {} + apps/nebula: dependencies: '@hookform/resolvers':