@rhinestone/deposit-modal 0.1.53 → 0.1.55

package/dist/{chunk-4BL7RCZB.mjs → chunk-QOEACKBH.mjs}

@@ -20,7 +20,7 @@ import {
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
   toEvmCaip2
-} from "./chunk-REDAO3MS.mjs";
+} from "./chunk-JQTV5JTB.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -33,7 +33,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-ZJQZEIHA.mjs";
+} from "./chunk-CIXHTOO3.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -282,7 +282,7 @@ function WithdrawFormStep({
   return /* @__PURE__ */ jsxs("div", { className: "rs-step", children: [
     /* @__PURE__ */ jsxs("div", { className: "rs-step-body rs-withdraw-form", children: [
       /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-section", children: [
-        /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Recipient" }),
+        /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Recipient address" }),
         /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-input-row", children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -304,15 +304,18 @@ function WithdrawFormStep({
               className: `rs-withdraw-use-connected ${isRecipientConnected ? "rs-withdraw-use-connected--active" : ""}`,
               onClick: handleUseConnected,
               title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
-              children: walletIcon ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: walletIcon,
-                  alt: "Wallet",
-                  style: { width: 18, height: 18, borderRadius: 4 },
-                  className: "rs-withdraw-use-connected-icon"
-                }
-              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              children: walletIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: walletIcon,
+                    alt: "Wallet",
+                    style: { width: 18, height: 18, borderRadius: 4 },
+                    className: "rs-withdraw-use-connected-icon"
+                  }
+                ),
+                isRecipientConnected ? null : "Use connected"
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   "svg",
                   {
@@ -331,7 +334,7 @@ function WithdrawFormStep({
                     )
                   }
                 ),
-                isRecipientConnected ? null : "Wallet"
+                isRecipientConnected ? null : "Use connected"
               ] })
             }
           )
@@ -374,6 +377,7 @@ function WithdrawFormStep({
         /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-amount-info", children: [
           /* @__PURE__ */ jsx("span", { className: "rs-withdraw-usd", children: amountUsd !== null ? currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ jsxs("span", { className: "rs-withdraw-balance", children: [
+            "Balance: ",
             formattedBalance,
             " ",
             asset.symbol
@@ -382,7 +386,7 @@ function WithdrawFormStep({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-receive-row", children: [
         /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-receive-col", children: [
-          /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Receive" }),
+          /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Receive token" }),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -462,7 +466,7 @@ function WithdrawFormStep({
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-receive-col", children: [
-          /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Chain" }),
+          /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Receive chain" }),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -571,7 +575,7 @@ function WithdrawFormStep({
         fullWidth: true,
         loading: isBusy,
         disabled: !recipient || !amount || chainMismatch || isBusy,
-        children: isBusy ? "Preparing..." : "Withdraw"
+        children: isBusy ? "Preparing..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
       }
     ) }),
     /* @__PURE__ */ jsx(PoweredBy, {})
@@ -879,6 +883,7 @@ function WithdrawFlow({
   recipient: defaultRecipient,
   amount: defaultAmount,
   service,
+  allowedRoutes,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
@@ -1287,15 +1292,29 @@ function WithdrawFlow({
     },
     [logFlowError, onWithdrawFailed]
   );
-  const targetChainOptions = useMemo2(() => {
-    return SOURCE_CHAINS.filter(
-      (chain) => getSupportedTargetTokens(chain.id).length > 0
-    );
-  }, []);
-  const targetTokenOptions = useMemo2(
-    () => getSupportedTargetTokens(targetChain),
-    [targetChain]
+  const allowedChainSet = useMemo2(
+    () => allowedRoutes?.sourceChains ? new Set(allowedRoutes.sourceChains) : null,
+    [allowedRoutes?.sourceChains]
   );
+  const allowedTokenSet = useMemo2(
+    () => allowedRoutes?.sourceTokens ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
+    [allowedRoutes?.sourceTokens]
+  );
+  const targetChainOptions = useMemo2(() => {
+    return SOURCE_CHAINS.filter((chain) => {
+      if (allowedChainSet && !allowedChainSet.has(chain.id)) return false;
+      const tokens = getSupportedTargetTokens(chain.id);
+      if (allowedTokenSet) {
+        return tokens.some((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
+      }
+      return tokens.length > 0;
+    });
+  }, [allowedChainSet, allowedTokenSet]);
+  const targetTokenOptions = useMemo2(() => {
+    const tokens = getSupportedTargetTokens(targetChain);
+    if (!allowedTokenSet) return tokens;
+    return tokens.filter((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
+  }, [targetChain, allowedTokenSet]);
   useEffect2(() => {
     if (targetTokenOptions.length === 0) return;
     const matches = targetTokenOptions.some(
@@ -1308,7 +1327,10 @@ function WithdrawFlow({
   const handleTargetChainChange = useCallback2(
     (chainId) => {
       setTargetChain(chainId);
-      const options = getSupportedTargetTokens(chainId);
+      let options = getSupportedTargetTokens(chainId);
+      if (allowedTokenSet) {
+        options = options.filter((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
+      }
       if (options.length === 0) {
         return;
       }
@@ -1319,7 +1341,7 @@ function WithdrawFlow({
         currentlySupported ? targetToken : options[0].address
       );
     },
-    [targetToken]
+    [targetToken, allowedTokenSet]
   );
   const handleTargetTokenChange = useCallback2((token) => {
     setTargetToken(token);
@@ -1431,7 +1453,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-EE74V66X.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-K57JK52O.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1457,6 +1479,8 @@ function WithdrawModalInner({
   isOpen,
   onClose,
   inline,
+  closeOnOverlayClick,
+  allowedRoutes,
   backendUrl = DEFAULT_BACKEND_URL,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
@@ -1534,6 +1558,7 @@ function WithdrawModalInner({
       onClose,
       className,
       inline,
+      closeOnOverlayClick,
       children: /* @__PURE__ */ jsxs3("div", { ref: modalRef, className: "rs-modal", children: [
         /* @__PURE__ */ jsxs3("div", { className: "rs-modal-header--redesigned", children: [
           /* @__PURE__ */ jsx3("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx3(
@@ -1630,6 +1655,7 @@ function WithdrawModalInner({
             recipient,
             amount: defaultAmount,
             service,
+            allowedRoutes,
             signerAddress,
             sessionChainIds,
             forceRegister,

package/dist/{chunk-NELAYNA3.cjs → chunk-R6U6BHCV.cjs}

@@ -26,7 +26,7 @@ var SUPPORTED_TOKEN_MATRIX = {
   ETH: [_chains.mainnet.id, _chains.base.id, _chains.arbitrum.id, _chains.optimism.id, _chains.polygon.id, _chains.soneium.id],
   WETH: [_chains.mainnet.id, _chains.base.id, _chains.arbitrum.id, _chains.optimism.id, _chains.polygon.id, _chains.soneium.id],
   USDC: [_chains.mainnet.id, _chains.base.id, _chains.arbitrum.id, _chains.optimism.id, _chains.polygon.id, _chains.soneium.id],
-  USDT: [_chains.mainnet.id, _chains.arbitrum.id, _chains.polygon.id, _chains.bsc.id, _chains.plasma.id]
+  USDT: [_chains.mainnet.id, _chains.arbitrum.id, _chains.optimism.id, _chains.polygon.id, _chains.bsc.id, _chains.plasma.id]
 };
 var CHAIN_DISPLAY_ORDER = [
   _chains.mainnet.id,