thirdweb 5.105.48 → 5.106.0

package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js

@@ -35,9 +35,8 @@ function SuccessScreen({ uiOptions, preparedQuote, completedStatuses, onDone, wi
     if (viewState === "detail") {
         return ((0, jsx_runtime_1.jsx)(PaymentReceipt_js_1.PaymentReceipt, { completedStatuses: completedStatuses, onBack: () => setViewState("success"), preparedQuote: preparedQuote, windowAdapter: windowAdapter }));
     }
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", fullHeight: true, p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Payment Complete" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "x", flex: "column", gap: "md", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", flex: "row", style: {
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", fullHeight: true, px: "md", pb: "md", pt: "md+", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Payment Complete" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "x", flex: "column", gap: "md", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", flex: "row", style: {
                             animation: "successBounce 0.6s ease-out",
-                            backgroundColor: theme.colors.tertiaryBg,
                             border: `2px solid ${theme.colors.success}`,
                             borderRadius: "50%",
                             height: "64px",
@@ -45,11 +44,13 @@ function SuccessScreen({ uiOptions, preparedQuote, completedStatuses, onDone, wi
                             width: "64px",
                         }, children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { color: theme.colors.success, height: index_js_1.iconSize.xl, style: {
                                 animation: "checkAppear 0.3s ease-out 0.3s both",
-                            }, width: index_js_1.iconSize.xl }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "primaryText", size: "xl", children: "Payment Successful!" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "secondaryText", size: "sm", children: hasPaymentId
-                            ? "You can now close this page and return to the application."
-                            : uiOptions.mode === "transaction"
-                                ? "Click continue to execute your transaction."
-                                : "Your payment has been completed successfully." })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "sm", style: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: () => setViewState("detail"), variant: "secondary", children: "View Payment Receipt" }), !hasPaymentId && ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: onDone, variant: "accent", children: uiOptions.mode === "transaction" ? "Continue" : "Done" }))] }), (0, jsx_runtime_1.jsx)("style", { children: `
+                            }, width: index_js_1.iconSize.xl }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "primaryText", size: "xl", weight: 600, trackingTight: true, style: {
+                                    marginBottom: index_js_1.spacing.xxs,
+                                }, children: "Payment Successful!" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "secondaryText", size: "sm", children: hasPaymentId
+                                    ? "You can now close this page and return to the application."
+                                    : uiOptions.mode === "transaction"
+                                        ? "Click continue to execute your transaction."
+                                        : "Your payment has been completed successfully." })] })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "sm", style: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: () => setViewState("detail"), variant: "secondary", children: "View Payment Receipt" }), !hasPaymentId && ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: onDone, variant: "accent", children: uiOptions.mode === "transaction" ? "Continue" : "Done" }))] }), (0, jsx_runtime_1.jsx)("style", { children: `
           @keyframes successBounce {
             0% {
               transform: scale(0.3);

package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js.map

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

package/dist/cjs/react/web/ui/Bridge/swap-widget/SearchInput.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchInput = SearchInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_icons_1 = require("@radix-ui/react-icons");
+const index_js_1 = require("../../../../core/design-system/index.js");
+const basic_js_1 = require("../../components/basic.js");
+const formElements_js_1 = require("../../components/formElements.js");
+function SearchInput(props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: "relative",
+        }, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { color: "secondaryText", children: (0, jsx_runtime_1.jsx)(react_icons_1.MagnifyingGlassIcon, { width: index_js_1.iconSize.md, height: index_js_1.iconSize.md, style: {
+                        position: "absolute",
+                        left: index_js_1.spacing.sm,
+                        top: "50%",
+                        borderRadius: index_js_1.radius.lg,
+                        transform: "translateY(-50%)",
+                    } }) }), (0, jsx_runtime_1.jsx)(formElements_js_1.Input, { variant: "outline", placeholder: props.placeholder, value: props.value, style: {
+                    paddingLeft: "44px",
+                }, onChange: (e) => props.onChange(e.target.value) })] }));
+}
+//# sourceMappingURL=SearchInput.js.map

package/dist/cjs/react/web/ui/Bridge/swap-widget/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/SearchInput.tsx"],"names":[],"mappings":";;AASA,kCAoCC;;AA7CD,uDAA4D;AAC5D,sEAIiD;AACjD,wDAAsD;AACtD,sEAAyD;AAEzD,SAAgB,WAAW,CAAC,KAI3B;IACC,OAAO,CACL,iCACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;SACrB,aAED,uBAAC,oBAAS,IAAC,KAAK,EAAC,eAAe,YAC9B,uBAAC,iCAAmB,IAClB,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,mBAAQ,CAAC,EAAE,EACnB,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,kBAAO,CAAC,EAAE;wBAChB,GAAG,EAAE,KAAK;wBACV,YAAY,EAAE,iBAAM,CAAC,EAAE;wBACvB,SAAS,EAAE,kBAAkB;qBAC9B,GACD,GACQ,EAEZ,uBAAC,uBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE;oBACL,WAAW,EAAE,MAAM;iBACpB,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/Bridge/swap-widget/SelectChainButton.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectChainButton = SelectChainButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_icons_1 = require("@radix-ui/react-icons");
+const index_js_1 = require("../../../../core/design-system/index.js");
+const buttons_js_1 = require("../../components/buttons.js");
+const Img_js_1 = require("../../components/Img.js");
+const utils_js_1 = require("./utils.js");
+function SelectChainButton(props) {
+    return ((0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { variant: "outline", bg: "tertiaryBg", fullWidth: true, style: {
+            justifyContent: "flex-start",
+            fontWeight: 500,
+            fontSize: index_js_1.fontSize.md,
+            padding: `${index_js_1.spacing.sm} ${index_js_1.spacing.sm}`,
+            borderRadius: index_js_1.radius.lg,
+            minHeight: "48px",
+        }, gap: "sm", onClick: props.onClick, children: [(0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: props.selectedChain.icon, client: props.client, width: index_js_1.iconSize.lg, height: index_js_1.iconSize.lg }), (0, jsx_runtime_1.jsxs)("span", { children: [" ", (0, utils_js_1.cleanedChainName)(props.selectedChain.name), " "] }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm, style: { marginLeft: "auto" } })] }));
+}
+//# sourceMappingURL=SelectChainButton.js.map

package/dist/cjs/react/web/ui/Bridge/swap-widget/SelectChainButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainButton.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/SelectChainButton.tsx"],"names":[],"mappings":";;AAaA,8CAoCC;;AAjDD,uDAAwD;AAGxD,sEAKiD;AACjD,4DAAqD;AACrD,oDAA8C;AAC9C,yCAA8C;AAE9C,SAAgB,iBAAiB,CAAC,KAIjC;IACC,OAAO,CACL,wBAAC,mBAAM,IACL,OAAO,EAAC,SAAS,EACjB,EAAE,EAAC,YAAY,EACf,SAAS,QACT,KAAK,EAAE;YACL,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,mBAAQ,CAAC,EAAE;YACrB,OAAO,EAAE,GAAG,kBAAO,CAAC,EAAE,IAAI,kBAAO,CAAC,EAAE,EAAE;YACtC,YAAY,EAAE,iBAAM,CAAC,EAAE;YACvB,SAAS,EAAE,MAAM;SAClB,EACD,GAAG,EAAC,IAAI,EACR,OAAO,EAAE,KAAK,CAAC,OAAO,aAEtB,uBAAC,YAAG,IACF,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,mBAAQ,CAAC,EAAE,GACnB,EACF,kDAAQ,IAAA,2BAAgB,EAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAE3D,uBAAC,6BAAe,IACd,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,mBAAQ,CAAC,EAAE,EACnB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAC7B,IACK,CACV,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js

@@ -0,0 +1,251 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwapWidget = SwapWidget;
+exports.SwapWidgetContainer = SwapWidgetContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const addresses_js_1 = require("../../../../../constants/addresses.js");
+const address_js_1 = require("../../../../../utils/address.js");
+const CustomThemeProvider_js_1 = require("../../../../core/design-system/CustomThemeProvider.js");
+const WindowAdapter_js_1 = require("../../../adapters/WindowAdapter.js");
+const ConnectEmbed_js_1 = require("../../ConnectWallet/Modal/ConnectEmbed.js");
+const DynamicHeight_js_1 = require("../../components/DynamicHeight.js");
+const ErrorBanner_js_1 = require("../ErrorBanner.js");
+const PaymentDetails_js_1 = require("../payment-details/PaymentDetails.js");
+const SuccessScreen_js_1 = require("../payment-success/SuccessScreen.js");
+const StepRunner_js_1 = require("../StepRunner.js");
+const hooks_js_1 = require("./hooks.js");
+const storage_js_1 = require("./storage.js");
+const swap_ui_js_1 = require("./swap-ui.js");
+const use_bridge_chains_js_1 = require("./use-bridge-chains.js");
+/**
+ * A widget for swapping tokens with cross-chain support
+ *
+ * @param props - Props of type [`SwapWidgetProps`](https://portal.thirdweb.com/references/typescript/v5/SwapWidgetProps) to configure the SwapWidget component.
+ *
+ * @example
+ * ### Basic usage
+ *
+ * By default, no tokens are selected in the widget UI.
+ *
+ * You can set specific tokens to buy or sell by default by passing the `prefill` prop. User can change these selections in the widget UI.
+ *
+ * ```tsx
+ * <SwapWidget client={client} />
+ * ```
+ *
+ * ### Set an ERC20 token to Buy by default
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  buyToken: {
+ *    // Base USDC
+ *    chainId: 8453,
+ *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+ *  },
+ * }} />
+ * ```
+ *
+ * ### Set a native token to Sell by default
+ *
+ * By not specifying a `tokenAddress`, the native token will be used.
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  // Base native token (ETH)
+ *  sellToken: {
+ *    chainId: 8453,
+ *  },
+ * }} />
+ * ```
+ *
+ * ### Set amount and token to Buy by default
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  buyToken: {
+ *    // 0.1 Base USDC
+ *    chainId: 8453,
+ *    amount: "0.1",
+ *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+ *  },
+ * }} />
+ * ```
+ *
+ * ### Set both buy and sell tokens by default
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  buyToken: {
+ *    // Base USDC
+ *    chainId: 8453,
+ *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+ *  },
+ *  sellToken: {
+ *    // Polygon native token (MATIC)
+ *    chainId: 137,
+ *  },
+ * }} />
+ * ```
+ *
+ */
+function SwapWidget(props) {
+    return ((0, jsx_runtime_1.jsx)(SwapWidgetContainer, { theme: props.theme, style: props.style, className: props.className, children: (0, jsx_runtime_1.jsx)(SwapWidgetContent, { ...props }) }));
+}
+/**
+ * @internal
+ */
+function SwapWidgetContainer(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 }) }) }));
+}
+function SwapWidgetContent(props) {
+    const [screen, setScreen] = (0, react_1.useState)({ id: "1:swap-ui" });
+    const activeWalletInfo = (0, hooks_js_1.useActiveWalletInfo)();
+    const [amountSelection, setAmountSelection] = (0, react_1.useState)(() => {
+        if (props.prefill?.buyToken?.amount) {
+            return {
+                type: "buy",
+                amount: props.prefill.buyToken.amount,
+            };
+        }
+        if (props.prefill?.sellToken?.amount) {
+            return {
+                type: "sell",
+                amount: props.prefill.sellToken.amount,
+            };
+        }
+        return {
+            type: "buy",
+            amount: "",
+        };
+    });
+    const [buyToken, setBuyToken] = (0, react_1.useState)(() => {
+        if (props.prefill?.buyToken) {
+            return {
+                tokenAddress: props.prefill.buyToken.tokenAddress ||
+                    (0, address_js_1.getAddress)(addresses_js_1.NATIVE_TOKEN_ADDRESS),
+                chainId: props.prefill.buyToken.chainId,
+            };
+        }
+        const lastUsedBuyToken = (0, storage_js_1.getLastUsedTokens)()?.buyToken;
+        // the token that will be set as initial value of sell token
+        const sellToken = getInitialSellToken(props.prefill, (0, storage_js_1.getLastUsedTokens)()?.sellToken);
+        // if both tokens are same, ignore "buyToken", keep "sellToken"
+        if (lastUsedBuyToken &&
+            sellToken &&
+            lastUsedBuyToken.tokenAddress.toLowerCase() ===
+                sellToken.tokenAddress.toLowerCase() &&
+            lastUsedBuyToken.chainId === sellToken.chainId) {
+            return undefined;
+        }
+        return lastUsedBuyToken;
+    });
+    const [sellToken, setSellToken] = (0, react_1.useState)(() => {
+        return getInitialSellToken(props.prefill, (0, storage_js_1.getLastUsedTokens)()?.sellToken);
+    });
+    // persist selections to localStorage whenever they change
+    (0, react_1.useEffect)(() => {
+        (0, storage_js_1.setLastUsedTokens)({ buyToken, sellToken });
+    }, [buyToken, sellToken]);
+    // preload requests
+    (0, use_bridge_chains_js_1.useBridgeChains)(props.client);
+    const handleError = (0, react_1.useCallback)((error, quote) => {
+        console.error(error);
+        props.onError?.(error, quote);
+        setScreen({
+            id: "error",
+            preparedQuote: quote,
+            error,
+        });
+    }, [props.onError]);
+    // if wallet suddenly disconnects, show screen 1
+    if (screen.id === "1:swap-ui" || !activeWalletInfo) {
+        return ((0, jsx_runtime_1.jsx)(swap_ui_js_1.SwapUI, { showThirdwebBranding: props.showThirdwebBranding === undefined
+                ? true
+                : props.showThirdwebBranding, client: props.client, theme: props.theme || "dark", connectOptions: props.connectOptions, currency: props.currency || "USD", activeWalletInfo: activeWalletInfo, buyToken: buyToken, sellToken: sellToken, setBuyToken: setBuyToken, setSellToken: setSellToken, amountSelection: amountSelection, setAmountSelection: setAmountSelection, onSwap: (data) => {
+                setScreen({
+                    id: "2:preview",
+                    buyToken: data.buyToken,
+                    sellToken: data.sellToken,
+                    sellTokenBalance: data.sellTokenBalance,
+                    mode: data.mode,
+                    preparedQuote: data.result,
+                    request: data.request,
+                    quote: data.result,
+                });
+            } }));
+    }
+    if (screen.id === "2:preview") {
+        return ((0, jsx_runtime_1.jsx)(PaymentDetails_js_1.PaymentDetails, { title: "Review Swap", confirmButtonLabel: "Swap", client: props.client, onBack: () => {
+                setScreen({ id: "1:swap-ui" });
+            }, onConfirm: () => {
+                setScreen({
+                    ...screen,
+                    id: "3:execute",
+                });
+            }, onError: (error) => handleError(error, screen.preparedQuote), paymentMethod: {
+                quote: screen.quote,
+                type: "wallet",
+                payerWallet: activeWalletInfo.activeWallet,
+                balance: screen.sellTokenBalance,
+                originToken: screen.sellToken,
+                action: screen.mode,
+            }, preparedQuote: screen.preparedQuote, uiOptions: {
+                destinationToken: screen.buyToken,
+                mode: "fund_wallet",
+                currency: props.currency,
+            } }));
+    }
+    if (screen.id === "3:execute") {
+        return ((0, jsx_runtime_1.jsx)(StepRunner_js_1.StepRunner, { title: "Processing Swap", autoStart: true, client: props.client, onBack: () => {
+                setScreen({
+                    ...screen,
+                    id: "2:preview",
+                    sellTokenBalance: screen.sellTokenBalance,
+                });
+            }, onCancel: () => props.onCancel?.(screen.preparedQuote), onComplete: (completedStatuses) => {
+                props.onSuccess?.(screen.preparedQuote);
+                setScreen({
+                    ...screen,
+                    id: "4:success",
+                    completedStatuses,
+                });
+            }, request: screen.request, wallet: activeWalletInfo.activeWallet, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
+    }
+    if (screen.id === "4:success") {
+        return ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen, { client: props.client, completedStatuses: screen.completedStatuses, onDone: () => {
+                setScreen({ id: "1:swap-ui" });
+                // clear amounts
+                setAmountSelection({
+                    type: "buy",
+                    amount: "",
+                });
+            }, preparedQuote: screen.preparedQuote, uiOptions: {
+                destinationToken: screen.buyToken,
+                mode: "fund_wallet",
+                currency: props.currency,
+            }, windowAdapter: WindowAdapter_js_1.webWindowAdapter, hasPaymentId: false }));
+    }
+    if (screen.id === "error") {
+        return ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { client: props.client, error: screen.error, onCancel: () => {
+                setScreen({ id: "1:swap-ui" });
+                props.onCancel?.(screen.preparedQuote);
+            }, onRetry: () => {
+                setScreen({ id: "1:swap-ui" });
+            } }));
+    }
+    return null;
+}
+function getInitialSellToken(prefill, lastUsedSellToken) {
+    if (prefill?.sellToken) {
+        return {
+            tokenAddress: prefill.sellToken.tokenAddress || (0, address_js_1.getAddress)(addresses_js_1.NATIVE_TOKEN_ADDRESS),
+            chainId: prefill.sellToken.chainId,
+        };
+    }
+    return lastUsedSellToken;
+}
+//# sourceMappingURL=SwapWidget.js.map

package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js.map

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

package/dist/cjs/react/web/ui/Bridge/swap-widget/common.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DecimalRenderer = DecimalRenderer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const text_js_1 = require("../../components/text.js");
+function DecimalRenderer(props) {
+    if (Number(props.value) > 1000) {
+        return ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: props.integerSize, color: props.color, weight: props.weight, children: compactFormatter.format(Number(props.value)) }));
+    }
+    const [integerPart, fractionPart] = props.value.split(".");
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "baseline" }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: props.integerSize, color: props.color, weight: props.weight, children: integerPart }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { size: props.fractionSize, color: props.color, weight: props.weight, children: [".", fractionPart || "00"] })] }));
+}
+const compactFormatter = new Intl.NumberFormat("en-US", {
+    notation: "compact",
+    maximumFractionDigits: 2,
+});
+//# sourceMappingURL=common.js.map

package/dist/cjs/react/web/ui/Bridge/swap-widget/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/common.tsx"],"names":[],"mappings":";;AAGA,0CA0BC;;AA5BD,sDAAgD;AAEhD,SAAgB,eAAe,CAAC,KAM/B;IACC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC;QAC/B,OAAO,CACL,uBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACpE,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GACxC,CACR,CAAC;IACJ,CAAC;IACD,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE3D,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aACrD,uBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACpE,WAAW,GACP,EACP,wBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,kBACpE,YAAY,IAAI,IAAI,IACjB,IACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;IACtD,QAAQ,EAAE,SAAS;IACnB,qBAAqB,EAAE,CAAC;CACzB,CAAC,CAAC"}

package/dist/cjs/react/web/ui/Bridge/swap-widget/hooks.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveWalletInfo = useActiveWalletInfo;
+const react_1 = require("react");
+const useActiveAccount_js_1 = require("../../../../core/hooks/wallets/useActiveAccount.js");
+const useActiveWallet_js_1 = require("../../../../core/hooks/wallets/useActiveWallet.js");
+const useActiveWalletChain_js_1 = require("../../../../core/hooks/wallets/useActiveWalletChain.js");
+function useActiveWalletInfo() {
+    const activeAccount = (0, useActiveAccount_js_1.useActiveAccount)();
+    const activeWallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    const activeChain = (0, useActiveWalletChain_js_1.useActiveWalletChain)();
+    return (0, react_1.useMemo)(() => {
+        return activeAccount && activeWallet && activeChain
+            ? {
+                activeChain,
+                activeWallet,
+                activeAccount,
+            }
+            : undefined;
+    }, [activeAccount, activeWallet, activeChain]);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/react/web/ui/Bridge/swap-widget/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/hooks.ts"],"names":[],"mappings":";;AAMA,kDAcC;AApBD,iCAAgC;AAChC,4FAAsF;AACtF,0FAAoF;AACpF,oGAA8F;AAG9F,SAAgB,mBAAmB;IACjC,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACzC,MAAM,YAAY,GAAG,IAAA,oCAAe,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAE3C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,OAAO,aAAa,IAAI,YAAY,IAAI,WAAW;YACjD,CAAC,CAAC;gBACE,WAAW;gBACX,YAAY;gBACZ,aAAa;aACd;YACH,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACjD,CAAC"}

package/dist/cjs/react/web/ui/Bridge/swap-widget/select-chain.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectBridgeChain = SelectBridgeChain;
+exports.SelectBridgeChainUI = SelectBridgeChainUI;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+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 Img_js_1 = require("../../components/Img.js");
+const Skeleton_js_1 = require("../../components/Skeleton.js");
+const Spacer_js_1 = require("../../components/Spacer.js");
+const text_js_1 = require("../../components/text.js");
+const SearchInput_js_1 = require("./SearchInput.js");
+const use_bridge_chains_js_1 = require("./use-bridge-chains.js");
+const utils_js_1 = require("./utils.js");
+/**
+ * @internal
+ */
+function SelectBridgeChain(props) {
+    const chainQuery = (0, use_bridge_chains_js_1.useBridgeChains)(props.client);
+    return ((0, jsx_runtime_1.jsx)(SelectBridgeChainUI, { ...props, isPending: chainQuery.isPending, onSelectChain: props.onSelectChain, chains: chainQuery.data ?? [] }));
+}
+/**
+ * @internal
+ */
+function SelectBridgeChainUI(props) {
+    const [search, setSearch] = (0, react_1.useState)("");
+    const filteredChains = props.chains.filter((chain) => {
+        return chain.name.toLowerCase().includes(search.toLowerCase());
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { px: "md", py: "md+", children: (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { onBack: props.onBack, title: "Select Chain" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { px: "md", style: {
+                    paddingBottom: 0,
+                }, children: (0, jsx_runtime_1.jsx)(SearchInput_js_1.SearchInput, { value: search, onChange: setSearch, placeholder: "Search Chain" }) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { px: "md", flex: "column", style: {
+                    height: "400px",
+                    overflowY: "auto",
+                    scrollbarWidth: "none",
+                    paddingBottom: index_js_1.spacing.md,
+                }, children: [filteredChains.map((chain) => ((0, jsx_runtime_1.jsx)(ChainButton, { chain: chain, client: props.client, onClick: () => props.onSelectChain(chain), isSelected: chain.chainId === props.selectedChain?.chainId }, chain.chainId))), props.isPending &&
+                        new Array(20).fill(0).map(() => (
+                        // biome-ignore lint/correctness/useJsxKeyInIterable: ok
+                        (0, jsx_runtime_1.jsx)(ChainButtonSkeleton, {}))), filteredChains.length === 0 && !props.isPending && ((0, jsx_runtime_1.jsx)("div", { style: {
+                            flex: 1,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                        }, children: (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "secondaryText", size: "md", center: true, multiline: true, children: ["No chains found for \"", search, "\""] }) }))] })] }));
+}
+function ChainButtonSkeleton() {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            gap: index_js_1.spacing.sm,
+            padding: `${index_js_1.spacing.sm} ${index_js_1.spacing.sm}`,
+        }, children: [(0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: `${index_js_1.iconSize.lg}px`, width: `${index_js_1.iconSize.lg}px` }), (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: index_js_1.fontSize.md, width: "160px" })] }));
+}
+function ChainButton(props) {
+    return ((0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { variant: props.isSelected ? "secondary" : "ghost-solid", fullWidth: true, style: {
+            justifyContent: "flex-start",
+            fontWeight: 500,
+            fontSize: index_js_1.fontSize.md,
+            border: "1px solid transparent",
+            padding: `${index_js_1.spacing.sm} ${index_js_1.spacing.sm}`,
+        }, gap: "sm", onClick: props.onClick, children: [(0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: props.chain.icon, client: props.client, width: index_js_1.iconSize.lg, height: index_js_1.iconSize.lg }), (0, utils_js_1.cleanedChainName)(props.chain.name)] }));
+}
+//# sourceMappingURL=select-chain.js.map

package/dist/cjs/react/web/ui/Bridge/swap-widget/select-chain.js.map

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