@rhinestone/deposit-modal 0.1.52 → 0.1.54

package/dist/{DepositModalReown-63LD7KSU.mjs → DepositModalReown-5QKEE7R3.mjs}

@@ -1,12 +1,12 @@
 import {
   DepositModalInner
-} from "./chunk-VYYJWMEI.mjs";
+} from "./chunk-AJUR6FAP.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-UPA7N6GY.mjs";
-import "./chunk-MKSZIA74.mjs";
-import "./chunk-ZJQZEIHA.mjs";
+} from "./chunk-MBURQ26S.mjs";
+import "./chunk-JQTV5JTB.mjs";
+import "./chunk-CIXHTOO3.mjs";
 
 // src/DepositModalReown.tsx
 import { useCallback, useMemo } from "react";

package/dist/{DepositModalReown-SXQJYLTX.cjs → DepositModalReown-XKP2Z55X.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkZW4SRCW5cjs = require('./chunk-ZW4SRCW5.cjs');
+var _chunkQJVXCBUIcjs = require('./chunk-QJVXCBUI.cjs');
 
 
 
-var _chunkXAGXQV4Kcjs = require('./chunk-XAGXQV4K.cjs');
-require('./chunk-RVKMKH2C.cjs');
-require('./chunk-NELAYNA3.cjs');
+var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
+require('./chunk-EAEDK474.cjs');
+require('./chunk-R6U6BHCV.cjs');
 
 // src/DepositModalReown.tsx
 var _react = require('react');
 var _react3 = require('@reown/appkit/react');
 var _jsxruntime = require('react/jsx-runtime');
 function DepositModalWithReown(props) {
-  const reown = _chunkXAGXQV4Kcjs.useReownWallet.call(void 0, );
+  const reown = _chunkN2Y34LQOcjs.useReownWallet.call(void 0, );
   const enableSolana = _nullishCoalesce(props.enableSolana, () => ( true));
   const { walletProvider: solanaWalletProvider } = _react3.useAppKitProvider.call(void 0, 
     enableSolana ? "solana" : "eip155"
@@ -32,7 +32,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZW4SRCW5cjs.DepositModalInner,
+    _chunkQJVXCBUIcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,
@@ -43,7 +43,7 @@ function DepositModalWithReown(props) {
 }
 function DepositModalReown(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXAGXQV4Kcjs.ReownWalletProvider,
+    _chunkN2Y34LQOcjs.ReownWalletProvider,
     {
       projectId: props.reownAppId,
       theme: props.theme,

package/dist/{WithdrawModalReown-PUIM36NO.mjs → WithdrawModalReown-DN6OKFGR.mjs}

@@ -1,12 +1,12 @@
 import {
   WithdrawModalInner
-} from "./chunk-R64A3IEI.mjs";
+} from "./chunk-XXB2LVUB.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-UPA7N6GY.mjs";
-import "./chunk-MKSZIA74.mjs";
-import "./chunk-ZJQZEIHA.mjs";
+} from "./chunk-MBURQ26S.mjs";
+import "./chunk-JQTV5JTB.mjs";
+import "./chunk-CIXHTOO3.mjs";
 
 // src/WithdrawModalReown.tsx
 import { useCallback } from "react";

package/dist/{WithdrawModalReown-JD665MKM.cjs → WithdrawModalReown-ZQCNJLSP.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJL3R3JT6cjs = require('./chunk-JL3R3JT6.cjs');
+var _chunkGOMHX544cjs = require('./chunk-GOMHX544.cjs');
 
 
 
-var _chunkXAGXQV4Kcjs = require('./chunk-XAGXQV4K.cjs');
-require('./chunk-RVKMKH2C.cjs');
-require('./chunk-NELAYNA3.cjs');
+var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
+require('./chunk-EAEDK474.cjs');
+require('./chunk-R6U6BHCV.cjs');
 
 // src/WithdrawModalReown.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function WithdrawModalWithReown(props) {
-  const reown = _chunkXAGXQV4Kcjs.useReownWallet.call(void 0, );
+  const reown = _chunkN2Y34LQOcjs.useReownWallet.call(void 0, );
   const handleConnect = _react.useCallback.call(void 0, () => {
     reown.openConnect();
   }, [reown.openConnect]);
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkJL3R3JT6cjs.WithdrawModalInner,
+    _chunkGOMHX544cjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,
@@ -30,7 +30,7 @@ function WithdrawModalWithReown(props) {
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXAGXQV4Kcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN2Y34LQOcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
 }
 
 

package/dist/{chunk-VYYJWMEI.mjs → chunk-AJUR6FAP.mjs}

@@ -25,7 +25,7 @@ import {
   toEvmCaip2,
   tokenFormatter,
   txRefsMatch
-} from "./chunk-MKSZIA74.mjs";
+} from "./chunk-JQTV5JTB.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -41,7 +41,7 @@ import {
   getTokenIcon,
   getTokenSymbol,
   isStablecoinSymbol
-} from "./chunk-ZJQZEIHA.mjs";
+} from "./chunk-CIXHTOO3.mjs";
 
 // src/DepositModal.tsx
 import {
@@ -695,9 +695,8 @@ function AmountStep({
         return;
       }
       if (uiConfig?.minDepositUsd && usdValue < uiConfig.minDepositUsd) {
-        setError(
-          `Minimum deposit is ${currencyFormatter.format(uiConfig.minDepositUsd)}`
-        );
+        setAmount(uiConfig.minDepositUsd.toString());
+        setError(null);
         return;
       }
     }
@@ -737,7 +736,7 @@ function AmountStep({
             autoFocus: true
           }
         ) }),
-        !isSourceStablecoin && /* @__PURE__ */ jsx3("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs3("span", { className: "rs-amount-available-value", children: [
+        /* @__PURE__ */ jsx3("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs3("span", { className: "rs-amount-available-value", children: [
           formattedBalance,
           " ",
           asset.symbol,
@@ -881,6 +880,10 @@ function AmountStep({
           }
         )
       ] }),
+      uiConfig?.minDepositUsd && /* @__PURE__ */ jsxs3("div", { className: "rs-amount-minimum", children: [
+        currencyFormatter.format(uiConfig.minDepositUsd),
+        " minimum deposit"
+      ] }),
       error && /* @__PURE__ */ jsxs3("div", { className: "rs-amount-error", children: [
         /* @__PURE__ */ jsx3(
           "svg",
@@ -909,7 +912,7 @@ function AmountStep({
         onClick: handleContinue,
         fullWidth: true,
         disabled: !amount || chainMismatch,
-        children: "Continue"
+        children: uiConfig?.minDepositUsd && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
       }
     ) }),
     /* @__PURE__ */ jsx3(PoweredBy, {})
@@ -1450,11 +1453,23 @@ function DepositAddressStep({
   smartAccount,
   solanaDepositAddress,
   service,
+  allowedRoutes,
   onDepositDetected,
   onError
 }) {
   const hasSolana = Boolean(solanaDepositAddress);
-  const evmChainIds = useMemo4(() => getSupportedChainIds(), []);
+  const allowedChainSet = useMemo4(
+    () => allowedRoutes?.sourceChains ? new Set(allowedRoutes.sourceChains) : null,
+    [allowedRoutes?.sourceChains]
+  );
+  const allowedTokenSet = useMemo4(
+    () => allowedRoutes?.sourceTokens ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
+    [allowedRoutes?.sourceTokens]
+  );
+  const evmChainIds = useMemo4(() => {
+    const all = getSupportedChainIds();
+    return allowedChainSet ? all.filter((id) => allowedChainSet.has(id)) : all;
+  }, [allowedChainSet]);
   const chainOptions = useMemo4(
     () => hasSolana ? [...evmChainIds, "solana"] : evmChainIds,
     [evmChainIds, hasSolana]
@@ -1463,10 +1478,10 @@ function DepositAddressStep({
   const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
   const [sourceChainId, setSourceChainId] = useState6(defaultChainId);
   const isSolana = sourceChainId === "solana";
-  const tokensForChain = useMemo4(
-    () => isSolana ? SOLANA_TOKENS.map((t) => t.symbol) : getTargetTokenSymbolsForChain(sourceChainId),
-    [sourceChainId, isSolana]
-  );
+  const tokensForChain = useMemo4(() => {
+    const all = isSolana ? SOLANA_TOKENS.map((t) => t.symbol) : getTargetTokenSymbolsForChain(sourceChainId);
+    return allowedTokenSet ? all.filter((s) => allowedTokenSet.has(s.toUpperCase())) : all;
+  }, [sourceChainId, isSolana, allowedTokenSet]);
   const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
   const [sourceTokenSymbol, setSourceTokenSymbol] = useState6(defaultToken);
   useEffect6(() => {
@@ -2122,9 +2137,8 @@ function SolanaAmountStep({
         return;
       }
       if (uiConfig?.minDepositUsd && usdValue < uiConfig.minDepositUsd) {
-        setError(
-          `Minimum deposit is ${currencyFormatter.format(uiConfig.minDepositUsd)}`
-        );
+        setAmount(uiConfig.minDepositUsd.toString());
+        setError(null);
         return;
       }
     }
@@ -2223,6 +2237,10 @@ function SolanaAmountStep({
           }
         )
       ] }),
+      uiConfig?.minDepositUsd && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-minimum", children: [
+        currencyFormatter.format(uiConfig.minDepositUsd),
+        " minimum deposit"
+      ] }),
       error && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-error", children: [
         /* @__PURE__ */ jsx8(
           "svg",
@@ -2251,7 +2269,7 @@ function SolanaAmountStep({
         onClick: handleContinue,
         fullWidth: true,
         disabled: !amount,
-        children: "Continue"
+        children: uiConfig?.minDepositUsd && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
       }
     ) }),
     /* @__PURE__ */ jsx8(PoweredBy, {})
@@ -2522,6 +2540,7 @@ function SolanaConfirmStep({
 
 // src/DepositFlow.tsx
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var QR_AUTO_ADVANCE_HYDRATION_GRACE_MS = 1e3;
 function isSameRoute(sourceChain, sourceToken, targetChain, targetToken) {
   return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
 }
@@ -2532,6 +2551,7 @@ function DepositFlow({
   dappWalletClient,
   dappPublicClient,
   dappAddress,
+  hasDappWalletClientProp,
   targetChain,
   targetToken,
   service,
@@ -2561,11 +2581,18 @@ function DepositFlow({
   onError,
   debug
 }) {
+  const hasInitialReownSession = Boolean(
+    enableSolana ? reownWallet?.isConnected || reownWallet?.address : reownWallet?.address
+  );
+  const hasInitialWalletHydrationPending = Boolean(
+    dappAddress && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasInitialReownSession && !reownWallet.isReady)
+  );
   const [step, setStep] = useState10({ type: "setup" });
   const [flowMode, setFlowMode] = useState10(null);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState10(0);
   const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = useState10(false);
   const [selectedWalletId, setSelectedWalletId] = useState10(null);
+  const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState10(() => !hasInitialWalletHydrationPending);
   const flowModeRef = useRef5(null);
   const portfolioAssetsRef = useRef5([]);
   const stableWalletSignerRef = useRef5(null);
@@ -2663,7 +2690,21 @@ function DepositFlow({
   const hasReownSession = Boolean(
     enableSolana ? reownWallet?.isConnected || reownWallet?.address : reownWallet?.address
   );
+  const isWalletHydrationPending = Boolean(
+    dappAddress && !hasWalletOptions && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasReownSession && !reownWallet.isReady)
+  );
   const showConnectStep = flowMode === null && !canAutoLock && !isConnectSelectionConfirmed;
+  useEffect9(() => {
+    if (!isWalletHydrationPending) {
+      setHasQrAutoAdvanceGraceElapsed(true);
+      return;
+    }
+    setHasQrAutoAdvanceGraceElapsed(false);
+    const timeout = window.setTimeout(() => {
+      setHasQrAutoAdvanceGraceElapsed(true);
+    }, QR_AUTO_ADVANCE_HYDRATION_GRACE_MS);
+    return () => window.clearTimeout(timeout);
+  }, [isWalletHydrationPending]);
   const walletSelectionKey = useMemo7(() => {
     if (flowMode !== "wallet") return null;
     if (canAutoLock) {
@@ -3192,13 +3233,14 @@ function DepositFlow({
         return;
       }
     }
-    if (!hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient) {
+    if (!hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient && hasQrAutoAdvanceGraceElapsed) {
       handleSelectTransferCrypto();
       setIsConnectSelectionConfirmed(true);
     }
   }, [
     hasWalletOptions,
     hasReownSession,
+    hasQrAutoAdvanceGraceElapsed,
     enableSolana,
     isConnectSelectionConfirmed,
     flowMode,
@@ -3268,6 +3310,7 @@ function DepositFlow({
           smartAccount: step.smartAccount,
           solanaDepositAddress: enableSolana ? step.solanaDepositAddress : void 0,
           service,
+          allowedRoutes,
           onDepositDetected: handleDepositAddressDetected,
           onError: handleError
         }
@@ -3527,25 +3570,43 @@ function DepositFlow({
 // src/DepositModal.tsx
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-63LD7KSU.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-5QKEE7R3.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
+  const hasDappWalletClientProp = Object.prototype.hasOwnProperty.call(
+    props,
+    "dappWalletClient"
+  );
   if (needsReown) {
-    return /* @__PURE__ */ jsx11(Suspense, { fallback: null, children: /* @__PURE__ */ jsx11(ReownDepositInner, { ...props }) });
+    return /* @__PURE__ */ jsx11(Suspense, { fallback: null, children: /* @__PURE__ */ jsx11(
+      ReownDepositInner,
+      {
+        ...props,
+        hasDappWalletClientProp
+      }
+    ) });
   }
-  return /* @__PURE__ */ jsx11(DepositModalInner, { ...props });
+  return /* @__PURE__ */ jsx11(
+    DepositModalInner,
+    {
+      ...props,
+      hasDappWalletClientProp
+    }
+  );
 }
 DepositModal.displayName = "DepositModal";
 function DepositModalInner({
   dappWalletClient,
   dappPublicClient,
   dappAddress,
+  hasDappWalletClientProp,
   targetChain: targetChainProp,
   targetToken,
   isOpen,
   onClose,
   inline,
+  closeOnOverlayClick,
   sourceChain: sourceChainProp,
   sourceToken,
   defaultAmount,
@@ -3635,6 +3696,7 @@ function DepositModalInner({
       onClose,
       className,
       inline,
+      closeOnOverlayClick,
       children: /* @__PURE__ */ jsxs11("div", { ref: modalRef, className: "rs-modal", children: [
         /* @__PURE__ */ jsxs11("div", { className: "rs-modal-header--redesigned", children: [
           /* @__PURE__ */ jsx11("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx11(
@@ -3677,13 +3739,44 @@ function DepositModalInner({
                 }
               ),
               /* @__PURE__ */ jsx11("span", { className: "rs-modal-header-title", children: title }),
-              showStepper && /* @__PURE__ */ jsx11("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx11(
-                "div",
-                {
-                  className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
-                },
-                i
-              )) })
+              showStepper && currentStepIndex >= 2 && /* @__PURE__ */ jsxs11("div", { className: "rs-step-indicator", style: { marginLeft: 8 }, children: [
+                /* @__PURE__ */ jsx11(
+                  "div",
+                  {
+                    className: `rs-step-indicator-node ${currentStepIndex >= 4 ? "rs-step-indicator-node--complete" : "rs-step-indicator-node--active"}`,
+                    children: currentStepIndex >= 4 ? /* @__PURE__ */ jsx11(
+                      "svg",
+                      {
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "3",
+                        children: /* @__PURE__ */ jsx11(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            d: "M5 12l5 5L20 7"
+                          }
+                        )
+                      }
+                    ) : "1"
+                  }
+                ),
+                /* @__PURE__ */ jsx11(
+                  "div",
+                  {
+                    className: `rs-step-indicator-line ${currentStepIndex >= 4 ? "rs-step-indicator-line--active" : ""}`
+                  }
+                ),
+                /* @__PURE__ */ jsx11(
+                  "div",
+                  {
+                    className: `rs-step-indicator-node ${currentStepIndex >= 4 ? "rs-step-indicator-node--active" : "rs-step-indicator-node--inactive"}`,
+                    children: "2"
+                  }
+                )
+              ] })
             ] }),
             balance && /* @__PURE__ */ jsxs11("div", { className: "rs-modal-header-balance", children: [
               /* @__PURE__ */ jsxs11("span", { children: [
@@ -3726,6 +3819,7 @@ function DepositModalInner({
             dappWalletClient,
             dappPublicClient,
             dappAddress,
+            hasDappWalletClientProp,
             targetChain,
             targetToken,
             service,

package/dist/{chunk-ZJQZEIHA.mjs → chunk-CIXHTOO3.mjs}

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