@rhinestone/deposit-modal 0.3.0-alpha.6 → 0.3.0-alpha.7

package/dist/{chunk-CTYKQ4B4.mjs → chunk-7VKAUBZ7.mjs}

@@ -4,12 +4,14 @@ import {
   getChainIcon,
   getChainName,
   getExplorerTxUrl,
+  getSolanaTokenByMint,
   getSupportedChainIds,
+  getTargetTokenSymbol,
   getTokenAddress,
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-VA3ANS7D.mjs";
+} from "./chunk-UCZXBHLH.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -174,14 +176,14 @@ function TransferCryptoIcon() {
     {
       width: "24",
       height: "24",
-      viewBox: "0 6 24 24",
+      viewBox: "8 8 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: /* @__PURE__ */ jsx2(
         "path",
         {
-          d: "M18.0898 16.3701C19.0352 16.7225 19.8763 17.3076 20.5356 18.0713C21.1949 18.835 21.6509 19.7526 21.8616 20.7392C22.0723 21.7258 22.0307 22.7496 21.7409 23.716C21.451 24.6823 20.9222 25.5599 20.2033 26.2677C19.4844 26.9755 18.5986 27.4906 17.6278 27.7653C16.6571 28.0401 15.6327 28.0656 14.6495 27.8396C13.6663 27.6135 12.756 27.1432 12.0027 26.4721C11.2494 25.801 10.6775 24.9508 10.3398 24.0001M7 12H8V16M16.7098 19.8799L17.4098 20.5899L14.5898 23.4099M14 14C14 17.3137 11.3137 20 8 20C4.68629 20 2 17.3137 2 14C2 10.6863 4.68629 8 8 8C11.3137 8 14 10.6863 14 14Z",
+          d: "M26.0898 18.3701C27.0352 18.7225 27.8763 19.3076 28.5356 20.0713C29.1949 20.835 29.6509 21.7526 29.8616 22.7392C30.0723 23.7258 30.0307 24.7496 29.7409 25.716C29.451 26.6823 28.9222 27.5599 28.2033 28.2677C27.4844 28.9755 26.5986 29.4906 25.6278 29.7653C24.6571 30.0401 23.6327 30.0656 22.6495 29.8396C21.6663 29.6135 20.756 29.1432 20.0027 28.4721C19.2494 27.801 18.6775 26.9508 18.3398 26.0001M15 14H16V18M24.7098 21.8799L25.4098 22.5899L22.5898 25.4099M22 16C22 19.3137 19.3137 22 16 22C12.6863 22 10 19.3137 10 16C10 12.6863 12.6863 10 16 10C19.3137 10 22 12.6863 22 16Z",
           stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
@@ -196,7 +198,6 @@ var ChevronLeftIcon = ChevronLeft;
 var ChevronDownIcon = ChevronDown;
 var CloseIcon = X;
 var HandCoinsIcon = HandCoins;
-var CoinsIcon = Coins;
 var HistoryIcon = History;
 var InfoIcon = Info;
 var CopyIcon = Copy;
@@ -266,6 +267,9 @@ var SOLANA_MAINNET_CAIP2 = `solana:${SOLANA_MAINNET_GENESIS}`;
 function toEvmCaip2(chainId) {
   return `eip155:${chainId}`;
 }
+function targetChainToCaip2(targetChain) {
+  return targetChain === "solana" ? SOLANA_MAINNET_CAIP2 : toEvmCaip2(targetChain);
+}
 function parseEvmChainId(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
     return value;
@@ -512,9 +516,9 @@ function createDepositService(baseUrl, options) {
           error,
           { status: response.status, ownerAddress: params.ownerAddress }
         );
-        throw new Error(
-          error.error || `Setup account failed: ${response.status}`
-        );
+        const detail = Array.isArray(error.details) ? error.details.map((d) => d?.message).filter(Boolean).join("; ") : void 0;
+        const base = error.error || `Setup account failed: ${response.status}`;
+        throw new Error(detail ? `${base}: ${detail}` : base);
       }
       const normalized = normalizeSetupAccountResponse(await response.json());
       debugLog(debug, scope, "setupAccount:success", {
@@ -795,6 +799,46 @@ function createDepositService(baseUrl, options) {
       });
       return result;
     },
+    async submitPolymarketWithdraw(params) {
+      const { depositWallet, owner, nonce, deadline, calls, signature } = params;
+      const url = apiUrl(`/polymarket/withdraw`);
+      debugLog(debug, scope, "submitPolymarketWithdraw:request", {
+        url,
+        depositWallet,
+        owner,
+        nonce,
+        callCount: calls.length
+      });
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          depositWallet,
+          owner,
+          nonce,
+          deadline,
+          calls,
+          signature
+        })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "submitPolymarketWithdraw:failed", error, {
+          status: response.status,
+          depositWallet,
+          owner
+        });
+        throw new Error(
+          error.error || `Polymarket withdraw failed: ${response.status}`
+        );
+      }
+      const result = await response.json();
+      debugLog(debug, scope, "submitPolymarketWithdraw:success", {
+        depositWallet,
+        txHash: result?.txHash ? shortRef(result.txHash) : void 0
+      });
+      return result;
+    },
     async fetchDepositHistory(params) {
       const searchParams = new URLSearchParams({ recipient: params.recipient });
       searchParams.set("limit", String(params.limit ?? 20));
@@ -836,6 +880,16 @@ function createDepositService(baseUrl, options) {
       return { deposits, nextCursor };
     },
     async checkLiquidity(params) {
+      if (params.destinationChainId === "solana") {
+        const token = getSolanaTokenByMint(params.destinationToken);
+        return {
+          hasLiquidity: true,
+          symbol: token?.symbol ?? "Token",
+          decimals: token?.decimals ?? 9,
+          unlimited: true,
+          maxAmount: null
+        };
+      }
       const searchParams = new URLSearchParams({
         sourceChainId: String(params.sourceChainId),
         sourceToken: params.sourceToken,
@@ -878,6 +932,36 @@ function createDepositService(baseUrl, options) {
         maxAmount: result.maxAmount
       });
       return result;
+    },
+    async fetchPrices(symbols) {
+      const list = symbols.filter((s) => s.length > 0);
+      if (list.length === 0) return {};
+      const url = apiUrl(
+        `/prices?${new URLSearchParams({ symbols: list.join(",") }).toString()}`
+      );
+      try {
+        const response = await fetch(url, {
+          method: "GET",
+          headers: { "Content-Type": "application/json" },
+          cache: "no-store"
+        });
+        if (!response.ok) {
+          debugError(debug, scope, "fetchPrices:failed", {
+            status: response.status
+          });
+          return {};
+        }
+        const data = await response.json();
+        return Object.fromEntries(
+          Object.entries(data.prices ?? {}).map(([symbol, price]) => [
+            symbol.toUpperCase(),
+            price
+          ])
+        );
+      } catch (err) {
+        debugError(debug, scope, "fetchPrices:error", err);
+        return {};
+      }
     }
   };
 }
@@ -1663,7 +1747,7 @@ function ConnectStep({
         rows.map((row) => {
           const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
           const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? row.errorReason ?? "Couldn't prepare wallet \u2014 tap to retry" : shorten(row.address);
-          const showInlineDisconnect = collapseToExternal && Boolean(onDisconnect) && row.state !== "loading";
+          const showInlineDisconnect = Boolean(onSelectTransferCrypto) && Boolean(onDisconnect) && row.state !== "loading";
           return /* @__PURE__ */ jsx8(
             ListRow,
             {
@@ -1754,7 +1838,8 @@ var currencyFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 2
 });
 var tokenFormatter = new Intl.NumberFormat("en-US", {
-  maximumFractionDigits: 6
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 5
 });
 function formatUserError(raw) {
   const lower = raw.toLowerCase();
@@ -1953,6 +2038,46 @@ function Tooltip({ content, children, className }) {
 }
 Tooltip.displayName = "Tooltip";
 
+// src/components/ui/Callout.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function CircleAlertIcon() {
+  return /* @__PURE__ */ jsx11(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx11(
+        "path",
+        {
+          d: "M10 5.99992L6 9.99992M6 5.99992L10 9.99992M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8 14.6666C4.3181 14.6666 1.33333 11.6818 1.33333 7.99992C1.33333 4.31802 4.3181 1.33325 8 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992Z",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Callout({ variant = "error", children, role }) {
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: `rs-callout rs-callout--${variant}`,
+      role: role ?? (variant === "error" ? "alert" : "status"),
+      children: [
+        /* @__PURE__ */ jsx11("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx11(CircleAlertIcon, {}) : /* @__PURE__ */ jsx11(AlertTriangleIcon, {}) }),
+        /* @__PURE__ */ jsx11("span", { className: "rs-callout-text", children })
+      ]
+    }
+  );
+}
+Callout.displayName = "Callout";
+
 // src/core/webhook.ts
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -2039,9 +2164,9 @@ function txRefsMatch(a, b) {
 }
 
 // src/components/steps/ProcessingStep.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function SuccessBadge() {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "40",
@@ -2051,7 +2176,7 @@ function SuccessBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "rect",
           {
             width: "40",
@@ -2060,7 +2185,7 @@ function SuccessBadge() {
             fill: "var(--rs-icon-wrapper-bg)"
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "path",
           {
             d: "M28 14L17 25L12 20",
@@ -2075,7 +2200,7 @@ function SuccessBadge() {
   );
 }
 function FailedBadge() {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "40",
@@ -2085,8 +2210,8 @@ function FailedBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx11("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
+        /* @__PURE__ */ jsx12(
           "path",
           {
             d: "M26 14L14 26M14 14L26 26",
@@ -2562,10 +2687,8 @@ function ProcessingStep({
   void delayPhaseId;
   void hasEscalatedDelay;
   const targetSymbol = (() => {
-    if (typeof targetToken === "string" && /^0x[a-fA-F0-9]{40}$/.test(targetToken)) {
-      return getTokenSymbol(targetToken, targetChain);
-    }
-    return providedSourceSymbol ?? "USDC";
+    const resolved = getTargetTokenSymbol(targetToken, targetChain);
+    return resolved !== "Token" ? resolved : providedSourceSymbol ?? "USDC";
   })();
   const targetTokenIcon = getTokenIcon(targetSymbol);
   const sourceChainIcon = getChainIcon(displaySourceChain);
@@ -2578,23 +2701,23 @@ function ProcessingStep({
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = onRetry ?? onNewDeposit;
-  const headerContent = isComplete ? /* @__PURE__ */ jsxs9("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx11(SuccessBadge, {}),
-    /* @__PURE__ */ jsx11("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx11("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : isFailed ? /* @__PURE__ */ jsxs9("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx11(FailedBadge, {}),
-    /* @__PURE__ */ jsx11("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx11("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : /* @__PURE__ */ jsx11(BodyHeader, { icon: /* @__PURE__ */ jsx11(WalletIcon, {}), title: stateTitle });
-  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  const headerContent = isComplete ? /* @__PURE__ */ jsxs10("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx12(SuccessBadge, {}),
+    /* @__PURE__ */ jsx12("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx12("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : isFailed ? /* @__PURE__ */ jsxs10("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx12(FailedBadge, {}),
+    /* @__PURE__ */ jsx12("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx12("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : /* @__PURE__ */ jsx12(BodyHeader, { icon: /* @__PURE__ */ jsx12(WalletIcon, {}), title: stateTitle });
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       headerContent,
-      /* @__PURE__ */ jsxs9("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx11("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: sourceChainIcon, alt: "" }) }),
-            sourceExplorerUrl && /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs10("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx12("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx12("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx12("img", { src: sourceChainIcon, alt: "" }) }),
+            sourceExplorerUrl && /* @__PURE__ */ jsx12(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -2602,17 +2725,17 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View source transaction",
-                children: /* @__PURE__ */ jsx11(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx12(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx11("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: targetChainIcon, alt: "" }) }),
-            destExplorerUrl && /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx12("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx12("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx12("img", { src: targetChainIcon, alt: "" }) }),
+            destExplorerUrl && /* @__PURE__ */ jsx12(
               "a",
               {
                 href: destExplorerUrl,
@@ -2620,64 +2743,61 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View destination transaction",
-                children: /* @__PURE__ */ jsx11(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx12(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: isProcessing ? "Estimated time" : "Total time" }),
-          /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-value", children: isProcessing ? estimatedTime : totalTimeText })
+        /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: isProcessing ? "Estimated time" : "Total time" }),
+          /* @__PURE__ */ jsx12("span", { className: "rs-review-detail-value", children: isProcessing ? estimatedTime : totalTimeText })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: "You send" }),
+          /* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs10("span", { children: [
               formattedReceivedAmount,
               " ",
               sourceSymbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx12("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx12("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: "Receive" }),
+          /* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs10("span", { children: [
               "~",
               formattedReceivedAmount,
               " ",
               targetSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx12("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx12("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: "Balance" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: "Balance" }),
+          /* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
             "$",
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx11("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx12("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx12(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
-                children: "$0.05"
+                children: "$0.04"
               }
             ),
-            /* @__PURE__ */ jsx11(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx11(InfoIcon, {}) }) })
+            /* @__PURE__ */ jsx12(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx12("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx12(InfoIcon, {}) }) })
           ] })
         ] })
       ] }),
-      isFailed && failureMessage && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-error", role: "alert", children: [
-        /* @__PURE__ */ jsx11(AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
-        /* @__PURE__ */ jsx11("span", { children: failureMessage })
-      ] }),
-      isProcessing && /* @__PURE__ */ jsx11(
+      isFailed && failureMessage && /* @__PURE__ */ jsx12(Callout, { variant: "error", children: failureMessage }),
+      isProcessing && /* @__PURE__ */ jsx12(
         Button,
         {
           fullWidth: true,
@@ -2687,19 +2807,19 @@ function ProcessingStep({
           children: "Submitting transaction..."
         }
       ),
-      isComplete && /* @__PURE__ */ jsxs9("div", { className: "rs-screen-button-row", children: [
-        onNewDeposit && /* @__PURE__ */ jsxs9(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
+      isComplete && /* @__PURE__ */ jsxs10("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsxs10(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] }),
-        onClose && /* @__PURE__ */ jsx11(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+        onClose && /* @__PURE__ */ jsx12(Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] }),
-      isFailed && /* @__PURE__ */ jsxs9("div", { className: "rs-screen-button-row", children: [
-        onClose && /* @__PURE__ */ jsx11(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
-        handleRetry && /* @__PURE__ */ jsx11(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
+      isFailed && /* @__PURE__ */ jsxs10("div", { className: "rs-screen-button-row", children: [
+        onClose && /* @__PURE__ */ jsx12(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
+        handleRetry && /* @__PURE__ */ jsx12(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx11(PoweredBy, {})
+    /* @__PURE__ */ jsx12(PoweredBy, {})
   ] });
 }
 
@@ -3058,11 +3178,10 @@ export {
   WalletIcon,
   ExternalLinkIcon,
   CheckIcon,
+  TransferCryptoIcon,
   ChevronLeftIcon,
   ChevronDownIcon,
   CloseIcon,
-  HandCoinsIcon,
-  CoinsIcon,
   HistoryIcon,
   InfoIcon,
   CopyIcon,
@@ -3073,14 +3192,15 @@ export {
   PlusCircleIcon,
   CircleArrowOutUpLeftIcon,
   BodyHeader,
-  ListRow,
   PoweredBy,
   Spinner,
   ConnectStep,
   Button,
+  Callout,
   debugLog,
   debugError,
   toEvmCaip2,
+  targetChainToCaip2,
   parseEvmChainId,
   isSolanaCaip2,
   getAssetId,