thirdweb 5.108.6 → 5.108.7

package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js

@@ -4,20 +4,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckoutWidget = CheckoutWidget;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
 const pay_js_1 = require("../../../../analytics/track/pay.js");
 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 CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const WindowAdapter_js_1 = require("../../adapters/WindowAdapter.js");
 const getConnectLocale_js_1 = require("../ConnectWallet/locale/getConnectLocale.js");
 const ConnectEmbed_js_1 = require("../ConnectWallet/Modal/ConnectEmbed.js");
-const basic_js_1 = require("../components/basic.js");
-const buttons_js_1 = require("../components/buttons.js");
 const DynamicHeight_js_1 = require("../components/DynamicHeight.js");
 const Spinner_js_1 = require("../components/Spinner.js");
-const text_js_1 = require("../components/text.js");
-const BridgeOrchestrator_js_1 = require("./BridgeOrchestrator.js");
+const token_query_js_1 = require("./common/token-query.js");
+const DirectPayment_js_1 = require("./DirectPayment.js");
+const ErrorBanner_js_1 = require("./ErrorBanner.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");
+const QuoteLoader_js_1 = require("./QuoteLoader.js");
+const StepRunner_js_1 = require("./StepRunner.js");
 const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
 /**
  * Widget a prebuilt UI for purchasing a specific token.
@@ -122,8 +125,15 @@ const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
  * @bridge
  */
 function CheckoutWidget(props) {
-    const localeQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
-    const theme = props.theme || "dark";
+    return ((0, jsx_runtime_1.jsx)(CheckoutWidgetContainer, { theme: props.theme, className: props.className, style: props.style, children: (0, jsx_runtime_1.jsx)(CheckoutWidgetContentWrapper, { ...props }) }));
+}
+function CheckoutWidgetContentWrapper(props) {
+    const localQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
+    const tokenQuery = (0, token_query_js_1.useTokenQuery)({
+        tokenAddress: props.tokenAddress,
+        chainId: props.chain.id,
+        client: props.client,
+    });
     (0, react_query_1.useQuery)({
         queryFn: () => {
             (0, pay_js_1.trackPayEvent)({
@@ -136,64 +146,208 @@ function CheckoutWidget(props) {
         },
         queryKey: ["checkout_widget:render"],
     });
-    const bridgeDataQuery = (0, react_query_1.useQuery)({
-        queryFn: async () => {
-            const token = await (0, get_token_js_1.getToken)(props.client, (0, address_js_1.checksumAddress)(props.tokenAddress || addresses_js_1.NATIVE_TOKEN_ADDRESS), props.chain.id).catch((err) => err.message.includes("not supported") ? undefined : Promise.reject(err));
-            if (!token) {
-                return {
-                    chain: props.chain,
-                    tokenAddress: (0, address_js_1.checksumAddress)(props.tokenAddress || addresses_js_1.NATIVE_TOKEN_ADDRESS),
-                    type: "unsupported_token",
-                };
-            }
+    // if branding is disabled for widget, disable it for connect options too
+    const connectOptions = (0, react_1.useMemo)(() => {
+        if (props.showThirdwebBranding === false) {
             return {
-                data: {
-                    metadata: {
-                        description: props.description,
-                        image: props.image,
-                        title: props.name,
-                    },
-                    mode: "direct_payment",
-                    currency: props.currency || "USD",
-                    buttonLabel: props.buttonLabel,
-                    paymentInfo: {
-                        amount: props.amount,
-                        feePayer: props.feePayer === "seller" ? "receiver" : "sender",
-                        sellerAddress: props.seller,
-                        token, // User is sender, seller is receiver
-                    },
+                ...props.connectOptions,
+                connectModal: {
+                    ...props.connectOptions?.connectModal,
+                    showThirdwebBranding: false,
                 },
-                type: "success",
             };
-        },
-        queryKey: ["bridgeData", (0, json_js_1.stringify)(props)],
-    });
-    let content = null;
-    if (!localeQuery.data || bridgeDataQuery.isLoading) {
-        content = ((0, jsx_runtime_1.jsx)("div", { style: {
+        }
+        return props.connectOptions;
+    }, [props.connectOptions, props.showThirdwebBranding]);
+    if (tokenQuery.isPending || !localQuery.data) {
+        return ((0, jsx_runtime_1.jsx)("div", { style: {
                 alignItems: "center",
                 display: "flex",
                 justifyContent: "center",
                 minHeight: "350px",
             }, children: (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { color: "secondaryText", size: "xl" }) }));
     }
-    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, client: props.client, tokenAddress: props.tokenAddress }));
+    else if (tokenQuery.data?.type === "unsupported_token") {
+        return ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: props.chain, client: props.client, tokenAddress: props.tokenAddress || addresses_js_1.NATIVE_TOKEN_ADDRESS }));
+    }
+    else if (tokenQuery.data?.type === "success") {
+        return ((0, jsx_runtime_1.jsx)(CheckoutWidgetContent, { ...props, connectLocale: localQuery.data, destinationToken: tokenQuery.data.token, currency: props.currency || "USD", paymentMethods: props.paymentMethods || ["crypto", "card"], connectOptions: connectOptions, showThirdwebBranding: props.showThirdwebBranding === undefined
+                ? true
+                : props.showThirdwebBranding }));
+    }
+    else if (tokenQuery.error) {
+        return ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { client: props.client, error: tokenQuery.error, onRetry: () => {
+                tokenQuery.refetch();
+            }, onCancel: () => {
+                props.onCancel?.(undefined);
+            } }));
+    }
+    return null;
+}
+function CheckoutWidgetContent(props) {
+    const [screen, setScreen] = (0, react_1.useState)({
+        id: "1:init-ui",
+    });
+    const mappedFeePayer = props.feePayer === "seller" ? "receiver" : "sender";
+    const handleError = (0, react_1.useCallback)((error, quote) => {
+        console.error(error);
+        props.onError?.(error, quote);
+        setScreen({
+            id: "error",
+            preparedQuote: quote,
+            error,
+        });
+    }, [props.onError]);
+    const handleCancel = (0, react_1.useCallback)((preparedQuote) => {
+        props.onCancel?.(preparedQuote);
+    }, [props.onCancel]);
+    if (screen.id === "1:init-ui") {
+        return ((0, jsx_runtime_1.jsx)(DirectPayment_js_1.DirectPayment
+        // from props
+        , { 
+            // from props
+            client: props.client, paymentInfo: {
+                amount: props.amount,
+                feePayer: props.feePayer === "seller" ? "receiver" : "sender",
+                sellerAddress: props.seller,
+                token: props.destinationToken,
+            }, showThirdwebBranding: props.showThirdwebBranding, metadata: {
+                title: props.name,
+                description: props.description,
+                image: props.image,
+            }, currency: props.currency, buttonLabel: props.buttonLabel, 
+            // others
+            onContinue: (destinationAmount, destinationToken, receiverAddress) => {
+                setScreen({
+                    id: "2:methodSelection",
+                    destinationAmount,
+                    destinationToken,
+                    receiverAddress,
+                });
+            } }));
     }
-    else if (bridgeDataQuery.data?.type === "success") {
-        // Show normal bridge orchestrator
-        content = ((0, jsx_runtime_1.jsx)(BridgeOrchestrator_js_1.BridgeOrchestrator, { country: props.country, client: props.client, connectLocale: localeQuery.data, connectOptions: props.connectOptions, onCancel: () => {
-                props.onCancel?.();
-            }, onComplete: () => {
-                props.onSuccess?.();
-            }, onError: (err) => {
-                props.onError?.(err);
-            }, paymentLinkId: props.paymentLinkId, paymentMethods: props.paymentMethods, presetOptions: props.presetOptions, purchaseData: props.purchaseData, receiverAddress: props.seller, showThirdwebBranding: props.showThirdwebBranding, uiOptions: bridgeDataQuery.data.data, supportedTokens: props.supportedTokens }));
+    if (screen.id === "2:methodSelection") {
+        return ((0, jsx_runtime_1.jsx)(PaymentSelection_js_1.PaymentSelection
+        // from props
+        , { 
+            // from props
+            client: props.client, feePayer: mappedFeePayer, connectLocale: props.connectLocale, connectOptions: props.connectOptions, paymentMethods: props.paymentMethods, currency: props.currency, supportedTokens: props.supportedTokens, country: props.country, 
+            // others
+            destinationAmount: screen.destinationAmount, destinationToken: screen.destinationToken, receiverAddress: screen.receiverAddress, onBack: () => {
+                setScreen({ id: "1:init-ui" });
+            }, onError: (error) => {
+                handleError(error, undefined);
+            }, onPaymentMethodSelected: (paymentMethod) => {
+                setScreen({
+                    ...screen,
+                    id: "3:load-quote",
+                    paymentMethod,
+                });
+            } }));
     }
-    if (bridgeDataQuery.isError) {
-        content = ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", center: "both", gap: "md", p: "md", py: "xl", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, size: "md", weight: 600, children: "Something went wrong." }), (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "ghost", onClick: () => bridgeDataQuery.refetch(), children: "Retry" })] }));
+    if (screen.id === "3:load-quote") {
+        return ((0, jsx_runtime_1.jsx)(QuoteLoader_js_1.QuoteLoader
+        // from props
+        , { 
+            // from props
+            paymentLinkId: props.paymentLinkId, purchaseData: props.purchaseData, client: props.client, feePayer: mappedFeePayer, 
+            // others
+            sender: undefined, mode: "direct_payment", amount: screen.destinationAmount, destinationToken: screen.destinationToken, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "2:methodSelection",
+                });
+            }, onError: (error) => {
+                handleError(error, undefined);
+            }, onQuoteReceived: (preparedQuote, request) => {
+                setScreen({
+                    ...screen,
+                    id: "4:preview",
+                    preparedQuote,
+                    request,
+                });
+            }, paymentMethod: screen.paymentMethod, receiver: screen.receiverAddress }));
     }
-    return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ConnectEmbed_js_1.EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: (0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { children: content }) }) }));
+    if (screen.id === "4:preview") {
+        return ((0, jsx_runtime_1.jsx)(PaymentDetails_js_1.PaymentDetails
+        // from props
+        , { 
+            // from props
+            client: props.client, currency: props.currency, metadata: {
+                title: props.name,
+                description: props.description,
+            }, 
+            // others
+            confirmButtonLabel: undefined, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "2:methodSelection",
+                });
+            }, onConfirm: () => {
+                setScreen({
+                    ...screen,
+                    id: "5:execute",
+                });
+            }, onError: (error) => {
+                handleError(error, screen.preparedQuote);
+            }, paymentMethod: screen.paymentMethod, preparedQuote: screen.preparedQuote, modeInfo: {
+                mode: "direct_payment",
+                paymentInfo: {
+                    amount: screen.destinationAmount,
+                    feePayer: mappedFeePayer,
+                    sellerAddress: props.seller,
+                    token: screen.destinationToken,
+                },
+            } }));
+    }
+    if (screen.id === "5:execute") {
+        return ((0, jsx_runtime_1.jsx)(StepRunner_js_1.StepRunner
+        // from props
+        , { 
+            // from props
+            client: props.client, 
+            // others
+            title: undefined, preparedQuote: screen.preparedQuote, autoStart: true, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "4:preview",
+                });
+            }, onCancel: () => {
+                handleCancel(screen.preparedQuote);
+            }, onComplete: (completedStatuses) => {
+                props.onSuccess?.(screen.preparedQuote);
+                setScreen({
+                    id: "6:success",
+                    preparedQuote: screen.preparedQuote,
+                    completedStatuses,
+                });
+            }, request: screen.request, wallet: screen.paymentMethod.payerWallet, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
+    }
+    if (screen.id === "6:success") {
+        return ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen
+        // from props
+        , { 
+            // from props
+            client: props.client, hasPaymentId: !!props.paymentLinkId, completedStatuses: screen.completedStatuses, 
+            // others
+            onDone: () => {
+                setScreen({ id: "1:init-ui" });
+            }, preparedQuote: screen.preparedQuote, showContinueWithTx: false, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
+    }
+    if (screen.id === "error") {
+        return ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { client: props.client, error: screen.error, onCancel: () => {
+                setScreen({ id: "1:init-ui" });
+                handleCancel(screen.preparedQuote);
+            }, onRetry: () => {
+                setScreen({ id: "1:init-ui" });
+            } }));
+    }
+    return null;
+}
+/**
+ * @internal
+ */
+function CheckoutWidgetContainer(props) {
+    return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: props.theme || "dark", children: (0, jsx_runtime_1.jsx)(ConnectEmbed_js_1.EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: (0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { children: props.children }) }) }));
 }
 //# sourceMappingURL=CheckoutWidget.js.map

package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js.map

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

package/dist/cjs/react/web/ui/Bridge/DirectPayment.js

@@ -13,15 +13,15 @@ const Spacer_js_1 = require("../components/Spacer.js");
 const text_js_1 = require("../components/text.js");
 const TokenAndChain_js_1 = require("./common/TokenAndChain.js");
 const WithHeader_js_1 = require("./common/WithHeader.js");
-function DirectPayment({ uiOptions, client, onContinue, showThirdwebBranding = true, }) {
-    const chain = (0, utils_js_1.defineChain)(uiOptions.paymentInfo.token.chainId);
+function DirectPayment({ paymentInfo, metadata, client, onContinue, showThirdwebBranding = true, buttonLabel, currency, }) {
+    const chain = (0, utils_js_1.defineChain)(paymentInfo.token.chainId);
     const handleContinue = () => {
-        onContinue(uiOptions.paymentInfo.amount, uiOptions.paymentInfo.token, uiOptions.paymentInfo.sellerAddress);
+        onContinue(paymentInfo.amount, paymentInfo.token, paymentInfo.sellerAddress);
     };
-    const buyNow = uiOptions.buttonLabel ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryButtonText", size: "md", children: uiOptions.buttonLabel })) : ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "3xs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryButtonText", size: "md", children: "Buy Now \u00B7" }), (0, jsx_runtime_1.jsx)(FiatValue_js_1.FiatValue, { currency: uiOptions.currency, chain: chain, client: client, color: "primaryButtonText", size: "md", token: uiOptions.paymentInfo.token, tokenAmount: uiOptions.paymentInfo.amount })] }));
-    return ((0, jsx_runtime_1.jsxs)(WithHeader_js_1.WithHeader, { client: client, defaultTitle: "Direct Payment", uiOptions: uiOptions, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "3xs", style: {
+    const buyNow = buttonLabel ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryButtonText", size: "md", children: buttonLabel })) : ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "3xs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryButtonText", size: "md", children: "Buy Now \u00B7" }), (0, jsx_runtime_1.jsx)(FiatValue_js_1.FiatValue, { currency: currency, chain: chain, client: client, color: "primaryButtonText", size: "md", token: paymentInfo.token, tokenAmount: paymentInfo.amount })] }));
+    return ((0, jsx_runtime_1.jsxs)(WithHeader_js_1.WithHeader, { client: client, title: metadata.title || "Direct Payment", description: metadata.description, image: metadata.image, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "3xs", style: {
                     justifyContent: "space-between",
-                }, children: [(0, jsx_runtime_1.jsx)(FiatValue_js_1.FiatValue, { currency: uiOptions.currency, chain: chain, client: client, color: "primaryText", size: "xl", token: uiOptions.paymentInfo.token, tokenAmount: uiOptions.paymentInfo.amount, weight: 600 }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", gap: "3xs", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", style: {
+                }, children: [(0, jsx_runtime_1.jsx)(FiatValue_js_1.FiatValue, { currency: currency, chain: chain, client: client, color: "primaryText", size: "xl", token: paymentInfo.token, tokenAmount: paymentInfo.amount, weight: 600 }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", gap: "3xs", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", style: {
                                 overflow: "hidden",
                                 textOverflow: "ellipsis",
                                 whiteSpace: "nowrap",
@@ -30,7 +30,7 @@ function DirectPayment({ uiOptions, client, onContinue, showThirdwebBranding = t
                     justifyContent: "space-between",
                 }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "sm", children: "Price" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "sm", style: {
                             fontFamily: "monospace",
-                        }, children: `${uiOptions.paymentInfo.amount} ${uiOptions.paymentInfo.token.symbol}` })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xs" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", style: {
+                        }, children: `${paymentInfo.amount} ${paymentInfo.token.symbol}` })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xs" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", style: {
                     alignItems: "center",
                     justifyContent: "space-between",
                 }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "sm", children: "Network" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "3xs", children: [(0, jsx_runtime_1.jsx)(TokenAndChain_js_1.ChainIcon, { chain: chain, client: client, size: "xs" }), (0, jsx_runtime_1.jsx)(ChainName_js_1.ChainName, { chain: chain, client: client, color: "primaryText", short: true, size: "sm", style: {

package/dist/cjs/react/web/ui/Bridge/DirectPayment.js.map

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