@rhinestone/deposit-modal 0.10.0 → 0.11.0

package/dist/{chunk-LR7MKHYV.mjs → chunk-G4FVZQOM.mjs}

@@ -1,15 +1,15 @@
 import {
   ProcessingStep,
   deriveAccountSalt,
-  getPublicClient,
   useTokenPrices,
   warnRemovedProps
-} from "./chunk-VDGT6NZQ.mjs";
+} from "./chunk-WLDTBKRA.mjs";
 import {
   BodyHeader,
   Button,
   Callout,
   CdnIcon,
+  ChainCatalogProvider,
   ChevronDownIcon,
   ChevronLeftIcon,
   CircleArrowOutUpLeftIcon,
@@ -29,23 +29,24 @@ import {
   formatTokenAmount,
   formatUserError,
   getAssetId,
+  getPublicClient,
   isNativeAsset,
   isRecognizedToken,
+  useDestinationChains,
   useLatestRef,
   useRpcUrls,
-  useStableRpcUrls
-} from "./chunk-7TV7GLJB.mjs";
+  useStableRpcUrls,
+  useTargetTokens
+} from "./chunk-ITAYM7SB.mjs";
 import {
   NATIVE_TOKEN_ADDRESS,
-  SOURCE_CHAINS,
   getChainIcon,
   getChainId,
   getChainName,
-  getSupportedTargetTokens,
   getTokenDecimalsByAddress,
   getTokenSymbol,
   targetChainToCaip2
-} from "./chunk-A223BLVC.mjs";
+} from "./chunk-53IFZGSF.mjs";
 
 // src/WithdrawModal.tsx
 import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
@@ -602,8 +603,13 @@ function WithdrawFormStep({
           onClick: handleWithdraw,
           fullWidth: true,
           loading: isBusy,
-          disabled: !recipient || !amount || isBusy || Boolean(registrationError),
-          children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
+          disabled: !recipient || !amount || isBusy || Boolean(registrationError) || // No token list for the selected chain yet. A destination published
+          // at runtime becomes selectable as soon as `/chains` resolves, which
+          // can precede its addresses; submitting in that window would send
+          // the previously selected chain's token address to a chain it does
+          // not exist on.
+          targetTokenOptions.length === 0,
+          children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : targetTokenOptions.length === 0 ? "Loading tokens..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
         }
       )
     ] }),
@@ -1137,15 +1143,11 @@ function WithdrawFlow({
     },
     [logFlowError, onLifecycleRef, storeApi]
   );
-  const targetChainOptions = useMemo2(
-    () => SOURCE_CHAINS.filter(
-      (chain) => getSupportedTargetTokens(chain.id).length > 0
-    ),
-    []
-  );
+  const targetChainOptions = useDestinationChains();
+  const targetTokensFor = useTargetTokens();
   const targetTokenOptions = useMemo2(
-    () => getSupportedTargetTokens(targetChain),
-    [targetChain]
+    () => targetTokensFor(targetChain),
+    [targetChain, targetTokensFor]
   );
   useEffect2(() => {
     if (targetTokenOptions.length === 0) return;
@@ -1157,7 +1159,7 @@ function WithdrawFlow({
   const handleTargetChainChange = useCallback2(
     (chainId) => {
       setTargetChain(chainId);
-      const options = getSupportedTargetTokens(chainId);
+      const options = targetTokensFor(chainId);
       if (options.length === 0) return;
       const currentlySupported = options.some(
         (option) => option.address.toLowerCase() === targetToken.toLowerCase()
@@ -1166,7 +1168,7 @@ function WithdrawFlow({
         currentlySupported ? targetToken : options[0].address
       );
     },
-    [targetToken]
+    [targetToken, targetTokensFor]
   );
   const handleTargetTokenChange = useCallback2((token) => {
     setTargetToken(token);
@@ -1328,7 +1330,7 @@ function WithdrawModal({
   }, []);
   const showBackButton = uiConfig?.showBackButton ?? true;
   const canGoBack = backHandler !== void 0;
-  return /* @__PURE__ */ jsx4(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx4(WithdrawStoreProvider, { store, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx4(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx4(WithdrawStoreProvider, { store, children: /* @__PURE__ */ jsx4(
     Modal,
     {
       isOpen,
@@ -1382,7 +1384,7 @@ function WithdrawModal({
         )
       ] })
     }
-  ) }) });
+  ) }) }) });
 }
 
 export {

package/dist/{chunk-DEF767BA.cjs → chunk-GWA6GFTI.cjs}

@@ -1,6 +1,6 @@
 "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 _chunkVTVOHNXMcjs = require('./chunk-VTVOHNXM.cjs');
+var _chunkJYKMR6QIcjs = require('./chunk-JYKMR6QI.cjs');
 
 
 
@@ -26,18 +26,19 @@ var _chunkVTVOHNXMcjs = require('./chunk-VTVOHNXM.cjs');
 
 
 
-var _chunkPUJHXHRAcjs = require('./chunk-PUJHXHRA.cjs');
 
 
-var _chunkNF4NBRUPcjs = require('./chunk-NF4NBRUP.cjs');
+var _chunkNPSC5R22cjs = require('./chunk-NPSC5R22.cjs');
 
 
+var _chunkXVKBCDZIcjs = require('./chunk-XVKBCDZI.cjs');
 
 
 
 
 
-var _chunkH577RJN5cjs = require('./chunk-H577RJN5.cjs');
+
+var _chunkTENL4H64cjs = require('./chunk-TENL4H64.cjs');
 
 // src/ClaimModal.tsx
 
@@ -67,7 +68,7 @@ var Input = _react.forwardRef.call(void 0,
         }
       ),
       error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "rs-input-error", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.AlertTriangleIcon, { className: "rs-input-error-icon" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.AlertTriangleIcon, { className: "rs-input-error-icon" }),
         error
       ] })
     ] });
@@ -153,7 +154,7 @@ async function submitSignedRecovery(params) {
   try {
     signature = await signRecovery({ typedData, signer, depositId, destination });
   } catch (error) {
-    _chunkPUJHXHRAcjs.debugError.call(void 0, debug, scope, "signRecovery:failed", error);
+    _chunkNPSC5R22cjs.debugError.call(void 0, debug, scope, "signRecovery:failed", error);
     throw new RecoveryError(
       "Signature request was declined. Approve it in your wallet to recover this deposit.",
       0,
@@ -170,7 +171,7 @@ async function submitSignedRecovery(params) {
     );
   }
   const url = `${backendUrl.replace(/\/$/, "")}/deposits/recover`;
-  _chunkPUJHXHRAcjs.debugLog.call(void 0, debug, scope, "submitSignedRecovery:request", {
+  _chunkNPSC5R22cjs.debugLog.call(void 0, debug, scope, "submitSignedRecovery:request", {
     url,
     depositId,
     signer
@@ -182,19 +183,19 @@ async function submitSignedRecovery(params) {
       // The shared const, so recovery carries `x-deposit-modal-version` like
       // every other backend call. Without it this path would be invisible in the
       // per-client version telemetry the processor records.
-      headers: _chunkNF4NBRUPcjs.SERVICE_HEADERS,
+      headers: _chunkXVKBCDZIcjs.SERVICE_HEADERS,
       // `depositId` as a string: it is a uint256 upstream and JSON numbers lose
       // precision well before that range.
       body: JSON.stringify({ depositId, destination, signature })
     });
   } catch (error) {
-    _chunkPUJHXHRAcjs.debugError.call(void 0, debug, scope, "submitSignedRecovery:network", error);
+    _chunkNPSC5R22cjs.debugError.call(void 0, debug, scope, "submitSignedRecovery:network", error);
     const { message, retryable } = formatRecoveryError(0);
     throw new RecoveryError(message, 0, void 0, retryable);
   }
   if (!response.ok) {
     const body = await response.json().catch(() => ({}));
-    _chunkPUJHXHRAcjs.debugError.call(void 0, debug, scope, "submitSignedRecovery:failed", body, {
+    _chunkNPSC5R22cjs.debugError.call(void 0, debug, scope, "submitSignedRecovery:failed", body, {
       status: response.status
     });
     const { message, retryable } = formatRecoveryError(
@@ -205,7 +206,7 @@ async function submitSignedRecovery(params) {
     throw new RecoveryError(message, response.status, body.code, retryable);
   }
   const result = await response.json();
-  _chunkPUJHXHRAcjs.debugLog.call(void 0, debug, scope, "submitSignedRecovery:success", {
+  _chunkNPSC5R22cjs.debugLog.call(void 0, debug, scope, "submitSignedRecovery:success", {
     transactionHash: result.transactionHash
   });
   return result;
@@ -223,17 +224,17 @@ function isEligible(row) {
 }
 function describeDeposit(row) {
   const chainId = _nullishCoalesce(evmChainIdFromCaip2(row.chain), () => ( 0));
-  const decimals = _chunkH577RJN5cjs.getTokenDecimalsByAddress.call(void 0, row.token, chainId);
-  const symbol = _chunkH577RJN5cjs.getTokenSymbol.call(void 0, row.token, chainId);
+  const decimals = _chunkTENL4H64cjs.getTokenDecimalsByAddress.call(void 0, row.token, chainId);
+  const symbol = _chunkTENL4H64cjs.getTokenSymbol.call(void 0, row.token, chainId);
   const raw = BigInt(_nullishCoalesce(_nullishCoalesce(row.sourceAmount, () => ( row.amount)), () => ( "0")));
   const human = Number(_viem.formatUnits.call(void 0, raw, decimals));
-  const amount = _nullishCoalesce(_chunkPUJHXHRAcjs.formatTokenAmount.call(void 0, human, symbol), () => ( _viem.formatUnits.call(void 0, raw, decimals)));
+  const amount = _nullishCoalesce(_chunkNPSC5R22cjs.formatTokenAmount.call(void 0, human, symbol), () => ( _viem.formatUnits.call(void 0, raw, decimals)));
   return {
     chainId,
     symbol,
     amount,
-    chainName: _chunkH577RJN5cjs.getChainName.call(void 0, chainId),
-    chainIcon: _chunkH577RJN5cjs.getChainIcon.call(void 0, chainId)
+    chainName: _chunkTENL4H64cjs.getChainName.call(void 0, chainId),
+    chainIcon: _chunkTENL4H64cjs.getChainIcon.call(void 0, chainId)
   };
 }
 function shortenHash(hash) {
@@ -324,15 +325,15 @@ function ClaimModal({
   onError,
   debug
 }) {
-  _chunkPUJHXHRAcjs.checkBackendUrl.call(void 0, "ClaimModal", backendUrl);
+  _chunkNPSC5R22cjs.checkBackendUrl.call(void 0, "ClaimModal", backendUrl);
   const modalRef = _react.useRef.call(void 0, null);
-  const onReadyRef = _chunkPUJHXHRAcjs.useLatestRef.call(void 0, onReady);
-  const onLifecycleRef = _chunkPUJHXHRAcjs.useLatestRef.call(void 0, onLifecycle);
-  const onEventRef = _chunkPUJHXHRAcjs.useLatestRef.call(void 0, onEvent);
-  const onErrorRef = _chunkPUJHXHRAcjs.useLatestRef.call(void 0, onError);
-  const rpcUrls = _chunkPUJHXHRAcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
+  const onReadyRef = _chunkNPSC5R22cjs.useLatestRef.call(void 0, onReady);
+  const onLifecycleRef = _chunkNPSC5R22cjs.useLatestRef.call(void 0, onLifecycle);
+  const onEventRef = _chunkNPSC5R22cjs.useLatestRef.call(void 0, onEvent);
+  const onErrorRef = _chunkNPSC5R22cjs.useLatestRef.call(void 0, onError);
+  const rpcUrls = _chunkNPSC5R22cjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkPUJHXHRAcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:claim" }),
+    () => _chunkNPSC5R22cjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:claim" }),
     [backendUrl, debug]
   );
   const [state, dispatch] = _react.useReducer.call(void 0, claimReducer, INITIAL_STATE);
@@ -340,7 +341,7 @@ function ClaimModal({
   const isOpenRef = _react.useRef.call(void 0, isOpen);
   isOpenRef.current = isOpen;
   _react.useEffect.call(void 0, () => {
-    if (isOpen && modalRef.current) _chunkPUJHXHRAcjs.applyTheme.call(void 0, modalRef.current, theme);
+    if (isOpen && modalRef.current) _chunkNPSC5R22cjs.applyTheme.call(void 0, modalRef.current, theme);
   }, [isOpen, theme]);
   _react.useEffect.call(void 0, () => {
     if (isOpen) {
@@ -362,8 +363,8 @@ function ClaimModal({
   }, [state.step, onClose]);
   const canGoBack = state.step === "select" || state.step === "review" || state.step === "failed";
   const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _7 => _7.showBackButton]), () => ( true));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPUJHXHRAcjs.Modal,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNPSC5R22cjs.Modal,
     {
       isOpen,
       onClose: handleClose,
@@ -379,7 +380,7 @@ function ClaimModal({
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: () => dispatch({ type: "back" }),
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.ChevronLeftIcon, {})
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.ChevronLeftIcon, {})
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -390,7 +391,7 @@ function ClaimModal({
               disabled: state.step === "processing",
               className: "rs-modal-close",
               "aria-label": "Close",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.CloseIcon, {})
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.CloseIcon, {})
             }
           ) })
         ] }),
@@ -415,7 +416,7 @@ function ClaimModal({
         ) })
       ] })
     }
-  ) });
+  ) }) });
 }
 function ClaimBody({
   state,
@@ -523,12 +524,12 @@ function ClaimBody({
       });
       if (!isCurrentOperation()) return;
       const paidTo = destination;
-      const decimals = _chunkH577RJN5cjs.getTokenDecimalsByAddress.call(void 0, token, sourceChainId);
-      const symbol = _chunkH577RJN5cjs.getTokenSymbol.call(void 0, token, sourceChainId);
+      const decimals = _chunkTENL4H64cjs.getTokenDecimalsByAddress.call(void 0, token, sourceChainId);
+      const symbol = _chunkTENL4H64cjs.getTokenSymbol.call(void 0, token, sourceChainId);
       const refundedRaw = BigInt(
         _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(result.amount, () => ( deposit.sourceAmount)), () => ( deposit.amount)), () => ( "0"))
       );
-      const amountDisplay = _nullishCoalesce(_chunkPUJHXHRAcjs.formatTokenAmount.call(void 0, Number(_viem.formatUnits.call(void 0, refundedRaw, decimals)), symbol), () => ( _viem.formatUnits.call(void 0, refundedRaw, decimals)));
+      const amountDisplay = _nullishCoalesce(_chunkNPSC5R22cjs.formatTokenAmount.call(void 0, Number(_viem.formatUnits.call(void 0, refundedRaw, decimals)), symbol), () => ( _viem.formatUnits.call(void 0, refundedRaw, decimals)));
       dispatch({
         type: "complete",
         txHash: result.transactionHash,
@@ -555,7 +556,7 @@ function ClaimBody({
       if (!isCurrentOperation()) return;
       const recoveryError = err instanceof RecoveryError ? err : void 0;
       const status = _optionalChain([recoveryError, 'optionalAccess', _16 => _16.status]);
-      const message = _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _17 => _17.message]), () => ( _chunkPUJHXHRAcjs.formatUserError.call(void 0, 
+      const message = _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _17 => _17.message]), () => ( _chunkNPSC5R22cjs.formatUserError.call(void 0, 
         err instanceof Error ? err.message : "Recovery failed"
       )));
       dispatch({
@@ -620,7 +621,7 @@ function LookupStep({
       onResults(deposits);
     } catch (err) {
       if (!isCurrentOperation()) return;
-      const message = _chunkPUJHXHRAcjs.formatUserError.call(void 0, 
+      const message = _chunkNPSC5R22cjs.formatUserError.call(void 0, 
         err instanceof Error ? err.message : "Lookup failed"
       );
       setError(message);
@@ -641,9 +642,9 @@ function LookupStep({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPUJHXHRAcjs.BodyHeader,
+        _chunkNPSC5R22cjs.BodyHeader,
         {
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.HandCoinsIcon, {}),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.HandCoinsIcon, {}),
           title: "Claim a deposit",
           subtitle: "Get funds from a failed deposit sent back to you on the source chain."
         }
@@ -658,9 +659,9 @@ function LookupStep({
           error: trimmed.length > 0 && !validTxHash ? "Enter a valid transaction hash" : void 0
         }
       ),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.Callout, { variant: "error", children: error }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.Callout, { variant: "error", children: error }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPUJHXHRAcjs.Button,
+        _chunkNPSC5R22cjs.Button,
         {
           onClick: handleLookup,
           loading,
@@ -671,7 +672,7 @@ function LookupStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.PoweredBy, {})
   ] });
 }
 function SelectStep({
@@ -681,9 +682,9 @@ function SelectStep({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPUJHXHRAcjs.BodyHeader,
+        _chunkNPSC5R22cjs.BodyHeader,
         {
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.CoinsIcon, {}),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.CoinsIcon, {}),
           title: "Select a deposit",
           subtitle: "This transaction produced multiple deposits. Choose the one to claim."
         }
@@ -692,9 +693,9 @@ function SelectStep({
         const { symbol, amount, chainName } = describeDeposit(row);
         const eligible = isEligible(row);
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVTVOHNXMcjs.ListRow,
+          _chunkJYKMR6QIcjs.ListRow,
           {
-            leadingMedia: _chunkH577RJN5cjs.tokenIconUrl.call(void 0, symbol),
+            leadingMedia: _chunkTENL4H64cjs.tokenIconUrl.call(void 0, symbol),
             title: `${amount} ${symbol}`,
             subtitle: chainName,
             meta: eligible ? void 0 : humanizeStatus(row.status),
@@ -705,7 +706,7 @@ function SelectStep({
         );
       }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.PoweredBy, {})
   ] });
 }
 function ReviewStep({
@@ -715,14 +716,15 @@ function ReviewStep({
   onSubmit
 }) {
   const { chainId, symbol, amount, chainName, chainIcon } = describeDeposit(deposit);
+  const explorerTxUrl = _chunkNPSC5R22cjs.useExplorerTxUrl.call(void 0, );
   const [destination, setDestination] = _react.useState.call(void 0, _nullishCoalesce(defaultRefundDestination, () => ( "")));
   const destinationValid = _viem.isAddress.call(void 0, destination);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPUJHXHRAcjs.BodyHeader,
+        _chunkNPSC5R22cjs.BodyHeader,
         {
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.HandCoinsIcon, {}),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.HandCoinsIcon, {}),
           title: "Review refund",
           subtitle: "This returns the funds on the source chain. It does not retry the original bridge."
         }
@@ -736,20 +738,20 @@ function ReviewStep({
               " ",
               symbol
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.TokenIcon, { symbol }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.TokenIcon, { symbol }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Source chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: chainName }),
-            chainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.CdnIcon, { src: chainIcon }) })
+            chainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.CdnIcon, { src: chainIcon }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Deposit transaction" }),
           (() => {
-            const url = deposit.txHash ? _chunkH577RJN5cjs.getExplorerTxUrl.call(void 0, chainId, deposit.txHash) : null;
+            const url = deposit.txHash ? explorerTxUrl(chainId, deposit.txHash) : null;
             const short = deposit.txHash ? shortenHash(deposit.txHash) : "\u2014";
             return url ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "a",
@@ -760,7 +762,7 @@ function ReviewStep({
                 rel: "noreferrer",
                 children: [
                   short,
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.ExternalLinkIcon, {})
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.ExternalLinkIcon, {})
                 ]
               }
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: short });
@@ -778,7 +780,7 @@ function ReviewStep({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPUJHXHRAcjs.Button,
+        _chunkNPSC5R22cjs.Button,
         {
           onClick: () => destinationValid && onSubmit(destination),
           loading: submitting,
@@ -789,7 +791,7 @@ function ReviewStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.PoweredBy, {})
   ] });
 }
 function ResultStep({
@@ -800,12 +802,13 @@ function ResultStep({
   onRetry
 }) {
   const success = !!result;
+  const explorerTxUrl = _chunkNPSC5R22cjs.useExplorerTxUrl.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPUJHXHRAcjs.BodyHeader,
+        _chunkNPSC5R22cjs.BodyHeader,
         {
-          icon: success ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.CheckIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.AlertTriangleIcon, {}),
+          icon: success ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.CheckIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.AlertTriangleIcon, {}),
           variant: success ? "success" : "error",
           title: success ? "Refund submitted" : "Refund failed",
           subtitle: success ? "Your funds are being returned on the source chain." : void 0
@@ -820,7 +823,7 @@ function ResultStep({
               " ",
               result.symbol
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.TokenIcon, { symbol: result.symbol }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.TokenIcon, { symbol: result.symbol }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
@@ -830,7 +833,7 @@ function ResultStep({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Transaction" }),
           (() => {
-            const url = _chunkH577RJN5cjs.getExplorerTxUrl.call(void 0, result.chain, result.txHash);
+            const url = explorerTxUrl(result.chain, result.txHash);
             const short = shortenHash(result.txHash);
             return url ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "a",
@@ -841,22 +844,22 @@ function ResultStep({
                 rel: "noreferrer",
                 children: [
                   short,
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.ExternalLinkIcon, {})
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.ExternalLinkIcon, {})
                 ]
               }
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: short });
           })()
         ] })
-      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.Callout, { variant: "error", children: error }),
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.Callout, { variant: "error", children: error }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-screen-button-row", children: success ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        onReset && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.Button, { variant: "outline", onClick: onReset, fullWidth: true, children: "Claim another deposit" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.Button, { onClick: onClose, fullWidth: true, children: "Done" })
+        onReset && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.Button, { variant: "outline", onClick: onReset, fullWidth: true, children: "Claim another deposit" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
-        onRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.Button, { onClick: onRetry, fullWidth: true, children: "Try again" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
+        onRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.Button, { onClick: onRetry, fullWidth: true, children: "Try again" })
       ] }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPSC5R22cjs.PoweredBy, {})
   ] });
 }