diff --git a/account-kit/infra/src/chains.ts b/account-kit/infra/src/chains.ts index 0b1b24d4f2..a67f006df6 100644 --- a/account-kit/infra/src/chains.ts +++ b/account-kit/infra/src/chains.ts @@ -478,3 +478,21 @@ export const arbitrumNova: Chain = { ...vabn.rpcUrls, }, }; + +export const mekong: Chain = defineChain({ + id: 7078815900, + name: "Mekong Pectra Devnet", + nativeCurrency: { name: "eth", symbol: "eth", decimals: 18 }, + rpcUrls: { + default: { + http: ["https://rpc.mekong.ethpandaops.io"], + }, + }, + blockExplorers: { + default: { + name: "Block Explorer", + url: "https://explorer.mekong.ethpandaops.io", + }, + }, + testnet: true, +}); diff --git a/account-kit/infra/src/index.ts b/account-kit/infra/src/index.ts index 814451230d..d0f4b43ae8 100644 --- a/account-kit/infra/src/index.ts +++ b/account-kit/infra/src/index.ts @@ -39,6 +39,7 @@ export { unichainSepolia, inkMainnet, inkSepolia, + mekong, } from "./chains.js"; export type * from "./client/decorators/alchemyEnhancedApis.js"; export { alchemyEnhancedApiActions } from "./client/decorators/alchemyEnhancedApis.js"; diff --git a/site/pages/react/react-hooks.mdx b/site/pages/react/react-hooks.mdx index 1ad9099067..998c446116 100644 --- a/site/pages/react/react-hooks.mdx +++ b/site/pages/react/react-hooks.mdx @@ -7,6 +7,10 @@ description: How to embed our authentication into your customized UI If you don't want to use our pre-built UI components, you can build your own custom UI using the [`useAuthenticate`](/reference/account-kit/react/hooks/useAuthenticate) hook. +:::tip +Tailwind CSS is a required dependency for using Alchemy Account Kit UI components. However, Alchemy Account Kit hooks function independently and do not require Tailwind. +::: + ### Email authentication ```tsx twoslash diff --git a/site/pages/react/ui-components.mdx b/site/pages/react/ui-components.mdx index 59d13f9c7a..0e1bb0db22 100644 --- a/site/pages/react/ui-components.mdx +++ b/site/pages/react/ui-components.mdx @@ -11,6 +11,10 @@ Account Kit allows you to use pre-built, [highly customizable](https://demo.alch - customize [authentication method ui](#customize-authentication-ui) - customize [theme](/react/customization/theme) +:::tip +Tailwind CSS is a required dependency for using Alchemy Account Kit UI components. However, Alchemy Account Kit hooks function independently and do not require Tailwind. +::: + ## Modal auth Assuming your application has been [set up](/react/quickstart), using UI components is the easiest way to authenticate users. All you have to do is leverage the [`useAuthModal`](/reference/account-kit/react/hooks/useAuthModal) hook and provide users a CTA to open the modal. diff --git a/site/pages/signer/export-private-key.mdx b/site/pages/signer/export-private-key.mdx index d056766a4c..4f6495a80a 100644 --- a/site/pages/signer/export-private-key.mdx +++ b/site/pages/signer/export-private-key.mdx @@ -8,7 +8,35 @@ description: Learn how to enable a user to export their private key with the Alc The Alchemy Signer allows you to export a user's private key, allowing them a right to exit at any time. It is considered a best practice to allow your users to export their private key, as it gives them full control over their account. The private key export method does not rely on Alchemy's infrastructure, so even if Alchemy is down, a user can still export their private key. -## Usage +## Using [useExportAccount](/reference/account-kit/react/hooks/useExportAccount) + +A hook use to export the private key for an account. It returns the mutation functions to kick off the export process, as well as a component to render the account recovery details in an iframe. + +### Import + +```ts +import { useExportAccount } from "@account-kit/react"; +``` + +### Usage + +```ts +import { useExportAccount } from "@account-kit/react"; + +const { + exportAccount, + isExported, + isExporting, + error, + ExportAccountComponent, +} = useExportAccount({ + params: { + iframeContainerId: "my-iframe-container", + }, +}); +``` + +## Using the signer To add export private key functionality to your app, you can use the `exportPrivateKey` method on the signer.