@rhinestone/deposit-modal 0.1.52 → 0.1.53

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

@@ -25,7 +25,7 @@ import {
   toEvmCaip2,
   tokenFormatter,
   txRefsMatch
-} from "./chunk-MKSZIA74.mjs";
+} from "./chunk-REDAO3MS.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -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, {})
@@ -2122,9 +2125,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 +2225,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 +2257,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 +2528,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 +2539,7 @@ function DepositFlow({
   dappWalletClient,
   dappPublicClient,
   dappAddress,
+  hasDappWalletClientProp,
   targetChain,
   targetToken,
   service,
@@ -2561,11 +2569,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 +2678,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 +3221,14 @@ function DepositFlow({
         return;
       }
     }
-    if (!hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient) {
+    if (!hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient && hasQrAutoAdvanceGraceElapsed) {
       handleSelectTransferCrypto();
       setIsConnectSelectionConfirmed(true);
     }
   }, [
     hasWalletOptions,
     hasReownSession,
+    hasQrAutoAdvanceGraceElapsed,
     enableSolana,
     isConnectSelectionConfirmed,
     flowMode,
@@ -3527,20 +3557,37 @@ 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-LNZ46L4O.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,
@@ -3677,13 +3724,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 +3804,7 @@ function DepositModalInner({
             dappWalletClient,
             dappPublicClient,
             dappAddress,
+            hasDappWalletClientProp,
             targetChain,
             targetToken,
             service,

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZW4SRCW5cjs = require('./chunk-ZW4SRCW5.cjs');
-require('./chunk-RVKMKH2C.cjs');
+var _chunk47WDWD6Zcjs = require('./chunk-47WDWD6Z.cjs');
+require('./chunk-DBBSH7HP.cjs');
 require('./chunk-NELAYNA3.cjs');
 
 
-exports.DepositModal = _chunkZW4SRCW5cjs.DepositModal;
+exports.DepositModal = _chunk47WDWD6Zcjs.DepositModal;

package/dist/deposit.mjs

@@ -1,7 +1,7 @@
 import {
   DepositModal
-} from "./chunk-VYYJWMEI.mjs";
-import "./chunk-MKSZIA74.mjs";
+} from "./chunk-ZB5Y2ACC.mjs";
+import "./chunk-REDAO3MS.mjs";
 import "./chunk-ZJQZEIHA.mjs";
 export {
   DepositModal

package/dist/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZW4SRCW5cjs = require('./chunk-ZW4SRCW5.cjs');
+var _chunk47WDWD6Zcjs = require('./chunk-47WDWD6Z.cjs');
 
 
-var _chunkJL3R3JT6cjs = require('./chunk-JL3R3JT6.cjs');
-require('./chunk-RVKMKH2C.cjs');
+var _chunkK57KO3SWcjs = require('./chunk-K57KO3SW.cjs');
+require('./chunk-DBBSH7HP.cjs');
 
 
 
@@ -66,4 +66,4 @@ var _chunkNELAYNA3cjs = require('./chunk-NELAYNA3.cjs');
 
 
 
-exports.CHAIN_BY_ID = _chunkNELAYNA3cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkNELAYNA3cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkNELAYNA3cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkZW4SRCW5cjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkNELAYNA3cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkNELAYNA3cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkNELAYNA3cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkJL3R3JT6cjs.WithdrawModal; exports.chainRegistry = _chunkNELAYNA3cjs.chainRegistry; exports.findChainIdForToken = _chunkNELAYNA3cjs.findChainIdForToken; exports.getChainBadge = _chunkNELAYNA3cjs.getChainBadge; exports.getChainIcon = _chunkNELAYNA3cjs.getChainIcon; exports.getChainId = _chunkNELAYNA3cjs.getChainId; exports.getChainName = _chunkNELAYNA3cjs.getChainName; exports.getChainObject = _chunkNELAYNA3cjs.getChainObject; exports.getExplorerName = _chunkNELAYNA3cjs.getExplorerName; exports.getExplorerTxUrl = _chunkNELAYNA3cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkNELAYNA3cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkNELAYNA3cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkNELAYNA3cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkNELAYNA3cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkNELAYNA3cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkNELAYNA3cjs.getTokenAddress; exports.getTokenDecimals = _chunkNELAYNA3cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkNELAYNA3cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkNELAYNA3cjs.getTokenIcon; exports.getTokenSymbol = _chunkNELAYNA3cjs.getTokenSymbol; exports.getUsdcAddress = _chunkNELAYNA3cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkNELAYNA3cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkNELAYNA3cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkNELAYNA3cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkNELAYNA3cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkNELAYNA3cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunk47WDWD6Zcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkNELAYNA3cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkNELAYNA3cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkNELAYNA3cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkK57KO3SWcjs.WithdrawModal; exports.chainRegistry = _chunkNELAYNA3cjs.chainRegistry; exports.findChainIdForToken = _chunkNELAYNA3cjs.findChainIdForToken; exports.getChainBadge = _chunkNELAYNA3cjs.getChainBadge; exports.getChainIcon = _chunkNELAYNA3cjs.getChainIcon; exports.getChainId = _chunkNELAYNA3cjs.getChainId; exports.getChainName = _chunkNELAYNA3cjs.getChainName; exports.getChainObject = _chunkNELAYNA3cjs.getChainObject; exports.getExplorerName = _chunkNELAYNA3cjs.getExplorerName; exports.getExplorerTxUrl = _chunkNELAYNA3cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkNELAYNA3cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkNELAYNA3cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkNELAYNA3cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkNELAYNA3cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkNELAYNA3cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkNELAYNA3cjs.getTokenAddress; exports.getTokenDecimals = _chunkNELAYNA3cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkNELAYNA3cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkNELAYNA3cjs.getTokenIcon; exports.getTokenSymbol = _chunkNELAYNA3cjs.getTokenSymbol; exports.getUsdcAddress = _chunkNELAYNA3cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkNELAYNA3cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkNELAYNA3cjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import {
   DepositModal
-} from "./chunk-VYYJWMEI.mjs";
+} from "./chunk-ZB5Y2ACC.mjs";
 import {
   WithdrawModal
-} from "./chunk-R64A3IEI.mjs";
-import "./chunk-MKSZIA74.mjs";
+} from "./chunk-4BL7RCZB.mjs";
+import "./chunk-REDAO3MS.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,

package/dist/reown.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZW4SRCW5cjs = require('./chunk-ZW4SRCW5.cjs');
+var _chunk47WDWD6Zcjs = require('./chunk-47WDWD6Z.cjs');
 
 
-var _chunkJL3R3JT6cjs = require('./chunk-JL3R3JT6.cjs');
-require('./chunk-RVKMKH2C.cjs');
+var _chunkK57KO3SWcjs = require('./chunk-K57KO3SW.cjs');
+require('./chunk-DBBSH7HP.cjs');
 require('./chunk-NELAYNA3.cjs');
 
 
 
-exports.DepositModal = _chunkZW4SRCW5cjs.DepositModal; exports.WithdrawModal = _chunkJL3R3JT6cjs.WithdrawModal;
+exports.DepositModal = _chunk47WDWD6Zcjs.DepositModal; exports.WithdrawModal = _chunkK57KO3SWcjs.WithdrawModal;

package/dist/reown.mjs

@@ -1,10 +1,10 @@
 import {
   DepositModal
-} from "./chunk-VYYJWMEI.mjs";
+} from "./chunk-ZB5Y2ACC.mjs";
 import {
   WithdrawModal
-} from "./chunk-R64A3IEI.mjs";
-import "./chunk-MKSZIA74.mjs";
+} from "./chunk-4BL7RCZB.mjs";
+import "./chunk-REDAO3MS.mjs";
 import "./chunk-ZJQZEIHA.mjs";
 export {
   DepositModal,