@rhinestone/deposit-modal 0.1.61 → 0.1.63

package/dist/{DepositModalReown-BKMRNZNX.cjs → DepositModalReown-3KQE4YU6.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkTBUOMWKJcjs = require('./chunk-TBUOMWKJ.cjs');
+var _chunkN3BZTUSJcjs = require('./chunk-N3BZTUSJ.cjs');
 
 
 
 var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
-require('./chunk-TQ6IIGRS.cjs');
+require('./chunk-5SR5N75I.cjs');
 require('./chunk-R6U6BHCV.cjs');
 
 // src/DepositModalReown.tsx
@@ -32,7 +32,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTBUOMWKJcjs.DepositModalInner,
+    _chunkN3BZTUSJcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{DepositModalReown-727JVH7Q.mjs → DepositModalReown-XOLZ62BQ.mjs}

@@ -1,11 +1,11 @@
 import {
   DepositModalInner
-} from "./chunk-IKTHUMGZ.mjs";
+} from "./chunk-XVCPUB6K.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-MBURQ26S.mjs";
-import "./chunk-7TTEHQBD.mjs";
+import "./chunk-TDTBAZNO.mjs";
 import "./chunk-CIXHTOO3.mjs";
 
 // src/DepositModalReown.tsx

package/dist/{WithdrawModalReown-OHTYDGI5.mjs → WithdrawModalReown-2BW5CM3A.mjs}

@@ -1,11 +1,11 @@
 import {
   WithdrawModalInner
-} from "./chunk-RRYC5EZF.mjs";
+} from "./chunk-2IFX6ZEE.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-MBURQ26S.mjs";
-import "./chunk-7TTEHQBD.mjs";
+import "./chunk-TDTBAZNO.mjs";
 import "./chunk-CIXHTOO3.mjs";
 
 // src/WithdrawModalReown.tsx

package/dist/{WithdrawModalReown-ZNQPXAS6.cjs → WithdrawModalReown-RCQFBPOF.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkC5TWF4ZEcjs = require('./chunk-C5TWF4ZE.cjs');
+var _chunkOFGBTU45cjs = require('./chunk-OFGBTU45.cjs');
 
 
 
 var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
-require('./chunk-TQ6IIGRS.cjs');
+require('./chunk-5SR5N75I.cjs');
 require('./chunk-R6U6BHCV.cjs');
 
 // src/WithdrawModalReown.tsx
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkC5TWF4ZEcjs.WithdrawModalInner,
+    _chunkOFGBTU45cjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{chunk-RRYC5EZF.mjs → chunk-2IFX6ZEE.mjs}

@@ -19,8 +19,9 @@ import {
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
-  toEvmCaip2
-} from "./chunk-7TTEHQBD.mjs";
+  toEvmCaip2,
+  useLatestRef
+} from "./chunk-TDTBAZNO.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -40,14 +41,14 @@ import {
   useCallback as useCallback3,
   useEffect as useEffect3,
   useMemo as useMemo3,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState3,
   lazy,
   Suspense
 } from "react";
 
 // src/WithdrawFlow.tsx
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 
 // src/components/steps/WithdrawFormStep.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -905,6 +906,9 @@ function WithdrawFlow({
   onError,
   debug
 }) {
+  const onStepChangeRef = useLatestRef(onStepChange);
+  const onTotalBalanceChangeRef = useLatestRef(onTotalBalanceChange);
+  const onEventRef = useLatestRef(onEvent);
   const [step, setStep] = useState2({ type: "form" });
   const [isSubmitting, setIsSubmitting] = useState2(false);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState2(0);
@@ -1036,20 +1040,29 @@ function WithdrawFlow({
   const stepIndex = step.type === "form" ? 0 : 1;
   const currentBackHandler = void 0;
   useEffect2(() => {
-    onStepChange?.(stepIndex, currentBackHandler);
-  }, [stepIndex, currentBackHandler, onStepChange]);
+    onStepChangeRef.current?.(stepIndex, currentBackHandler);
+  }, [stepIndex, currentBackHandler, onStepChangeRef]);
+  const lastStepOpenEventKeyRef = useRef2(null);
   useEffect2(() => {
+    if (step.type !== "form") {
+      lastStepOpenEventKeyRef.current = null;
+      return;
+    }
+    if (lastStepOpenEventKeyRef.current === "form") {
+      return;
+    }
+    lastStepOpenEventKeyRef.current = "form";
     if (step.type === "form") {
       const tokenSymbol = getTokenSymbol(targetToken, targetChain);
       const chainName = getChainName(targetChain);
-      onEvent?.({
+      onEventRef.current?.({
         type: "withdraw_modal_select_amount_open",
         pred_balance: totalBalanceUsd,
         default_token: tokenSymbol,
         default_chain: chainName
       });
     }
-  }, [step.type, onEvent]);
+  }, [step.type, targetToken, targetChain, totalBalanceUsd, onEventRef]);
   useEffect2(() => {
     logFlow("state:changed", {
       step: step.type,
@@ -1069,8 +1082,8 @@ function WithdrawFlow({
     targetToken
   ]);
   useEffect2(() => {
-    onTotalBalanceChange?.(totalBalanceUsd);
-  }, [totalBalanceUsd, onTotalBalanceChange]);
+    onTotalBalanceChangeRef.current?.(totalBalanceUsd);
+  }, [totalBalanceUsd, onTotalBalanceChangeRef]);
   const handleConnected = useCallback2(
     (addr, smartAccount) => {
       logFlow("setup:connected", { address: addr, smartAccount });
@@ -1478,7 +1491,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-OHTYDGI5.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-2BW5CM3A.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1530,10 +1543,11 @@ function WithdrawModalInner({
   onError,
   debug
 }) {
-  const modalRef = useRef2(null);
+  const modalRef = useRef3(null);
+  const onReadyRef = useLatestRef(onReady);
   const [currentStepIndex, setCurrentStepIndex] = useState3(0);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState3(null);
-  const backHandlerRef = useRef2(void 0);
+  const backHandlerRef = useRef3(void 0);
   const targetChain = getChainId(targetChainProp);
   const sourceChain = getChainId(sourceChainProp);
   const service = useMemo3(
@@ -1545,13 +1559,13 @@ function WithdrawModalInner({
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
-  const hasCalledReady = useRef2(false);
+  const hasCalledReady = useRef3(false);
   useEffect3(() => {
     if (isOpen && !hasCalledReady.current) {
       hasCalledReady.current = true;
-      onReady?.();
+      onReadyRef.current?.();
     }
-  }, [isOpen, onReady]);
+  }, [isOpen, onReadyRef]);
   useEffect3(() => {
     if (!isOpen) {
       setCurrentStepIndex(0);

package/dist/{chunk-TQ6IIGRS.cjs → chunk-5SR5N75I.cjs}

@@ -809,6 +809,16 @@ function formatUserError(raw) {
   return cleaned;
 }
 
+// src/core/useLatestRef.ts
+
+function useLatestRef(value) {
+  const ref = _react.useRef.call(void 0, value);
+  _react.useEffect.call(void 0, () => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
 // src/core/theme.ts
 var RADIUS_SCALE = {
   none: { sm: "0", md: "0", lg: "0" },
@@ -1348,10 +1358,14 @@ function getEventTxHash(event) {
     const source = isRecord(_optionalChain([event, 'access', _69 => _69.data, 'optionalAccess', _70 => _70.source])) ? event.data.source : void 0;
     return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _71 => _71.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _72 => _72.transactionHash]))));
   }
+  if (event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed") {
+    const deposit = isRecord(_optionalChain([event, 'access', _73 => _73.data, 'optionalAccess', _74 => _74.deposit])) ? event.data.deposit : void 0;
+    return asString(_optionalChain([deposit, 'optionalAccess', _75 => _75.transactionHash]));
+  }
   return void 0;
 }
 function getEventSourceDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _73 => _73.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _76 => _76.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     return {
       chainId: asNumber(event.data.chain),
@@ -1361,17 +1375,17 @@ function getEventSourceDetails(event) {
   }
   const source = isRecord(event.data.source) ? event.data.source : void 0;
   const deposit = isRecord(event.data.deposit) ? event.data.deposit : void 0;
-  if (event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error") {
+  if (event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error" || event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed") {
     return {
-      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _74 => _74.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _75 => _75.chain])))),
-      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _76 => _76.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _77 => _77.amount])))),
-      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _78 => _78.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _79 => _79.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _80 => _80.token]))))
+      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _77 => _77.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _78 => _78.chain])))),
+      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _79 => _79.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _80 => _80.amount])))),
+      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _81 => _81.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _82 => _82.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _83 => _83.token]))))
     };
   }
   return {};
 }
 function isDepositEvent(event) {
-  return _optionalChain([event, 'optionalAccess', _81 => _81.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _82 => _82.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _83 => _83.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _84 => _84.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _85 => _85.type]) === "error";
+  return _optionalChain([event, 'optionalAccess', _84 => _84.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _85 => _85.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _86 => _86.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _87 => _87.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _88 => _88.type]) === "post-bridge-swap-complete" || _optionalChain([event, 'optionalAccess', _89 => _89.type]) === "post-bridge-swap-failed" || _optionalChain([event, 'optionalAccess', _90 => _90.type]) === "error";
 }
 function isHexString(value) {
   return value.startsWith("0x") || value.startsWith("0X");
@@ -1426,7 +1440,7 @@ function isEventForTx(event, txHash) {
   return txRefsMatch(eventTxHash, txHash);
 }
 function formatBridgeFailedMessage(event) {
-  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _86 => _86.data]), () => ( {}));
+  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _91 => _91.data]), () => ( {}));
   const code = typeof eventData.errorCode === "string" ? eventData.errorCode : void 0;
   const backendMessage = typeof eventData.message === "string" ? eventData.message.trim() : "";
   function toUserFacingFailure(raw) {
@@ -1458,16 +1472,16 @@ function formatBridgeFailedMessage(event) {
   return { message: "Bridge failed" };
 }
 function parseWebhookTimestamp(event) {
-  if (typeof _optionalChain([event, 'optionalAccess', _87 => _87.time]) !== "string") return void 0;
+  if (typeof _optionalChain([event, 'optionalAccess', _92 => _92.time]) !== "string") return void 0;
   const timestamp = Date.parse(event.time);
   return Number.isFinite(timestamp) ? timestamp : void 0;
 }
 function syncPhaseTimings(previous, event) {
-  if (!_optionalChain([event, 'optionalAccess', _88 => _88.type])) return previous;
+  if (!_optionalChain([event, 'optionalAccess', _93 => _93.type])) return previous;
   const timestamp = _nullishCoalesce(parseWebhookTimestamp(event), () => ( Date.now()));
-  const setReceived = (event.type === "deposit-received" || event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error") && previous.receivedAt === void 0;
-  const setBridging = (event.type === "bridge-started" || event.type === "bridge-complete") && previous.bridgingAt === void 0;
-  const setCompleted = event.type === "bridge-complete" && previous.completedAt === void 0;
+  const setReceived = (event.type === "deposit-received" || event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed" || event.type === "error") && previous.receivedAt === void 0;
+  const setBridging = (event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "post-bridge-swap-complete") && previous.bridgingAt === void 0;
+  const setCompleted = (event.type === "bridge-complete" || event.type === "post-bridge-swap-complete") && previous.completedAt === void 0;
   if (!setReceived && !setBridging && !setCompleted) return previous;
   return {
     ...previous,
@@ -1504,8 +1518,9 @@ function getCurrentPhaseId(state, phaseTimings, isEarlyComplete) {
   if (state.type === "complete") {
     return void 0;
   }
-  if (_optionalChain([state, 'access', _89 => _89.lastEvent, 'optionalAccess', _90 => _90.type]) === "bridge-started") return "bridging";
-  if (_optionalChain([state, 'access', _91 => _91.lastEvent, 'optionalAccess', _92 => _92.type]) === "deposit-received") return "received";
+  if (_optionalChain([state, 'access', _94 => _94.lastEvent, 'optionalAccess', _95 => _95.type]) === "bridge-started" || _optionalChain([state, 'access', _96 => _96.lastEvent, 'optionalAccess', _97 => _97.type]) === "bridge-complete")
+    return "bridging";
+  if (_optionalChain([state, 'access', _98 => _98.lastEvent, 'optionalAccess', _99 => _99.type]) === "deposit-received") return "received";
   return "confirming";
 }
 function ProcessingStep({
@@ -1518,6 +1533,7 @@ function ProcessingStep({
   sourceSymbol: providedSourceSymbol,
   sourceDecimals: providedSourceDecimals,
   waitForFinalTx,
+  hasPostBridgeActions,
   service,
   directTransfer,
   flowLabel = "deposit",
@@ -1558,7 +1574,7 @@ function ProcessingStep({
       txHash,
       flowLabel
     });
-    _optionalChain([onDepositComplete, 'optionalCall', _93 => _93(txHash, void 0, {
+    _optionalChain([onDepositComplete, 'optionalCall', _100 => _100(txHash, void 0, {
       amount,
       sourceChain,
       sourceToken,
@@ -1599,7 +1615,7 @@ function ProcessingStep({
   _react.useEffect.call(void 0, () => {
     if (!state.lastEvent) return;
     setPhaseTimings((previous) => syncPhaseTimings(previous, state.lastEvent));
-  }, [_optionalChain([state, 'access', _94 => _94.lastEvent, 'optionalAccess', _95 => _95.time]), _optionalChain([state, 'access', _96 => _96.lastEvent, 'optionalAccess', _97 => _97.type])]);
+  }, [_optionalChain([state, 'access', _101 => _101.lastEvent, 'optionalAccess', _102 => _102.time]), _optionalChain([state, 'access', _103 => _103.lastEvent, 'optionalAccess', _104 => _104.type])]);
   _react.useEffect.call(void 0, () => {
     savePhaseTimings(txHash, phaseTimings);
   }, [txHash, phaseTimings]);
@@ -1626,19 +1642,52 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _98 => _98.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _105 => _105.intentId])
           });
         }
         if (!isMounted) return;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _99 => _99.type]) === "bridge-complete") {
+        const awaitingPostBridgeSwap = waitForFinalTx && hasPostBridgeActions;
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _106 => _106.type]) === "post-bridge-swap-complete") {
+          setState({ type: "complete", lastEvent: eventForCurrentTx });
+          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _107 => _107.data, 'optionalAccess', _108 => _108.swap, 'optionalAccess', _109 => _109.transactionHash]);
+          debugLog(debug, "processing", "state:complete", {
+            txHash,
+            destinationTxHash: swapTxHash,
+            event: eventForCurrentTx.type
+          });
+          _optionalChain([onDepositComplete, 'optionalCall', _110 => _110(txHash, swapTxHash, {
+            amount,
+            sourceChain,
+            sourceToken,
+            targetChain,
+            targetToken
+          })]);
+          return;
+        }
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _111 => _111.type]) === "post-bridge-swap-failed") {
+          const formatted = formatBridgeFailedMessage(eventForCurrentTx);
+          setState({
+            type: "failed",
+            message: formatted.message,
+            lastEvent: eventForCurrentTx
+          });
+          debugLog(debug, "processing", "state:failed", {
+            txHash,
+            message: formatted.message,
+            code: formatted.code
+          });
+          _optionalChain([onDepositFailed, 'optionalCall', _112 => _112(txHash, formatted.message)]);
+          return;
+        }
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _113 => _113.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _100 => _100.data, 'optionalAccess', _101 => _101.destination, 'optionalAccess', _102 => _102.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _114 => _114.data, 'optionalAccess', _115 => _115.destination, 'optionalAccess', _116 => _116.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
-          _optionalChain([onDepositComplete, 'optionalCall', _103 => _103(txHash, destinationTxHash2, {
+          _optionalChain([onDepositComplete, 'optionalCall', _117 => _117(txHash, destinationTxHash2, {
             amount,
             sourceChain,
             sourceToken,
@@ -1647,13 +1696,13 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (!waitForFinalTx && _optionalChain([eventForCurrentTx, 'optionalAccess', _104 => _104.type]) === "bridge-started") {
+        if (!waitForFinalTx && _optionalChain([eventForCurrentTx, 'optionalAccess', _118 => _118.type]) === "bridge-started") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
           debugLog(debug, "processing", "state:early-complete", {
             txHash,
             event: eventForCurrentTx.type
           });
-          _optionalChain([onDepositComplete, 'optionalCall', _105 => _105(txHash, void 0, {
+          _optionalChain([onDepositComplete, 'optionalCall', _119 => _119(txHash, void 0, {
             amount,
             sourceChain,
             sourceToken,
@@ -1662,7 +1711,7 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _106 => _106.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _120 => _120.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -1674,11 +1723,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailed, 'optionalCall', _107 => _107(txHash, formatted.message)]);
+          _optionalChain([onDepositFailed, 'optionalCall', _121 => _121(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _108 => _108.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _109 => _109.data, 'optionalAccess', _110 => _110.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _122 => _122.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _123 => _123.data, 'optionalAccess', _124 => _124.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -1688,7 +1737,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailed, 'optionalCall', _111 => _111(txHash, errorMessage)]);
+          _optionalChain([onDepositFailed, 'optionalCall', _125 => _125(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -1729,6 +1778,7 @@ function ProcessingStep({
     amount,
     debug,
     directTransfer,
+    hasPostBridgeActions,
     onDepositComplete,
     onDepositFailed,
     service,
@@ -1752,7 +1802,7 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      _optionalChain([onError, 'optionalCall', _112 => _112(message, "PROCESS_TIMEOUT")]);
+      _optionalChain([onError, 'optionalCall', _126 => _126(message, "PROCESS_TIMEOUT")]);
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
   }, [debug, directTransfer, onError, state.type, txHash]);
@@ -1761,16 +1811,19 @@ function ProcessingStep({
   const isProcessing = state.type === "processing";
   const lastEvent = state.lastEvent;
   const failureMessage = state.type === "failed" ? state.message : void 0;
-  const isEarlyComplete = !waitForFinalTx && _optionalChain([lastEvent, 'optionalAccess', _113 => _113.type]) === "bridge-started";
+  const isEarlyComplete = !waitForFinalTx && _optionalChain([lastEvent, 'optionalAccess', _127 => _127.type]) === "bridge-started";
   const timelineNowMs = _nullishCoalesce(phaseTimings.endedAt, () => ( Date.now()));
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
-  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _114 => _114.data, 'optionalAccess', _115 => _115.destination, 'optionalAccess', _116 => _116.transactionHash]) || null;
+  const isPostBridgeSwapEvent = _optionalChain([lastEvent, 'optionalAccess', _128 => _128.type]) === "post-bridge-swap-complete" || _optionalChain([lastEvent, 'optionalAccess', _129 => _129.type]) === "post-bridge-swap-failed";
+  const destinationTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _130 => _130.data, 'optionalAccess', _131 => _131.swap, 'optionalAccess', _132 => _132.transactionHash]) || null : _optionalChain([lastEvent, 'optionalAccess', _133 => _133.data, 'optionalAccess', _134 => _134.destination, 'optionalAccess', _135 => _135.transactionHash]) || null;
+  const bridgeTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _136 => _136.data, 'optionalAccess', _137 => _137.bridge, 'optionalAccess', _138 => _138.transactionHash]) || null : null;
   const sourceDetails = getEventSourceDetails(lastEvent);
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
   const displayAmount = _nullishCoalesce(sourceDetails.amount, () => ( amount));
   const sourceExplorerUrl = _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
+  const bridgeExplorerUrl = bridgeTxHash ? _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, targetChain, bridgeTxHash) : null;
   const destExplorerUrl = destinationTxHash ? _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
   const isEvmSourceToken = /^0x[a-fA-F0-9]{40}$/.test(displaySourceToken);
   const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
@@ -1795,7 +1848,7 @@ function ProcessingStep({
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
   const headerTitle = isFailed ? `${flowCapitalized} could not be completed` : isComplete ? isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` : delayPhaseId === "received" ? "Bridge pending" : delayPhaseId === "bridging" ? "Bridge delayed" : delayPhaseId === "confirming" ? `Confirming ${flowNoun}` : `Submitting transaction...`;
-  const headerDescription = isFailed ? _nullishCoalesce(failureMessage, () => ( "The transfer could not be completed.")) : isComplete ? directTransfer ? "Your transfer is complete." : isEarlyComplete ? "The bridge has started. Funds will arrive shortly." : "Your funds were successfully deposited." : delayPhaseId === "received" ? "Funds are in. We are still waiting for the bridge transaction to begin." : delayPhaseId === "bridging" ? "The bridge has started but settlement is taking longer than expected." : delayPhaseId === "confirming" ? "The source transaction has not been picked up yet, but we are still polling automatically." : _optionalChain([state, 'access', _117 => _117.lastEvent, 'optionalAccess', _118 => _118.type]) === "deposit-received" ? "Transfer received. Preparing bridge execution." : _optionalChain([state, 'access', _119 => _119.lastEvent, 'optionalAccess', _120 => _120.type]) === "bridge-started" ? `Bridge started. Sending funds to ${_chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain)}.` : "Filling your transaction on the blockchain.";
+  const headerDescription = isFailed ? _nullishCoalesce(failureMessage, () => ( "The transfer could not be completed.")) : isComplete ? directTransfer ? "Your transfer is complete." : isEarlyComplete ? "The bridge has started. Funds will arrive shortly." : "Your funds were successfully deposited." : delayPhaseId === "received" ? "Funds are in. We are still waiting for the bridge transaction to begin." : delayPhaseId === "bridging" ? "The bridge has started but settlement is taking longer than expected." : delayPhaseId === "confirming" ? "The source transaction has not been picked up yet, but we are still polling automatically." : _optionalChain([state, 'access', _139 => _139.lastEvent, 'optionalAccess', _140 => _140.type]) === "deposit-received" ? "Transfer received. Preparing bridge execution." : _optionalChain([state, 'access', _141 => _141.lastEvent, 'optionalAccess', _142 => _142.type]) === "bridge-started" ? `Bridge started. Sending funds to ${_chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain)}.` : "Filling your transaction on the blockchain.";
   const showAlert = !isFailed && (delayPhaseId !== void 0 || hasEscalatedDelay);
   const alertMessage = hasEscalatedDelay ? "Taking longer than expected. You can close this window \u2014 processing continues in the background." : "This step is slower than usual but still processing.";
   const fillStatus = isComplete ? "Successful" : isFailed ? "Failed" : "Processing";
@@ -2001,8 +2054,25 @@ function ProcessingStep({
             }
           ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 }, children: truncateHash(txHash) }) })
         ] }),
+        bridgeTxHash && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Bridge tx" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: bridgeExplorerUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "a",
+            {
+              href: bridgeExplorerUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "rs-card-external-link",
+              style: { gap: 4, fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 },
+              children: [
+                truncateHash(bridgeTxHash),
+                txLinkIcon
+              ]
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 }, children: truncateHash(bridgeTxHash) }) })
+        ] }),
         destinationTxHash && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Destination tx" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: bridgeTxHash ? "Swap tx" : "Destination tx" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: destExplorerUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "a",
             {
@@ -2095,4 +2165,5 @@ function getPublicClient(chainId) {
 
 
 
-exports.Modal = Modal; exports.Spinner = Spinner; exports.Button = Button; exports.ConnectStep = ConnectStep; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.PoweredBy = PoweredBy; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.formatUserError = formatUserError; exports.getEventTxHash = getEventTxHash; exports.isDepositEvent = isDepositEvent; exports.txRefsMatch = txRefsMatch; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.applyTheme = applyTheme;
+
+exports.Modal = Modal; exports.Spinner = Spinner; exports.Button = Button; exports.ConnectStep = ConnectStep; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.PoweredBy = PoweredBy; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.formatUserError = formatUserError; exports.getEventTxHash = getEventTxHash; exports.isDepositEvent = isDepositEvent; exports.txRefsMatch = txRefsMatch; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.useLatestRef = useLatestRef; exports.applyTheme = applyTheme;