@rhinestone/deposit-modal 0.6.0 → 0.6.1

package/dist/{chunk-ZDYV536Q.cjs → chunk-VPWWFWZT.cjs}

@@ -2346,12 +2346,12 @@ function rankCryptoRows(descriptors) {
   return descriptors.map((descriptor, index) => ({ descriptor, index })).sort((a, b) => {
     const first = a.descriptor;
     const second = b.descriptor;
-    if (first.isBalanceSource !== second.isBalanceSource) {
-      return first.isBalanceSource ? -1 : 1;
-    }
-    if (!first.isBalanceSource) return a.index - b.index;
-    if (first.resolved !== second.resolved) return first.resolved ? -1 : 1;
-    if (first.resolved && first.balanceUsd !== second.balanceUsd) {
+    const firstHasFunds = first.isBalanceSource && first.resolved && first.balanceUsd > 0;
+    const secondHasFunds = second.isBalanceSource && second.resolved && second.balanceUsd > 0;
+    const firstTier = firstHasFunds ? 0 : first.isBalanceSource ? 2 : 1;
+    const secondTier = secondHasFunds ? 0 : second.isBalanceSource ? 2 : 1;
+    if (firstTier !== secondTier) return firstTier - secondTier;
+    if (firstTier === 0 && first.balanceUsd !== second.balanceUsd) {
       return second.balanceUsd - first.balanceUsd;
     }
     return a.index - b.index;
@@ -3382,6 +3382,59 @@ function getCurrentPhaseId(state, phaseTimings) {
   if (_optionalChain([state, 'access', _127 => _127.lastEvent, 'optionalAccess', _128 => _128.type]) === "deposit-received") return "received";
   return "confirming";
 }
+function getCompletionDestinationTxHash(event) {
+  const eventData = _optionalChain([event, 'optionalAccess', _129 => _129.data]);
+  const swapTxHash = _optionalChain([eventData, 'optionalAccess', _130 => _130.swap, 'optionalAccess', _131 => _131.transactionHash]);
+  const destinationTxHash = _optionalChain([eventData, 'optionalAccess', _132 => _132.destination, 'optionalAccess', _133 => _133.transactionHash]);
+  return _nullishCoalesce(swapTxHash, () => ( destinationTxHash));
+}
+function getTerminalProcessingOutcome(event) {
+  if (_optionalChain([event, 'optionalAccess', _134 => _134.type]) === "post-bridge-swap-complete") {
+    return {
+      type: "complete",
+      destinationTxHash: getCompletionDestinationTxHash(event)
+    };
+  }
+  if (_optionalChain([event, 'optionalAccess', _135 => _135.type]) === "post-bridge-swap-failed") {
+    return {
+      type: "failed",
+      message: formatBridgeFailedMessage(event).message
+    };
+  }
+  if (_optionalChain([event, 'optionalAccess', _136 => _136.type]) === "bridge-complete") {
+    return {
+      type: "complete",
+      destinationTxHash: getCompletionDestinationTxHash(event)
+    };
+  }
+  if (_optionalChain([event, 'optionalAccess', _137 => _137.type]) === "bridge-failed") {
+    return {
+      type: "failed",
+      message: formatBridgeFailedMessage(event).message
+    };
+  }
+  if (_optionalChain([event, 'optionalAccess', _138 => _138.type]) === "error") {
+    return {
+      type: "failed",
+      message: _nullishCoalesce(_optionalChain([event, 'access', _139 => _139.data, 'optionalAccess', _140 => _140.message]), () => ( "Unknown error"))
+    };
+  }
+  return null;
+}
+function getInitialProcessingState(event, txHash) {
+  if (!event || !isEventForTx(event, txHash)) return null;
+  const terminal = getTerminalProcessingOutcome(event);
+  if (_optionalChain([terminal, 'optionalAccess', _141 => _141.type]) === "complete") {
+    return { type: "complete", lastEvent: event };
+  }
+  if (_optionalChain([terminal, 'optionalAccess', _142 => _142.type]) === "failed") {
+    return { type: "failed", message: terminal.message, lastEvent: event };
+  }
+  if (isDepositEvent(event)) {
+    return { type: "processing", lastEvent: event };
+  }
+  return null;
+}
 function ProcessingStep({
   smartAccount,
   solanaDepositAddress,
@@ -3395,6 +3448,7 @@ function ProcessingStep({
   amountUsd,
   service,
   directTransfer,
+  initialEvent,
   flowLabel = "deposit",
   debug,
   targetToken,
@@ -3427,9 +3481,21 @@ function ProcessingStep({
   const onDepositCompleteRef = useLatestRef(onDepositComplete);
   const onDepositFailedRef = useLatestRef(onDepositFailed);
   const onErrorRef = useLatestRef(onError);
-  const [state, setState] = _react.useState.call(void 0, 
-    directTransfer ? { type: "complete" } : { type: "processing" }
-  );
+  const initialTerminalEventRef = _react.useRef.call(void 0, null);
+  const [state, setState] = _react.useState.call(void 0, () => {
+    if (directTransfer) return { type: "complete" };
+    const initial = getInitialProcessingState(
+      initialEvent,
+      txHash
+    );
+    if (initial) {
+      if (initial.type !== "processing") {
+        initialTerminalEventRef.current = _nullishCoalesce(initial.lastEvent, () => ( null));
+      }
+      return initial;
+    }
+    return { type: "processing" };
+  });
   const [elapsedSeconds, setElapsedSeconds] = _react.useState.call(void 0, 0);
   const [phaseTimings, setPhaseTimings] = _react.useState.call(void 0, () => {
     const saved = loadPhaseTimings(txHash);
@@ -3463,7 +3529,7 @@ function ProcessingStep({
       flowLabel
     });
     const context = processingContextRef.current;
-    _optionalChain([onDepositCompleteRef, 'access', _129 => _129.current, 'optionalCall', _130 => _130(txHash, void 0, {
+    _optionalChain([onDepositCompleteRef, 'access', _143 => _143.current, 'optionalCall', _144 => _144(txHash, void 0, {
       amount: context.amount,
       sourceChain: context.sourceChain,
       sourceToken: context.sourceToken,
@@ -3481,6 +3547,43 @@ function ProcessingStep({
     txHash,
     updatePhaseTimings
   ]);
+  _react.useEffect.call(void 0, () => {
+    const event = initialTerminalEventRef.current;
+    if (!event) return;
+    initialTerminalEventRef.current = null;
+    const outcome = getTerminalProcessingOutcome(event);
+    if (!outcome) return;
+    if (outcome.type === "complete") {
+      const context = processingContextRef.current;
+      debugLog(debug, "processing", "initial-event:complete", {
+        txHash,
+        destinationTxHash: outcome.destinationTxHash,
+        event: event.type
+      });
+      _optionalChain([onDepositCompleteRef, 'access', _145 => _145.current, 'optionalCall', _146 => _146(txHash, outcome.destinationTxHash, {
+        amount: context.amount,
+        sourceChain: context.sourceChain,
+        sourceToken: context.sourceToken,
+        sourceDecimals: context.sourceDecimals,
+        amountUsd: context.amountUsd,
+        targetChain: context.targetChain,
+        targetToken: context.targetToken
+      })]);
+      return;
+    }
+    debugLog(debug, "processing", "initial-event:failed", {
+      txHash,
+      message: outcome.message,
+      event: event.type
+    });
+    _optionalChain([onDepositFailedRef, 'access', _147 => _147.current, 'optionalCall', _148 => _148(txHash, outcome.message)]);
+  }, [
+    debug,
+    onDepositCompleteRef,
+    onDepositFailedRef,
+    processingContextRef,
+    txHash
+  ]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer || state.type !== "processing") return;
     const updateElapsed = () => {
@@ -3505,7 +3608,7 @@ function ProcessingStep({
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
-  }, [_optionalChain([state, 'access', _131 => _131.lastEvent, 'optionalAccess', _132 => _132.time]), _optionalChain([state, 'access', _133 => _133.lastEvent, 'optionalAccess', _134 => _134.type]), updatePhaseTimings]);
+  }, [_optionalChain([state, 'access', _149 => _149.lastEvent, 'optionalAccess', _150 => _150.time]), _optionalChain([state, 'access', _151 => _151.lastEvent, 'optionalAccess', _152 => _152.type]), updatePhaseTimings]);
   const [swappedFiatContext, setSwappedFiatContext] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     let cancelled = false;
@@ -3513,7 +3616,7 @@ function ProcessingStep({
       if (cancelled || !res) return;
       if (res.transactionId != null) {
         if (res.transactionId.toLowerCase() !== txHash.toLowerCase()) return;
-      } else if (!isSwappedOrder || _optionalChain([swappedContext, 'optionalAccess', _135 => _135.variant]) === "connect") {
+      } else if (!isSwappedOrder || _optionalChain([swappedContext, 'optionalAccess', _153 => _153.variant]) === "connect") {
         return;
       }
       setSwappedFiatContext({
@@ -3529,7 +3632,7 @@ function ProcessingStep({
     return () => {
       cancelled = true;
     };
-  }, [service, smartAccount, txHash, isSwappedOrder, _optionalChain([swappedContext, 'optionalAccess', _136 => _136.variant])]);
+  }, [service, smartAccount, txHash, isSwappedOrder, _optionalChain([swappedContext, 'optionalAccess', _154 => _154.variant])]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer) return;
     if (state.type !== "processing") {
@@ -3554,20 +3657,20 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _137 => _137.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _155 => _155.intentId])
           });
         }
         if (!isMounted) return;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _138 => _138.type]) === "bridge-complete") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _156 => _156.type]) === "bridge-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _139 => _139.data, 'optionalAccess', _140 => _140.destination, 'optionalAccess', _141 => _141.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _157 => _157.data, 'optionalAccess', _158 => _158.destination, 'optionalAccess', _159 => _159.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _142 => _142.current, 'optionalCall', _143 => _143(txHash, destinationTxHash2, {
+          _optionalChain([onDepositCompleteRef, 'access', _160 => _160.current, 'optionalCall', _161 => _161(txHash, destinationTxHash2, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
@@ -3578,7 +3681,7 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _144 => _144.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _162 => _162.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -3590,11 +3693,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _145 => _145.current, 'optionalCall', _146 => _146(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _163 => _163.current, 'optionalCall', _164 => _164(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _147 => _147.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _148 => _148.data, 'optionalAccess', _149 => _149.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _165 => _165.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _166 => _166.data, 'optionalAccess', _167 => _167.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -3604,7 +3707,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailedRef, 'access', _150 => _150.current, 'optionalCall', _151 => _151(txHash, errorMessage)]);
+          _optionalChain([onDepositFailedRef, 'access', _168 => _168.current, 'optionalCall', _169 => _169(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -3665,7 +3768,7 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      _optionalChain([onErrorRef, 'access', _152 => _152.current, 'optionalCall', _153 => _153(message, "PROCESS_TIMEOUT")]);
+      _optionalChain([onErrorRef, 'access', _170 => _170.current, 'optionalCall', _171 => _171(message, "PROCESS_TIMEOUT")]);
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
   }, [debug, directTransfer, onErrorRef, state.type, txHash]);
@@ -3677,7 +3780,7 @@ function ProcessingStep({
   const timelineNowMs = _nullishCoalesce(phaseTimings.endedAt, () => ( Date.now()));
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
-  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _154 => _154.data, 'optionalAccess', _155 => _155.destination, 'optionalAccess', _156 => _156.transactionHash]) || null;
+  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _172 => _172.data, 'optionalAccess', _173 => _173.destination, 'optionalAccess', _174 => _174.transactionHash]) || null;
   const sourceDetails = getEventSourceDetails(lastEvent);
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
@@ -3755,8 +3858,8 @@ function ProcessingStep({
   const sourceChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, displaySourceChain);
   const targetChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, targetChain);
   const timerText = formatTimer(elapsedSeconds);
-  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _157 => _157.feeSponsored]), () => ( false));
-  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _158 => _158.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
+  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _175 => _175.feeSponsored]), () => ( false));
+  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _176 => _176.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = _nullishCoalesce(onRetry, () => ( onNewDeposit));
   const headerContent = isComplete ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header", children: [
@@ -3767,16 +3870,16 @@ function ProcessingStep({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-body-header-text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "rs-body-header-title", children: stateTitle }) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {}), title: stateTitle });
   if (isComplete && isSwappedOrder) {
-    const effectivePaymentMethod = _nullishCoalesce(_nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _159 => _159.method]), () => ( _optionalChain([swappedFiatContext, 'optionalAccess', _160 => _160.paymentMethod]))), () => ( null));
+    const effectivePaymentMethod = _nullishCoalesce(_nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _177 => _177.method]), () => ( _optionalChain([swappedFiatContext, 'optionalAccess', _178 => _178.paymentMethod]))), () => ( null));
     const onrampMethod = effectivePaymentMethod ? formatPaymentMethod(effectivePaymentMethod) : null;
-    const onrampMethodIcon = _optionalChain([swappedContext, 'optionalAccess', _161 => _161.variant]) === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
+    const onrampMethodIcon = _optionalChain([swappedContext, 'optionalAccess', _179 => _179.variant]) === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
       _nullishCoalesce(onrampMethod, () => ( effectivePaymentMethod)),
       effectivePaymentMethod
     ) : null;
-    const connectPaidAmount = _optionalChain([swappedContext, 'optionalAccess', _162 => _162.variant]) === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
-    const amountPaid = _nullishCoalesce(connectPaidAmount, () => ( (_optionalChain([swappedFiatContext, 'optionalAccess', _163 => _163.paidAmountUsd]) != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null)));
+    const connectPaidAmount = _optionalChain([swappedContext, 'optionalAccess', _180 => _180.variant]) === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
+    const amountPaid = _nullishCoalesce(connectPaidAmount, () => ( (_optionalChain([swappedFiatContext, 'optionalAccess', _181 => _181.paidAmountUsd]) != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null)));
     const depositedAmount = receiveDisplay;
-    const onrampFeeUsd = _nullishCoalesce(_optionalChain([swappedFiatContext, 'optionalAccess', _164 => _164.onrampFeeUsd]), () => ( null));
+    const onrampFeeUsd = _nullishCoalesce(_optionalChain([swappedFiatContext, 'optionalAccess', _182 => _182.onrampFeeUsd]), () => ( null));
     const networkFeeUsd = quotedFeeAmount !== void 0 && Number.isFinite(Number(quotedFeeAmount)) ? Number(quotedFeeAmount) : null;
     const feeRows = [];
     if (onrampFeeUsd != null) {
@@ -3853,7 +3956,7 @@ function ProcessingStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ticker, { value: timerText }) })
         ] }),
         isSwappedOrder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          _optionalChain([swappedFiatContext, 'optionalAccess', _165 => _165.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _183 => _183.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You pay" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
               "$",
@@ -3865,7 +3968,7 @@ function ProcessingStep({
               ] })
             ] })
           ] }),
-          _optionalChain([swappedFiatContext, 'optionalAccess', _166 => _166.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _184 => _184.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "On-ramp fee" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
               "$",

package/dist/{chunk-YYIE5U5K.cjs → chunk-VVKJRGX3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkZDYV536Qcjs = require('./chunk-ZDYV536Q.cjs');
+var _chunkVPWWFWZTcjs = require('./chunk-VPWWFWZT.cjs');
 
 
 
@@ -76,14 +76,14 @@ function buildTransports(rpcUrls) {
   const transports = {};
   for (const network of EVM_NETWORKS) {
     const id = Number(network.id);
-    transports[id] = _viem.http.call(void 0, _chunkZDYV536Qcjs.rpcUrlFor.call(void 0, rpcUrls, id));
+    transports[id] = _viem.http.call(void 0, _chunkVPWWFWZTcjs.rpcUrlFor.call(void 0, rpcUrls, id));
   }
   return transports;
 }
 function getEvmRpcFingerprint(rpcUrls) {
   return EVM_NETWORKS.map((network) => {
     const id = Number(network.id);
-    return `${id}=${_nullishCoalesce(_chunkZDYV536Qcjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
+    return `${id}=${_nullishCoalesce(_chunkVPWWFWZTcjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
   }).join("|");
 }
 var cachedAdapter = null;
@@ -177,7 +177,7 @@ function useReownWallet() {
           await switchChainAsync({ chainId });
         }
       } catch (err) {
-        if (_chunkZDYV536Qcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
+        if (_chunkVPWWFWZTcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
           throw new Error(
             `Switch to ${_chunkABVRVW3Pcjs.getChainName.call(void 0, chainId)} in your wallet to continue`
           );

package/dist/deposit.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7LVI3VALcjs = require('./chunk-7LVI3VAL.cjs');
+var _chunkIZPUHIINcjs = require('./chunk-IZPUHIIN.cjs');
 require('./chunk-NRNJAQUA.cjs');
-require('./chunk-ZDYV536Q.cjs');
+require('./chunk-VPWWFWZT.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
 
-exports.DepositModal = _chunk7LVI3VALcjs.DepositModal;
+exports.DepositModal = _chunkIZPUHIINcjs.DepositModal;

package/dist/deposit.mjs

@@ -1,8 +1,8 @@
 import {
   DepositModal
-} from "./chunk-NSAODZSS.mjs";
+} from "./chunk-TCLBFO3S.mjs";
 import "./chunk-FJWLC4AM.mjs";
-import "./chunk-GQDVHMOT.mjs";
+import "./chunk-GBOCV2LQ.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 export {

package/dist/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7LVI3VALcjs = require('./chunk-7LVI3VAL.cjs');
+var _chunkIZPUHIINcjs = require('./chunk-IZPUHIIN.cjs');
 require('./chunk-NRNJAQUA.cjs');
 
 
-var _chunkDASS33PJcjs = require('./chunk-DASS33PJ.cjs');
-require('./chunk-ZDYV536Q.cjs');
+var _chunkSITLCMTIcjs = require('./chunk-SITLCMTI.cjs');
+require('./chunk-VPWWFWZT.cjs');
 require('./chunk-UEKPBRBY.cjs');
 
 
@@ -85,4 +85,4 @@ async function disconnectWallet() {
 
 
 
-exports.CHAIN_BY_ID = _chunkABVRVW3Pcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkABVRVW3Pcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkABVRVW3Pcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunk7LVI3VALcjs.DepositModal; exports.HYPERCORE_CHAIN_ID = _chunkABVRVW3Pcjs.HYPERCORE_CHAIN_ID; exports.HYPERCORE_USDC_ADDRESS = _chunkABVRVW3Pcjs.HYPERCORE_USDC_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = _chunkABVRVW3Pcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkABVRVW3Pcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkABVRVW3Pcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkDASS33PJcjs.WithdrawModal; exports.chainRegistry = _chunkABVRVW3Pcjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunkABVRVW3Pcjs.findChainIdForToken; exports.getChainBadge = _chunkABVRVW3Pcjs.getChainBadge; exports.getChainIcon = _chunkABVRVW3Pcjs.getChainIcon; exports.getChainId = _chunkABVRVW3Pcjs.getChainId; exports.getChainName = _chunkABVRVW3Pcjs.getChainName; exports.getChainObject = _chunkABVRVW3Pcjs.getChainObject; exports.getExplorerName = _chunkABVRVW3Pcjs.getExplorerName; exports.getExplorerTxUrl = _chunkABVRVW3Pcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkABVRVW3Pcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkABVRVW3Pcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkABVRVW3Pcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkABVRVW3Pcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkABVRVW3Pcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkABVRVW3Pcjs.getTokenAddress; exports.getTokenDecimals = _chunkABVRVW3Pcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkABVRVW3Pcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon; exports.getTokenSymbol = _chunkABVRVW3Pcjs.getTokenSymbol; exports.getUsdcAddress = _chunkABVRVW3Pcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkABVRVW3Pcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkABVRVW3Pcjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkABVRVW3Pcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkABVRVW3Pcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkABVRVW3Pcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkIZPUHIINcjs.DepositModal; exports.HYPERCORE_CHAIN_ID = _chunkABVRVW3Pcjs.HYPERCORE_CHAIN_ID; exports.HYPERCORE_USDC_ADDRESS = _chunkABVRVW3Pcjs.HYPERCORE_USDC_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = _chunkABVRVW3Pcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkABVRVW3Pcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkABVRVW3Pcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkSITLCMTIcjs.WithdrawModal; exports.chainRegistry = _chunkABVRVW3Pcjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunkABVRVW3Pcjs.findChainIdForToken; exports.getChainBadge = _chunkABVRVW3Pcjs.getChainBadge; exports.getChainIcon = _chunkABVRVW3Pcjs.getChainIcon; exports.getChainId = _chunkABVRVW3Pcjs.getChainId; exports.getChainName = _chunkABVRVW3Pcjs.getChainName; exports.getChainObject = _chunkABVRVW3Pcjs.getChainObject; exports.getExplorerName = _chunkABVRVW3Pcjs.getExplorerName; exports.getExplorerTxUrl = _chunkABVRVW3Pcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkABVRVW3Pcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkABVRVW3Pcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkABVRVW3Pcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkABVRVW3Pcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkABVRVW3Pcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkABVRVW3Pcjs.getTokenAddress; exports.getTokenDecimals = _chunkABVRVW3Pcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkABVRVW3Pcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon; exports.getTokenSymbol = _chunkABVRVW3Pcjs.getTokenSymbol; exports.getUsdcAddress = _chunkABVRVW3Pcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkABVRVW3Pcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkABVRVW3Pcjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import {
   DepositModal
-} from "./chunk-NSAODZSS.mjs";
+} from "./chunk-TCLBFO3S.mjs";
 import "./chunk-FJWLC4AM.mjs";
 import {
   WithdrawModal
-} from "./chunk-3JVGI7FC.mjs";
-import "./chunk-GQDVHMOT.mjs";
+} from "./chunk-N73D3WN4.mjs";
+import "./chunk-GBOCV2LQ.mjs";
 import "./chunk-F7P4MV72.mjs";
 import {
   CHAIN_BY_ID,

package/dist/styles.css

@@ -4980,21 +4980,27 @@
   color: var(--rs-muted);
 }
 
-/* Iframe wrap sized to Swapped's documented dimensions — 400×586 for the
-   fiat on-ramp, 445×585 for Connect (overrides below). Centered horizontally
-   inside the modal so the step body can have header padding. */
+/* The iframe phase owns the whole modal width. Normal screens keep the
+   16px body inset, but Swapped now provides its own in-iframe back chrome so
+   the embedded sheet should not look like a padded card inside our modal. */
+.rs-modal-body[data-flow-mode="fiat-onramp"]:has(.rs-fiat-onramp),
+.rs-modal-body[data-flow-mode="exchange-connect"]:has(.rs-fiat-onramp) {
+  padding-inline: 0;
+}
+
+/* Iframe wrap sized to Swapped's documented heights. Width deliberately spans
+   the full modal body in the iframe phase; the modal itself controls the
+   product-specific width below. */
 .rs-fiat-onramp-iframe-wrap {
   position: relative;
   width: 100%;
-  max-width: 400px;
   min-height: 586px;
-  margin: 0 auto;
-  border-radius: var(--rs-radius);
+  margin: 0;
+  border-radius: 0;
   overflow: hidden;
 }
 
 .rs-fiat-onramp[data-variant="connect"] .rs-fiat-onramp-iframe-wrap {
-  max-width: 445px;
   min-height: 585px;
 }
 
@@ -5211,22 +5217,14 @@
 /* =============================================================================
    Modal sizing for the Swapped iframe step
    =============================================================================
-   Modal stays at the default 400px width for the fiat variant (matches
-   Swapped's 400×586 iframe edge-to-edge). Connect needs 445px because its
-   iframe is 445×585. Height grows with the Rhinestone chrome (header
-   icon/title/subtitle + iframe + PoweredBy); cap to viewport so smaller
-   laptops get a scrollable modal-body instead of overflowing the screen. */
-
-/* Connect's iframe is 445×585 (vs fiat's 400×586). To preserve the same
-   12px horizontal padding as ConnectStep while still giving Swapped's
-   Connect iframe its documented width, widen the modal by 24px (12 each
-   side) → 469px. Applied from the moment the user enters exchange-connect
-   mode (`data-flow-mode` on rs-modal-body) — not just the iframe step —
-   so the modal width is stable across SetupStep → SwappedIframeStep.
-   Fiat keeps the default 400px modal; its iframe renders at 376px
-   content-width, matching the visual width of ConnectStep's list rows. */
+   Fiat keeps the default modal width. Connect uses Swapped's wider documented
+   iframe width and applies it from the moment the user enters exchange-connect
+   mode (`data-flow-mode` on rs-modal-body), so the modal width is stable
+   across SetupStep → SwappedIframeStep. Height grows with the Rhinestone
+   chrome (header + iframe + PoweredBy); cap to viewport so smaller laptops get
+   a scrollable modal-body instead of overflowing the screen. */
 .rs-modal-content:has(.rs-modal-body[data-flow-mode="exchange-connect"]) {
-  max-width: 469px;
+  max-width: 445px;
 }
 
 .rs-modal-content:has(.rs-modal-body[data-flow-mode="fiat-onramp"]),

package/dist/withdraw.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDASS33PJcjs = require('./chunk-DASS33PJ.cjs');
-require('./chunk-ZDYV536Q.cjs');
+var _chunkSITLCMTIcjs = require('./chunk-SITLCMTI.cjs');
+require('./chunk-VPWWFWZT.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
 
-exports.WithdrawModal = _chunkDASS33PJcjs.WithdrawModal;
+exports.WithdrawModal = _chunkSITLCMTIcjs.WithdrawModal;

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-3JVGI7FC.mjs";
-import "./chunk-GQDVHMOT.mjs";
+} from "./chunk-N73D3WN4.mjs";
+import "./chunk-GBOCV2LQ.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {