@rhinestone/deposit-modal 0.1.67 → 0.1.68

package/dist/{chunk-UDKZWFCM.cjs → chunk-J7ILKS5N.cjs}

@@ -1226,6 +1226,103 @@ function QRCode({ value, size = 200, iconSrc, className }) {
 }
 QRCode.displayName = "QRCode";
 
+// src/components/ui/Tooltip.tsx
+
+
+
+
+
+
+var _reactdom = require('react-dom');
+
+function Tooltip({ content, children, className }) {
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [position, setPosition] = _react.useState.call(void 0, null);
+  const triggerRef = _react.useRef.call(void 0, null);
+  const bubbleRef = _react.useRef.call(void 0, null);
+  const updatePosition = _react.useCallback.call(void 0, () => {
+    const trigger = triggerRef.current;
+    if (!trigger) return;
+    const rect = trigger.getBoundingClientRect();
+    setPosition({
+      top: rect.top,
+      left: rect.left + rect.width / 2
+    });
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    updatePosition();
+    function handleOutside(event) {
+      const target = event.target;
+      if (!target) return;
+      if (_optionalChain([triggerRef, 'access', _27 => _27.current, 'optionalAccess', _28 => _28.contains, 'call', _29 => _29(target)])) return;
+      if (_optionalChain([bubbleRef, 'access', _30 => _30.current, 'optionalAccess', _31 => _31.contains, 'call', _32 => _32(target)])) return;
+      setOpen(false);
+    }
+    function handleKey(event) {
+      if (event.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", handleOutside);
+    document.addEventListener("touchstart", handleOutside);
+    document.addEventListener("keydown", handleKey);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      document.removeEventListener("mousedown", handleOutside);
+      document.removeEventListener("touchstart", handleOutside);
+      document.removeEventListener("keydown", handleKey);
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [open, updatePosition]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "span",
+    {
+      ref: triggerRef,
+      className: `rs-tooltip ${_nullishCoalesce(className, () => ( ""))}`,
+      onMouseEnter: () => setOpen(true),
+      onMouseLeave: () => setOpen(false),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: "rs-tooltip-trigger",
+            role: "button",
+            tabIndex: 0,
+            "aria-label": content,
+            onClick: (event) => {
+              event.stopPropagation();
+              event.preventDefault();
+              setOpen((value) => !value);
+            },
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                setOpen((value) => !value);
+              }
+            },
+            children
+          }
+        ),
+        open && position && typeof document !== "undefined" && _reactdom.createPortal.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              ref: bubbleRef,
+              className: "rs-tooltip-bubble",
+              role: "tooltip",
+              style: { top: position.top, left: position.left },
+              children: content
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+Tooltip.displayName = "Tooltip";
+
 // src/components/ui/DepositNotification.tsx
 
 
@@ -1265,7 +1362,7 @@ function formatTimestamp(ms) {
   return `${month} ${day}${suffix} \xB7 ${hours}:${minutes}:${seconds}`;
 }
 function formatBridgeFailedMessage(event) {
-  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _27 => _27.data]), () => ( {}));
+  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _33 => _33.data]), () => ( {}));
   const backendMessage = typeof eventData.message === "string" ? eventData.message.trim() : "";
   if (backendMessage.length > 0) {
     const lower = backendMessage.toLowerCase();
@@ -1348,7 +1445,7 @@ function DepositNotification({
       setCompletedAt(Date.now());
       setStatus("complete");
       const context = depositContextRef.current;
-      _optionalChain([onCompleteRef, 'access', _28 => _28.current, 'optionalCall', _29 => _29(txHash, destTxHash, {
+      _optionalChain([onCompleteRef, 'access', _34 => _34.current, 'optionalCall', _35 => _35(txHash, destTxHash, {
         amount: context.amount,
         sourceChain: context.sourceChain,
         sourceToken: context.sourceToken,
@@ -1363,7 +1460,7 @@ function DepositNotification({
       if (completedRef.current) return;
       completedRef.current = true;
       setStatus("failed");
-      _optionalChain([onFailedRef, 'access', _30 => _30.current, 'optionalCall', _31 => _31(txHash, error)]);
+      _optionalChain([onFailedRef, 'access', _36 => _36.current, 'optionalCall', _37 => _37(txHash, error)]);
     },
     [onFailedRef, txHash]
   );
@@ -1381,30 +1478,30 @@ function DepositNotification({
         const lastEvent = data.lastEvent;
         const eventForTx = isEventForTx(lastEvent, txHash) ? lastEvent : void 0;
         const awaitingPostBridgeSwap = depositContextRef.current.waitForFinalTx && depositContextRef.current.hasPostBridgeActions;
-        if (_optionalChain([eventForTx, 'optionalAccess', _32 => _32.type]) === "post-bridge-swap-complete") {
-          const swapTxHash = _optionalChain([eventForTx, 'access', _33 => _33.data, 'optionalAccess', _34 => _34.swap, 'optionalAccess', _35 => _35.transactionHash]);
+        if (_optionalChain([eventForTx, 'optionalAccess', _38 => _38.type]) === "post-bridge-swap-complete") {
+          const swapTxHash = _optionalChain([eventForTx, 'access', _39 => _39.data, 'optionalAccess', _40 => _40.swap, 'optionalAccess', _41 => _41.transactionHash]);
           handleComplete(swapTxHash);
           return;
         }
-        if (_optionalChain([eventForTx, 'optionalAccess', _36 => _36.type]) === "post-bridge-swap-failed") {
+        if (_optionalChain([eventForTx, 'optionalAccess', _42 => _42.type]) === "post-bridge-swap-failed") {
           handleFailed(formatBridgeFailedMessage(eventForTx));
           return;
         }
-        if (_optionalChain([eventForTx, 'optionalAccess', _37 => _37.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
-          const destTx = _optionalChain([eventForTx, 'access', _38 => _38.data, 'optionalAccess', _39 => _39.destination, 'optionalAccess', _40 => _40.transactionHash]);
+        if (_optionalChain([eventForTx, 'optionalAccess', _43 => _43.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
+          const destTx = _optionalChain([eventForTx, 'access', _44 => _44.data, 'optionalAccess', _45 => _45.destination, 'optionalAccess', _46 => _46.transactionHash]);
           handleComplete(destTx);
           return;
         }
-        if (!waitForFinalTx && _optionalChain([eventForTx, 'optionalAccess', _41 => _41.type]) === "bridge-started") {
+        if (!waitForFinalTx && _optionalChain([eventForTx, 'optionalAccess', _47 => _47.type]) === "bridge-started") {
           handleComplete(void 0);
           return;
         }
-        if (_optionalChain([eventForTx, 'optionalAccess', _42 => _42.type]) === "bridge-failed") {
+        if (_optionalChain([eventForTx, 'optionalAccess', _48 => _48.type]) === "bridge-failed") {
           handleFailed(formatBridgeFailedMessage(eventForTx));
           return;
         }
-        if (_optionalChain([eventForTx, 'optionalAccess', _43 => _43.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForTx, 'access', _44 => _44.data, 'optionalAccess', _45 => _45.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForTx, 'optionalAccess', _49 => _49.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForTx, 'access', _50 => _50.data, 'optionalAccess', _51 => _51.message]), () => ( "Unknown error"));
           handleFailed(errorMessage);
           return;
         }
@@ -1600,7 +1697,7 @@ var DEFAULT_SOLANA_RPC_URL = "https://api.mainnet.solana.com";
 var configuredSolanaRpcUrl = null;
 var cachedConnections = /* @__PURE__ */ new Map();
 function configureSolanaRpcUrl(rpcUrl) {
-  const normalized = _optionalChain([rpcUrl, 'optionalAccess', _46 => _46.trim, 'call', _47 => _47()]);
+  const normalized = _optionalChain([rpcUrl, 'optionalAccess', _52 => _52.trim, 'call', _53 => _53()]);
   configuredSolanaRpcUrl = normalized ? normalized : null;
   cachedConnections.clear();
 }
@@ -1735,7 +1832,7 @@ function resolveSolanaTokenMeta(token) {
   return {};
 }
 function getDepositEventDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _48 => _48.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _54 => _54.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     const chainId = asChainId(event.data.chain);
     const token = asString(event.data.token);
@@ -1749,12 +1846,12 @@ function getDepositEventDetails(event) {
   }
   if (event.type === "bridge-started") {
     const source = isRecord(event.data.source) ? event.data.source : void 0;
-    const chainId = asChainId(_optionalChain([source, 'optionalAccess', _49 => _49.chain]));
-    const token = asString(_optionalChain([source, 'optionalAccess', _50 => _50.asset]));
+    const chainId = asChainId(_optionalChain([source, 'optionalAccess', _55 => _55.chain]));
+    const token = asString(_optionalChain([source, 'optionalAccess', _56 => _56.asset]));
     const solanaMeta = chainId === "solana" ? resolveSolanaTokenMeta(token) : {};
     return {
       chainId,
-      amount: asAmount(_optionalChain([source, 'optionalAccess', _51 => _51.amount])),
+      amount: asAmount(_optionalChain([source, 'optionalAccess', _57 => _57.amount])),
       token,
       ...solanaMeta
     };
@@ -1773,6 +1870,7 @@ function DepositAddressStep({
   targetToken,
   waitForFinalTx,
   hasPostBridgeActions,
+  uiConfig,
   onDepositSubmitted,
   onDepositComplete,
   onDepositFailed,
@@ -1781,12 +1879,12 @@ function DepositAddressStep({
 }) {
   const hasSolana = Boolean(solanaDepositAddress);
   const allowedChainSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _52 => _52.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _53 => _53.sourceChains])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _58 => _58.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _59 => _59.sourceChains])]
   );
   const allowedTokenSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _54 => _54.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _55 => _55.sourceTokens])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _60 => _60.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _61 => _61.sourceTokens])]
   );
   const evmChainIds = _react.useMemo.call(void 0, () => {
     const all = _chunkMUWVDVY4cjs.getSupportedChainIds.call(void 0, );
@@ -1818,6 +1916,7 @@ function DepositAddressStep({
   const [pollingError, setPollingError] = _react.useState.call(void 0, null);
   const [chainDropdownOpen, setChainDropdownOpen] = _react.useState.call(void 0, false);
   const [tokenDropdownOpen, setTokenDropdownOpen] = _react.useState.call(void 0, false);
+  const [priceImpactExpanded, setPriceImpactExpanded] = _react.useState.call(void 0, false);
   const chainDropdownRef = _react.useRef.call(void 0, null);
   const tokenDropdownRef = _react.useRef.call(void 0, null);
   const [notifications, setNotifications] = _react.useState.call(void 0, []);
@@ -1834,9 +1933,9 @@ function DepositAddressStep({
       const matched = _nullishCoalesce(SOLANA_TOKENS.find((t) => t.symbol === sourceTokenSymbol), () => ( SOLANA_TOKENS[0]));
       sourceSelectionRef.current = {
         chainId: "solana",
-        token: _optionalChain([matched, 'optionalAccess', _56 => _56.mint]),
-        sourceSymbol: _optionalChain([matched, 'optionalAccess', _57 => _57.symbol]),
-        sourceDecimals: _optionalChain([matched, 'optionalAccess', _58 => _58.decimals])
+        token: _optionalChain([matched, 'optionalAccess', _62 => _62.mint]),
+        sourceSymbol: _optionalChain([matched, 'optionalAccess', _63 => _63.symbol]),
+        sourceDecimals: _optionalChain([matched, 'optionalAccess', _64 => _64.decimals])
       };
       return;
     }
@@ -1852,8 +1951,8 @@ function DepositAddressStep({
     function handlePointerDown(event) {
       const target = event.target;
       if (!target) return;
-      const clickedChainDropdown = _optionalChain([chainDropdownRef, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.contains, 'call', _61 => _61(target)]);
-      const clickedTokenDropdown = _optionalChain([tokenDropdownRef, 'access', _62 => _62.current, 'optionalAccess', _63 => _63.contains, 'call', _64 => _64(target)]);
+      const clickedChainDropdown = _optionalChain([chainDropdownRef, 'access', _65 => _65.current, 'optionalAccess', _66 => _66.contains, 'call', _67 => _67(target)]);
+      const clickedTokenDropdown = _optionalChain([tokenDropdownRef, 'access', _68 => _68.current, 'optionalAccess', _69 => _69.contains, 'call', _70 => _70(target)]);
       if (clickedChainDropdown || clickedTokenDropdown) return;
       setChainDropdownOpen(false);
       setTokenDropdownOpen(false);
@@ -1866,7 +1965,7 @@ function DepositAddressStep({
     };
   }, [chainDropdownOpen, tokenDropdownOpen]);
   const handleCopy = _react.useCallback.call(void 0, async () => {
-    _optionalChain([onCopyAddress, 'optionalCall', _65 => _65()]);
+    _optionalChain([onCopyAddress, 'optionalCall', _71 => _71()]);
     try {
       await navigator.clipboard.writeText(displayAddress);
       setCopied(true);
@@ -1959,7 +2058,7 @@ function DepositAddressStep({
               directTransfer
             };
             setNotifications((prev) => [notification, ...prev]);
-            _optionalChain([onDepositSubmittedRef, 'access', _66 => _66.current, 'optionalCall', _67 => _67({
+            _optionalChain([onDepositSubmittedRef, 'access', _72 => _72.current, 'optionalCall', _73 => _73({
               txHash: eventTxHash,
               sourceChain: chainId,
               amount
@@ -1971,7 +2070,7 @@ function DepositAddressStep({
         if (!cancelled) {
           const msg = err instanceof Error ? err.message : "Failed to check status";
           setPollingError(msg);
-          _optionalChain([onErrorRef, 'access', _68 => _68.current, 'optionalCall', _69 => _69(msg, "STATUS_POLL_ERROR")]);
+          _optionalChain([onErrorRef, 'access', _74 => _74.current, 'optionalCall', _75 => _75(msg, "STATUS_POLL_ERROR")]);
         }
       }
       if (!cancelled) {
@@ -1987,14 +2086,14 @@ function DepositAddressStep({
   const handleNotificationComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash, context) => {
       isTrackingRef.current = false;
-      _optionalChain([onDepositCompleteRef, 'access', _70 => _70.current, 'optionalCall', _71 => _71(txHash, destinationTxHash, context)]);
+      _optionalChain([onDepositCompleteRef, 'access', _76 => _76.current, 'optionalCall', _77 => _77(txHash, destinationTxHash, context)]);
     },
     []
   );
   const handleNotificationFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
       isTrackingRef.current = false;
-      _optionalChain([onDepositFailedRef, 'access', _72 => _72.current, 'optionalCall', _73 => _73(txHash, error)]);
+      _optionalChain([onDepositFailedRef, 'access', _78 => _78.current, 'optionalCall', _79 => _79(txHash, error)]);
     },
     []
   );
@@ -2072,7 +2171,28 @@ function DepositAddressStep({
           )) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Supported token" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-deposit-address-min", children: [
+              "Min $",
+              _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _80 => _80.minDepositUsd]), () => ( 0.1)),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "svg",
+                {
+                  className: "rs-deposit-address-min-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "9" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 8h.01M11 12h1v4h1" })
+                  ]
+                }
+              ) })
+            ] })
+          ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "button",
             {
@@ -2183,6 +2303,103 @@ function DepositAddressStep({
           }
         )
       ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: `rs-price-impact ${priceImpactExpanded ? "rs-price-impact--open" : ""}`,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: "rs-price-impact-header",
+                onClick: () => setPriceImpactExpanded((v) => !v),
+                "aria-expanded": priceImpactExpanded,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "9" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M15 9.5a2.5 2.5 0 00-2.5-2h-1A2 2 0 0011 11.5h2a2 2 0 010 4h-1a2.5 2.5 0 01-2.5-2M12 7v1m0 8v1"
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-price-impact-label", children: [
+                    "Price impact: ",
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "0.00%" })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    Tooltip,
+                    {
+                      className: "rs-price-impact-info",
+                      content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
+                      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "9" }),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 8h.01M11 12h1v4h1" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "svg",
+                    {
+                      className: "rs-price-impact-chevron",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-price-impact-panel", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-price-impact-panel-inner", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "9" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.5 15.5l7-7M9.5 9.5h.01M14.5 14.5h.01"
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-price-impact-label", children: [
+                  "Max slippage: ",
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Auto \u2022 0.1%" })
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  Tooltip,
+                  {
+                    className: "rs-price-impact-info",
+                    content: "Slippage accounts for price changes during execution. Slippage is adjusted per pair to ensure reliable execution.",
+                    children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "9" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 8h.01M11 12h1v4h1" })
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "9" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7.5V12l2.5 2" })
+                ] }) }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-price-impact-label", children: [
+                  "Processing time: ",
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "< 1 min" })
+                ] })
+              ] })
+            ] }) })
+          ]
+        }
+      ),
       pollingError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-error", children: pollingError })
     ] }) }),
     notifications.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-notifications", children: notifications.map((deposit) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2285,7 +2502,7 @@ function SolanaTokenSelectStep({
       setTokenBalances(results);
       setLoading(false);
       const totalUsd = results.reduce((sum, r) => sum + r.balanceUsd, 0);
-      _optionalChain([onTotalBalanceComputed, 'optionalCall', _74 => _74(totalUsd)]);
+      _optionalChain([onTotalBalanceComputed, 'optionalCall', _81 => _81(totalUsd)]);
     }
     void loadBalances();
     return () => {
@@ -2532,13 +2749,13 @@ function SolanaAmountStep({
     const sourceAmount = isSourceStablecoin || !hasPricing ? numericAmount : numericAmount / tokenPriceUsd;
     if (hasPricing) {
       const usdValue = numericAmount;
-      if (_optionalChain([uiConfig, 'optionalAccess', _75 => _75.maxDepositUsd]) && usdValue > uiConfig.maxDepositUsd) {
+      if (_optionalChain([uiConfig, 'optionalAccess', _82 => _82.maxDepositUsd]) && usdValue > uiConfig.maxDepositUsd) {
         setError(
           `Maximum deposit is ${_chunkFLVSQDP4cjs.currencyFormatter.format(uiConfig.maxDepositUsd)}`
         );
         return;
       }
-      if (_optionalChain([uiConfig, 'optionalAccess', _76 => _76.minDepositUsd]) && usdValue < uiConfig.minDepositUsd) {
+      if (_optionalChain([uiConfig, 'optionalAccess', _83 => _83.minDepositUsd]) && usdValue < uiConfig.minDepositUsd) {
         setAmount(uiConfig.minDepositUsd.toString());
         setError(null);
         return;
@@ -2639,7 +2856,7 @@ function SolanaAmountStep({
           }
         )
       ] }),
-      _optionalChain([uiConfig, 'optionalAccess', _77 => _77.minDepositUsd]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-minimum", children: [
+      _optionalChain([uiConfig, 'optionalAccess', _84 => _84.minDepositUsd]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-minimum", children: [
         _chunkFLVSQDP4cjs.currencyFormatter.format(uiConfig.minDepositUsd),
         " minimum deposit"
       ] }),
@@ -2671,7 +2888,7 @@ function SolanaAmountStep({
         onClick: handleContinue,
         fullWidth: true,
         disabled: !amount,
-        children: _optionalChain([uiConfig, 'optionalAccess', _78 => _78.minDepositUsd]) && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
+        children: _optionalChain([uiConfig, 'optionalAccess', _85 => _85.minDepositUsd]) && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
       }
     ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLVSQDP4cjs.PoweredBy, {})
@@ -2778,7 +2995,7 @@ function SolanaConfirmStep({
       _chunkFLVSQDP4cjs.debugLog.call(void 0, debug, "solana-confirm", "tx:build:success", {
         token: token.symbol,
         instructionCount: transaction.instructions.length,
-        feePayer: _optionalChain([transaction, 'access', _79 => _79.feePayer, 'optionalAccess', _80 => _80.toBase58, 'call', _81 => _81()]),
+        feePayer: _optionalChain([transaction, 'access', _86 => _86.feePayer, 'optionalAccess', _87 => _87.toBase58, 'call', _88 => _88()]),
         recentBlockhash: transaction.recentBlockhash
       });
       const txHash = await sendSolanaTransaction(
@@ -2800,7 +3017,7 @@ function SolanaConfirmStep({
         sourceAmount
       });
       setError(message);
-      _optionalChain([onError, 'optionalCall', _82 => _82(message, "SOLANA_TRANSFER_ERROR")]);
+      _optionalChain([onError, 'optionalCall', _89 => _89(message, "SOLANA_TRANSFER_ERROR")]);
     } finally {
       setIsSubmitting(false);
     }
@@ -2997,7 +3214,7 @@ function DepositFlow({
   const onDepositFailedRef = _chunkFLVSQDP4cjs.useLatestRef.call(void 0, onDepositFailed);
   const onErrorRef = _chunkFLVSQDP4cjs.useLatestRef.call(void 0, onError);
   const hasInitialReownSession = Boolean(
-    enableSolana ? _optionalChain([reownWallet, 'optionalAccess', _83 => _83.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _84 => _84.address]) : _optionalChain([reownWallet, 'optionalAccess', _85 => _85.address])
+    enableSolana ? _optionalChain([reownWallet, 'optionalAccess', _90 => _90.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _91 => _91.address]) : _optionalChain([reownWallet, 'optionalAccess', _92 => _92.address])
   );
   const hasInitialWalletHydrationPending = Boolean(
     dappAddress && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasInitialReownSession && !reownWallet.isReady)
@@ -3044,12 +3261,12 @@ function DepositFlow({
     return null;
   }, []);
   const dappSwitchChain = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([dappWalletClient, 'optionalAccess', _86 => _86.switchChain])) return void 0;
+    if (!_optionalChain([dappWalletClient, 'optionalAccess', _93 => _93.switchChain])) return void 0;
     return async (chainId) => {
-      await _optionalChain([dappWalletClient, 'access', _87 => _87.switchChain, 'optionalCall', _88 => _88({ id: chainId })]);
+      await _optionalChain([dappWalletClient, 'access', _94 => _94.switchChain, 'optionalCall', _95 => _95({ id: chainId })]);
     };
   }, [dappWalletClient]);
-  const connectedWalletAddress = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _89 => _89.account, 'optionalAccess', _90 => _90.address]), () => ( null));
+  const connectedWalletAddress = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _96 => _96.account, 'optionalAccess', _97 => _97.address]), () => ( null));
   const walletOptions = _react.useMemo.call(void 0, () => {
     const options = [];
     const seen = /* @__PURE__ */ new Set();
@@ -3063,7 +3280,7 @@ function DepositFlow({
       });
       seen.add(id);
     }
-    if (enableSolana && _optionalChain([reownWallet, 'optionalAccess', _91 => _91.isConnected]) && reownWallet.isSolana && reownWallet.solanaAddress && dappAddress) {
+    if (enableSolana && _optionalChain([reownWallet, 'optionalAccess', _98 => _98.isConnected]) && reownWallet.isSolana && reownWallet.solanaAddress && dappAddress) {
       const id = _nullishCoalesce(reownWallet.caipAddress, () => ( `solana:${reownWallet.solanaAddress}`));
       if (!seen.has(id)) {
         options.push({
@@ -3075,7 +3292,7 @@ function DepositFlow({
         });
         seen.add(id);
       }
-    } else if (_optionalChain([reownWallet, 'optionalAccess', _92 => _92.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(`evm:${reownWallet.address.toLowerCase()}`)) {
+    } else if (_optionalChain([reownWallet, 'optionalAccess', _99 => _99.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(`evm:${reownWallet.address.toLowerCase()}`)) {
       const id = `evm:${reownWallet.address.toLowerCase()}`;
       if (!seen.has(id)) {
         options.push({
@@ -3092,20 +3309,20 @@ function DepositFlow({
   }, [
     connectedWalletAddress,
     dappAddress,
-    _optionalChain([reownWallet, 'optionalAccess', _93 => _93.address]),
-    _optionalChain([reownWallet, 'optionalAccess', _94 => _94.isConnected]),
-    _optionalChain([reownWallet, 'optionalAccess', _95 => _95.walletClient]),
-    _optionalChain([reownWallet, 'optionalAccess', _96 => _96.publicClient]),
-    _optionalChain([reownWallet, 'optionalAccess', _97 => _97.icon]),
+    _optionalChain([reownWallet, 'optionalAccess', _100 => _100.address]),
+    _optionalChain([reownWallet, 'optionalAccess', _101 => _101.isConnected]),
+    _optionalChain([reownWallet, 'optionalAccess', _102 => _102.walletClient]),
+    _optionalChain([reownWallet, 'optionalAccess', _103 => _103.publicClient]),
+    _optionalChain([reownWallet, 'optionalAccess', _104 => _104.icon]),
     enableSolana,
-    _optionalChain([reownWallet, 'optionalAccess', _98 => _98.isSolana]),
-    _optionalChain([reownWallet, 'optionalAccess', _99 => _99.solanaAddress]),
-    _optionalChain([reownWallet, 'optionalAccess', _100 => _100.caipAddress])
+    _optionalChain([reownWallet, 'optionalAccess', _105 => _105.isSolana]),
+    _optionalChain([reownWallet, 'optionalAccess', _106 => _106.solanaAddress]),
+    _optionalChain([reownWallet, 'optionalAccess', _107 => _107.caipAddress])
   ]);
-  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _101 => _101.account]) && dappAddress && !reownWallet;
+  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _108 => _108.account]) && dappAddress && !reownWallet;
   const hasWalletOptions = walletOptions.length > 0;
   const hasReownSession = Boolean(
-    enableSolana ? _optionalChain([reownWallet, 'optionalAccess', _102 => _102.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _103 => _103.address]) : _optionalChain([reownWallet, 'optionalAccess', _104 => _104.address])
+    enableSolana ? _optionalChain([reownWallet, 'optionalAccess', _109 => _109.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _110 => _110.address]) : _optionalChain([reownWallet, 'optionalAccess', _111 => _111.address])
   );
   const isWalletHydrationPending = Boolean(
     dappAddress && !hasWalletOptions && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasReownSession && !reownWallet.isReady)
@@ -3150,7 +3367,7 @@ function DepositFlow({
       };
     }
     if (canAutoLock) {
-      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _105 => _105.chain, 'optionalAccess', _106 => _106.id]), () => ( targetChain));
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _112 => _112.chain, 'optionalAccess', _113 => _113.id]), () => ( targetChain));
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
@@ -3172,8 +3389,8 @@ function DepositFlow({
         switchChain: void 0
       };
     }
-    if (selectedOption.kind === "connected" && _optionalChain([dappWalletClient, 'optionalAccess', _107 => _107.account]) && selectedOption.address && dappWalletClient.account.address.toLowerCase() === selectedOption.address.toLowerCase()) {
-      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _108 => _108.chain, 'optionalAccess', _109 => _109.id]), () => ( targetChain));
+    if (selectedOption.kind === "connected" && _optionalChain([dappWalletClient, 'optionalAccess', _114 => _114.account]) && selectedOption.address && dappWalletClient.account.address.toLowerCase() === selectedOption.address.toLowerCase()) {
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _115 => _115.chain, 'optionalAccess', _116 => _116.id]), () => ( targetChain));
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
@@ -3181,7 +3398,7 @@ function DepositFlow({
         switchChain: dappSwitchChain
       };
     }
-    if (selectedOption.kind === "external" && _optionalChain([reownWallet, 'optionalAccess', _110 => _110.address]) && selectedOption.address && reownWallet.address.toLowerCase() === selectedOption.address.toLowerCase()) {
+    if (selectedOption.kind === "external" && _optionalChain([reownWallet, 'optionalAccess', _117 => _117.address]) && selectedOption.address && reownWallet.address.toLowerCase() === selectedOption.address.toLowerCase()) {
       return {
         ownerAddress: reownWallet.address,
         walletClient: reownWallet.walletClient,
@@ -3245,7 +3462,7 @@ function DepositFlow({
     walletSignerContext,
     walletSelectionKey
   ]);
-  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _111 => _111.ownerAddress]))), () => ( null));
+  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _118 => _118.ownerAddress]))), () => ( null));
   const lastTargetRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     const prev = lastTargetRef.current;
@@ -3322,7 +3539,7 @@ function DepositFlow({
   const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "solana-token-select" ? 1 : step.type === "solana-amount" ? 2 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : step.type === "solana-confirm" ? 3 : 4;
   const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "solana-token-select" ? handleBackFromSolanaTokenSelect : step.type === "solana-amount" ? handleBackFromSolanaAmount : step.type === "solana-confirm" ? handleBackFromSolanaConfirm : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChangeRef, 'access', _112 => _112.current, 'optionalCall', _113 => _113(stepIndex, currentBackHandler)]);
+    _optionalChain([onStepChangeRef, 'access', _119 => _119.current, 'optionalCall', _120 => _120(stepIndex, currentBackHandler)]);
   }, [stepIndex, currentBackHandler, onStepChangeRef]);
   const stepSendToken = step.type === "amount" ? step.asset.symbol : null;
   const stepOpenEventKey = step.type === "select-asset" ? "select-asset" : step.type === "deposit-address" ? "deposit-address" : step.type === "amount" && stepSendToken ? `amount:${stepSendToken.toLowerCase()}` : null;
@@ -3337,7 +3554,7 @@ function DepositFlow({
     }
     lastStepOpenEventKeyRef.current = stepOpenEventKey;
     if (step.type === "select-asset") {
-      _optionalChain([onEventRef, 'access', _114 => _114.current, 'optionalCall', _115 => _115({
+      _optionalChain([onEventRef, 'access', _121 => _121.current, 'optionalCall', _122 => _122({
         type: "deposit_modal_connected_wallet_select_source_open",
         total_balance_in_external_wallet: totalBalanceUsd,
         pred_balance: totalBalanceUsd
@@ -3345,7 +3562,7 @@ function DepositFlow({
     } else if (step.type === "deposit-address") {
       const chainName = _chunkMUWVDVY4cjs.getChainName.call(void 0, targetChain);
       const tokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-      _optionalChain([onEventRef, 'access', _116 => _116.current, 'optionalCall', _117 => _117({
+      _optionalChain([onEventRef, 'access', _123 => _123.current, 'optionalCall', _124 => _124({
         type: "deposit_modal_transfer_crypto_open",
         default_chain: chainName,
         default_token: tokenSymbol,
@@ -3353,7 +3570,7 @@ function DepositFlow({
       })]);
     } else if (step.type === "amount" && stepSendToken) {
       const receiveSymbol = _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-      _optionalChain([onEventRef, 'access', _118 => _118.current, 'optionalCall', _119 => _119({
+      _optionalChain([onEventRef, 'access', _125 => _125.current, 'optionalCall', _126 => _126({
         type: "deposit_modal_connected_wallet_enter_value_open",
         send_token: stepSendToken,
         receive_token: receiveSymbol,
@@ -3386,7 +3603,7 @@ function DepositFlow({
     targetToken
   ]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onTotalBalanceChangeRef, 'access', _120 => _120.current, 'optionalCall', _121 => _121(totalBalanceUsd)]);
+    _optionalChain([onTotalBalanceChangeRef, 'access', _127 => _127.current, 'optionalCall', _128 => _128(totalBalanceUsd)]);
   }, [totalBalanceUsd, onTotalBalanceChangeRef]);
   const isDepositAddressMode = flowMode === "deposit-address";
   const isSolanaWalletMode = flowMode === "solana-wallet";
@@ -3401,7 +3618,7 @@ function DepositFlow({
     setStep({ type: "setup" });
   }, []);
   const handleNewDeposit = _react.useCallback.call(void 0, () => {
-    _optionalChain([onSmartAccountChangeRef, 'access', _122 => _122.current, 'optionalCall', _123 => _123(null)]);
+    _optionalChain([onSmartAccountChangeRef, 'access', _129 => _129.current, 'optionalCall', _130 => _130(null)]);
     setFlowMode(null);
     setStep({ type: "setup" });
     setIsConnectSelectionConfirmed(false);
@@ -3415,7 +3632,7 @@ function DepositFlow({
         hasSolanaDepositAddress: Boolean(solanaDepositAddress),
         flowMode: isDepositAddressMode ? "deposit-address" : isSolanaWalletMode ? "solana-wallet" : "wallet"
       });
-      _optionalChain([onSmartAccountChangeRef, 'access', _124 => _124.current, 'optionalCall', _125 => _125(smartAccount)]);
+      _optionalChain([onSmartAccountChangeRef, 'access', _131 => _131.current, 'optionalCall', _132 => _132(smartAccount)]);
       if (isDepositAddressMode) {
         setStep({
           type: "deposit-address",
@@ -3430,7 +3647,7 @@ function DepositFlow({
             solanaDepositAddress
           });
         } else {
-          _optionalChain([onError, 'optionalCall', _126 => _126({
+          _optionalChain([onError, 'optionalCall', _133 => _133({
             message: "Solana deposit address not available. Please try again.",
             code: "SOLANA_SETUP_FAILED"
           })]);
@@ -3448,7 +3665,7 @@ function DepositFlow({
         sourceChain: data.sourceChain,
         amount: data.amount
       });
-      _optionalChain([onDepositSubmittedRef, 'access', _127 => _127.current, 'optionalCall', _128 => _128(data)]);
+      _optionalChain([onDepositSubmittedRef, 'access', _134 => _134.current, 'optionalCall', _135 => _135(data)]);
     },
     [logFlow, onDepositSubmittedRef]
   );
@@ -3520,7 +3737,7 @@ function DepositFlow({
           sourceDecimals: prev.token.decimals
         };
       });
-      _optionalChain([onDepositSubmitted, 'optionalCall', _129 => _129({
+      _optionalChain([onDepositSubmitted, 'optionalCall', _136 => _136({
         txHash,
         sourceChain: "solana",
         amount: amountUnits
@@ -3530,13 +3747,13 @@ function DepositFlow({
   );
   const handleConnected = _react.useCallback.call(void 0, 
     (addr, smartAccount) => {
-      _optionalChain([onConnected, 'optionalCall', _130 => _130({ address: addr, smartAccount })]);
+      _optionalChain([onConnected, 'optionalCall', _137 => _137({ address: addr, smartAccount })]);
     },
     [onConnected]
   );
   const handleAssetContinue = _react.useCallback.call(void 0, 
     (asset) => {
-      _optionalChain([onEvent, 'optionalCall', _131 => _131({
+      _optionalChain([onEvent, 'optionalCall', _138 => _138({
         type: "deposit_modal_connected_wallet_select_source_cta_click",
         total_balance_in_external_wallet: totalBalanceUsd,
         pred_balance: totalBalanceUsd,
@@ -3601,28 +3818,28 @@ function DepositFlow({
   );
   const handleDepositSubmittedCallback = _react.useCallback.call(void 0, 
     (txHash, sourceChain, amount) => {
-      _optionalChain([onDepositSubmittedRef, 'access', _132 => _132.current, 'optionalCall', _133 => _133({ txHash, sourceChain, amount })]);
+      _optionalChain([onDepositSubmittedRef, 'access', _139 => _139.current, 'optionalCall', _140 => _140({ txHash, sourceChain, amount })]);
     },
     [onDepositSubmittedRef]
   );
   const handleDepositComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash, context) => {
       logFlow("deposit:complete", { txHash, destinationTxHash, ...context });
-      _optionalChain([onDepositCompleteRef, 'access', _134 => _134.current, 'optionalCall', _135 => _135({ txHash, destinationTxHash, ...context })]);
+      _optionalChain([onDepositCompleteRef, 'access', _141 => _141.current, 'optionalCall', _142 => _142({ txHash, destinationTxHash, ...context })]);
     },
     [logFlow, onDepositCompleteRef]
   );
   const handleDepositFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
       logFlowError("deposit:failed", error, { txHash });
-      _optionalChain([onDepositFailedRef, 'access', _136 => _136.current, 'optionalCall', _137 => _137({ txHash, error })]);
+      _optionalChain([onDepositFailedRef, 'access', _143 => _143.current, 'optionalCall', _144 => _144({ txHash, error })]);
     },
     [logFlowError, onDepositFailedRef]
   );
   const handleError = _react.useCallback.call(void 0, 
     (message, code) => {
       logFlowError("flow:error", message, { code });
-      _optionalChain([onErrorRef, 'access', _138 => _138.current, 'optionalCall', _139 => _139({ message, code })]);
+      _optionalChain([onErrorRef, 'access', _145 => _145.current, 'optionalCall', _146 => _146({ message, code })]);
     },
     [logFlowError, onErrorRef]
   );
@@ -3679,7 +3896,7 @@ function DepositFlow({
       if (walletId) {
         const selectedOption = walletOptions.find((o) => o.id === walletId);
         setSelectedWalletId(walletId);
-        if (enableSolana && _optionalChain([selectedOption, 'optionalAccess', _140 => _140.kind]) === "solana") {
+        if (enableSolana && _optionalChain([selectedOption, 'optionalAccess', _147 => _147.kind]) === "solana") {
           handleSelectSolanaWallet();
         } else {
           handleSelectProvider();
@@ -3728,7 +3945,7 @@ function DepositFlow({
           const selectedOption = walletOptions.find(
             (o) => o.id === selectedWalletIdEffective
           );
-          if (enableSolana && _optionalChain([selectedOption, 'optionalAccess', _141 => _141.kind]) === "solana") {
+          if (enableSolana && _optionalChain([selectedOption, 'optionalAccess', _148 => _148.kind]) === "solana") {
             handleSelectSolanaWallet();
           } else {
             handleSelectProvider();
@@ -3772,14 +3989,15 @@ function DepositFlow({
           targetChain,
           targetToken,
           waitForFinalTx,
-          hasPostBridgeActions: Boolean(_optionalChain([postBridgeActions, 'optionalAccess', _142 => _142.length])),
+          hasPostBridgeActions: Boolean(_optionalChain([postBridgeActions, 'optionalAccess', _149 => _149.length])),
+          uiConfig,
           onDepositSubmitted: handleDepositAddressSubmitted,
           onDepositComplete: handleDepositComplete,
           onDepositFailed: handleDepositFailed,
           onCopyAddress: () => {
             const chainName = _chunkMUWVDVY4cjs.getChainName.call(void 0, targetChain);
             const tokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-            _optionalChain([onEvent, 'optionalCall', _143 => _143({
+            _optionalChain([onEvent, 'optionalCall', _150 => _150({
               type: "deposit_modal_transfer_crypto_cta_click",
               default_chain: chainName,
               default_token: tokenSymbol,
@@ -3795,8 +4013,8 @@ function DepositFlow({
   }
   if (isSolanaWalletMode) {
     if (!sessionKeyAddress) return null;
-    const solanaAddr = _optionalChain([reownWallet, 'optionalAccess', _144 => _144.solanaAddress]);
-    const solanaProvider = _optionalChain([reownWallet, 'optionalAccess', _145 => _145.solanaProvider]);
+    const solanaAddr = _optionalChain([reownWallet, 'optionalAccess', _151 => _151.solanaAddress]);
+    const solanaProvider = _optionalChain([reownWallet, 'optionalAccess', _152 => _152.solanaProvider]);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
       step.type === "setup" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         SetupStep,
@@ -3906,7 +4124,7 @@ function DepositFlow({
           sourceSymbol: step.sourceSymbol,
           sourceDecimals: step.sourceDecimals,
           waitForFinalTx,
-          hasPostBridgeActions: Boolean(_optionalChain([postBridgeActions, 'optionalAccess', _146 => _146.length])),
+          hasPostBridgeActions: Boolean(_optionalChain([postBridgeActions, 'optionalAccess', _153 => _153.length])),
           service,
           directTransfer: step.directTransfer,
           onClose,
@@ -3919,13 +4137,13 @@ function DepositFlow({
       )
     ] });
   }
-  if (!_optionalChain([signerContext, 'optionalAccess', _147 => _147.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _148 => _148.publicClient])) {
+  if (!_optionalChain([signerContext, 'optionalAccess', _154 => _154.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _155 => _155.publicClient])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-state", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-title", children: "Connecting wallet..." }) }) }) }) });
   }
   const ownerAddress = signerContext.ownerAddress;
-  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _149 => _149.walletClient, 'optionalAccess', _150 => _150.chain, 'optionalAccess', _151 => _151.id]), () => ( _optionalChain([signerContext, 'access', _152 => _152.publicClient, 'access', _153 => _153.chain, 'optionalAccess', _154 => _154.id]))), () => ( targetChain));
+  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _156 => _156.walletClient, 'optionalAccess', _157 => _157.chain, 'optionalAccess', _158 => _158.id]), () => ( _optionalChain([signerContext, 'access', _159 => _159.publicClient, 'access', _160 => _160.chain, 'optionalAccess', _161 => _161.id]))), () => ( targetChain));
   const getReadClientForChain = (chainId) => {
-    if (_optionalChain([signerContext, 'access', _155 => _155.publicClient, 'access', _156 => _156.chain, 'optionalAccess', _157 => _157.id]) === chainId) {
+    if (_optionalChain([signerContext, 'access', _162 => _162.publicClient, 'access', _163 => _163.chain, 'optionalAccess', _164 => _164.id]) === chainId) {
       return signerContext.publicClient;
     }
     return _chunkFLVSQDP4cjs.getPublicClient.call(void 0, chainId);
@@ -3985,7 +4203,7 @@ function DepositFlow({
         onContinue: handleAmountContinue,
         onCtaClick: (ctaName) => {
           const receiveSymbol = _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-          _optionalChain([onEvent, 'optionalCall', _158 => _158({
+          _optionalChain([onEvent, 'optionalCall', _165 => _165({
             type: "deposit_modal_connected_wallet_enter_value_cta_click",
             send_token: step.asset.symbol,
             receive_token: receiveSymbol,
@@ -4028,7 +4246,7 @@ function DepositFlow({
         sourceSymbol: step.sourceSymbol,
         sourceDecimals: step.sourceDecimals,
         waitForFinalTx,
-        hasPostBridgeActions: Boolean(_optionalChain([postBridgeActions, 'optionalAccess', _159 => _159.length])),
+        hasPostBridgeActions: Boolean(_optionalChain([postBridgeActions, 'optionalAccess', _166 => _166.length])),
         service,
         directTransfer: step.directTransfer,
         onClose,
@@ -4308,7 +4526,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 
 var ReownDepositInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-UPYZN2XA.cjs"))).then((m) => ({ default: m.DepositModalReown }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-WXFTSZSK.cjs"))).then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -4383,7 +4601,7 @@ function DepositModalInner({
   const [currentStepIndex, setCurrentStepIndex] = _react.useState.call(void 0, 0);
   const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, null);
   const backHandlerRef = _react.useRef.call(void 0, void 0);
-  const showHistoryButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _160 => _160.showHistoryButton]), () => ( false));
+  const showHistoryButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _167 => _167.showHistoryButton]), () => ( false));
   const [activeSmartAccount, setActiveSmartAccount] = _react.useState.call(void 0, null);
   const [historyOpen, setHistoryOpen] = _react.useState.call(void 0, false);
   const [historyDeposits, setHistoryDeposits] = _react.useState.call(void 0, []);
@@ -4412,7 +4630,7 @@ function DepositModalInner({
   }, [solanaRpcUrl]);
   _react.useEffect.call(void 0, () => {
     if (isOpen) {
-      _optionalChain([onReadyRef, 'access', _161 => _161.current, 'optionalCall', _162 => _162()]);
+      _optionalChain([onReadyRef, 'access', _168 => _168.current, 'optionalCall', _169 => _169()]);
     }
   }, [isOpen, onReadyRef]);
   _react.useEffect.call(void 0, () => {
@@ -4431,7 +4649,7 @@ function DepositModalInner({
     setTotalBalanceUsd(balance2);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _163 => _163.current, 'optionalCall', _164 => _164()]);
+    _optionalChain([backHandlerRef, 'access', _170 => _170.current, 'optionalCall', _171 => _171()]);
   }, []);
   const handleSmartAccountChange = _react.useCallback.call(void 0, 
     (account) => {
@@ -4505,21 +4723,21 @@ function DepositModalInner({
   const onDepositFailedRef = _chunkFLVSQDP4cjs.useLatestRef.call(void 0, onDepositFailed);
   const handleDepositSubmitted = _react.useCallback.call(void 0, 
     (data) => {
-      _optionalChain([onDepositSubmittedRef, 'access', _165 => _165.current, 'optionalCall', _166 => _166(data)]);
+      _optionalChain([onDepositSubmittedRef, 'access', _172 => _172.current, 'optionalCall', _173 => _173(data)]);
       if (showHistoryButton) markHistoryStale();
     },
     [onDepositSubmittedRef, showHistoryButton, markHistoryStale]
   );
   const handleDepositComplete = _react.useCallback.call(void 0, 
     (data) => {
-      _optionalChain([onDepositCompleteRef, 'access', _167 => _167.current, 'optionalCall', _168 => _168(data)]);
+      _optionalChain([onDepositCompleteRef, 'access', _174 => _174.current, 'optionalCall', _175 => _175(data)]);
       if (showHistoryButton) markHistoryStale();
     },
     [onDepositCompleteRef, showHistoryButton, markHistoryStale]
   );
   const handleDepositFailed = _react.useCallback.call(void 0, 
     (data) => {
-      _optionalChain([onDepositFailedRef, 'access', _169 => _169.current, 'optionalCall', _170 => _170(data)]);
+      _optionalChain([onDepositFailedRef, 'access', _176 => _176.current, 'optionalCall', _177 => _177(data)]);
       if (showHistoryButton) markHistoryStale();
     },
     [onDepositFailedRef, showHistoryButton, markHistoryStale]
@@ -4535,12 +4753,12 @@ function DepositModalInner({
       historyLoadedRef.current = false;
     }
   }, [isOpen]);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _171 => _171.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _172 => _172.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _173 => _173.showBackButton]), () => ( true));
-  const balance = _optionalChain([uiConfig, 'optionalAccess', _174 => _174.balance]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _175 => _175.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _176 => _176.title]), () => ( "Deposit"));
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _178 => _178.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _179 => _179.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _180 => _180.showBackButton]), () => ( true));
+  const balance = _optionalChain([uiConfig, 'optionalAccess', _181 => _181.balance]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _182 => _182.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _183 => _183.title]), () => ( "Deposit"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkFLVSQDP4cjs.Modal,