@rhinestone/deposit-modal 0.10.0 → 0.11.1

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

@@ -1,15 +1,15 @@
 import {
   ProcessingStep,
   deriveAccountSalt,
-  getPublicClient,
   useTokenPrices,
   warnRemovedProps
-} from "./chunk-VDGT6NZQ.mjs";
+} from "./chunk-5746YXKC.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-CWGUBFJL.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"
         }
       )
     ] }),
@@ -663,7 +669,7 @@ function WithdrawReviewStep({
       const raw = err instanceof Error ? err.message : "Withdraw failed";
       const message = formatUserError(raw);
       setError(message);
-      onError?.(message, "WITHDRAW_REVIEW_ERROR");
+      onError?.(message, "WITHDRAW_REVIEW_ERROR", raw);
     } finally {
       setIsSubmitting(false);
     }
@@ -965,9 +971,9 @@ function WithdrawFlow({
     registration.kind
   ]);
   const handleError = useCallback2(
-    (message, code) => {
-      logFlowError("flow:error", message, { code });
-      onErrorRef.current?.({ message, code });
+    (message, code, cause) => {
+      logFlowError("flow:error", cause ?? message, { code });
+      onErrorRef.current?.({ message, code, cause });
     },
     [logFlowError, onErrorRef]
   );
@@ -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-VTVOHNXM.cjs → chunk-FVUXJ3RP.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 _chunkPUJHXHRAcjs = require('./chunk-PUJHXHRA.cjs');
+var _chunkZQR36NCVcjs = require('./chunk-ZQR36NCV.cjs');
 
 // src/components/ui/ListRow.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -19,7 +19,7 @@ function ListRow({
   ...props
 }) {
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
+    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZQR36NCVcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-body", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-text", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-title", children: title }),
@@ -39,7 +39,7 @@ function ListRow({
         }
       ) : meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-list-row-meta", children: meta })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( (disabled ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJHXHRAcjs.ChevronRightIcon, {})))) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( (disabled ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZQR36NCVcjs.ChevronRightIcon, {})))) })
   ] });
   if (action) {
     const handleKey = (e) => {