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

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

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePaymentMachine = usePaymentMachine;
+const react_1 = require("react");
+/**
+ * Hook to create and use the payment machine
+ */
+function usePaymentMachine(adapters, mode = "fund_wallet") {
+    const [currentState, setCurrentState] = (0, react_1.useState)("init");
+    const [context, setContext] = (0, react_1.useState)({
+        mode,
+        adapters,
+    });
+    const send = (0, react_1.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/cjs/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/cjs/react/web/adapters/WindowAdapter.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webWindowAdapter = exports.WebWindowAdapter = void 0;
+/**
+ * Web implementation of WindowAdapter using the browser's window.open API.
+ * Opens URLs in a new tab/window.
+ */
+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");
+    }
+}
+exports.WebWindowAdapter = WebWindowAdapter;
+/**
+ * Default instance of the Web WindowAdapter.
+ */
+exports.webWindowAdapter = new WebWindowAdapter();
+//# sourceMappingURL=WindowAdapter.js.map

package/dist/cjs/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,MAAa,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;AAXD,4CAWC;AAED;;GAEG;AACU,QAAA,gBAAgB,GAAG,IAAI,gBAAgB,EAAE,CAAC"}

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

@@ -82,6 +82,11 @@ const TransactionModal_js_1 = require("../../ui/TransactionButton/TransactionMod
  *     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/cjs/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":";;AA4FA,gDAqDC;;AAjJD,iCAAmC;AACnC,2DAA6D;AAC7D,iGAI+D;AAC/D,uFAAiF;AACjF,6GAAuG;AACvG,yFAAsF;AACtF,wFAAkF;AAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,SAAgB,kBAAkB,CAAC,SAAgC,EAAE;IACnE,MAAM,WAAW,GAAG,IAAA,0DAA0B,GAAE,CAAC;IACjD,MAAM,MAAM,GAAG,IAAA,oCAAe,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,6CAAqB,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,uBAAC,sCAAgB,IACf,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,EAChD,IAAI,EAAE,IAAA,0BAAc,GAAE,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,IAAA,8CAAsB,EAAC;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":";;AAiGA,gDAqDC;;AAtJD,iCAAmC;AACnC,2DAA6D;AAC7D,iGAI+D;AAC/D,uFAAiF;AACjF,6GAAuG;AACvG,yFAAsF;AACtF,wFAAkF;AAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,SAAgB,kBAAkB,CAAC,SAAgC,EAAE;IACnE,MAAM,WAAW,GAAG,IAAA,0DAA0B,GAAE,CAAC;IACjD,MAAM,MAAM,GAAG,IAAA,oCAAe,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,6CAAqB,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,uBAAC,sCAAgB,IACf,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,EAChD,IAAI,EAAE,IAAA,0BAAc,GAAE,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,IAAA,8CAAsB,EAAC;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/cjs/react/web/ui/Bridge/BridgeOrchestrator.js

@@ -0,0 +1,107 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BridgeOrchestrator = BridgeOrchestrator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const webStorage_js_1 = require("../../../../utils/storage/webStorage.js");
+const paymentMachine_js_1 = require("../../../core/machines/paymentMachine.js");
+const WindowAdapter_js_1 = require("../../adapters/WindowAdapter.js");
+const en_js_1 = require("../ConnectWallet/locale/en.js");
+const ExecutingScreen_js_1 = require("../TransactionButton/ExecutingScreen.js");
+const basic_js_1 = require("../components/basic.js");
+const DirectPayment_js_1 = require("./DirectPayment.js");
+const ErrorBanner_js_1 = require("./ErrorBanner.js");
+const FundWallet_js_1 = require("./FundWallet.js");
+const QuoteLoader_js_1 = require("./QuoteLoader.js");
+const StepRunner_js_1 = require("./StepRunner.js");
+const TransactionPayment_js_1 = require("./TransactionPayment.js");
+const PaymentDetails_js_1 = require("./payment-details/PaymentDetails.js");
+const PaymentSelection_js_1 = require("./payment-selection/PaymentSelection.js");
+const SuccessScreen_js_1 = require("./payment-success/SuccessScreen.js");
+function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, onError, onCancel, connectOptions, connectLocale, purchaseData, paymentLinkId, presetOptions, }) {
+    // Initialize adapters
+    const adapters = (0, react_1.useMemo)(() => ({
+        window: WindowAdapter_js_1.webWindowAdapter,
+        storage: webStorage_js_1.webLocalStorage,
+    }), []);
+    // Use the payment machine hook
+    const [state, send] = (0, paymentMachine_js_1.usePaymentMachine)(adapters, uiOptions.mode);
+    // Handle buy completion
+    const handleBuyComplete = (0, react_1.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 = (0, react_1.useCallback)(() => {
+        onComplete?.();
+        send({ type: "RESET" });
+    }, [onComplete, send]);
+    // Handle errors
+    const handleError = (0, react_1.useCallback)((error) => {
+        onError?.(error);
+        send({ type: "ERROR_OCCURRED", error });
+    }, [onError, send]);
+    // Handle payment method selection
+    const handlePaymentMethodSelected = (0, react_1.useCallback)((paymentMethod) => {
+        send({ type: "PAYMENT_METHOD_SELECTED", paymentMethod });
+    }, [send]);
+    // Handle quote received
+    const handleQuoteReceived = (0, react_1.useCallback)((quote, request) => {
+        send({ type: "QUOTE_RECEIVED", quote, request });
+    }, [send]);
+    // Handle route confirmation
+    const handleRouteConfirmed = (0, react_1.useCallback)(() => {
+        send({ type: "ROUTE_CONFIRMED" });
+    }, [send]);
+    // Handle execution complete
+    const handleExecutionComplete = (0, react_1.useCallback)((completedStatuses) => {
+        send({ type: "EXECUTION_COMPLETE", completedStatuses });
+    }, [send]);
+    // Handle retry
+    const handleRetry = (0, react_1.useCallback)(() => {
+        send({ type: "RETRY" });
+    }, [send]);
+    // Handle requirements resolved from FundWallet and DirectPayment
+    const handleRequirementsResolved = (0, react_1.useCallback)((amount, token, receiverAddress) => {
+        send({
+            type: "DESTINATION_CONFIRMED",
+            destinationToken: token,
+            receiverAddress,
+            destinationAmount: amount,
+        });
+    }, [send]);
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", fullHeight: true, children: [state.value === "error" && state.context.currentError && ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { error: state.context.currentError, onRetry: handleRetry, onCancel: onCancel })), state.value === "init" && uiOptions.mode === "fund_wallet" && ((0, jsx_runtime_1.jsx)(FundWallet_js_1.FundWallet, { uiOptions: uiOptions, receiverAddress: receiverAddress, client: client, onContinue: handleRequirementsResolved, connectOptions: connectOptions, presetOptions: presetOptions })), state.value === "init" && uiOptions.mode === "direct_payment" && ((0, jsx_runtime_1.jsx)(DirectPayment_js_1.DirectPayment, { uiOptions: uiOptions, client: client, onContinue: handleRequirementsResolved, connectOptions: connectOptions })), state.value === "init" && uiOptions.mode === "transaction" && ((0, jsx_runtime_1.jsx)(TransactionPayment_js_1.TransactionPayment, { uiOptions: uiOptions, client: client, onContinue: handleRequirementsResolved, connectOptions: connectOptions })), state.value === "methodSelection" &&
+                state.context.destinationToken &&
+                state.context.destinationAmount &&
+                state.context.receiverAddress && ((0, jsx_runtime_1.jsx)(PaymentSelection_js_1.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_js_1.default, includeDestinationToken: uiOptions.mode !== "fund_wallet" })), state.value === "quote" &&
+                state.context.selectedPaymentMethod &&
+                state.context.receiverAddress &&
+                state.context.destinationToken &&
+                state.context.destinationAmount && ((0, jsx_runtime_1.jsx)(QuoteLoader_js_1.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 && ((0, jsx_runtime_1.jsx)(PaymentDetails_js_1.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 && ((0, jsx_runtime_1.jsx)(StepRunner_js_1.StepRunner, { request: state.context.request, wallet: state.context.selectedPaymentMethod?.payerWallet, client: client, autoStart: true, windowAdapter: WindowAdapter_js_1.webWindowAdapter, onComplete: handleExecutionComplete, onCancel: onCancel, onBack: () => {
+                    send({ type: "BACK" });
+                } })), state.value === "success" &&
+                state.context.quote &&
+                state.context.completedStatuses && ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen, { uiOptions: uiOptions, preparedQuote: state.context.quote, completedStatuses: state.context.completedStatuses, onDone: handleBuyComplete, windowAdapter: WindowAdapter_js_1.webWindowAdapter })), state.value === "post-buy-transaction" &&
+                uiOptions.mode === "transaction" &&
+                uiOptions.transaction && ((0, jsx_runtime_1.jsx)(ExecutingScreen_js_1.ExecutingTxScreen, { tx: uiOptions.transaction, windowAdapter: WindowAdapter_js_1.webWindowAdapter, closeModal: handlePostBuyTransactionComplete, onTxSent: () => {
+                    // Do nothing
+                } }))] }));
+}
+//# sourceMappingURL=BridgeOrchestrator.js.map

package/dist/cjs/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/cjs/react/web/ui/Bridge/BuyWidget.js

@@ -0,0 +1,177 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BuyWidget = BuyWidget;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const addresses_js_1 = require("../../../../constants/addresses.js");
+const get_token_js_1 = require("../../../../pay/convert/get-token.js");
+const address_js_1 = require("../../../../utils/address.js");
+const json_js_1 = require("../../../../utils/json.js");
+const units_js_1 = require("../../../../utils/units.js");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const ConnectEmbed_js_1 = require("../ConnectWallet/Modal/ConnectEmbed.js");
+const getConnectLocale_js_1 = require("../ConnectWallet/locale/getConnectLocale.js");
+const DynamicHeight_js_1 = require("../components/DynamicHeight.js");
+const Spinner_js_1 = require("../components/Spinner.js");
+const BridgeOrchestrator_js_1 = require("./BridgeOrchestrator.js");
+const UnsupportedTokenScreen_js_1 = require("./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
+ */
+function BuyWidget(props) {
+    const localeQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
+    const theme = props.theme || "dark";
+    const bridgeDataQuery = (0, react_query_1.useQuery)({
+        queryKey: ["bridgeData", (0, json_js_1.stringify)(props)],
+        queryFn: async () => {
+            if (!props.tokenAddress ||
+                ((0, address_js_1.isAddress)(props.tokenAddress) &&
+                    (0, address_js_1.checksumAddress)(props.tokenAddress) ===
+                        (0, address_js_1.checksumAddress)(addresses_js_1.NATIVE_TOKEN_ADDRESS))) {
+                const ETH = await (0, get_token_js_1.getToken)(props.client, addresses_js_1.NATIVE_TOKEN_ADDRESS, props.chain.id);
+                return {
+                    type: "success",
+                    data: {
+                        mode: "fund_wallet",
+                        destinationToken: ETH,
+                        initialAmount: (0, units_js_1.toTokens)(props.amount, ETH.decimals),
+                    },
+                };
+            }
+            const token = await (0, get_token_js_1.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: (0, units_js_1.toTokens)(props.amount, token.decimals),
+                    metadata: {
+                        title: props.title,
+                    },
+                },
+            };
+        },
+    });
+    let content = null;
+    if (!localeQuery.data || bridgeDataQuery.isLoading) {
+        content = ((0, jsx_runtime_1.jsx)("div", { style: {
+                minHeight: "350px",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+            }, children: (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "xl", color: "secondaryText" }) }));
+    }
+    else if (bridgeDataQuery.data?.type === "unsupported_token") {
+        // Show unsupported token screen
+        content = (0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain });
+    }
+    else if (bridgeDataQuery.data?.type === "success") {
+        // Show normal bridge orchestrator
+        content = ((0, jsx_runtime_1.jsx)(BridgeOrchestrator_js_1.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 ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ConnectEmbed_js_1.EmbedContainer, { modalSize: "compact", style: props.style, className: props.className, children: (0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { children: content }) }) }));
+}
+//# sourceMappingURL=BuyWidget.js.map

package/dist/cjs/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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"}