Skip to content

Commit 01d0666

Browse files
saminacodessaminacodes
committed
[Portal] Renames (#6430)
CORE-0000 <!-- start pr-codex --> --- ## PR-Codex overview This PR focuses on updating the terminology and references in the codebase from `thirdweb Pay` to `thirdweb Universal Bridge`, reflecting a rebranding and restructuring of the payment system. ### Detailed summary - Updated sidebar links, changing "Testing Pay" to "Developer Mode" and renamed "Guides" to "Tutorials". - Replaced instances of `thirdweb Pay` with `thirdweb Universal Bridge` in multiple files. - Updated metadata titles and descriptions across various `.mdx` files. - Modified FAQs to reflect new terminology for the Universal Bridge service. - Adjusted documentation on customization and integration guides to use the new branding. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent 621357a commit 01d0666

File tree

12 files changed

+64
-64
lines changed

12 files changed

+64
-64
lines changed

‎apps/portal/src/app/connect/pay/customization/connectbutton/page.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
import { createMetadata, DocImage } from "@doc";
22
export const metadata = createMetadata({
33
image: {
4-
title: "thirdweb Pay - Customize ConnectButton",
4+
title: "thirdweb Universal Bridge - Customize ConnectButton",
55
icon: "thirdweb",
66
},
7-
title: "thirdweb Pay - Customize ConnectButton - thirdweb",
7+
title: "thirdweb Universal Bridge - Customize ConnectButton - thirdweb",
88
description:
9-
"thirdweb Pay - Customizing ConnectButton onramps and crypto purchase flows",
9+
"thirdweb Universal Bridge - Customizing ConnectButton onramps and crypto purchase flows",
1010
});
1111

1212
# Customize ConnectButton
1313

14-
Learn how to customize Pay 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).
14+
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).
1515

1616
---
1717

@@ -39,7 +39,7 @@ You can enable users to select your token on a given chain by passing an array o
3939

4040
## Prefill Destination Token
4141

42-
In the case you want your users to purchase your token by default in your application, you can choose to pre-fill the Pay purchase flow with `prefillBuy` .
42+
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` .
4343

4444
For example, if you wanted users to only purchase Ethereum on Base network, you could do as follows:
4545

@@ -137,7 +137,7 @@ In some cases, you may only want to show users fiat or crypto payment options fo
137137

138138
## Theme
139139

140-
You can set the theme for the Pay component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object.
140+
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.
141141

142142
We have [`lightTheme`](/references/typescript/v5/lightTheme) or [`darkTheme`](/references/typescript/v5/darkTheme) providers that you can override to kickstart customization.
143143

‎apps/portal/src/app/connect/pay/customization/payembed/page.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import { createMetadata, DocImage } from "@doc";
22
export const metadata = createMetadata({
33
image: {
4-
title: "thirdweb Pay - Customize PayEmbed",
4+
title: "thirdweb Universal Bridge - Customize PayEmbed",
55
icon: "thirdweb",
66
},
7-
title: "thirdweb Pay - Customize PayEmbed - thirdweb",
7+
title: "thirdweb Universal Bridge - Customize PayEmbed - thirdweb",
88
description:
9-
"thirdweb Pay - Customizing embeddable onramps and crypto purchase flows",
9+
"thirdweb Universal Bridge - Customizing embeddable onramps and crypto purchase flows",
1010
});
1111

1212
# PayEmbed Customization
@@ -129,7 +129,7 @@ In some cases, you may only want to show users fiat or crypto payment options fo
129129

130130
## Theme
131131

132-
You can set the theme for the Pay component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object.
132+
You can set the theme for the component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object.
133133

134134
We have [`lightTheme`](/references/typescript/v5/lightTheme) or [`darkTheme`](/references/typescript/v5/darkTheme) providers that you can override to kickstart customization.
135135

‎apps/portal/src/app/connect/pay/customization/send-transaction/page.mdx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
import { createMetadata, DocImage } from "@doc";
22
export const metadata = createMetadata({
33
image: {
4-
title: "thirdweb Pay - Customize sendTransaction",
4+
title: "thirdweb Universal Bridge - Customize sendTransaction",
55
icon: "thirdweb",
66
},
7-
title: "thirdweb Pay - Customize sendTransaction - thirdweb",
7+
title: "thirdweb Universal Bridge - Customize sendTransaction - thirdweb",
88
description:
9-
"thirdweb Pay - Customizing point of sale onramps and crypto purchase flows",
9+
"thirdweb Universal Bridge- Customizing point of sale onramps and crypto purchase flows",
1010
});
1111

1212
# useSendTransaction Customization
1313

14-
Learn how to customize the Pay 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).
14+
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).
1515

1616
---
1717

@@ -123,7 +123,7 @@ const { mutate: sendTransaction } = useSendTransaction({
123123

124124
## Theme
125125

126-
You can set the theme for the Pay component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object.
126+
You can set the theme for the component, which is set to `"dark"` by default. theme can be set to either `"dark"` , `"light"` or a custom theme object.
127127

128128
We have [`lightTheme`](/references/typescript/v5/lightTheme) or [`darkTheme`](/references/typescript/v5/darkTheme) providers that you can override to kickstart customization.
129129

‎apps/portal/src/app/connect/pay/faqs/page.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -85,15 +85,15 @@ All other tokens will require an additional Buy With Crypto step.
8585
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.
8686
</Details>
8787

88-
<Details summary="What cryptocurrencies does Pay support?">
89-
Pay can support any currency on our [supported chains](/connect/pay/supported-chains).
88+
<Details summary="What cryptocurrencies does Universal Bridge support?">
89+
Universal Bridge can support any currency on our [supported chains](/connect/pay/supported-chains).
9090
</Details>
9191

92-
<Details summary="How are cryptocurrency prices set in thirdweb Pay?">
92+
<Details summary="How are cryptocurrency prices set in thirdweb Universal Bridge?">
9393
Prices are set depending on the liquidity provider used to route your transaction.
9494
</Details>
9595

96-
<Details summary="Does thirdweb Pay offer fiat payouts?">
96+
<Details summary="Does thirdweb Universal Bridge offer fiat payouts?">
9797
Fiat payouts are not currently available.
9898
</Details>
9999

‎apps/portal/src/app/connect/pay/fee-sharing/page.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@ import paySettingsImage from "../assets/pay-settings.png";
33

44
export const metadata = createMetadata({
55
image: {
6-
title: "thirdweb Pay - Fee Sharing",
6+
title: "thirdweb Universal Bridge - Fee Sharing",
77
icon: "thirdweb",
88
},
9-
title: "thirdweb Pay - Fee Sharing | thirdweb",
10-
description: "How to participate in fee sharing with thirdweb Pay.",
9+
title: "thirdweb Universal Bridge - Fee Sharing | thirdweb",
10+
description: "How to participate in fee sharing with thirdweb Universal Bridge",
1111
});
1212

1313
# Fee Sharing
@@ -18,6 +18,6 @@ For example, if a user purchases $100 worth of Polygon through your application,
1818

1919
Plase note that fee sharing only applies to fees collected through swaps and bridges. Fiat purchases do not currently qualify for fee sharing.
2020

21-
To participate in fee sharing, all you need to do is set a recipient address in your dashboard. Your recipient address can be configured in your dashboard by navigating to your Team > Project > Connect > Pay in [thirdweb dashboard](https://www.thirdweb.com/team).
21+
To participate in fee sharing, all you need to do is set a recipient address in your dashboard. Your recipient address can be configured in your dashboard by navigating to your Team > Project > Connect > Universal Bridge in [thirdweb dashboard](https://www.thirdweb.com/team).
2222

2323
<DocImage src={paySettingsImage} />

‎apps/portal/src/app/connect/pay/get-started/page.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export const metadata = createMetadata({
2222

2323
Learn how to add onramps and crypto purchases to your application. To see which integration is right for you, refer to our [integrations overview](/connect/pay/overview#integration-options).
2424

25-
The following guide uses our React SDK. You can also learn how to integrate Pay with our [Unity SDK](https://portal.thirdweb.com/unity/pay/getbuywithcryptoquote).
25+
The following guide uses our React SDK. You can also learn how to integrate Universal Bridge with our [Unity SDK](https://portal.thirdweb.com/unity/pay/getbuywithcryptoquote).
2626

2727
---
2828

@@ -66,7 +66,7 @@ Our `ConnectButton` has a number of [customization options](/connect/pay/customi
6666

6767
---
6868

69-
## Option 2: Embed Pay
69+
## Option 2: Embed
7070

7171
The `PayEmbed` allows users to onramp and purchase crypto directly from your application interface.
7272

@@ -84,7 +84,7 @@ export default function App() {
8484
}
8585
```
8686

87-
The embedded Pay component will be displayed like so in your application interface:
87+
The embedded component will be displayed like so in your application interface:
8888

8989
<DocImage src={GetStartedEmbed} />
9090

@@ -96,7 +96,7 @@ Our `PayEmbed` has a number of [customization options](/connect/pay/customizatio
9696

9797
## Option 3: Send a Transaction with Pay
9898

99-
Pay is enabled by default for any contract call sent with `sendTransaction`. It will automatically be invoked when a user does not have enough funds to complete the transaction.
99+
Universal Bridge is enabled by default for any contract call sent with `sendTransaction`. It will automatically be invoked when a user does not have enough funds to complete the transaction.
100100

101101
<Callout variant="info">
102102
ℹ️ `sendTransaction` is available in [Connect SDK v5](/typescript/v5) or
@@ -123,10 +123,10 @@ const onClick = () => {
123123
};
124124
```
125125

126-
When a user clicks this button, Pay will perform gas estimation to determine if the user has a sufficient balance. If their balance is sufficient, the transaction will execute normally. If their balance is not sufficient, the following modal will pop up asking them to either onramp funds or convert crypto to the required amount:
126+
When a user clicks this button, Universal Bridge will perform gas estimation to determine if the user has a sufficient balance. If their balance is sufficient, the transaction will execute normally. If their balance is not sufficient, the following modal will pop up asking them to either onramp funds or convert crypto to the required amount:
127127

128128
<DocImage src={GetStartedSend} />
129129

130130
Once a user onramps or converts their funds to the required token, the user will be prompted once more to confirm the transaction. The transaction will then execute as expected.
131131

132-
For deeper customization of the Pay transaction modal, you can refer to our [sendTransaction customization guide](/connect/pay/customization/send-transaction).
132+
For deeper customization of the Universal Bridge transaction modal, you can refer to our [sendTransaction customization guide](/connect/pay/customization/send-transaction).

‎apps/portal/src/app/connect/pay/guides/accept-direct-payments/page.mdx

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,17 @@ import DirectPaymentsFlow from "../../assets/direct-payments-flow.png";
33

44
export const metadata = createMetadata({
55
image: {
6-
title: "thirdweb Pay - Accept Direct Payments",
6+
title: "thirdweb Universal Bridge - Accept Direct Payments",
77
icon: "thirdweb",
88
},
9-
title: "thirdweb Pay - Accept Direct Payments | thirdweb",
9+
title: "thirdweb Universal Bridge - Accept Direct Payments | thirdweb",
1010
description:
11-
"Combine Pay and Engine to create a smooth point of sale experience on any chain",
11+
"Combine Universal Bridge and Engine to create a smooth point of sale experience on any chain",
1212
});
1313

14-
# Accept Direct Payments with Pay & Engine
14+
# Accept Direct Payments with Universal Bridge & Engine
1515

16-
Learn how to accept fiat and crypto from your customers with Pay and trigger Engine actions, like minting NFTs or transferring tokens to user wallets.
16+
Learn how to accept fiat and crypto from your customers with Universal Bridge and trigger Engine actions, like minting NFTs or transferring tokens to user wallets.
1717

1818
### Requirements
1919

@@ -26,11 +26,11 @@ Before jumping in, it's important to understand the full system, from initial pu
2626

2727
<DocImage src={DirectPaymentsFlow} />
2828

29-
1. **User Initiates Purchase:** User sends specified funds (ETH, MATIC, USD, etc.) to your wallet via thirdweb Pay.
29+
1. **User Initiates Purchase:** User sends specified funds (ETH, MATIC, USD, etc.) to your wallet via thirdweb Universal Bridge.
3030
- Your wallet can be any business wallet you choose or your Engine backend wallet.
3131
- Use the `purchaseData` field to pass any item data needed in the webhook.
3232
E.g., `{ nftId: 1 }`.
33-
2. **Pay Processes Purchase:** thirdweb Pay processes the transaction and sends a [Purchase Complete webhook](/connect/pay/webhooks#purchase-complete) to your dapp’s server when the transaction is complete.
33+
2. **Universal Bridge Processes Purchase:** thirdweb Universal Bridge processes the transaction and sends a [Purchase Complete webhook](/connect/pay/webhooks#purchase-complete) to your dapp’s server when the transaction is complete.
3434
3. **Your Server Calls Engine:** Your server processes the webhook and sends a contract call to the thirdweb Engine backend wallet to perform the item purchase.
3535
4. **Engine Executes the Transaction:** Engine backend wallet executes the transaction needed to deliver the token(s) to the user’s address.
3636
5. **(Optional) User Is Notified :** Your server confirms the completed Engine transaction and notifies the user.
@@ -52,11 +52,11 @@ Now, let's get started.
5252

5353
4. Make a plan to monitor and keep the float wallet topped up to avoid any issues with the service.
5454
</Step>
55-
<Step title="Integrate thirdweb Pay (Client)">
56-
1. [Integrate thirdweb Pay](https://portal.thirdweb.com/connect/pay/build-a-custom-experience) on the client side to enable fiat and crypto payments.
55+
<Step title="Integrate thirdweb Universal Bridge (Client)">
56+
1. [Integrate thirdweb Universal Bridge](https://portal.thirdweb.com/connect/pay/build-a-custom-experience) on the client side to enable fiat and crypto payments.
5757

5858

59-
2. Specify the required parameters for your Pay transaction.
59+
2. Specify the required parameters for your Universal Bridge transaction.
6060

6161
```ts
6262
const quote = await getBuyWithFiatQuote({
@@ -84,9 +84,9 @@ Now, let's get started.
8484
|purchaseData|`Object`|Any details you need to pass in order to track your transaction. If this is a secondary sale, you may want to include details like `{ nftId: 1, orderId: 1 }` |
8585

8686
</Step>
87-
<Step title="Integrate thirdweb Pay (Server)">
88-
1. Log in & create a “Purchase Complete” webhook in your Team > Connect > Pay > Webhooks page.
89-
2. The [Pay webhook POST response](/connect/pay/webhooks#purchase-complete) will include the BuyWithCryptoStatus or BuyWithFiatStatus in the body.
87+
<Step title="Integrate thirdweb Universal Bridge (Server)">
88+
1. Log in & create a “Purchase Complete” webhook in your Team > Connect > Universal Bridge > Webhooks page.
89+
2. The [Universal Bridge webhook POST response](/connect/pay/webhooks#purchase-complete) will include the BuyWithCryptoStatus or BuyWithFiatStatus in the body.
9090
* This will also include the purchaseData you previously passed (metadata identifying the customer information, etc.).
9191
* A request will be sent on every status change.
9292
3. Listen for [completed purchase statuses](https://portal.thirdweb.com/connect/pay/build-a-custom-experience#Poll%20for%20Transaction%20Status). Note that if this is a two-step BuyWithFiat transaction (onramp, then swap), you should also listen for `CRYPTO_SWAP_COMPLETED`

‎apps/portal/src/app/connect/pay/guides/build-a-custom-experience/page.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ import OnrampStepOne from "../../assets/avax-to-usd.png";
1010

1111
export const metadata = createMetadata({
1212
image: {
13-
title: "thirdweb Pay - Custom Experience",
13+
title: "thirdweb Universal Bridge - Custom Experience",
1414
icon: "thirdweb",
1515
},
16-
title: "thirdweb Pay - Buy With Fiat - Custom Experience | thirdweb",
16+
title: "thirdweb Universal Bridge - Buy With Fiat - Custom Experience | thirdweb",
1717
description:
18-
"Learn how to build a custom onramp experience with thirdweb Pay.",
18+
"Learn how to build a custom onramp experience with thirdweb Universal Bridge.",
1919
});
2020

2121
# Build a Custom Fiat Experience

‎apps/portal/src/app/connect/pay/onramp-providers/page.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,17 @@ import { createMetadata } from "@doc";
22

33
export const metadata = createMetadata({
44
image: {
5-
title: "thirdweb Pay - Onramp Providers",
5+
title: "thirdweb Universal Bridge - Onramp Providers",
66
icon: "thirdweb",
77
},
8-
title: "thirdweb Pay - Onramp Providers | thirdweb",
8+
title: "thirdweb Universal Bridge - Onramp Providers | thirdweb",
99
description:
1010
"Integrate onramp providers for any onchain transaction and set preferred providers",
1111
});
1212

1313
# Onramp Providers
1414

15-
thirdweb Pay integrates with Stripe, Kado and Transak to power our onramp. By default, we choose a recommended provider based on the location of the user, KYC status, and currency.
15+
thirdweb Universal Bridge integrates with Stripe, Kado and Transak to power our onramp. By default, we choose a recommended provider based on the location of the user, KYC status, and currency.
1616

1717
| Provider | Supported Countries |
1818
| -------- | ------------------------------------------------------------------------------------------------------- |

‎apps/portal/src/app/connect/pay/overview/page.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ Universal Bridge allows your users to bridge, swap, and purchase cryptocurrencie
7070

7171
## Supported Chains
7272

73-
Universal Bridge is supported on select EVM compatible chain. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist?service=pay).
73+
Universal Bridge is supported on select EVM compatible chains. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist?service=pay).
7474

7575
<DocImage src={SupportedChains} />
7676

@@ -80,7 +80,7 @@ Thirdweb collects a 1% fee per end-user transaction and shares 70% of that fee w
8080

8181
Note: Fee sharing applies only to fees from swaps and bridges; fiat purchases are excluded.
8282

83-
To enable fee sharing, simply set a recipient address in your dashboard under Team > Project > Connect > Pay in the thirdweb dashboard.
83+
To enable fee sharing, simply set a recipient address in your dashboard under Team > Project > Connect > Universal Bridge in the thirdweb dashboard.
8484

8585
## Onramp providers
8686

@@ -100,4 +100,4 @@ Specify a preferred onramp provider by setting the preferredProvider parameter i
100100
| [ConnectButton](/connect/pay/get-started#option-1-connectbutton) | Developers who want out-of-the-box support complete with wallet and social login. |
101101
| [PayEmbed](/connect/pay/get-started#option-2-embed-pay) | Developers who want onramp and crypto purchase experiences directly in their application. |
102102
| [Transaction Flow (sendTransaction)](/connect/pay/get-started#option-3-send-a-transaction-with-pay) | Developers who want users to onramp or purchase crypto directly into a transaction. Great for minting and NFT purchase flows. |
103-
| [Custom Pay Experience](/connect/pay/build-a-custom-experience) | Developers who want full customization over every step of the onramp process, from displaying quotes to polling for transaction statuses. |
103+
| [Custom Universal Bridge Experience](/connect/pay/build-a-custom-experience) | Developers who want full customization over every step of the onramp process, from displaying quotes to polling for transaction statuses. |

‎apps/portal/src/app/connect/pay/supported-chains/page.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@ import { createMetadata } from "@doc";
22

33
export const metadata = createMetadata({
44
image: {
5-
title: "thirdweb Pay - Supported Chains",
5+
title: "thirdweb Universal Bridge - Supported Chains",
66
icon: "thirdweb",
77
},
8-
title: "thirdweb Pay - Supported Chains | thirdweb",
9-
description: "List of chains supported by Pay.",
8+
title: "thirdweb Universal Bridge - Supported Chains | thirdweb",
9+
description: "List of chains supported by Universal Bridge.",
1010
});
1111

1212
# Supported Chains
1313

14-
[View all supported chains with Pay](https://thirdweb.com/chainlist?service=pay).
14+
[View all supported chains with Universal Bridge](https://thirdweb.com/chainlist?service=pay).
1515

1616
If you’d like to suggest a chain for us to support, [contact us](https://thirdweb.com/contact-us).

0 commit comments

Comments
 (0)