thirdweb 5.102.7-nightly-3f747601135809eedf86a150752f4b5f12c99776-20250617000426 → 5.103.1-nightly-bb09e20bcb1662c088bf8b61486df7d0d92da8d0-20250618000421

package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts

@@ -0,0 +1,317 @@
+import type { Chain } from "../../../../chains/types.js";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import { type Address } from "../../../../utils/address.js";
+import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
+import type { SmartWalletOptions } from "../../../../wallets/smart/types.js";
+import type { AppMetadata } from "../../../../wallets/types.js";
+import type { WalletId } from "../../../../wallets/wallet-types.js";
+import type { Theme } from "../../../core/design-system/index.js";
+import type { SiweAuthOptions } from "../../../core/hooks/auth/useSiweAuth.js";
+import type { ConnectButton_connectModalOptions } from "../../../core/hooks/connection/ConnectButtonProps.js";
+import type { SupportedTokens } from "../../../core/utils/defaultTokens.js";
+import type { LocaleId } from "../types.js";
+export type CheckoutWidgetProps = {
+    supportedTokens?: SupportedTokens;
+    /**
+     * A client is the entry point to the thirdweb SDK.
+     * It is required for all other actions.
+     * You can create a client using the `createThirdwebClient` function. Refer to the [Creating a Client](https://portal.thirdweb.com/typescript/v5/client) documentation for more information.
+     *
+     * You must provide a `clientId` or `secretKey` in order to initialize a client. Pass `clientId` if you want for client-side usage and `secretKey` for server-side usage.
+     *
+     * ```tsx
+     * import { createThirdwebClient } from "thirdweb";
+     *
+     * const client = createThirdwebClient({
+     *  clientId: "<your_client_id>",
+     * })
+     * ```
+     */
+    client: ThirdwebClient;
+    /**
+     * By default - ConnectButton UI uses the `en-US` locale for english language users.
+     *
+     * You can customize the language used in the ConnectButton UI by setting the `locale` prop.
+     *
+     * Refer to the [`LocaleId`](https://portal.thirdweb.com/references/typescript/v5/LocaleId) type for supported locales.
+     */
+    locale?: LocaleId;
+    /**
+     * Set the theme for the `CheckoutWidget` component. By default it is set to `"dark"`
+     *
+     * theme can be set to either `"dark"`, `"light"` or a custom theme object.
+     * You can also import [`lightTheme`](https://portal.thirdweb.com/references/typescript/v5/lightTheme)
+     * or [`darkTheme`](https://portal.thirdweb.com/references/typescript/v5/darkTheme)
+     * functions from `thirdweb/react` to use the default themes as base and overrides parts of it.
+     * @example
+     * ```ts
+     * import { lightTheme } from "thirdweb/react";
+     *
+     * const customTheme = lightTheme({
+     *  colors: {
+     *    modalBg: 'red'
+     *  }
+     * })
+     *
+     * function Example() {
+     *  return <CheckoutWidget client={client} theme={customTheme} />
+     * }
+     * ```
+     */
+    theme?: "light" | "dark" | Theme;
+    /**
+     * Customize the options for "Connect" Button showing in the CheckoutWidget UI when the user is not connected to a wallet.
+     *
+     * Refer to the [`CheckoutWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/CheckoutWidgetConnectOptions) type for more details.
+     */
+    connectOptions?: CheckoutWidgetConnectOptions;
+    /**
+     * All wallet IDs included in this array will be hidden from wallet selection when connected.
+     */
+    hiddenWallets?: WalletId[];
+    /**
+     * The wallet that should be pre-selected in the CheckoutWidget UI.
+     */
+    activeWallet?: Wallet;
+    style?: React.CSSProperties;
+    className?: string;
+    /**
+     * The chain the accepted token is on.
+     */
+    chain: Chain;
+    /**
+     * Address of the token to accept as payment. Leave undefined for the native token, or use 0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE.
+     */
+    tokenAddress?: Address;
+    /**
+     * The price of the item **(in wei)**.
+     */
+    amount: bigint;
+    /**
+     * The wallet address or ENS funds will be paid to.
+     */
+    seller: Address;
+    /**
+     * The product name.
+     */
+    name?: string;
+    /**
+     * The product description.
+     */
+    description?: string;
+    /**
+     * The product image URL.
+     */
+    image?: string;
+    /**
+     * Whether the user or the seller pays the protocol fees. Defaults to the user.
+     */
+    feePayer?: "user" | "seller";
+    /**
+     * Preset fiat amounts to display in the UI. Defaults to [5, 10, 20].
+     */
+    presetOptions?: [number, number, number];
+    /**
+     * Arbitrary data to be included in the returned status and webhook events.
+     */
+    purchaseData?: Record<string, unknown>;
+    /**
+     * Callback triggered when the purchase is successful.
+     */
+    onSuccess?: () => void;
+    /**
+     * Callback triggered when the purchase encounters an error.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback triggered when the user cancels the purchase.
+     */
+    onCancel?: () => void;
+    /**
+     * @hidden
+     */
+    paymentLinkId?: string;
+};
+/**
+ * Widget a prebuilt UI for purchasing a specific token.
+ *
+ * @param props - Props of type [`CheckoutWidgetProps`](https://portal.thirdweb.com/references/typescript/v5/CheckoutWidgetProps) to configure the CheckoutWidget component.
+ *
+ * @example
+ * ### Default configuration
+ *
+ * By default, the `CheckoutWidget` component will allows users to fund their wallets with crypto or fiat on any of the supported chains..
+ *
+ * ```tsx
+ * <CheckoutWidget
+ *   client={client}
+ *  />
+ * ```
+ *
+ * ### Customize the UI
+ *
+ * You can customize the UI of the `CheckoutWidget` component by passing a custom theme object to the `theme` prop.
+ *
+ * ```tsx
+ * <CheckoutWidget
+ *   client={client}
+ *   theme={darkTheme({
+ *     colors: {
+ *       modalBg: "red",
+ *     },
+ *   })}
+ * />
+ * ```
+ *
+ * Refer to the [`Theme`](https://portal.thirdweb.com/references/typescript/v5/Theme) type for more details.
+ *
+ * ### Update the Title
+ *
+ * You can update the title of the widget by passing a `title` prop to the `CheckoutWidget` component.
+ *
+ * ```tsx
+ * <CheckoutWidget
+ *   client={client}
+ *   title="Checkout ETH"
+ * />
+ * ```
+ *
+ * ### Configure the wallet connection
+ *
+ * You can customize the wallet connection flow by passing a `connectOptions` object to the `CheckoutWidget` component.
+ *
+ * ```tsx
+ * <CheckoutWidget
+ *   client={client}
+ *   connectOptions={{
+ *     connectModal: {
+ *       size: 'compact',
+ *       title: "Sign in",
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * Refer to the [`CheckoutWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/CheckoutWidgetConnectOptions) type for more details.
+ *
+ * @bridge
+ * @beta
+ * @react
+ */
+export declare function CheckoutWidget(props: CheckoutWidgetProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Connection options for the `CheckoutWidget` component
+ *
+ * @example
+ * ```tsx
+ * <CheckoutWidget client={client} connectOptions={{
+ *    connectModal: {
+ *      size: 'compact',
+ *      title: "Sign in",
+ *    }
+ *  }}
+ * />
+ * ```
+ */
+type CheckoutWidgetConnectOptions = {
+    /**
+     * Configurations for the `ConnectButton`'s Modal that is shown for connecting a wallet
+     * Refer to the [`ConnectButton_connectModalOptions`](https://portal.thirdweb.com/references/typescript/v5/ConnectButton_connectModalOptions) type for more details
+     */
+    connectModal?: ConnectButton_connectModalOptions;
+    /**
+     * Configure options for WalletConnect
+     *
+     * By default WalletConnect uses the thirdweb's default project id.
+     * Setting your own project id is recommended.
+     *
+     * You can create a project id by signing up on [walletconnect.com](https://walletconnect.com/)
+     */
+    walletConnect?: {
+        projectId?: string;
+    };
+    /**
+     * Enable Account abstraction for all wallets. This will connect to the users's smart account based on the connected personal wallet and the given options.
+     *
+     * This allows to sponsor gas fees for your user's transaction using the thirdweb account abstraction infrastructure.
+     *
+     */
+    accountAbstraction?: SmartWalletOptions;
+    /**
+     * Array of wallets to show in Connect Modal. If not provided, default wallets will be used.
+     */
+    wallets?: Wallet[];
+    /**
+     * When the user has connected their wallet to your site, this configuration determines whether or not you want to automatically connect to the last connected wallet when user visits your site again in the future.
+     *
+     * By default it is set to `{ timeout: 15000 }` meaning that autoConnect is enabled and if the autoConnection does not succeed within 15 seconds, it will be cancelled.
+     *
+     * If you want to disable autoConnect, set this prop to `false`.
+     *
+     * If you want to customize the timeout, you can assign an object with a `timeout` key to this prop.
+     * ```
+     */
+    autoConnect?: {
+        timeout: number;
+    } | boolean;
+    /**
+     * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.
+     */
+    appMetadata?: AppMetadata;
+    /**
+     * The [`Chain`](https://portal.thirdweb.com/references/typescript/v5/Chain) object of the blockchain you want the wallet to connect to
+     *
+     * If a `chain` is not specified, Wallet will be connected to whatever is the default set in the wallet.
+     *
+     * If a `chain` is specified, Wallet will be prompted to switch to given chain after connection if it is not already connected to it.
+     * This ensures that the wallet is connected to the correct blockchain before interacting with your app.
+     *
+     * The `ConnectButton` also shows a "Switch Network" button until the wallet is connected to the specified chain. Clicking on the "Switch Network" button triggers the wallet to switch to the specified chain.
+     *
+     * You can create a `Chain` object using the [`defineChain`](https://portal.thirdweb.com/references/typescript/v5/defineChain) function.
+     * At minimum, you need to pass the `id` of the blockchain to `defineChain` function to create a `Chain` object.
+     * ```
+     */
+    chain?: Chain;
+    /**
+     * Array of chains that your app supports.
+     *
+     * This is only relevant if your app is a multi-chain app and works across multiple blockchains.
+     * If your app only works on a single blockchain, you should only specify the `chain` prop.
+     *
+     * Given list of chains will used in various ways:
+     * - They will be displayed in the network selector in the `ConnectButton`'s details modal post connection
+     * - They will be sent to wallet at the time of connection if the wallet supports requesting multiple chains ( example: WalletConnect ) so that users can switch between the chains post connection easily
+     *
+     * You can create a `Chain` object using the [`defineChain`](https://portal.thirdweb.com/references/typescript/v5/defineChain) function.
+     * At minimum, you need to pass the `id` of the blockchain to `defineChain` function to create a `Chain` object.
+     *
+     * ```tsx
+     * import { defineChain } from "thirdweb/react";
+     *
+     * const polygon = defineChain({
+     *   id: 137,
+     * });
+     * ```
+     */
+    chains?: Chain[];
+    /**
+     * Wallets to show as recommended in the `ConnectButton`'s Modal
+     */
+    recommendedWallets?: Wallet[];
+    /**
+     * By default, ConnectButton modal shows a "All Wallets" button that shows a list of 500+ wallets.
+     *
+     * You can disable this button by setting `showAllWallets` prop to `false`
+     */
+    showAllWallets?: boolean;
+    /**
+     * Enable SIWE (Sign in with Ethererum) by passing an object of type `SiweAuthOptions` to
+     * enforce the users to sign a message after connecting their wallet to authenticate themselves.
+     *
+     * Refer to the [`SiweAuthOptions`](https://portal.thirdweb.com/references/typescript/v5/SiweAuthOptions) for more details
+     */
+    auth?: SiweAuthOptions;
+};
+export {};
+//# sourceMappingURL=CheckoutWidget.d.ts.map

package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/CheckoutWidget.tsx"],"names":[],"mappings":"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"}

package/dist/types/react/web/ui/Bridge/DirectPayment.d.ts

@@ -0,0 +1,27 @@
+import type { Token } from "../../../../bridge/types/Token.js";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import { type Address } from "../../../../utils/address.js";
+import type { PayEmbedConnectOptions } from "../PayEmbed.js";
+import type { UIOptions } from "./BridgeOrchestrator.js";
+export interface DirectPaymentProps {
+    /**
+     * Payment information for the direct payment
+     */
+    uiOptions: Extract<UIOptions, {
+        mode: "direct_payment";
+    }>;
+    /**
+     * ThirdwebClient for blockchain interactions
+     */
+    client: ThirdwebClient;
+    /**
+     * Called when user continues with the payment
+     */
+    onContinue: (amount: string, token: Token, receiverAddress: Address) => void;
+    /**
+     * Connect options for wallet connection
+     */
+    connectOptions?: PayEmbedConnectOptions;
+}
+export declare function DirectPayment({ uiOptions, client, onContinue, connectOptions, }: DirectPaymentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DirectPayment.d.ts.map

package/dist/types/react/web/ui/Bridge/DirectPayment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectPayment.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/DirectPayment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,OAAO,EAAkB,MAAM,8BAA8B,CAAC;AAO5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAE1D;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E;;OAEG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,UAAU,EACV,cAAc,GACf,EAAE,kBAAkB,2CAyLpB"}

package/dist/types/react/web/ui/Bridge/ErrorBanner.d.ts

@@ -0,0 +1,17 @@
+interface ErrorBannerProps {
+    /**
+     * The error to display
+     */
+    error: Error;
+    /**
+     * Called when user wants to retry
+     */
+    onRetry: () => void;
+    /**
+     * Called when user wants to cancel
+     */
+    onCancel?: () => void;
+}
+export declare function ErrorBanner({ error, onRetry, onCancel }: ErrorBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ErrorBanner.d.ts.map

package/dist/types/react/web/ui/Bridge/ErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/ErrorBanner.tsx"],"names":[],"mappings":"AASA,UAAU,gBAAgB;IACxB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2DzE"}

package/dist/types/react/web/ui/Bridge/FundWallet.d.ts

@@ -0,0 +1,35 @@
+import type { Token } from "../../../../bridge/types/Token.js";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import { type Address } from "../../../../utils/address.js";
+import type { PayEmbedConnectOptions } from "../PayEmbed.js";
+import type { UIOptions } from "./BridgeOrchestrator.js";
+export interface FundWalletProps {
+    /**
+     * UI configuration and mode
+     */
+    uiOptions: Extract<UIOptions, {
+        mode: "fund_wallet";
+    }>;
+    /**
+     * The receiver address, defaults to the connected wallet address
+     */
+    receiverAddress?: Address;
+    /**
+     * ThirdwebClient for price fetching
+     */
+    client: ThirdwebClient;
+    /**
+     * Called when continue is clicked with the resolved requirements
+     */
+    onContinue: (amount: string, token: Token, receiverAddress: Address) => void;
+    /**
+     * Quick buy amounts
+     */
+    presetOptions?: [number, number, number];
+    /**
+     * Connect options for wallet connection
+     */
+    connectOptions?: PayEmbedConnectOptions;
+}
+export declare function FundWallet({ client, receiverAddress, uiOptions, onContinue, presetOptions, connectOptions, }: FundWalletProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FundWallet.d.ts.map

package/dist/types/react/web/ui/Bridge/FundWallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FundWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/FundWallet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,OAAO,EAAc,MAAM,8BAA8B,CAAC;AAaxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,aAAa,CAAA;KAAE,CAAC,CAAC;IAEvD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEzC;;OAEG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,eAAe,EACf,SAAS,EACT,UAAU,EACV,aAA2B,EAC3B,cAAc,GACf,EAAE,eAAe,2CAmRjB"}

package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts

@@ -0,0 +1,57 @@
+import type { Token } from "../../../../bridge/types/Token.js";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import { type BridgePrepareRequest, type BridgePrepareResult } from "../../../core/hooks/useBridgePrepare.js";
+import type { PaymentMethod } from "../../../core/machines/paymentMachine.js";
+interface QuoteLoaderProps {
+    /**
+     * The destination token to bridge to
+     */
+    destinationToken: Token;
+    /**
+     * The payment method to use
+     */
+    paymentMethod: PaymentMethod;
+    /**
+     * The amount to bridge (as string)
+     */
+    amount: string;
+    /**
+     * The sender address
+     */
+    sender?: string;
+    /**
+     * The receiver address (defaults to sender for fund_wallet mode)
+     */
+    receiver: string;
+    /**
+     * ThirdwebClient for API calls
+     */
+    client: ThirdwebClient;
+    /**
+     * Called when a quote is successfully received
+     */
+    onQuoteReceived: (preparedQuote: BridgePrepareResult, request: BridgePrepareRequest) => void;
+    /**
+     * Called when an error occurs
+     */
+    onError: (error: Error) => void;
+    /**
+     * Called when user wants to go back
+     */
+    onBack?: () => void;
+    /**
+     * Optional purchase data for the payment
+     */
+    purchaseData?: object;
+    /**
+     * Optional payment link ID for the payment
+     */
+    paymentLinkId?: string;
+    /**
+     * Fee payer for direct transfers (defaults to sender)
+     */
+    feePayer?: "sender" | "receiver";
+}
+export declare function QuoteLoader({ destinationToken, paymentMethod, amount, sender, receiver, client, onQuoteReceived, onError, purchaseData, paymentLinkId, feePayer, }: QuoteLoaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QuoteLoader.d.ts.map

package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteLoader.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/QuoteLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EAGzB,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAM9E,UAAU,gBAAgB;IACxB;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAE7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,eAAe,EAAE,CACf,aAAa,EAAE,mBAAmB,EAClC,OAAO,EAAE,oBAAoB,KAC1B,IAAI,CAAC;IAEV;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAC1B,gBAAgB,EAChB,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,YAAY,EACZ,aAAa,EACb,QAAQ,GACT,EAAE,gBAAgB,2CAiDlB"}

package/dist/types/react/web/ui/Bridge/StepRunner.d.ts

@@ -0,0 +1,39 @@
+import type { ThirdwebClient } from "../../../../client/client.js";
+import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
+import type { WindowAdapter } from "../../../core/adapters/WindowAdapter.js";
+import type { BridgePrepareRequest } from "../../../core/hooks/useBridgePrepare.js";
+import { type CompletedStatusResult } from "../../../core/hooks/useStepExecutor.js";
+interface StepRunnerProps {
+    request: BridgePrepareRequest;
+    /**
+     * Wallet instance for executing transactions
+     */
+    wallet: Wallet;
+    /**
+     * Thirdweb client for API calls
+     */
+    client: ThirdwebClient;
+    /**
+     * Window adapter for opening URLs (web/RN)
+     */
+    windowAdapter: WindowAdapter;
+    /**
+     * Whether to automatically start the transaction process
+     */
+    autoStart?: boolean;
+    /**
+     * Called when all steps are completed - receives array of completed status results
+     */
+    onComplete: (completedStatuses: CompletedStatusResult[]) => void;
+    /**
+     * Called when user cancels the flow
+     */
+    onCancel?: () => void;
+    /**
+     * Called when user clicks the back button
+     */
+    onBack?: () => void;
+}
+export declare function StepRunner({ request, wallet, client, windowAdapter, onComplete, onCancel, onBack, autoStart, }: StepRunnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StepRunner.d.ts.map

package/dist/types/react/web/ui/Bridge/StepRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepRunner.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/StepRunner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAO7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,wCAAwC,CAAC;AAQhD,UAAU,eAAe;IACvB,OAAO,EAAE,oBAAoB,CAAC;IAE9B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,CAAC,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAEjE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,eAAe,2CAwUjB"}

package/dist/types/react/web/ui/Bridge/TransactionPayment.d.ts

@@ -0,0 +1,27 @@
+import type { Token } from "../../../../bridge/index.js";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import { type Address } from "../../../../utils/address.js";
+import type { PayEmbedConnectOptions } from "../PayEmbed.js";
+import type { UIOptions } from "./BridgeOrchestrator.js";
+export interface TransactionPaymentProps {
+    /**
+     * UI configuration and mode
+     */
+    uiOptions: Extract<UIOptions, {
+        mode: "transaction";
+    }>;
+    /**
+     * ThirdwebClient for blockchain interactions
+     */
+    client: ThirdwebClient;
+    /**
+     * Called when user confirms transaction execution
+     */
+    onContinue: (amount: string, token: Token, receiverAddress: Address) => void;
+    /**
+     * Connect options for wallet connection
+     */
+    connectOptions?: PayEmbedConnectOptions;
+}
+export declare function TransactionPayment({ uiOptions, client, onContinue, connectOptions, }: TransactionPaymentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TransactionPayment.d.ts.map

package/dist/types/react/web/ui/Bridge/TransactionPayment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionPayment.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionPayment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EACL,KAAK,OAAO,EAGb,MAAM,8BAA8B,CAAC;AAQtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,aAAa,CAAA;KAAE,CAAC,CAAC;IAEvD;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E;;OAEG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,MAAM,EACN,UAAU,EACV,cAAc,GACf,EAAE,uBAAuB,2CA8VzB"}