Skip to content

Ub docs 2 #6653

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 4, 2025
Merged

Ub docs 2 #6653

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions apps/portal/src/app/connect/pay/faqs/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,17 @@ For buying with crypto or swap fees, thirdweb charges a 0.3% protocol fee. Devel
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.
</Details>

<Details summary="What does Universal Bridge use to operate under the hood?">
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.
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.
</Details>

<Details summary="What are the KYC requirements?">
Onramp options all require minimal KYC. This is done to comply with local regulations and to ensure the safety of our users.
Please note: onramping with Coinbase does not require KYC for a purchase below $500 with debit card.
</Details>

<Details summary="What are your transaction limits for Buy With Fiat?">
We currently require a $1 minimum purchase for both stablecoin and non-stablecoin purchases through Buy With Fiat.

Expand Down
118 changes: 60 additions & 58 deletions apps/portal/src/app/connect/sidebar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -220,63 +220,6 @@ export const sidebar: SideBar = {
],
},
{ separator: true },
// User identity
{
name: "User Identity",
isCollapsible: false,
links: [
// Auth
// TODO move to TS reference
{
name: "Sign In with Ethereum",
links: [
{
name: "Get Started",
href: `${authSlug}`,
},
{
name: "Frameworks",
isCollapsible: true,
expanded: false,
links: [
{
name: "Next.js",
href: `${authSlug}/frameworks/next`,
},
{
name: "React + Express",
href: `${authSlug}/frameworks/react-express`,
},
],
},
{
name: "Deploying to Production",
href: `${authSlug}/deploying-to-production`,
},
],
},
{
name: "Get User Profiles",
href: `${walletSlug}/user-management/get-user-profiles`,
},
{
name: "Link Multiple Identities",
href: `${walletSlug}/user-management/link-multiple-identity`,
},
{
name: "Export Private Keys",
href: `${walletSlug}/user-management/export-private-key`,
},
// TODO:
// {
// name: "Deleting User Details",
// href: `${walletSlug}/user-management/deleting-user-details`,
// },
],
},
{ separator: true },
// Blockchain API
// TODO Overview page?
{
name: "Universal Bridge",
isCollapsible: false,
Expand All @@ -285,6 +228,10 @@ export const sidebar: SideBar = {
name: "Overview",
href: `${paySlug}/overview`,
},
{
name: "Supported Routes",
href: "https://thirdweb.com/routes",
},
{
name: "Get Started",
href: `${paySlug}/get-started`,
Expand Down Expand Up @@ -326,7 +273,6 @@ export const sidebar: SideBar = {
{
name: "Customization",
isCollapsible: true,

links: [
{
name: "ConnectButton",
Expand Down Expand Up @@ -356,7 +302,63 @@ export const sidebar: SideBar = {
},
],
},
// User identity
{
name: "User Identity",
isCollapsible: false,
links: [
// Auth
// TODO move to TS reference
{
name: "Sign In with Ethereum",
links: [
{
name: "Get Started",
href: `${authSlug}`,
},
{
name: "Frameworks",
isCollapsible: true,
expanded: false,
links: [
{
name: "Next.js",
href: `${authSlug}/frameworks/next`,
},
{
name: "React + Express",
href: `${authSlug}/frameworks/react-express`,
},
],
},
{
name: "Deploying to Production",
href: `${authSlug}/deploying-to-production`,
},
],
},
{
name: "Get User Profiles",
href: `${walletSlug}/user-management/get-user-profiles`,
},
{
name: "Link Multiple Identities",
href: `${walletSlug}/user-management/link-multiple-identity`,
},
{
name: "Export Private Keys",
href: `${walletSlug}/user-management/export-private-key`,
},
// TODO:
// {
// name: "Deleting User Details",
// href: `${walletSlug}/user-management/deleting-user-details`,
// },
],
},
{ separator: true },
// Blockchain API
// TODO Overview page?
{
name: "API References",
isCollapsible: false,
Expand Down
8 changes: 4 additions & 4 deletions apps/portal/src/app/react/v5/pay/fund-wallets/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { ReactIcon } from "@/icons";
import { createMetadata } from "@doc";

export const metadata = createMetadata({
title: "Fund wallets | thirdweb",
title: "Buy Crypto | thirdweb",
description: "Let users fund their wallets with crypto or fiat",
});

Expand All @@ -14,7 +14,7 @@ Let users fund their wallets with crypto or fiat on all the supported chains.

## Live Playground

Try out the demo for yourself in the [fund wallets live playground](https://playground.thirdweb.com/connect/pay)
Try out the demo for yourself in the [buy crypto live playground](https://playground.thirdweb.com/connect/pay)

<Stack>

Expand All @@ -28,7 +28,7 @@ Try out the demo for yourself in the [fund wallets live playground](https://play

## Usage with UI Components

The easiest way to fund wallets is to use the `PayEmbed` prebuilt UI component. Note that the `ConnectButton` also has a built-in funding flow that can also be customised.
The easiest way to buy crypto is to use the `PayEmbed` prebuilt UI component. Note that the `ConnectButton` also has a built-in funding flow that can also be customised.

```tsx
import { PayEmbed } from "thirdweb/react";
Expand Down Expand Up @@ -61,7 +61,7 @@ Check out the [PayEmbed API reference](/references/typescript/v5/PayEmbed) for m
title="PayEmbed"
icon={ReactIcon}
href="/references/typescript/v5/PayEmbed"
description="Prebuilt UI to fund wallets with crypto or fiat"
description="Prebuilt UI to buy crypto by swapping or fiat onramps"
/>

</Stack>
Expand Down
2 changes: 1 addition & 1 deletion apps/portal/src/app/react/v5/pay/transaction/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ Check out the [PayEmbed API reference](/references/typescript/v5/PayEmbed) for m
title="PayEmbed"
icon={ReactIcon}
href="/references/typescript/v5/PayEmbed"
description="Prebuilt UI to fund wallets with crypto or fiat"
description="Prebuilt UI to buy crypto by swapping or fiat onramps"
/>

</Stack>
Expand Down
8 changes: 4 additions & 4 deletions packages/thirdweb/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@
});

console.log(
`To get ${buyQuote.destinationAmount} wei on destination chain, you need to pay ${buyQuote.originAmount} wei`,
`To get ${buyQuote.destinationAmount} wei on destination chain, you need to pay ${buyQuote.originAmount} wei`
);

// When ready to execute, prepare the transaction
Expand Down Expand Up @@ -183,7 +183,7 @@
});

console.log(
`If you send ${sellQuote.originAmount} wei, you'll receive approximately ${sellQuote.destinationAmount} wei`,
`If you send ${sellQuote.originAmount} wei, you'll receive approximately ${sellQuote.destinationAmount} wei`
);

// When ready to execute, prepare the transaction
Expand Down Expand Up @@ -3105,7 +3105,7 @@

const example1 = parseAbiParams(
["address", "uint256"],
["0x.....", "1200000"],
["0x.....", "1200000"]
); // result: ["0x......", 1200000n]
```

Expand Down Expand Up @@ -3140,7 +3140,7 @@

You can now configure the PayEmbed component to build 3 different flows:

- Fund wallets: Inline component that allows users to buy any currency. (default)
- Buy Crypto: Inline component that allows users to buy any currency. (default)

```tsx
<PayEmbed
Expand Down
Loading