@rhinestone/deposit-modal 0.1.30 → 0.1.31

package/dist/{chunk-KIRDZLOS.cjs → chunk-G2RDCQHL.cjs}

@@ -7,7 +7,7 @@
 
 
 
-var _chunkWB3ZJJBHcjs = require('./chunk-WB3ZJJBH.cjs');
+var _chunkPE6OK3FHcjs = require('./chunk-PE6OK3FH.cjs');
 
 // src/components/ui/Modal.tsx
 
@@ -360,14 +360,14 @@ function normalizeOrchestratorPortfolio(data) {
       const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _4 => _4.balance, 'optionalAccess', _5 => _5.unlocked]), () => ( "0"));
       const normalizedName = tokenData.tokenName.trim();
       const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
-      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkWB3ZJJBHcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
-      const resolvedTokenAddress = isNativeSymbol ? _chunkWB3ZJJBHcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
+      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkPE6OK3FHcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
+      const resolvedTokenAddress = isNativeSymbol ? _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = _chunkWB3ZJJBHcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
       const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? _chunkWB3ZJJBHcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
+      const decimals = registrySymbol !== "Token" ? _chunkPE6OK3FHcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -394,14 +394,14 @@ function normalizeDirectToken(token) {
   const address = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "address"), () => ( extractString(token, "tokenAddress"))), () => ( extractString(
     token.token,
     "address"
-  ))), () => ( _chunkWB3ZJJBHcjs.getTokenAddress.call(void 0, symbol, chainId)));
+  ))), () => ( _chunkPE6OK3FHcjs.getTokenAddress.call(void 0, symbol, chainId)));
   if (!address) return null;
   const addressAsToken = address;
   const balanceUsd = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractNumber(token, "balanceUsd"), () => ( extractNumber(token, "usdValue"))), () => ( extractNumber(token, "valueUsd"))), () => ( extractNumericString(token, "balanceUsd"))), () => ( extractNumericString(token, "usdValue"))), () => ( extractNumericString(token, "valueUsd"))), () => ( 0));
-  const registrySymbol = _chunkWB3ZJJBHcjs.getTokenSymbol.call(void 0, addressAsToken, chainId);
+  const registrySymbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, addressAsToken, chainId);
   const resolvedSymbol = registrySymbol !== "Token" ? registrySymbol : symbol;
   const backendDecimals = _nullishCoalesce(extractNumber(token, "decimals"), () => ( extractNumber(token, "tokenDecimals")));
-  const resolvedDecimals = registrySymbol !== "Token" ? _chunkWB3ZJJBHcjs.getTokenDecimalsByAddress.call(void 0, addressAsToken, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
+  const resolvedDecimals = registrySymbol !== "Token" ? _chunkPE6OK3FHcjs.getTokenDecimalsByAddress.call(void 0, addressAsToken, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
   return {
     chainId,
     address: addressAsToken,
@@ -731,7 +731,14 @@ function ConnectStep({
                     "div",
                     {
                       className: `rs-connect-wallet-icon ${isSelected ? "rs-connect-wallet-icon--selected" : ""}`,
-                      children: rowIcon(option.kind)
+                      children: option.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: option.icon,
+                          alt: option.label,
+                          style: { width: 18, height: 18, borderRadius: 4 }
+                        }
+                      ) : rowIcon(option.kind)
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-connect-wallet-meta", children: [
@@ -800,6 +807,42 @@ function ConnectStep({
     ] });
   }
   const handleConnect = _nullishCoalesce(onConnect, () => ( onRequestConnect));
+  if (onSelectTransferCrypto) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-centered rs-connect-centered--wallets", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-connect-wallet-list", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "rs-connect-wallet-row rs-connect-wallet-row--action",
+          onClick: onSelectTransferCrypto,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TransferIcon, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-connect-wallet-meta", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronRightIcon, {}) })
+          ]
+        }
+      ),
+      handleConnect && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "rs-connect-wallet-row rs-connect-wallet-row--action",
+          onClick: handleConnect,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-connect-wallet-meta", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-label", children: "Connect Wallet" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-address", children: "Connect your wallet to deposit" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronRightIcon, {}) })
+          ]
+        }
+      )
+    ] }) }) });
+  }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-connect-empty", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
@@ -839,27 +882,16 @@ function ConnectStep({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-footer rs-step-footer--connect-empty", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        Button,
-        {
-          onClick: handleConnect,
-          variant: "accent",
-          fullWidth: true,
-          disabled: !handleConnect,
-          children: connectButtonLabel
-        }
-      ),
-      onSelectTransferCrypto && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: "rs-connect-transfer-link",
-          onClick: onSelectTransferCrypto,
-          children: "Or deposit via QR code"
-        }
-      )
-    ] })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Button,
+      {
+        onClick: handleConnect,
+        variant: "accent",
+        fullWidth: true,
+        disabled: !handleConnect,
+        children: connectButtonLabel
+      }
+    ) })
   ] });
 }
 ConnectStep.displayName = "ConnectStep";
@@ -1176,8 +1208,8 @@ function ProcessingStep({
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
   const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _76 => _76.data, 'optionalAccess', _77 => _77.destination, 'optionalAccess', _78 => _78.transactionHash]) || null;
-  const sourceExplorerUrl = _chunkWB3ZJJBHcjs.getExplorerTxUrl.call(void 0, sourceChain, txHash);
-  const destExplorerUrl = destinationTxHash ? _chunkWB3ZJJBHcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
+  const sourceExplorerUrl = _chunkPE6OK3FHcjs.getExplorerTxUrl.call(void 0, sourceChain, txHash);
+  const destExplorerUrl = destinationTxHash ? _chunkPE6OK3FHcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
   const truncateHash = (hash) => `${hash.slice(0, 10)}...${hash.slice(-8)}`;
   const formatElapsedTime = (seconds) => {
     if (seconds < 60) return `${seconds} second${seconds !== 1 ? "s" : ""}`;
@@ -1185,8 +1217,8 @@ function ProcessingStep({
     const secs = seconds % 60;
     return `${mins}m ${secs}s`;
   };
-  const targetSymbol = _chunkWB3ZJJBHcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const sourceDecimals = _chunkWB3ZJJBHcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+  const targetSymbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const sourceDecimals = _chunkPE6OK3FHcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
   const formattedReceivedAmount = (() => {
     try {
       const raw = _viem.formatUnits.call(void 0, BigInt(amount), sourceDecimals);
@@ -1257,15 +1289,15 @@ function ProcessingStep({
                 className: "rs-card-value",
                 style: { display: "flex", alignItems: "center", gap: 6 },
                 children: [
-                  _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, sourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "img",
                     {
-                      src: _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, sourceChain),
+                      src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChain),
                       alt: "",
                       style: { width: 14, height: 14, borderRadius: "50%" }
                     }
                   ),
-                  _chunkWB3ZJJBHcjs.getChainName.call(void 0, sourceChain)
+                  _chunkPE6OK3FHcjs.getChainName.call(void 0, sourceChain)
                 ]
               }
             )
@@ -1278,15 +1310,15 @@ function ProcessingStep({
                 className: "rs-card-value",
                 style: { display: "flex", alignItems: "center", gap: 6 },
                 children: [
-                  _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "img",
                     {
-                      src: _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, targetChain),
+                      src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain),
                       alt: "",
                       style: { width: 14, height: 14, borderRadius: "50%" }
                     }
                   ),
-                  _chunkWB3ZJJBHcjs.getChainName.call(void 0, targetChain)
+                  _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain)
                 ]
               }
             )
@@ -1408,7 +1440,7 @@ function ProcessingStep({
         {
           className: `rs-step-description ${isError ? "rs-text-error" : "rs-text-secondary"}`,
           children: [
-            state.type === "processing" && (_optionalChain([lastEvent, 'optionalAccess', _79 => _79.type]) === "deposit-received" ? "Transfer received. Preparing bridge..." : _optionalChain([lastEvent, 'optionalAccess', _80 => _80.type]) === "bridge-started" ? "Transfer confirmed. Funds arriving shortly..." : `Bridging your ${flowNoun} to ${_chunkWB3ZJJBHcjs.getChainName.call(void 0, targetChain)}.`),
+            state.type === "processing" && (_optionalChain([lastEvent, 'optionalAccess', _79 => _79.type]) === "deposit-received" ? "Transfer received. Preparing bridge..." : _optionalChain([lastEvent, 'optionalAccess', _80 => _80.type]) === "bridge-started" ? "Transfer confirmed. Funds arriving shortly..." : `Bridging your ${flowNoun} to ${_chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain)}.`),
             state.type === "failed" && state.message,
             state.type === "error" && state.message
           ]
@@ -1464,15 +1496,15 @@ function ProcessingStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, sourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, sourceChain),
+                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChain),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
                 ),
-                _chunkWB3ZJJBHcjs.getChainName.call(void 0, sourceChain)
+                _chunkPE6OK3FHcjs.getChainName.call(void 0, sourceChain)
               ]
             }
           )
@@ -1485,15 +1517,15 @@ function ProcessingStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkWB3ZJJBHcjs.getChainIcon.call(void 0, targetChain),
+                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
                 ),
-                _chunkWB3ZJJBHcjs.getChainName.call(void 0, targetChain)
+                _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain)
               ]
             }
           )
@@ -1546,7 +1578,7 @@ var clientCache = /* @__PURE__ */ new Map();
 function getPublicClient(chainId) {
   let client = clientCache.get(chainId);
   if (!client) {
-    const chain = _chunkWB3ZJJBHcjs.CHAIN_BY_ID[chainId];
+    const chain = _chunkPE6OK3FHcjs.CHAIN_BY_ID[chainId];
     client = _viem.createPublicClient.call(void 0, {
       chain,
       transport: _viem.http.call(void 0, )