thirdweb 5.108.6 → 5.108.8

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
+import { useCallback, useMemo, useState } from "react";
 import { trackPayEvent } from "../../../../analytics/track/pay.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../constants/addresses.js";
 import { getToken } from "../../../../pay/convert/get-token.js";
@@ -10,6 +11,7 @@ import { stringify } from "../../../../utils/json.js";
 import { toUnits } from "../../../../utils/units.js";
 import { CustomThemeProvider } from "../../../core/design-system/CustomThemeProvider.js";
 import { iconSize } from "../../../core/design-system/index.js";
+import { webWindowAdapter } from "../../adapters/WindowAdapter.js";
 import { AccentFailIcon } from "../ConnectWallet/icons/AccentFailIcon.js";
 import { useConnectLocale } from "../ConnectWallet/locale/getConnectLocale.js";
 import { EmbedContainer } from "../ConnectWallet/Modal/ConnectEmbed.js";
@@ -17,7 +19,14 @@ import { DynamicHeight } from "../components/DynamicHeight.js";
 import { Spacer } from "../components/Spacer.js";
 import { Spinner } from "../components/Spinner.js";
 import { Text } from "../components/text.js";
-import { BridgeOrchestrator } from "./BridgeOrchestrator.js";
+import { ExecutingTxScreen } from "../TransactionButton/ExecutingScreen.js";
+import { ErrorBanner } from "./ErrorBanner.js";
+import { PaymentDetails } from "./payment-details/PaymentDetails.js";
+import { PaymentSelection } from "./payment-selection/PaymentSelection.js";
+import { SuccessScreen } from "./payment-success/SuccessScreen.js";
+import { QuoteLoader } from "./QuoteLoader.js";
+import { StepRunner } from "./StepRunner.js";
+import { TransactionPayment } from "./TransactionPayment.js";
 import { UnsupportedTokenScreen } from "./UnsupportedTokenScreen.js";
 /**
  * Widget a prebuilt UI for purchasing a specific token.
@@ -132,8 +141,9 @@ import { UnsupportedTokenScreen } from "./UnsupportedTokenScreen.js";
  * @bridge
  */
 export function TransactionWidget(props) {
-    const localeQuery = useConnectLocale(props.locale || "en_US");
-    const theme = props.theme || "dark";
+    return (_jsx(TransactionWidgetContainer, { theme: props.theme, className: props.className, style: props.style, children: _jsx(TransactionWidgetContentWrapper, { ...props }) }));
+}
+export function TransactionWidgetContentWrapper(props) {
     useQuery({
         queryFn: () => {
             trackPayEvent({
@@ -146,7 +156,8 @@ export function TransactionWidget(props) {
         },
         queryKey: ["transaction_widget:render"],
     });
-    const bridgeDataQuery = useQuery({
+    const localQuery = useConnectLocale(props.locale || "en_US");
+    const txQuery = useQuery({
         queryFn: async () => {
             let erc20Value = props.transaction.erc20Value;
             if (props.amount) {
@@ -160,8 +171,6 @@ export function TransactionWidget(props) {
                 });
                 if (!token) {
                     return {
-                        chain: props.transaction.chain,
-                        tokenAddress: checksumAddress(tokenAddress),
                         type: "unsupported_token",
                     };
                 }
@@ -175,55 +184,208 @@ export function TransactionWidget(props) {
                 erc20Value,
             });
             return {
-                data: {
-                    currency: props.currency || "USD",
-                    buttonLabel: props.buttonLabel,
-                    metadata: {
-                        description: props.description,
-                        image: props.image,
-                        title: props.title,
-                    },
-                    mode: "transaction",
-                    transaction,
-                },
+                transaction,
                 type: "success",
             };
         },
-        queryKey: ["bridgeData", stringify(props)],
+        queryKey: ["transaction-query", stringify(props)],
         retry: 1,
     });
-    let content = null;
-    if (!localeQuery.data || bridgeDataQuery.isLoading) {
-        content = (_jsx("div", { style: {
+    // if branding is disabled for widget, disable it for connect options too
+    const connectOptions = useMemo(() => {
+        if (props.showThirdwebBranding === false) {
+            return {
+                ...props.connectOptions,
+                connectModal: {
+                    ...props.connectOptions?.connectModal,
+                    showThirdwebBranding: props.showThirdwebBranding,
+                },
+            };
+        }
+        return props.connectOptions;
+    }, [props.connectOptions, props.showThirdwebBranding]);
+    if (txQuery.isPending || !localQuery.data) {
+        return (_jsx("div", { style: {
                 alignItems: "center",
                 display: "flex",
                 justifyContent: "center",
                 minHeight: "350px",
             }, children: _jsx(Spinner, { color: "secondaryText", size: "xl" }) }));
     }
-    else if (bridgeDataQuery.error) {
-        content = (_jsxs("div", { style: {
+    else if (txQuery.error) {
+        return (_jsxs("div", { style: {
                 alignItems: "center",
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "center",
                 minHeight: "350px",
-            }, children: [_jsx(AccentFailIcon, { size: iconSize["3xl"] }), _jsx(Spacer, { y: "lg" }), _jsx(Text, { color: "secondaryText", size: "md", children: bridgeDataQuery.error.message })] }));
+            }, children: [_jsx(AccentFailIcon, { size: iconSize["3xl"] }), _jsx(Spacer, { y: "lg" }), _jsx(Text, { color: "secondaryText", size: "md", children: txQuery.error.message })] }));
+    }
+    else if (txQuery.data?.type === "unsupported_token") {
+        return (_jsx(UnsupportedTokenScreen, { chain: props.transaction.chain, client: props.client, tokenAddress: props.tokenAddress || NATIVE_TOKEN_ADDRESS }));
+    }
+    else if (txQuery.data?.type === "success") {
+        return (_jsx(TransactionWidgetContent, { ...props, connectOptions: connectOptions, connectLocale: localQuery.data, transaction: txQuery.data.transaction, currency: props.currency || "USD", paymentMethods: props.paymentMethods || ["crypto", "card"], showThirdwebBranding: props.showThirdwebBranding === undefined
+                ? true
+                : props.showThirdwebBranding }));
+    }
+    return null;
+}
+function TransactionWidgetContent(props) {
+    const [screen, setScreen] = useState({
+        id: "init-ui",
+    });
+    const handleError = useCallback((error) => {
+        console.error(error);
+        props.onError?.(error);
+        setScreen({
+            id: "error",
+            error,
+        });
+    }, [props.onError]);
+    if (screen.id === "init-ui") {
+        return (_jsx(TransactionPayment, { client: props.client, metadata: {
+                title: props.title,
+                description: props.description,
+                image: props.image,
+            }, connectOptions: props.connectOptions, onContinue: (destinationAmount, destinationToken, receiverAddress) => {
+                setScreen({
+                    id: "buy:1.methodSelection",
+                    destinationAmount,
+                    destinationToken,
+                    transaction: props.transaction,
+                    receiverAddress,
+                });
+            }, onExecuteTransaction: () => {
+                setScreen({
+                    id: "execute-tx",
+                    transaction: props.transaction,
+                });
+            }, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, buttonLabel: props.buttonLabel, transaction: props.transaction }));
+    }
+    if (screen.id === "buy:1.methodSelection") {
+        return (_jsx(PaymentSelection
+        // from props
+        , { 
+            // from props
+            client: props.client, connectLocale: props.connectLocale, connectOptions: props.connectOptions, paymentMethods: props.paymentMethods, currency: props.currency, supportedTokens: props.supportedTokens, country: props.country, 
+            // others
+            feePayer: undefined, destinationToken: screen.destinationToken, destinationAmount: screen.destinationAmount, receiverAddress: screen.receiverAddress, onBack: () => {
+                setScreen({ id: "init-ui" });
+            }, onError: (error) => {
+                handleError(error);
+            }, onPaymentMethodSelected: (paymentMethod) => {
+                setScreen({
+                    ...screen,
+                    id: "buy:2.load-quote",
+                    paymentMethod,
+                });
+            } }));
     }
-    else if (bridgeDataQuery.data?.type === "unsupported_token") {
-        // Show unsupported token screen
-        content = (_jsx(UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain, client: props.client, tokenAddress: props.tokenAddress }));
+    if (screen.id === "buy:2.load-quote") {
+        return (_jsx(QuoteLoader
+        // from props
+        , { 
+            // from props
+            paymentLinkId: props.paymentLinkId, purchaseData: props.purchaseData, client: props.client, 
+            // others
+            feePayer: undefined, sender: undefined, mode: "transaction", amount: screen.destinationAmount, destinationToken: screen.destinationToken, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "buy:1.methodSelection",
+                });
+            }, onError: (error) => {
+                handleError(error);
+            }, onQuoteReceived: (preparedQuote, request) => {
+                setScreen({
+                    ...screen,
+                    id: "buy:3.preview",
+                    preparedQuote,
+                    request,
+                });
+            }, paymentMethod: screen.paymentMethod, receiver: screen.receiverAddress }));
+    }
+    if (screen.id === "buy:3.preview") {
+        return (_jsx(PaymentDetails
+        // from props
+        , { 
+            // from props
+            client: props.client, currency: props.currency, metadata: {
+                title: props.title,
+                description: props.description,
+            }, 
+            // others
+            confirmButtonLabel: undefined, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "buy:1.methodSelection",
+                });
+            }, onConfirm: () => {
+                setScreen({
+                    ...screen,
+                    id: "buy:4.execute-buy",
+                });
+            }, onError: (error) => {
+                handleError(error);
+            }, paymentMethod: screen.paymentMethod, preparedQuote: screen.preparedQuote, modeInfo: {
+                mode: "transaction",
+                transaction: screen.transaction,
+            } }));
+    }
+    if (screen.id === "buy:4.execute-buy") {
+        return (_jsx(StepRunner
+        // from props
+        , { 
+            // from props
+            client: props.client, 
+            // others
+            title: undefined, preparedQuote: screen.preparedQuote, autoStart: true, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "buy:3.preview",
+                });
+            }, onCancel: () => {
+                props.onCancel?.();
+            }, onComplete: (completedStatuses) => {
+                setScreen({
+                    ...screen,
+                    id: "buy:5.success",
+                    completedStatuses,
+                });
+            }, request: screen.request, wallet: screen.paymentMethod.payerWallet, windowAdapter: webWindowAdapter }));
     }
-    else if (bridgeDataQuery.data?.type === "success") {
-        // Show normal bridge orchestrator
-        content = (_jsx(BridgeOrchestrator, { country: props.country, supportedTokens: props.supportedTokens, client: props.client, connectLocale: localeQuery.data, connectOptions: props.connectOptions, onCancel: () => {
+    if (screen.id === "buy:5.success") {
+        return (_jsx(SuccessScreen
+        // from props
+        , { 
+            // from props
+            client: props.client, hasPaymentId: !!props.paymentLinkId, 
+            // others
+            completedStatuses: screen.completedStatuses, onDone: () => {
+                setScreen({ id: "execute-tx", transaction: screen.transaction });
+            }, preparedQuote: screen.preparedQuote, showContinueWithTx: true, windowAdapter: webWindowAdapter }));
+    }
+    if (screen.id === "error") {
+        return (_jsx(ErrorBanner, { client: props.client, error: screen.error, onCancel: () => {
+                setScreen({ id: "init-ui" });
                 props.onCancel?.();
-            }, onComplete: () => {
-                props.onSuccess?.();
-            }, onError: (err) => {
-                props.onError?.(err);
-            }, paymentLinkId: props.paymentLinkId, paymentMethods: props.paymentMethods, presetOptions: props.presetOptions, purchaseData: props.purchaseData, receiverAddress: undefined, uiOptions: bridgeDataQuery.data.data, showThirdwebBranding: props.showThirdwebBranding }));
+            }, onRetry: () => {
+                setScreen({ id: "init-ui" });
+            } }));
+    }
+    if (screen.id === "execute-tx") {
+        return (_jsx(ExecutingTxScreen, { closeModal: () => {
+                setScreen({ id: "init-ui" });
+            }, onTxSent: (data) => {
+                props.onSuccess?.(data);
+            }, tx: screen.transaction, windowAdapter: webWindowAdapter }));
     }
-    return (_jsx(CustomThemeProvider, { theme: theme, children: _jsx(EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: _jsx(DynamicHeight, { children: content }) }) }));
+    return null;
+}
+/**
+ * @internal
+ */
+function TransactionWidgetContainer(props) {
+    return (_jsx(CustomThemeProvider, { theme: props.theme || "dark", children: _jsx(EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: _jsx(DynamicHeight, { children: props.children }) }) }));
 }
 //# sourceMappingURL=TransactionWidget.js.map

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

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

package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js

@@ -73,8 +73,8 @@ export function BridgeWidget(props) {
                     }, children: [_jsx(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), _jsx(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && (_jsx(SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, style: {
                         border: "none",
                         ...props.swap?.style,
-                    } })), tab === "buy" && (_jsx(BuyWidget, { client: props.client, amount: props.buy.amount, showThirdwebBranding: props.showThirdwebBranding, chain: defineChain(props.buy.chainId), currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
-                    , tokenAddress: props.buy.tokenAddress, buttonLabel: props.buy.buttonLabel, className: props.buy.className, country: props.buy.country, onCancel: props.buy.onCancel, onError: props.buy.onError, onSuccess: props.buy.onSuccess, presetOptions: props.buy.presetOptions, purchaseData: props.buy.purchaseData, paymentMethods: ["card"], style: {
+                    } })), tab === "buy" && (_jsx(BuyWidget, { client: props.client, amount: props.buy?.amount, showThirdwebBranding: props.showThirdwebBranding, chain: props.buy?.chainId ? defineChain(props.buy.chainId) : undefined, currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
+                    , tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], style: {
                         border: "none",
                     } }))] }) }));
 }

package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map

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

package/dist/esm/react/web/ui/Bridge/common/WithHeader.js

@@ -5,19 +5,18 @@ import { radius } from "../../../../core/design-system/index.js";
 import { Container } from "../../components/basic.js";
 import { Spacer } from "../../components/Spacer.js";
 import { Text } from "../../components/text.js";
-export function WithHeader({ children, uiOptions, defaultTitle, client, }) {
+export function WithHeader(props) {
     const theme = useCustomTheme();
-    const showTitle = uiOptions.metadata?.title !== "";
-    return (_jsxs(Container, { flex: "column", children: [uiOptions.metadata?.image && (_jsx("div", { style: {
+    return (_jsxs(Container, { flex: "column", children: [props.image && (_jsx("div", { style: {
                     aspectRatio: "16/9",
                     backgroundColor: theme.colors.tertiaryBg,
-                    backgroundImage: `url(${getUrl(client, uiOptions.metadata.image)})`,
+                    backgroundImage: `url(${getUrl(props.client, props.image)})`,
                     backgroundPosition: "center",
                     backgroundSize: "cover",
                     borderRadius: `${radius.md} ${radius.md} 0 0`,
                     overflow: "hidden",
                     width: "100%",
-                } })), _jsxs(Container, { flex: "column", px: "md", children: [_jsx(Spacer, { y: "md+" }), (showTitle || uiOptions.metadata?.description) && (_jsxs(_Fragment, { children: [showTitle && (_jsx(Text, { color: "primaryText", size: "lg", weight: 600, children: uiOptions.metadata?.title || defaultTitle })), uiOptions.metadata?.description && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "xxs" }), _jsx(Text, { color: "secondaryText", size: "sm", multiline: true, children: uiOptions.metadata?.description })] })), _jsx(Spacer, { y: "md" })] })), children] })] }));
+                } })), _jsxs(Container, { flex: "column", px: "md", children: [_jsx(Spacer, { y: "md" }), (props.title || props.description) && (_jsxs(_Fragment, { children: [props.title && (_jsx(Text, { color: "primaryText", size: "lg", weight: 600, children: props.title })), props.description && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "xxs" }), _jsx(Text, { color: "secondaryText", size: "sm", multiline: true, children: props.description })] })), _jsx(Spacer, { y: "md" })] })), props.children] })] }));
 }
 function getUrl(client, uri) {
     if (!uri.startsWith("ipfs://")) {

package/dist/esm/react/web/ui/Bridge/common/WithHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithHeader.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/WithHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAGhD,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,GAMP;IACC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,KAAK,EAAE,CAAC;IAEnD,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,aAErB,SAAS,CAAC,QAAQ,EAAE,KAAK,IAAI,CAC5B,cACE,KAAK,EAAE;oBACL,WAAW,EAAE,MAAM;oBACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;oBACxC,eAAe,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;oBACnE,kBAAkB,EAAE,QAAQ;oBAC5B,cAAc,EAAE,OAAO;oBACvB,YAAY,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,MAAM;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,MAAM;iBACd,GACD,CACH,EAED,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,aAC9B,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAEjB,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CACjD,8BAEG,SAAS,IAAI,CACZ,KAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,YAC5C,SAAS,CAAC,QAAQ,EAAE,KAAK,IAAI,YAAY,GACrC,CACR,EAGA,SAAS,CAAC,QAAQ,EAAE,WAAW,IAAI,CAClC,8BACE,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,KAAC,IAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,kBAC5C,SAAS,CAAC,QAAQ,EAAE,WAAW,GAC3B,IACN,CACJ,EAED,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,EAEA,QAAQ,IACC,IACF,CACb,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,MAAsB,EAAE,GAAW;IACjD,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,aAAa,CAAC;QACnB,MAAM;QACN,GAAG;KACJ,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"WithHeader.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/WithHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,UAAU,UAAU,CAAC,KAM1B;IACC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,aAErB,KAAK,CAAC,KAAK,IAAI,CACd,cACE,KAAK,EAAE;oBACL,WAAW,EAAE,MAAM;oBACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;oBACxC,eAAe,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;oBAC5D,kBAAkB,EAAE,QAAQ;oBAC5B,cAAc,EAAE,OAAO;oBACvB,YAAY,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,MAAM;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,MAAM;iBACd,GACD,CACH,EAED,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,aAC9B,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEhB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,CACrC,8BAEG,KAAK,CAAC,KAAK,IAAI,CACd,KAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,YAC5C,KAAK,CAAC,KAAK,GACP,CACR,EAGA,KAAK,CAAC,WAAW,IAAI,CACpB,8BACE,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,KAAC,IAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,kBAC5C,KAAK,CAAC,WAAW,GACb,IACN,CACJ,EAED,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,EAEA,KAAK,CAAC,QAAQ,IACL,IACF,CACb,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,MAAsB,EAAE,GAAW;IACjD,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,aAAa,CAAC;QACnB,MAAM;QACN,GAAG;KACJ,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/react/web/ui/Bridge/common/active-wallet-details.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { shortenAddress } from "../../../../../utils/address.js";
+import { AccountProvider } from "../../../../core/account/provider.js";
+import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
+import { fontSize, iconSize, radius, spacing, } from "../../../../core/design-system/index.js";
+import { WalletProvider } from "../../../../core/wallet/provider.js";
+import { Container } from "../../components/basic.js";
+import { Button } from "../../components/buttons.js";
+import { AccountAvatar } from "../../prebuilt/Account/avatar.js";
+import { AccountBlobbie } from "../../prebuilt/Account/blobbie.js";
+import { AccountName } from "../../prebuilt/Account/name.js";
+import { WalletIcon } from "../../prebuilt/Wallet/icon.js";
+export function ActiveWalletDetails(props) {
+    const wallet = props.activeWalletInfo.activeWallet;
+    const account = props.activeWalletInfo.activeAccount;
+    const accountBlobbie = (_jsx(AccountBlobbie, { style: {
+            width: `${iconSize.xs}px`,
+            height: `${iconSize.xs}px`,
+            borderRadius: radius.full,
+        } }));
+    const accountAvatarFallback = (_jsx(WalletIcon, { style: {
+            width: `${iconSize.xs}px`,
+            height: `${iconSize.xs}px`,
+        }, fallbackComponent: accountBlobbie, loadingComponent: accountBlobbie }));
+    return (_jsx(WalletButton, { variant: "ghost-solid", style: {
+            paddingInline: spacing.xxs,
+            paddingBlock: "2px",
+        }, onClick: props.onClick, children: _jsx(AccountProvider, { address: account.address, client: props.client, children: _jsx(WalletProvider, { id: wallet.id, children: _jsxs(Container, { flex: "row", gap: "xxs", center: "y", children: [_jsx(AccountAvatar, { style: {
+                                width: `${iconSize.xs}px`,
+                                height: `${iconSize.xs}px`,
+                                borderRadius: radius.full,
+                                objectFit: "cover",
+                            }, fallbackComponent: accountAvatarFallback, loadingComponent: accountAvatarFallback }), _jsx("span", { style: {
+                                fontSize: fontSize.xs,
+                                letterSpacing: "0.025em",
+                            }, children: _jsx(AccountName, { fallbackComponent: _jsx("span", { children: shortenAddress(account.address) }), loadingComponent: _jsx("span", { children: shortenAddress(account.address) }) }) })] }) }) }) }));
+}
+const WalletButton = /* @__PURE__ */ styled(Button)(() => {
+    const theme = useCustomTheme();
+    return {
+        color: theme.colors.secondaryText,
+        transition: "color 200ms ease",
+        "&:hover": {
+            color: theme.colors.primaryText,
+        },
+    };
+});
+//# sourceMappingURL=active-wallet-details.js.map

package/dist/esm/react/web/ui/Bridge/common/active-wallet-details.js.map

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

package/dist/esm/react/web/ui/Bridge/common/decimal-input.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from "../../components/formElements.js";
+export function DecimalInput(props) {
+    const handleAmountChange = (inputValue) => {
+        let processedValue = inputValue;
+        // Replace comma with period if it exists
+        processedValue = processedValue.replace(",", ".");
+        if (processedValue.startsWith(".")) {
+            processedValue = `0${processedValue}`;
+        }
+        const numValue = Number(processedValue);
+        if (Number.isNaN(numValue)) {
+            return;
+        }
+        if (processedValue.length > 1 &&
+            processedValue.startsWith("0") &&
+            !processedValue.startsWith("0.")) {
+            props.setValue(processedValue.slice(1));
+        }
+        else {
+            props.setValue(processedValue);
+        }
+    };
+    return (_jsx(Input, { ...props, inputMode: "decimal", onChange: (e) => {
+            handleAmountChange(e.target.value);
+        }, onClick: (e) => {
+            // put cursor at the end of the input
+            if (props.value === "") {
+                e.currentTarget.setSelectionRange(e.currentTarget.value.length, e.currentTarget.value.length);
+            }
+        }, pattern: "^[0-9]*[.,]?[0-9]*$", placeholder: "0.0", type: "text", variant: "transparent" }));
+}
+//# sourceMappingURL=decimal-input.js.map

package/dist/esm/react/web/ui/Bridge/common/decimal-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decimal-input.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/decimal-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAIzD,MAAM,UAAU,YAAY,CAC1B,KAKC;IAED,MAAM,kBAAkB,GAAG,CAAC,UAAkB,EAAE,EAAE;QAChD,IAAI,cAAc,GAAG,UAAU,CAAC;QAEhC,yCAAyC;QACzC,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAElD,IAAI,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;QACxC,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QACxC,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IACE,cAAc,CAAC,MAAM,GAAG,CAAC;YACzB,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC;YAC9B,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAChC,CAAC;YACD,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,qCAAqC;YACrC,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;gBACvB,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAC/B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAC5B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAC7B,CAAC;YACJ,CAAC;QACH,CAAC,EACD,OAAO,EAAC,qBAAqB,EAC7B,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACrB,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/react/web/ui/Bridge/common/selected-token-button.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
+import { fontSize, iconSize, radius, spacing, } from "../../../../core/design-system/index.js";
+import { Container } from "../../components/basic.js";
+import { Button } from "../../components/buttons.js";
+import { Img } from "../../components/Img.js";
+import { Skeleton } from "../../components/Skeleton.js";
+import { Text } from "../../components/text.js";
+import { cleanedChainName } from "../swap-widget/utils.js";
+export function SelectedTokenButton(props) {
+    const theme = useCustomTheme();
+    return (_jsxs(Button, { variant: "ghost-solid", hoverBg: "secondaryButtonBg", fullWidth: true, onClick: props.onSelectToken, gap: "sm", style: {
+            borderBottom: `1px dashed ${theme.colors.borderColor}`,
+            justifyContent: "space-between",
+            paddingInline: spacing.md,
+            paddingBlock: spacing.md,
+            borderRadius: 0,
+        }, children: [_jsxs(Container, { gap: "sm", flex: "row", center: "y", children: [_jsxs(Container, { relative: true, color: "secondaryText", children: [props.selectedToken ? (_jsx(Img, { src: props.selectedToken?.data === undefined
+                                    ? undefined
+                                    : props.selectedToken.data.iconUri || "", client: props.client, width: "40", height: "40", fallback: _jsx(Container, { style: {
+                                        background: `linear-gradient(45deg, white, ${theme.colors.accentText})`,
+                                        borderRadius: radius.full,
+                                        width: "40px",
+                                        height: "40px",
+                                    } }), style: {
+                                    objectFit: "cover",
+                                    borderRadius: radius.full,
+                                } }, props.selectedToken?.data?.iconUri)) : (_jsx(Container, { style: {
+                                    border: `1px solid ${theme.colors.borderColor}`,
+                                    background: `linear-gradient(45deg, white, ${theme.colors.accentText})`,
+                                    borderRadius: radius.full,
+                                    width: "40px",
+                                    height: "40px",
+                                } })), props.chain && (_jsx(Container, { bg: "modalBg", style: {
+                                    padding: "2px",
+                                    position: "absolute",
+                                    bottom: -2,
+                                    right: -2,
+                                    display: "flex",
+                                    borderRadius: radius.full,
+                                }, children: _jsx(Img, { src: props.chain?.icon, client: props.client, width: iconSize.sm, height: iconSize.sm, style: {
+                                        borderRadius: radius.full,
+                                    } }) }))] }), props.selectedToken ? (_jsxs(Container, { flex: "column", style: { gap: "3px" }, children: [props.selectedToken?.isFetching ? (_jsx(Skeleton, { width: "60px", height: fontSize.md })) : (_jsx(Text, { size: "md", color: "primaryText", weight: 500, children: props.selectedToken?.data?.symbol })), props.chain ? (_jsx(Text, { size: "xs", color: "secondaryText", style: {
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap",
+                                }, children: cleanedChainName(props.chain.name) })) : (_jsx(Skeleton, { width: "140px", height: fontSize.sm }))] })) : (_jsxs(Container, { flex: "column", style: { gap: "3px" }, children: [_jsx(Text, { size: "md", color: "primaryText", weight: 500, children: "Select Token" }), _jsx(Text, { size: "xs", color: "secondaryText", children: "Required" })] }))] }), _jsx(Container, { color: "secondaryText", flex: "row", center: "both", borderColor: "borderColor", style: {
+                    borderRadius: radius.full,
+                    borderWidth: 1,
+                    borderStyle: "solid",
+                    padding: spacing.xs,
+                }, children: _jsx(ChevronDownIcon, { width: iconSize.sm, height: iconSize.sm }) })] }));
+}
+//# sourceMappingURL=selected-token-button.js.map

package/dist/esm/react/web/ui/Bridge/common/selected-token-button.js.map

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

package/dist/esm/react/web/ui/Bridge/common/token-balance.js

@@ -0,0 +1,17 @@
+import { defineChain } from "../../../../../chains/utils.js";
+import { NATIVE_TOKEN_ADDRESS } from "../../../../../constants/addresses.js";
+import { getAddress } from "../../../../../utils/address.js";
+import { useWalletBalance } from "../../../../core/hooks/others/useWalletBalance.js";
+export function useTokenBalance(props) {
+    return useWalletBalance({
+        address: props.walletAddress,
+        chain: props.chainId ? defineChain(props.chainId) : undefined,
+        client: props.client,
+        tokenAddress: props.tokenAddress
+            ? getAddress(props.tokenAddress) === getAddress(NATIVE_TOKEN_ADDRESS)
+                ? undefined
+                : getAddress(props.tokenAddress)
+            : undefined,
+    });
+}
+//# sourceMappingURL=token-balance.js.map

package/dist/esm/react/web/ui/Bridge/common/token-balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-balance.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/token-balance.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AAErF,MAAM,UAAU,eAAe,CAAC,KAK/B;IACC,OAAO,gBAAgB,CAAC;QACtB,OAAO,EAAE,KAAK,CAAC,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;QAC7D,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY;YAC9B,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,UAAU,CAAC,oBAAoB,CAAC;gBACnE,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;AACL,CAAC"}