thirdweb 5.102.7-nightly-3f747601135809eedf86a150752f4b5f12c99776-20250617000426 → 5.103.0

package/dist/esm/react/core/machines/paymentMachine.js

@@ -0,0 +1,186 @@
+import { useCallback, useState } from "react";
+/**
+ * Hook to create and use the payment machine
+ */
+export function usePaymentMachine(adapters, mode = "fund_wallet") {
+    const [currentState, setCurrentState] = useState("init");
+    const [context, setContext] = useState({
+        mode,
+        adapters,
+    });
+    const send = useCallback((event) => {
+        setCurrentState((state) => {
+            setContext((ctx) => {
+                switch (state) {
+                    case "init":
+                        if (event.type === "DESTINATION_CONFIRMED") {
+                            return {
+                                ...ctx,
+                                destinationToken: event.destinationToken,
+                                destinationAmount: event.destinationAmount,
+                                receiverAddress: event.receiverAddress,
+                            };
+                        }
+                        else if (event.type === "ERROR_OCCURRED") {
+                            return {
+                                ...ctx,
+                                currentError: event.error,
+                                retryState: "init",
+                            };
+                        }
+                        break;
+                    case "methodSelection":
+                        if (event.type === "PAYMENT_METHOD_SELECTED") {
+                            return {
+                                ...ctx,
+                                quote: undefined, // reset quote when method changes
+                                selectedPaymentMethod: event.paymentMethod,
+                            };
+                        }
+                        else if (event.type === "ERROR_OCCURRED") {
+                            return {
+                                ...ctx,
+                                currentError: event.error,
+                                retryState: "methodSelection",
+                            };
+                        }
+                        break;
+                    case "quote":
+                        if (event.type === "QUOTE_RECEIVED") {
+                            return {
+                                ...ctx,
+                                quote: event.quote,
+                                request: event.request,
+                            };
+                        }
+                        else if (event.type === "ERROR_OCCURRED") {
+                            return {
+                                ...ctx,
+                                currentError: event.error,
+                                retryState: "quote",
+                            };
+                        }
+                        break;
+                    case "preview":
+                        if (event.type === "ERROR_OCCURRED") {
+                            return {
+                                ...ctx,
+                                currentError: event.error,
+                                retryState: "preview",
+                            };
+                        }
+                        break;
+                    case "execute":
+                        if (event.type === "EXECUTION_COMPLETE") {
+                            return {
+                                ...ctx,
+                                completedStatuses: event.completedStatuses,
+                            };
+                        }
+                        else if (event.type === "ERROR_OCCURRED") {
+                            return {
+                                ...ctx,
+                                currentError: event.error,
+                                retryState: "execute",
+                            };
+                        }
+                        break;
+                    case "error":
+                        if (event.type === "RETRY" || event.type === "RESET") {
+                            return {
+                                ...ctx,
+                                currentError: undefined,
+                                retryState: undefined,
+                            };
+                        }
+                        break;
+                    case "success":
+                        if (event.type === "RESET") {
+                            return {
+                                mode: ctx.mode,
+                                adapters: ctx.adapters,
+                            };
+                        }
+                        break;
+                    case "post-buy-transaction":
+                        if (event.type === "RESET") {
+                            return {
+                                mode: ctx.mode,
+                                adapters: ctx.adapters,
+                            };
+                        }
+                        break;
+                }
+                return ctx;
+            });
+            // State transitions
+            switch (state) {
+                case "init":
+                    if (event.type === "DESTINATION_CONFIRMED")
+                        return "methodSelection";
+                    if (event.type === "ERROR_OCCURRED")
+                        return "error";
+                    break;
+                case "methodSelection":
+                    if (event.type === "PAYMENT_METHOD_SELECTED")
+                        return "quote";
+                    if (event.type === "BACK")
+                        return "init";
+                    if (event.type === "ERROR_OCCURRED")
+                        return "error";
+                    break;
+                case "quote":
+                    if (event.type === "QUOTE_RECEIVED")
+                        return "preview";
+                    if (event.type === "BACK")
+                        return "methodSelection";
+                    if (event.type === "ERROR_OCCURRED")
+                        return "error";
+                    break;
+                case "preview":
+                    if (event.type === "ROUTE_CONFIRMED")
+                        return "execute";
+                    if (event.type === "BACK")
+                        return "methodSelection";
+                    if (event.type === "ERROR_OCCURRED")
+                        return "error";
+                    break;
+                case "execute":
+                    if (event.type === "EXECUTION_COMPLETE")
+                        return "success";
+                    if (event.type === "BACK")
+                        return "preview";
+                    if (event.type === "ERROR_OCCURRED")
+                        return "error";
+                    break;
+                case "success":
+                    if (event.type === "CONTINUE_TO_TRANSACTION")
+                        return "post-buy-transaction";
+                    if (event.type === "RESET")
+                        return "init";
+                    break;
+                case "post-buy-transaction":
+                    if (event.type === "RESET")
+                        return "init";
+                    break;
+                case "error":
+                    if (event.type === "RETRY") {
+                        return context.retryState ?? "init";
+                    }
+                    if (event.type === "RESET") {
+                        return "init";
+                    }
+                    break;
+            }
+            return state;
+        });
+    }, [context.retryState]);
+    return [
+        {
+            value: currentState,
+            context,
+        },
+        send,
+    ];
+}
+//# sourceMappingURL=paymentMachine.js.map

package/dist/esm/react/core/machines/paymentMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentMachine.js","sourceRoot":"","sources":["../../../../../src/react/core/machines/paymentMachine.ts"],"names":[],"mappings":"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"}

package/dist/esm/react/web/adapters/WindowAdapter.js

@@ -0,0 +1,21 @@
+/**
+ * Web implementation of WindowAdapter using the browser's window.open API.
+ * Opens URLs in a new tab/window.
+ */
+export class WebWindowAdapter {
+    /**
+     * Opens a URL in a new browser tab/window.
+     *
+     * @param url - The URL to open
+     * @returns Promise that resolves when the operation is initiated
+     */
+    async open(url) {
+        // Use window.open to open URL in new tab
+        window.open(url, "_blank", "noopener,noreferrer");
+    }
+}
+/**
+ * Default instance of the Web WindowAdapter.
+ */
+export const webWindowAdapter = new WebWindowAdapter();
+//# sourceMappingURL=WindowAdapter.js.map

package/dist/esm/react/web/adapters/WindowAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowAdapter.js","sourceRoot":"","sources":["../../../../../src/react/web/adapters/WindowAdapter.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAC3B;;;;;OAKG;IACH,KAAK,CAAC,IAAI,CAAC,GAAW;QACpB,yCAAyC;QACzC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;IACpD,CAAC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,EAAE,CAAC"}

package/dist/esm/react/web/hooks/transaction/useSendTransaction.js

@@ -79,6 +79,11 @@ import { TransactionModal } from "../../ui/TransactionButton/TransactionModal.js
  *     value: toWei("0.1"),
  *     chain: sepolia,
  *     client: thirdwebClient,
+ *     // Specify a token required for the transaction
+ *     erc20Value: {
+ *       amountWei: toWei("0.1"),
+ *       tokenAddress: "0x...",
+ *     },
  *   });
  *   sendTx(transaction);
  * };

package/dist/esm/react/web/hooks/transaction/useSendTransaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendTransaction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAGL,sBAAsB,GACvB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAAgC,EAAE;IACnE,MAAM,WAAW,GAAG,0BAA0B,EAAE,CAAC;IACjD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAEjC,IAAI,eAAe,GAAG,IAAI,CAAC;IAE3B,IAAI,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACzC,eAAe,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE;QAC3C,IAAI,QAAQ,KAAK,KAAK;YAAE,OAAO;QAC/B,SAAS,CACP,KAAC,gBAAgB,IACf,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,EAChD,IAAI,EAAE,cAAc,EAAE,EACtB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,UAAU,EAAE,IAAI,CAAC,MAAM,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,IAAI,CAAC,QAAQ,CACX,IAAI,KAAK,CAAC,4CAA4C,CAAC,CACxD,CAAC;YACJ,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,EACtB,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,OAAO,EACrC,eAAe,EAAE,QAAQ,EAAE,eAAe,EAC1C,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,MAAM,EAChC,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,UAAU,EAAE;gBACV,aAAa,EAAE,QAAQ,EAAE,aAAa;gBACtC,WAAW,EAAE,QAAQ,EAAE,WAAW;gBAClC,YAAY,EAAE,QAAQ,EAAE,YAAY;gBACpC,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,IAAI,CAAC,EAAE;gBACpB,QAAQ,EAAE,QAAQ,EAAE,QAAQ;gBAC5B,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB;gBAC9C,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB;aACrD,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,sBAAsB,CAAC;QAC5B,YAAY,EACV,CAAC,eAAe,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY;QACnE,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,WAAW;QACX,MAAM;KACP,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendTransaction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAGL,sBAAsB,GACvB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAAgC,EAAE;IACnE,MAAM,WAAW,GAAG,0BAA0B,EAAE,CAAC;IACjD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAEjC,IAAI,eAAe,GAAG,IAAI,CAAC;IAE3B,IAAI,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACzC,eAAe,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE;QAC3C,IAAI,QAAQ,KAAK,KAAK;YAAE,OAAO;QAC/B,SAAS,CACP,KAAC,gBAAgB,IACf,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,EAChD,IAAI,EAAE,cAAc,EAAE,EACtB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,UAAU,EAAE,IAAI,CAAC,MAAM,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,IAAI,CAAC,QAAQ,CACX,IAAI,KAAK,CAAC,4CAA4C,CAAC,CACxD,CAAC;YACJ,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,EACtB,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,OAAO,EACrC,eAAe,EAAE,QAAQ,EAAE,eAAe,EAC1C,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,MAAM,EAChC,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,UAAU,EAAE;gBACV,aAAa,EAAE,QAAQ,EAAE,aAAa;gBACtC,WAAW,EAAE,QAAQ,EAAE,WAAW;gBAClC,YAAY,EAAE,QAAQ,EAAE,YAAY;gBACpC,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,IAAI,CAAC,EAAE;gBACpB,QAAQ,EAAE,QAAQ,EAAE,QAAQ;gBAC5B,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB;gBAC9C,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB;aACrD,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,sBAAsB,CAAC;QAC5B,YAAY,EACV,CAAC,eAAe,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY;QACnE,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,WAAW;QACX,MAAM;KACP,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
+import { usePaymentMachine, } from "../../../core/machines/paymentMachine.js";
+import { webWindowAdapter } from "../../adapters/WindowAdapter.js";
+import en from "../ConnectWallet/locale/en.js";
+import { ExecutingTxScreen } from "../TransactionButton/ExecutingScreen.js";
+import { Container } from "../components/basic.js";
+import { DirectPayment } from "./DirectPayment.js";
+import { ErrorBanner } from "./ErrorBanner.js";
+import { FundWallet } from "./FundWallet.js";
+import { QuoteLoader } from "./QuoteLoader.js";
+import { StepRunner } from "./StepRunner.js";
+import { TransactionPayment } from "./TransactionPayment.js";
+import { PaymentDetails } from "./payment-details/PaymentDetails.js";
+import { PaymentSelection } from "./payment-selection/PaymentSelection.js";
+import { SuccessScreen } from "./payment-success/SuccessScreen.js";
+export function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, onError, onCancel, connectOptions, connectLocale, purchaseData, paymentLinkId, presetOptions, }) {
+    // Initialize adapters
+    const adapters = useMemo(() => ({
+        window: webWindowAdapter,
+        storage: webLocalStorage,
+    }), []);
+    // Use the payment machine hook
+    const [state, send] = usePaymentMachine(adapters, uiOptions.mode);
+    // Handle buy completion
+    const handleBuyComplete = useCallback(() => {
+        if (uiOptions.mode === "transaction") {
+            send({ type: "CONTINUE_TO_TRANSACTION" });
+        }
+        else {
+            onComplete?.();
+            send({ type: "RESET" });
+        }
+    }, [onComplete, send, uiOptions.mode]);
+    // Handle post-buy transaction completion
+    const handlePostBuyTransactionComplete = useCallback(() => {
+        onComplete?.();
+        send({ type: "RESET" });
+    }, [onComplete, send]);
+    // Handle errors
+    const handleError = useCallback((error) => {
+        onError?.(error);
+        send({ type: "ERROR_OCCURRED", error });
+    }, [onError, send]);
+    // Handle payment method selection
+    const handlePaymentMethodSelected = useCallback((paymentMethod) => {
+        send({ type: "PAYMENT_METHOD_SELECTED", paymentMethod });
+    }, [send]);
+    // Handle quote received
+    const handleQuoteReceived = useCallback((quote, request) => {
+        send({ type: "QUOTE_RECEIVED", quote, request });
+    }, [send]);
+    // Handle route confirmation
+    const handleRouteConfirmed = useCallback(() => {
+        send({ type: "ROUTE_CONFIRMED" });
+    }, [send]);
+    // Handle execution complete
+    const handleExecutionComplete = useCallback((completedStatuses) => {
+        send({ type: "EXECUTION_COMPLETE", completedStatuses });
+    }, [send]);
+    // Handle retry
+    const handleRetry = useCallback(() => {
+        send({ type: "RETRY" });
+    }, [send]);
+    // Handle requirements resolved from FundWallet and DirectPayment
+    const handleRequirementsResolved = useCallback((amount, token, receiverAddress) => {
+        send({
+            type: "DESTINATION_CONFIRMED",
+            destinationToken: token,
+            receiverAddress,
+            destinationAmount: amount,
+        });
+    }, [send]);
+    return (_jsxs(Container, { flex: "column", fullHeight: true, children: [state.value === "error" && state.context.currentError && (_jsx(ErrorBanner, { error: state.context.currentError, onRetry: handleRetry, onCancel: onCancel })), state.value === "init" && uiOptions.mode === "fund_wallet" && (_jsx(FundWallet, { uiOptions: uiOptions, receiverAddress: receiverAddress, client: client, onContinue: handleRequirementsResolved, connectOptions: connectOptions, presetOptions: presetOptions })), state.value === "init" && uiOptions.mode === "direct_payment" && (_jsx(DirectPayment, { uiOptions: uiOptions, client: client, onContinue: handleRequirementsResolved, connectOptions: connectOptions })), state.value === "init" && uiOptions.mode === "transaction" && (_jsx(TransactionPayment, { uiOptions: uiOptions, client: client, onContinue: handleRequirementsResolved, connectOptions: connectOptions })), state.value === "methodSelection" &&
+                state.context.destinationToken &&
+                state.context.destinationAmount &&
+                state.context.receiverAddress && (_jsx(PaymentSelection, { destinationToken: state.context.destinationToken, client: client, destinationAmount: state.context.destinationAmount, receiverAddress: state.context.receiverAddress, onPaymentMethodSelected: handlePaymentMethodSelected, onError: handleError, onBack: () => {
+                    send({ type: "BACK" });
+                }, connectOptions: connectOptions, connectLocale: connectLocale || en, includeDestinationToken: uiOptions.mode !== "fund_wallet" })), state.value === "quote" &&
+                state.context.selectedPaymentMethod &&
+                state.context.receiverAddress &&
+                state.context.destinationToken &&
+                state.context.destinationAmount && (_jsx(QuoteLoader, { destinationToken: state.context.destinationToken, purchaseData: purchaseData, paymentLinkId: paymentLinkId, paymentMethod: state.context.selectedPaymentMethod, receiver: state.context.receiverAddress, amount: state.context.destinationAmount, client: client, onQuoteReceived: handleQuoteReceived, onError: handleError, onBack: () => {
+                    send({ type: "BACK" });
+                } })), state.value === "preview" &&
+                state.context.selectedPaymentMethod &&
+                state.context.quote && (_jsx(PaymentDetails, { uiOptions: uiOptions, client: client, paymentMethod: state.context.selectedPaymentMethod, preparedQuote: state.context.quote, onConfirm: handleRouteConfirmed, onBack: () => {
+                    send({ type: "BACK" });
+                }, onError: handleError })), state.value === "execute" &&
+                state.context.quote &&
+                state.context.request &&
+                state.context.selectedPaymentMethod?.payerWallet && (_jsx(StepRunner, { request: state.context.request, wallet: state.context.selectedPaymentMethod?.payerWallet, client: client, autoStart: true, windowAdapter: webWindowAdapter, onComplete: handleExecutionComplete, onCancel: onCancel, onBack: () => {
+                    send({ type: "BACK" });
+                } })), state.value === "success" &&
+                state.context.quote &&
+                state.context.completedStatuses && (_jsx(SuccessScreen, { uiOptions: uiOptions, preparedQuote: state.context.quote, completedStatuses: state.context.completedStatuses, onDone: handleBuyComplete, windowAdapter: webWindowAdapter })), state.value === "post-buy-transaction" &&
+                uiOptions.mode === "transaction" &&
+                uiOptions.transaction && (_jsx(ExecutingTxScreen, { tx: uiOptions.transaction, windowAdapter: webWindowAdapter, closeModal: handlePostBuyTransactionComplete, onTxSent: () => {
+                    // Do nothing
+                } }))] }));
+}
+//# sourceMappingURL=BridgeOrchestrator.js.map

package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js.map

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

package/dist/esm/react/web/ui/Bridge/BuyWidget.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { NATIVE_TOKEN_ADDRESS } from "../../../../constants/addresses.js";
+import { getToken } from "../../../../pay/convert/get-token.js";
+import { checksumAddress, isAddress, } from "../../../../utils/address.js";
+import { stringify } from "../../../../utils/json.js";
+import { toTokens } from "../../../../utils/units.js";
+import { CustomThemeProvider } from "../../../core/design-system/CustomThemeProvider.js";
+import { EmbedContainer } from "../ConnectWallet/Modal/ConnectEmbed.js";
+import { useConnectLocale } from "../ConnectWallet/locale/getConnectLocale.js";
+import { DynamicHeight } from "../components/DynamicHeight.js";
+import { Spinner } from "../components/Spinner.js";
+import { BridgeOrchestrator } from "./BridgeOrchestrator.js";
+import { UnsupportedTokenScreen } from "./UnsupportedTokenScreen.js";
+/**
+ * Widget is a prebuilt UI for purchasing a specific token.
+ *
+ * @param props - Props of type [`BuyWidgetProps`](https://portal.thirdweb.com/references/typescript/v5/BuyWidgetProps) to configure the BuyWidget component.
+ *
+ * @example
+ * ### Basic usage
+ *
+ * The `BuyWidget` component requires `client`, `chain`, and `amount` props to function.
+ *
+ * ```tsx
+ * import { ethereum } from "thirdweb/chains";
+ * import { toWei } from "thirdweb";
+ *
+ * <BuyWidget
+ *   client={client}
+ *   chain={ethereum}
+ *   amount={toWei("0.1")}
+ * />
+ * ```
+ *
+ * ### Buy a specific token
+ *
+ * You can specify a token to purchase by passing the `tokenAddress` prop.
+ *
+ * ```tsx
+ * <BuyWidget
+ *   client={client}
+ *   chain={ethereum}
+ *   amount={toWei("100")}
+ *   tokenAddress="0xA0b86a33E6417E4df2057B2d3C6d9F7cc11b0a70"
+ * />
+ * ```
+ *
+ * ### Customize the UI
+ *
+ * You can customize the UI of the `BuyWidget` component by passing a custom theme object to the `theme` prop.
+ *
+ * ```tsx
+ * <BuyWidget
+ *   client={client}
+ *   chain={ethereum}
+ *   amount={toWei("0.1")}
+ *   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 `BuyWidget` component.
+ *
+ * ```tsx
+ * <BuyWidget
+ *   client={client}
+ *   chain={ethereum}
+ *   amount={toWei("0.1")}
+ *   title="Buy ETH"
+ * />
+ * ```
+ *
+ * ### Configure the wallet connection
+ *
+ * You can customize the wallet connection flow by passing a `connectOptions` object to the `BuyWidget` component.
+ *
+ * ```tsx
+ * <BuyWidget
+ *   client={client}
+ *   chain={ethereum}
+ *   amount={toWei("0.1")}
+ *   connectOptions={{
+ *     connectModal: {
+ *       size: 'compact',
+ *       title: "Sign in",
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * Refer to the [`BuyWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/BuyWidgetConnectOptions) type for more details.
+ *
+ * @bridge
+ * @beta
+ * @react
+ */
+export function BuyWidget(props) {
+    const localeQuery = useConnectLocale(props.locale || "en_US");
+    const theme = props.theme || "dark";
+    const bridgeDataQuery = useQuery({
+        queryKey: ["bridgeData", stringify(props)],
+        queryFn: async () => {
+            if (!props.tokenAddress ||
+                (isAddress(props.tokenAddress) &&
+                    checksumAddress(props.tokenAddress) ===
+                        checksumAddress(NATIVE_TOKEN_ADDRESS))) {
+                const ETH = await getToken(props.client, NATIVE_TOKEN_ADDRESS, props.chain.id);
+                return {
+                    type: "success",
+                    data: {
+                        mode: "fund_wallet",
+                        destinationToken: ETH,
+                        initialAmount: toTokens(props.amount, ETH.decimals),
+                    },
+                };
+            }
+            const token = await getToken(props.client, props.tokenAddress, props.chain.id).catch((err) => {
+                err.message.includes("not supported") ? undefined : Promise.reject(err);
+            });
+            if (!token) {
+                return {
+                    type: "unsupported_token",
+                    tokenAddress: props.tokenAddress,
+                    chain: props.chain,
+                };
+            }
+            return {
+                type: "success",
+                data: {
+                    mode: "fund_wallet",
+                    destinationToken: token,
+                    initialAmount: toTokens(props.amount, token.decimals),
+                    metadata: {
+                        title: props.title,
+                    },
+                },
+            };
+        },
+    });
+    let content = null;
+    if (!localeQuery.data || bridgeDataQuery.isLoading) {
+        content = (_jsx("div", { style: {
+                minHeight: "350px",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+            }, children: _jsx(Spinner, { size: "xl", color: "secondaryText" }) }));
+    }
+    else if (bridgeDataQuery.data?.type === "unsupported_token") {
+        // Show unsupported token screen
+        content = _jsx(UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain });
+    }
+    else if (bridgeDataQuery.data?.type === "success") {
+        // Show normal bridge orchestrator
+        content = (_jsx(BridgeOrchestrator, { client: props.client, uiOptions: bridgeDataQuery.data.data, connectOptions: props.connectOptions, connectLocale: localeQuery.data, purchaseData: props.purchaseData, paymentLinkId: props.paymentLinkId, onComplete: () => {
+                props.onSuccess?.();
+            }, onError: (err) => {
+                props.onError?.(err);
+            }, onCancel: () => {
+                props.onCancel?.();
+            }, presetOptions: props.presetOptions, receiverAddress: undefined }));
+    }
+    return (_jsx(CustomThemeProvider, { theme: theme, children: _jsx(EmbedContainer, { modalSize: "compact", style: props.style, className: props.className, children: _jsx(DynamicHeight, { children: content }) }) }));
+}
+//# sourceMappingURL=BuyWidget.js.map

package/dist/esm/react/web/ui/Bridge/BuyWidget.js.map

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