thirdweb 5.112.4 → 5.114.0

package/dist/cjs/exports/react.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWalletImage = exports.useEnsName = exports.useEnsAvatar = exports.getDefaultToken = exports.defaultTokens = exports.createContractQuery = exports.useSocialProfiles = exports.useConnectionManager = exports.useWaitForCallsReceipt = exports.useSwitchActiveWalletChain = exports.useSetActiveWalletConnectionStatus = exports.useSetActiveWallet = exports.useSendCalls = exports.useSendAndConfirmCalls = exports.useIsAutoConnecting = exports.useDisconnect = exports.useConnectedWallets = exports.useConnect = exports.useCapabilities = exports.useAuthToken = exports.useAdminWallet = exports.useAddConnectedWallet = exports.useActiveWalletConnectionStatus = exports.useActiveWalletChain = exports.useActiveWallet = exports.useActiveAccount = exports.useSimulateTransaction = exports.useSendBatchTransaction = exports.useEstimateGasCost = exports.useEstimateGas = exports.useBlockNumber = exports.usePostOnRampQuote = exports.useBuyWithFiatStatus = exports.useBuyWithFiatQuote = exports.useBuyWithFiatHistory = exports.useBuyWithCryptoStatus = exports.useBuyWithCryptoQuote = exports.useBuyWithCryptoHistory = exports.useBuyHistory = exports.useWalletBalance = exports.useInvalidateContractQuery = exports.useInvalidateBalances = exports.useChainMetadata = exports.useWaitForReceipt = exports.useReadContract = exports.useContractEvents = exports.useSiweAuth = exports.lightTheme = exports.darkTheme = exports.AccountProvider = void 0;
-exports.getLastAuthProvider = exports.TransactionButton = exports.SiteLink = exports.SiteEmbed = exports.WalletName = exports.WalletIcon = exports.SocialIcon = exports.CreateDirectListingButton = exports.ClaimButton = exports.BuyDirectListingButton = exports.TokenSymbol = exports.TokenProvider = exports.TokenName = exports.TokenIcon = exports.NFTProvider = exports.NFTName = exports.NFTMedia = exports.NFTDescription = exports.ChainProvider = exports.ChainName = exports.ChainIcon = exports.AccountName = exports.AccountBlobbie = exports.AccountBalance = exports.AccountAvatar = exports.AccountAddress = exports.PayEmbed = exports.MediaRenderer = exports.useConnectModal = exports.useNetworkSwitcherModal = exports.ConnectEmbed = exports.useWalletDetailsModal = exports.ConnectButton = exports.Blobbie = exports.TransactionWidget = exports.SwapWidget = exports.CheckoutWidget = exports.BridgeWidget = exports.BuyWidget = exports.AutoConnect = exports.ThirdwebProvider = exports.useUnlinkProfile = exports.useProfiles = exports.useLinkProfile = exports.useAutoConnect = exports.useSendTransaction = exports.useSendAndConfirmTransaction = exports.WalletProvider = exports.useWalletInfo = void 0;
+exports.getLastAuthProvider = exports.TransactionButton = exports.SiteLink = exports.SiteEmbed = exports.WalletName = exports.WalletIcon = exports.SocialIcon = exports.CreateDirectListingButton = exports.ClaimButton = exports.BuyDirectListingButton = exports.TokenSymbol = exports.TokenProvider = exports.TokenName = exports.TokenIcon = exports.NFTProvider = exports.NFTName = exports.NFTMedia = exports.NFTDescription = exports.ChainProvider = exports.ChainName = exports.ChainIcon = exports.AccountName = exports.AccountBlobbie = exports.AccountBalance = exports.AccountAvatar = exports.AccountAddress = exports.PayEmbed = exports.MediaRenderer = exports.useConnectModal = exports.useNetworkSwitcherModal = exports.ConnectEmbed = exports.useWalletDetailsModal = exports.ConnectButton = exports.Blobbie = exports.TransactionWidget = exports.SwapWidget = exports.CheckoutWidget = exports.BridgeWidget = exports.BuyWidget = exports.AutoConnect = exports.ThirdwebProvider = exports.useFetchWithPayment = exports.useUnlinkProfile = exports.useProfiles = exports.useLinkProfile = exports.useAutoConnect = exports.useSendTransaction = exports.useSendAndConfirmTransaction = exports.WalletProvider = exports.useWalletInfo = void 0;
 var provider_js_1 = require("../react/core/account/provider.js");
 Object.defineProperty(exports, "AccountProvider", { enumerable: true, get: function () { return provider_js_1.AccountProvider; } });
 var index_js_1 = require("../react/core/design-system/index.js");
@@ -124,6 +124,9 @@ var useProfiles_js_1 = require("../react/web/hooks/wallets/useProfiles.js");
 Object.defineProperty(exports, "useProfiles", { enumerable: true, get: function () { return useProfiles_js_1.useProfiles; } });
 var useUnlinkProfile_js_1 = require("../react/web/hooks/wallets/useUnlinkProfile.js");
 Object.defineProperty(exports, "useUnlinkProfile", { enumerable: true, get: function () { return useUnlinkProfile_js_1.useUnlinkProfile; } });
+// x402
+var useFetchWithPayment_js_1 = require("../react/web/hooks/x402/useFetchWithPayment.js");
+Object.defineProperty(exports, "useFetchWithPayment", { enumerable: true, get: function () { return useFetchWithPayment_js_1.useFetchWithPayment; } });
 var thirdweb_provider_js_1 = require("../react/web/providers/thirdweb-provider.js");
 Object.defineProperty(exports, "ThirdwebProvider", { enumerable: true, get: function () { return thirdweb_provider_js_1.ThirdwebProvider; } });
 var AutoConnect_js_1 = require("../react/web/ui/AutoConnect/AutoConnect.js");

package/dist/cjs/exports/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/exports/react.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/exports/react.ts"],"names":[],"mappings":";;;;AAAA,iEAG2C;AAFzC,8GAAA,eAAe,OAAA;AAOjB,iEAA6E;AAApE,qGAAA,SAAS,OAAA;AAAE,sGAAA,UAAU,OAAA;AAG9B,0EAAsE;AAA7D,6GAAA,WAAW,OAAA;AAepB,0FAAsF;AAA7E,yHAAA,iBAAiB,OAAA;AAC1B,WAAW;AACX,sFAAkF;AAAzE,qHAAA,eAAe,OAAA;AACxB,0FAAsF;AAA7E,yHAAA,iBAAiB,OAAA;AAC1B,cAAc;AACd,gFAA+E;AAAtE,oHAAA,gBAAgB,OAAA;AACzB,gGAA4F;AAAnF,iIAAA,qBAAqB,OAAA;AAC9B,8FAAgG;AAAvF,qIAAA,0BAA0B,OAAA;AACnC,sFAAkF;AAAzE,uHAAA,gBAAgB,OAAA;AACzB,6EAGkD;AADhD,iHAAA,aAAa,OAAA;AAEf,iGAG4D;AAD1D,qIAAA,uBAAuB,OAAA;AAEzB,MAAM;AACN,6FAG0D;AADxD,iIAAA,qBAAqB,OAAA;AAEvB,+FAA2F;AAAlF,mIAAA,sBAAsB,OAAA;AAC/B,6FAG0D;AADxD,iIAAA,qBAAqB,OAAA;AAEvB,yFAGwD;AADtD,6HAAA,mBAAmB,OAAA;AAErB,2FAAuF;AAA9E,+HAAA,oBAAoB,OAAA;AAC7B,uFAGuD;AADrD,2HAAA,kBAAkB,OAAA;AAEpB,cAAc;AACd,+EAGmD;AADjD,mHAAA,cAAc,OAAA;AAGhB,uFAAmF;AAA1E,mHAAA,cAAc,OAAA;AACvB,+FAA2F;AAAlF,2HAAA,kBAAkB,OAAA;AAC3B,yGAAqG;AAA5F,qIAAA,uBAAuB,OAAA;AAMhC,uGAAmG;AAA1F,mIAAA,sBAAsB,OAAA;AAG/B,uFAAmF;AAA1E,uHAAA,gBAAgB,OAAA;AACzB,eAAe;AACf,qFAAiF;AAAxE,qHAAA,eAAe,OAAA;AACxB,+FAA2F;AAAlF,+HAAA,oBAAoB,OAAA;AAC7B,qHAAiH;AAAxG,qJAAA,+BAA+B,OAAA;AACxC,iGAA6F;AAApF,iIAAA,qBAAqB,OAAA;AAC9B,mFAA+E;AAAtE,mHAAA,cAAc,OAAA;AACvB,+EAA2E;AAAlE,+GAAA,YAAY,OAAA;AACrB,UAAU;AACV,qFAAiF;AAAxE,qHAAA,eAAe,OAAA;AACxB,2EAAuE;AAA9D,2GAAA,UAAU,OAAA;AACnB,6FAAyF;AAAhF,6HAAA,mBAAmB,OAAA;AAC5B,iFAA6E;AAApE,iHAAA,aAAa,OAAA;AACtB,6FAAyF;AAAhF,6HAAA,mBAAmB,OAAA;AAC5B,mGAA+F;AAAtF,mIAAA,sBAAsB,OAAA;AAC/B,+EAA2E;AAAlE,+GAAA,YAAY,OAAA;AACrB,2FAAuF;AAA9E,2HAAA,kBAAkB,OAAA;AAC3B,2HAAuH;AAA9G,2JAAA,kCAAkC,OAAA;AAC3C,2GAAuG;AAA9F,2IAAA,0BAA0B,OAAA;AACnC,mGAA+F;AAAtF,mIAAA,sBAAsB,OAAA;AAC/B,uFAAqF;AAA5E,6HAAA,oBAAoB,OAAA;AAC7B,SAAS;AACT,kFAA8E;AAArE,yHAAA,iBAAiB,OAAA;AAE1B,QAAQ;AACR,qEAAyE;AAAhE,qHAAA,mBAAmB,OAAA;AAM5B,yEAG8C;AAF5C,iHAAA,aAAa,OAAA;AACb,mHAAA,eAAe,OAAA;AAEjB,cAAc;AACd,MAAM;AACN,2DAKuC;AAJrC,yGAAA,YAAY,OAAA;AACZ,uGAAA,UAAU,OAAA;AACV,2GAAA,cAAc,OAAA;AACd,0GAAA,aAAa,OAAA;AAEf,SAAS;AACT,gEAG0C;AAFxC,6GAAA,cAAc,OAAA;AAGhB,kHAA8G;AAArG,+IAAA,4BAA4B,OAAA;AACrC,8FAA0F;AAAjF,2HAAA,kBAAkB,OAAA;AAC3B,kFAA8E;AAArE,mHAAA,cAAc,OAAA;AACvB,kFAA8E;AAArE,mHAAA,cAAc,OAAA;AACvB,4EAAwE;AAA/D,6GAAA,WAAW,OAAA;AACpB,sFAAkF;AAAzE,uHAAA,gBAAgB,OAAA;AACzB,OAAO;AACP,yFAGwD;AADtD,6HAAA,mBAAmB,OAAA;AAErB,oFAA+E;AAAtE,wHAAA,gBAAgB,OAAA;AACzB,6EAAyE;AAAhE,6GAAA,WAAW,OAAA;AAEpB,oEAG6C;AAF3C,yGAAA,SAAS,OAAA;AAGX,0FAG+D;AAF7D,gHAAA,YAAY,OAAA;AAGd,8EAGkD;AAFhD,mHAAA,cAAc,OAAA;AAGhB,kFAG0D;AAFxD,2GAAA,UAAU,OAAA;AAGZ,oFAGqD;AAFnD,yHAAA,iBAAiB,OAAA;AAGnB;;GAEG;AACH,uEAAmE;AAA1D,qGAAA,OAAO,OAAA;AAChB,mFAA+E;AAAtE,iHAAA,aAAa,OAAA;AACtB,uEAGkD;AADhD,mHAAA,qBAAqB,OAAA;AAEvB,uFAAmF;AAA1E,+GAAA,YAAY,OAAA;AAErB,uFAG0D;AADxD,6HAAA,uBAAuB,OAAA;AAGzB,uFAG0D;AADxD,qHAAA,eAAe,OAAA;AAEjB,iBAAiB;AACjB,mFAA+E;AAAtE,iHAAA,aAAa,OAAA;AAEtB,2DAIqC;AAHnC,uGAAA,QAAQ,OAAA;AAIV,UAAU;AACV,0EAGqD;AAFnD,4GAAA,cAAc,OAAA;AAGhB,wEAGoD;AAFlD,0GAAA,aAAa,OAAA;AAGf,0EAGqD;AAFnD,4GAAA,cAAc,OAAA;AAGhB,0EAA6E;AAApE,4GAAA,cAAc,OAAA;AACvB,oEAGkD;AAFhD,sGAAA,WAAW,OAAA;AAGb,kEAGgD;AAF9C,oGAAA,SAAS,OAAA;AAGX,kEAGgD;AAF9C,oGAAA,SAAS,OAAA;AAGX,QAAQ;AACR,0EAGoD;AAFlD,4GAAA,aAAa,OAAA;AAGf,8EAGqD;AAFnD,gHAAA,cAAc,OAAA;AAGhB,kEAI+C;AAH7C,oGAAA,QAAQ,OAAA;AAIV,gEAG8C;AAF5C,kGAAA,OAAO,OAAA;AAGT,2BAA2B;AAC3B,wEAGkD;AAFhD,0GAAA,WAAW,OAAA;AAGb,kEAGgD;AAF9C,oGAAA,SAAS,OAAA;AAGX,kEAGgD;AAF9C,oGAAA,SAAS,OAAA;AAGX,QAAQ;AACR,0EAGoD;AAFlD,4GAAA,aAAa,OAAA;AAGf,sEAGkD;AAFhD,wGAAA,WAAW,OAAA;AAGb,8FAG2E;AAFzE,kHAAA,sBAAsB,OAAA;AAGxB;;GAEG;AACH,mFAAqF;AAA5E,uGAAA,WAAW,OAAA;AAEpB,iGAG8E;AAF5E,qHAAA,yBAAyB,OAAA;AAG3B,mEAKiD;AAJ/C,qGAAA,UAAU,OAAA;AAEV,qGAAA,UAAU,OAAA;AAGZ,mEAGiD;AAF/C,qGAAA,UAAU,OAAA;AAGZ,yBAAyB;AACzB,6DAAyD;AAAhD,yGAAA,SAAS,OAAA;AAClB,2DAAuD;AAA9C,uGAAA,QAAQ,OAAA;AACjB,uEAA+E;AAAtE,6GAAA,iBAAiB,OAAA;AAE1B,QAAQ;AACR,4DAAoE;AAA3D,iHAAA,mBAAmB,OAAA"}

package/dist/cjs/exports/react.native.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAutoConnect = exports.useSendTransaction = exports.WalletProvider = exports.useWalletInfo = exports.useWalletImage = exports.createContractQuery = exports.useSocialProfiles = exports.useConnectionManager = exports.useWaitForCallsReceipt = exports.useSwitchActiveWalletChain = exports.useSetActiveWalletConnectionStatus = exports.useSetActiveWallet = exports.useSendCalls = exports.useSendAndConfirmCalls = exports.useIsAutoConnecting = exports.useDisconnect = exports.useConnectedWallets = exports.useConnect = exports.useCapabilities = exports.useAuthToken = exports.useAdminWallet = exports.useAddConnectedWallet = exports.useActiveWalletConnectionStatus = exports.useActiveWalletChain = exports.useActiveWallet = exports.useActiveAccount = exports.useSimulateTransaction = exports.useSendBatchTransaction = exports.useSendAndConfirmTransaction = exports.useEstimateGasCost = exports.useEstimateGas = exports.useBlockNumber = exports.usePostOnRampQuote = exports.useBuyWithFiatStatus = exports.useBuyWithFiatQuote = exports.useBuyWithFiatHistory = exports.useBuyWithCryptoStatus = exports.useBuyWithCryptoQuote = exports.useBuyWithCryptoHistory = exports.useBuyHistory = exports.useWalletBalance = exports.useInvalidateContractQuery = exports.useInvalidateBalances = exports.useWaitForReceipt = exports.useReadContract = exports.useContractEvents = exports.useSiweAuth = exports.lightTheme = exports.darkTheme = exports.AccountProvider = void 0;
-exports.TransactionButton = exports.WalletName = exports.WalletIcon = exports.SocialIcon = exports.AccountName = exports.Blobbie = exports.AccountBlobbie = exports.AccountBalance = exports.AccountAvatar = exports.AccountAddress = exports.ConnectEmbed = exports.ConnectButton = exports.AutoConnect = exports.ThirdwebProvider = exports.useUnlinkProfile = exports.useProfiles = exports.useLinkProfile = void 0;
+exports.TransactionButton = exports.WalletName = exports.WalletIcon = exports.SocialIcon = exports.AccountName = exports.Blobbie = exports.AccountBlobbie = exports.AccountBalance = exports.AccountAvatar = exports.AccountAddress = exports.ConnectEmbed = exports.ConnectButton = exports.AutoConnect = exports.ThirdwebProvider = exports.useFetchWithPayment = exports.useUnlinkProfile = exports.useProfiles = exports.useLinkProfile = void 0;
 var provider_js_1 = require("../react/core/account/provider.js");
 Object.defineProperty(exports, "AccountProvider", { enumerable: true, get: function () { return provider_js_1.AccountProvider; } });
 // theme
@@ -118,6 +118,9 @@ var useProfiles_js_1 = require("../react/native/hooks/wallets/useProfiles.js");
 Object.defineProperty(exports, "useProfiles", { enumerable: true, get: function () { return useProfiles_js_1.useProfiles; } });
 var useUnlinkProfile_js_1 = require("../react/native/hooks/wallets/useUnlinkProfile.js");
 Object.defineProperty(exports, "useUnlinkProfile", { enumerable: true, get: function () { return useUnlinkProfile_js_1.useUnlinkProfile; } });
+// x402
+var useFetchWithPayment_js_1 = require("../react/native/hooks/x402/useFetchWithPayment.js");
+Object.defineProperty(exports, "useFetchWithPayment", { enumerable: true, get: function () { return useFetchWithPayment_js_1.useFetchWithPayment; } });
 var thirdweb_provider_js_1 = require("../react/native/providers/thirdweb-provider.js");
 Object.defineProperty(exports, "ThirdwebProvider", { enumerable: true, get: function () { return thirdweb_provider_js_1.ThirdwebProvider; } });
 // Components

package/dist/cjs/exports/react.native.js.map

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

package/dist/cjs/react/core/hooks/x402/useFetchWithPaymentCore.js

@@ -0,0 +1,110 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetchWithPaymentCore = useFetchWithPaymentCore;
+const react_query_1 = require("@tanstack/react-query");
+const fetchWithPayment_js_1 = require("../../../../x402/fetchWithPayment.js");
+const useActiveWallet_js_1 = require("../wallets/useActiveWallet.js");
+/**
+ * Core hook for fetch with payment functionality.
+ * This is the platform-agnostic implementation used by both web and native versions.
+ * @internal
+ */
+function useFetchWithPaymentCore(client, options, showErrorModal, showConnectModal) {
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    const mutation = (0, react_query_1.useMutation)({
+        mutationFn: async ({ input, init, }) => {
+            // Recursive function that handles fetch + 402 error + retry
+            const executeFetch = async (currentWallet = wallet) => {
+                if (!currentWallet) {
+                    // If a connect modal handler is provided, show the connect modal
+                    if (showConnectModal) {
+                        return new Promise((resolve, reject) => {
+                            showConnectModal({
+                                onConnect: async (newWallet) => {
+                                    // After connection, retry the fetch with the newly connected wallet
+                                    try {
+                                        const result = await executeFetch(newWallet);
+                                        resolve(result);
+                                    }
+                                    catch (error) {
+                                        reject(error);
+                                    }
+                                },
+                                onCancel: () => {
+                                    reject(new Error("Wallet connection cancelled by user"));
+                                },
+                            });
+                        });
+                    }
+                    // If no connect modal handler, throw an error
+                    throw new Error("No wallet connected. Please connect your wallet to make paid API calls.");
+                }
+                const wrappedFetch = (0, fetchWithPayment_js_1.wrapFetchWithPayment)(globalThis.fetch, client, currentWallet, options);
+                const response = await wrappedFetch(input, init);
+                // Check if we got a 402 response (payment error)
+                if (response.status === 402) {
+                    try {
+                        const errorBody = (await response.json());
+                        // If a modal handler is provided, show the modal and handle retry/cancel
+                        if (showErrorModal) {
+                            return new Promise((resolve, reject) => {
+                                showErrorModal({
+                                    errorData: errorBody,
+                                    onRetry: async () => {
+                                        // Retry the entire fetch+error handling logic recursively
+                                        try {
+                                            const result = await executeFetch();
+                                            resolve(result);
+                                        }
+                                        catch (error) {
+                                            reject(error);
+                                        }
+                                    },
+                                    onCancel: () => {
+                                        reject(new Error("Payment cancelled by user"));
+                                    },
+                                });
+                            });
+                        }
+                        // If no modal handler, throw the error with details
+                        throw new Error(errorBody.errorMessage || `Payment failed: ${errorBody.error}`);
+                    }
+                    catch (_parseError) {
+                        // If we can't parse the error body, throw a generic error
+                        throw new Error("Payment failed with status 402");
+                    }
+                }
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    throw new Error(`Payment failed with status ${response.status} ${response.statusText} - ${errorText || "Unknown error"}`);
+                }
+                const parseAs = options?.parseAs ?? "json";
+                return parseResponse(response, parseAs);
+            };
+            // Start the fetch process
+            return executeFetch();
+        },
+    });
+    return {
+        fetchWithPayment: async (input, init) => {
+            return mutation.mutateAsync({ input, init });
+        },
+        ...mutation,
+    };
+}
+function parseResponse(response, parseAs) {
+    if (parseAs === "json") {
+        return response.json();
+    }
+    else if (parseAs === "text") {
+        return response.text();
+    }
+    else if (parseAs === "raw") {
+        return response;
+    }
+    else {
+        throw new Error(`Invalid parseAs option: ${parseAs}`);
+    }
+}
+//# sourceMappingURL=useFetchWithPaymentCore.js.map

package/dist/cjs/react/core/hooks/x402/useFetchWithPaymentCore.js.map

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

package/dist/cjs/react/native/hooks/x402/useFetchWithPayment.js

@@ -0,0 +1,89 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetchWithPayment = useFetchWithPayment;
+const useFetchWithPaymentCore_js_1 = require("../../../core/hooks/x402/useFetchWithPaymentCore.js");
+/**
+ * A React hook that wraps the native fetch API to automatically handle 402 Payment Required responses
+ * using the x402 payment protocol with the currently connected wallet.
+ *
+ * This hook enables you to make API calls that require payment without manually handling the payment flow.
+ * Responses are automatically parsed as JSON by default (can be customized with `parseAs` option).
+ *
+ * When a 402 response is received, it will automatically:
+ * 1. Parse the payment requirements
+ * 2. Verify the payment amount is within the allowed maximum
+ * 3. Create a payment header using the connected wallet
+ * 4. Retry the request with the payment header
+ *
+ * Note: This is the React Native version which does not include modal UI.
+ * Payment errors will be thrown and should be handled by your application.
+ *
+ * @param client - The thirdweb client used to access RPC infrastructure
+ * @param options - Optional configuration for payment handling
+ * @param options.maxValue - The maximum allowed payment amount in base units
+ * @param options.paymentRequirementsSelector - Custom function to select payment requirements from available options
+ * @param options.parseAs - How to parse the response: "json" (default), "text", or "raw"
+ * @returns An object containing:
+ * - `fetchWithPayment`: Function to make fetch requests with automatic payment handling (returns parsed data)
+ * - `isPending`: Boolean indicating if a request is in progress
+ * - `error`: Any error that occurred during the request
+ * - `data`: The parsed response data (JSON by default, or based on `parseAs` option)
+ * - Other mutation properties from React Query
+ *
+ * @example
+ * ```tsx
+ * import { useFetchWithPayment } from "thirdweb/react";
+ * import { createThirdwebClient } from "thirdweb";
+ *
+ * const client = createThirdwebClient({ clientId: "your-client-id" });
+ *
+ * function MyComponent() {
+ *   const { fetchWithPayment, isPending, error } = useFetchWithPayment(client);
+ *
+ *   const handleApiCall = async () => {
+ *     try {
+ *       // Response is automatically parsed as JSON
+ *       const data = await fetchWithPayment('https://api.example.com/paid-endpoint');
+ *       console.log(data);
+ *     } catch (err) {
+ *       // Handle payment errors manually in React Native
+ *       console.error("Payment failed:", err);
+ *     }
+ *   };
+ *
+ *   return (
+ *     <button onClick={handleApiCall} disabled={isPending}>
+ *       {isPending ? 'Loading...' : 'Make Paid API Call'}
+ *     </button>
+ *   );
+ * }
+ * ```
+ *
+ * ### Customize response parsing
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   parseAs: "text", // Get response as text instead of JSON
+ * });
+ *
+ * const textData = await fetchWithPayment('https://api.example.com/endpoint');
+ * ```
+ *
+ * ### Customize payment options
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   maxValue: 5000000n, // 5 USDC in base units
+ *   paymentRequirementsSelector: (requirements) => {
+ *     // Custom logic to select preferred payment method
+ *     return requirements[0];
+ *   }
+ * });
+ * ```
+ *
+ * @x402
+ */
+function useFetchWithPayment(client, options) {
+    // Native version doesn't show modal, errors bubble up naturally
+    return (0, useFetchWithPaymentCore_js_1.useFetchWithPaymentCore)(client, options);
+}
+//# sourceMappingURL=useFetchWithPayment.js.map

package/dist/cjs/react/native/hooks/x402/useFetchWithPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchWithPayment.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/x402/useFetchWithPayment.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAyFb,kDAMC;AA5FD,oGAG6D;AAI7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,SAAgB,mBAAmB,CACjC,MAAsB,EACtB,OAAoC;IAEpC,gEAAgE;IAChE,OAAO,IAAA,oDAAuB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC"}

package/dist/cjs/react/web/hooks/x402/useFetchWithPayment.js

@@ -0,0 +1,168 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetchWithPayment = useFetchWithPayment;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useFetchWithPaymentCore_js_1 = require("../../../core/hooks/x402/useFetchWithPaymentCore.js");
+const RootElementContext_js_1 = require("../../../core/providers/RootElementContext.js");
+const useConnectModal_js_1 = require("../../ui/ConnectWallet/useConnectModal.js");
+const PaymentErrorModal_js_1 = require("../../ui/x402/PaymentErrorModal.js");
+const SignInRequiredModal_js_1 = require("../../ui/x402/SignInRequiredModal.js");
+/**
+ * A React hook that wraps the native fetch API to automatically handle 402 Payment Required responses
+ * using the x402 payment protocol with the currently connected wallet.
+ *
+ * This hook enables you to make API calls that require payment without manually handling the payment flow.
+ * Responses are automatically parsed as JSON by default (can be customized with `parseAs` option).
+ *
+ * When a 402 response is received, it will automatically:
+ * 1. Parse the payment requirements
+ * 2. Verify the payment amount is within the allowed maximum
+ * 3. Create a payment header using the connected wallet
+ * 4. Retry the request with the payment header
+ *
+ * If payment fails (e.g. insufficient funds), a modal will be shown to help the user resolve the issue.
+ * If no wallet is connected, a sign-in modal will be shown to connect a wallet.
+ *
+ * @param client - The thirdweb client used to access RPC infrastructure
+ * @param options - Optional configuration for payment handling
+ * @param options.maxValue - The maximum allowed payment amount in base units
+ * @param options.paymentRequirementsSelector - Custom function to select payment requirements from available options
+ * @param options.parseAs - How to parse the response: "json" (default), "text", or "raw"
+ * @param options.uiEnabled - Whether to show the UI for connection, funding or payment retries (defaults to true). Set to false to handle errors yourself
+ * @param options.theme - Theme for the payment error modal (defaults to "dark")
+ * @param options.fundWalletOptions - Customize the BuyWidget shown when user needs to fund their wallet
+ * @param options.connectOptions - Customize the ConnectModal shown when user needs to sign in
+ * @returns An object containing:
+ * - `fetchWithPayment`: Function to make fetch requests with automatic payment handling (returns parsed data)
+ * - `isPending`: Boolean indicating if a request is in progress
+ * - `error`: Any error that occurred during the request
+ * - `data`: The parsed response data (JSON by default, or based on `parseAs` option)
+ * - Other mutation properties from React Query
+ *
+ * @example
+ * ```tsx
+ * import { useFetchWithPayment } from "thirdweb/react";
+ * import { createThirdwebClient } from "thirdweb";
+ *
+ * const client = createThirdwebClient({ clientId: "your-client-id" });
+ *
+ * function MyComponent() {
+ *   const { fetchWithPayment, isPending } = useFetchWithPayment(client);
+ *
+ *   const handleApiCall = async () => {
+ *     // Response is automatically parsed as JSON
+ *     const data = await fetchWithPayment('https://api.example.com/paid-endpoint');
+ *     console.log(data);
+ *   };
+ *
+ *   return (
+ *     <button onClick={handleApiCall} disabled={isPending}>
+ *       {isPending ? 'Loading...' : 'Make Paid API Call'}
+ *     </button>
+ *   );
+ * }
+ * ```
+ *
+ * ### Customize response parsing
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   parseAs: "text", // Get response as text instead of JSON
+ * });
+ *
+ * const textData = await fetchWithPayment('https://api.example.com/endpoint');
+ * ```
+ *
+ * ### Customize payment options
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   maxValue: 5000000n, // 5 USDC in base units
+ *   theme: "light",
+ *   paymentRequirementsSelector: (requirements) => {
+ *     // Custom logic to select preferred payment method
+ *     return requirements[0];
+ *   }
+ * });
+ * ```
+ *
+ * ### Customize the fund wallet widget
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   fundWalletOptions: {
+ *     title: "Add Funds",
+ *     description: "You need more tokens to complete this payment",
+ *     buttonLabel: "Get Tokens",
+ *   }
+ * });
+ * ```
+ *
+ * ### Customize the connect modal
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   connectOptions: {
+ *     wallets: [inAppWallet(), createWallet("io.metamask")],
+ *     title: "Sign in to continue",
+ *   }
+ * });
+ * ```
+ *
+ * ### Disable the UI and handle errors yourself
+ * ```tsx
+ * const { fetchWithPayment, error } = useFetchWithPayment(client, {
+ *   uiEnabled: false,
+ * });
+ *
+ * // Handle the error manually
+ * if (error) {
+ *   console.error("Payment failed:", error);
+ * }
+ * ```
+ *
+ * @x402
+ */
+function useFetchWithPayment(client, options) {
+    const setRootEl = (0, react_1.useContext)(RootElementContext_js_1.SetRootElementContext);
+    const { connect } = (0, useConnectModal_js_1.useConnectModal)();
+    const theme = options?.theme || "dark";
+    const showModal = options?.uiEnabled !== false; // Default to true
+    const showErrorModal = showModal
+        ? (data) => {
+            setRootEl((0, jsx_runtime_1.jsx)(PaymentErrorModal_js_1.PaymentErrorModal, { client: client, errorData: data.errorData, onCancel: () => {
+                    setRootEl(null);
+                    data.onCancel();
+                }, onRetry: () => {
+                    setRootEl(null);
+                    data.onRetry();
+                }, theme: theme, fundWalletOptions: options?.fundWalletOptions, paymentRequirementsSelector: options?.paymentRequirementsSelector }));
+        }
+        : undefined;
+    const showConnectModal = showModal
+        ? (data) => {
+            // First, show the SignInRequiredModal
+            setRootEl((0, jsx_runtime_1.jsx)(SignInRequiredModal_js_1.SignInRequiredModal, { theme: theme, onSignIn: async () => {
+                    // Close the SignInRequiredModal
+                    setRootEl(null);
+                    // Open the ConnectModal
+                    try {
+                        const connectedWallet = await connect({
+                            client,
+                            theme,
+                            ...options?.connectOptions,
+                        });
+                        // On successful connection, trigger onConnect callback with the wallet
+                        data.onConnect(connectedWallet);
+                    }
+                    catch (_error) {
+                        // User cancelled the connection
+                        data.onCancel();
+                    }
+                }, onCancel: () => {
+                    setRootEl(null);
+                    data.onCancel();
+                } }));
+        }
+        : undefined;
+    return (0, useFetchWithPaymentCore_js_1.useFetchWithPaymentCore)(client, options, showErrorModal, showConnectModal);
+}
+//# sourceMappingURL=useFetchWithPayment.js.map

package/dist/cjs/react/web/hooks/x402/useFetchWithPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchWithPayment.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/x402/useFetchWithPayment.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAkKb,kDA2EC;;AA3OD,iCAAmC;AAInC,oGAG6D;AAC7D,yFAAsF;AAEtF,kFAGmD;AACnD,6EAAuE;AACvE,iFAA2E;AAiC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+GG;AACH,SAAgB,mBAAmB,CACjC,MAAsB,EACtB,OAAmC;IAEnC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,6CAAqB,CAAC,CAAC;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,oCAAe,GAAE,CAAC;IACtC,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,MAAM,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,kBAAkB;IAElE,MAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC,CAAC,IAIA,EAAE,EAAE;YACH,SAAS,CACP,uBAAC,wCAAiB,IAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,GAAG,EAAE;oBACb,SAAS,CAAC,IAAI,CAAC,CAAC;oBAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;oBAChB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,EAC7C,2BAA2B,EAAE,OAAO,EAAE,2BAA2B,GACjE,CACH,CAAC;QACJ,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,gBAAgB,GAAG,SAAS;QAChC,CAAC,CAAC,CAAC,IAAmE,EAAE,EAAE;YACtE,sCAAsC;YACtC,SAAS,CACP,uBAAC,4CAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,IAAI,EAAE;oBACnB,gCAAgC;oBAChC,SAAS,CAAC,IAAI,CAAC,CAAC;oBAEhB,wBAAwB;oBACxB,IAAI,CAAC;wBACH,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC;4BACpC,MAAM;4BACN,KAAK;4BACL,GAAG,OAAO,EAAE,cAAc;yBAC3B,CAAC,CAAC;wBAEH,uEAAuE;wBACvE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;oBAClC,CAAC;oBAAC,OAAO,MAAM,EAAE,CAAC;wBAChB,gCAAgC;wBAChC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;oBACb,SAAS,CAAC,IAAI,CAAC,CAAC;oBAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,CAAC,GACD,CACH,CAAC;QACJ,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,IAAA,oDAAuB,EAC5B,MAAM,EACN,OAAO,EACP,cAAc,EACd,gBAAgB,CACjB,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/components/basic.js

@@ -17,7 +17,7 @@ exports.ScreenBottomContainer = (0, elements_js_1.StyledDiv)((_) => {
         borderTop: `1px solid ${theme.colors.separatorLine}`,
         display: "flex",
         flexDirection: "column",
-        gap: index_js_1.spacing.lg,
+        gap: index_js_1.spacing.md,
         padding: index_js_1.spacing.lg,
     };
 });

package/dist/cjs/react/web/ui/x402/PaymentErrorModal.js

@@ -0,0 +1,107 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentErrorModal = PaymentErrorModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_js_1 = require("../../../../chains/utils.js");
+const schemas_js_1 = require("../../../../x402/schemas.js");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const index_js_1 = require("../../../core/design-system/index.js");
+const useActiveWallet_js_1 = require("../../../core/hooks/wallets/useActiveWallet.js");
+const BuyWidget_js_1 = require("../Bridge/BuyWidget.js");
+const basic_js_1 = require("../components/basic.js");
+const buttons_js_1 = require("../components/buttons.js");
+const Modal_js_1 = require("../components/Modal.js");
+const text_js_1 = require("../components/text.js");
+/**
+ * @internal
+ */
+function PaymentErrorModal(props) {
+    const { client, errorData, onRetry, onCancel, theme, fundWalletOptions, paymentRequirementsSelector, } = props;
+    const [screen, setScreen] = (0, react_1.useState)("error");
+    const isInsufficientFunds = errorData.error === "insufficient_funds";
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    // Extract chain and token info from errorData for BuyWidget
+    const getBuyWidgetConfig = () => {
+        if (!errorData.accepts || errorData.accepts.length === 0) {
+            return null;
+        }
+        // Get payment requirements from errorData
+        const parsedPaymentRequirements = errorData.accepts;
+        // Get the current chain from wallet
+        const currentChain = wallet?.getChain();
+        const currentChainId = currentChain?.id;
+        // Select payment requirement using the same logic as wrapFetchWithPayment
+        const selectedRequirement = paymentRequirementsSelector
+            ? paymentRequirementsSelector(parsedPaymentRequirements)
+            : defaultPaymentRequirementsSelector(parsedPaymentRequirements, currentChainId, "exact", errorData.error);
+        if (!selectedRequirement)
+            return null;
+        const caip2ChainId = (0, schemas_js_1.networkToCaip2ChainId)(selectedRequirement.network);
+        const chainId = (0, schemas_js_1.extractEvmChainId)(caip2ChainId);
+        if (!chainId)
+            return null;
+        const chain = (0, utils_js_1.getCachedChain)(chainId);
+        const tokenAddress = selectedRequirement.asset;
+        return {
+            chain,
+            tokenAddress,
+            amount: undefined,
+        };
+    };
+    const buyWidgetConfig = isInsufficientFunds ? getBuyWidgetConfig() : null;
+    if (screen === "buy-widget" && buyWidgetConfig) {
+        return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { className: "tw-payment-error-modal", hideCloseIcon: false, open: true, setOpen: (open) => {
+                    if (!open) {
+                        onCancel();
+                    }
+                }, size: "compact", title: "Top up your wallet", crossContainerStyles: {
+                    position: "absolute",
+                    right: index_js_1.spacing.lg,
+                    top: index_js_1.spacing.lg,
+                    zIndex: 1,
+                }, children: (0, jsx_runtime_1.jsx)(BuyWidget_js_1.BuyWidget, { client: client, theme: theme, chain: buyWidgetConfig.chain, tokenAddress: buyWidgetConfig.tokenAddress, amount: buyWidgetConfig.amount, style: {
+                        border: "none",
+                        width: "100%",
+                    }, buttonLabel: "Continue", title: "Get funds", description: "Top up your wallet to complete your payment.", ...fundWalletOptions, onSuccess: () => {
+                        // Close modal and retry the payment
+                        onRetry();
+                    }, onCancel: () => {
+                        // Go back to error screen
+                        setScreen("error");
+                    } }) }) }));
+    }
+    // Error screen (default)
+    return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsxs)(Modal_js_1.Modal, { className: "tw-payment-error-modal", hideCloseIcon: true, open: true, setOpen: (open) => {
+                if (!open) {
+                    onCancel();
+                }
+            }, size: "compact", title: "Payment Failed", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Payment failed" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", gap: "lg", style: {
+                                paddingTop: index_js_1.spacing.lg,
+                            }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", style: {
+                                    color: "inherit",
+                                    lineHeight: 1.5,
+                                }, children: isInsufficientFunds
+                                    ? "Your wallet doesn't have enough funds to complete this payment. Please top up your wallet and try again."
+                                    : errorData.errorMessage ||
+                                        "An error occurred while processing your payment." }) })] }), (0, jsx_runtime_1.jsx)(basic_js_1.ScreenBottomContainer, { children: isInsufficientFunds && buyWidgetConfig ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, gap: "xs", onClick: () => setScreen("buy-widget"), variant: "accent", children: "Top up your wallet" }), (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, gap: "xs", onClick: onCancel, variant: "secondary", children: "Cancel" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, gap: "xs", onClick: onRetry, variant: "accent", children: "Try Again" }), (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, gap: "xs", onClick: onCancel, variant: "secondary", children: "Cancel" })] })) })] }) }));
+}
+// Default payment requirement selector - same logic as in fetchWithPayment.ts
+function defaultPaymentRequirementsSelector(paymentRequirements, chainId, scheme, _error) {
+    if (!paymentRequirements.length) {
+        return undefined;
+    }
+    // If we have a chainId, find matching payment requirements
+    if (chainId !== undefined) {
+        const matchingPaymentRequirements = paymentRequirements.find((x) => (0, schemas_js_1.extractEvmChainId)((0, schemas_js_1.networkToCaip2ChainId)(x.network)) === chainId &&
+            x.scheme === scheme);
+        if (matchingPaymentRequirements) {
+            return matchingPaymentRequirements;
+        }
+    }
+    // If no matching payment requirements, use the first payment requirement
+    const firstPaymentRequirement = paymentRequirements.find((x) => x.scheme === scheme);
+    return firstPaymentRequirement;
+}
+//# sourceMappingURL=PaymentErrorModal.js.map

package/dist/cjs/react/web/ui/x402/PaymentErrorModal.js.map

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

package/dist/cjs/react/web/ui/x402/SignInRequiredModal.js

@@ -0,0 +1,28 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignInRequiredModal = SignInRequiredModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const index_js_1 = require("../../../core/design-system/index.js");
+const basic_js_1 = require("../components/basic.js");
+const buttons_js_1 = require("../components/buttons.js");
+const Modal_js_1 = require("../components/Modal.js");
+const text_js_1 = require("../components/text.js");
+/**
+ * @internal
+ */
+function SignInRequiredModal(props) {
+    const { theme, onSignIn, onCancel } = props;
+    return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsxs)(Modal_js_1.Modal, { className: "tw-signin-required-modal", hideCloseIcon: true, open: true, setOpen: (open) => {
+                if (!open) {
+                    onCancel();
+                }
+            }, size: "compact", title: "Sign in required", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Sign in required" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", gap: "lg", style: {
+                                paddingTop: index_js_1.spacing.lg,
+                            }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", style: {
+                                    color: "inherit",
+                                    lineHeight: 1.5,
+                                }, children: "Account required to complete payment, please sign in to continue." }) })] }), (0, jsx_runtime_1.jsxs)(basic_js_1.ScreenBottomContainer, { children: [(0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, gap: "xs", onClick: onSignIn, variant: "accent", children: "Sign in" }), (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, gap: "xs", onClick: onCancel, variant: "secondary", children: "Cancel" })] })] }) }));
+}
+//# sourceMappingURL=SignInRequiredModal.js.map

package/dist/cjs/react/web/ui/x402/SignInRequiredModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInRequiredModal.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/x402/SignInRequiredModal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAsBb,kDAoDC;;AAzED,+FAAyF;AAEzF,mEAA+D;AAC/D,qDAIgC;AAChC,yDAAkD;AAClD,qDAA+C;AAC/C,mDAA6C;AAQ7C;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,uBAAC,4CAAmB,IAAC,KAAK,EAAE,KAAK,YAC/B,wBAAC,gBAAK,IACJ,SAAS,EAAC,0BAA0B,EACpC,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,CAAC,IAAI,EAAE,CAAC;oBACV,QAAQ,EAAE,CAAC;gBACb,CAAC;YACH,CAAC,EACD,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,kBAAkB,aAExB,wBAAC,oBAAS,IAAC,CAAC,EAAC,IAAI,aACf,uBAAC,sBAAW,IAAC,KAAK,EAAC,kBAAkB,GAAG,EAExC,uBAAC,oBAAS,IACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;gCACL,UAAU,EAAE,kBAAO,CAAC,EAAE;6BACvB,YAGD,uBAAC,cAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;oCACL,KAAK,EAAE,SAAS;oCAChB,UAAU,EAAE,GAAG;iCAChB,kFAGI,GACG,IACF,EAGZ,wBAAC,gCAAqB,eACpB,uBAAC,mBAAM,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,QAAQ,wBAErD,EACT,uBAAC,mBAAM,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,WAAW,uBAExD,IACa,IAClB,GACY,CACvB,CAAC;AACJ,CAAC"}