@rhinestone/deposit-modal 0.4.3 → 0.5.1

package/dist/{DepositModalReown-MCDIOJLT.cjs → DepositModalReown-HWKF3O62.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunk36R7XKXPcjs = require('./chunk-36R7XKXP.cjs');
+var _chunkAMEXFHB4cjs = require('./chunk-AMEXFHB4.cjs');
 require('./chunk-NRNJAQUA.cjs');
 
 
 
-var _chunkPQDHZZ2Bcjs = require('./chunk-PQDHZZ2B.cjs');
-require('./chunk-EDUWRMQI.cjs');
+var _chunkHT364QJKcjs = require('./chunk-HT364QJK.cjs');
+require('./chunk-PDFLALUT.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
@@ -16,7 +16,7 @@ var _react3 = require('@reown/appkit/react');
 var _react5 = require('@reown/appkit-adapter-solana/react');
 var _jsxruntime = require('react/jsx-runtime');
 function DepositModalWithReown(props) {
-  const reown = _chunkPQDHZZ2Bcjs.useReownWallet.call(void 0, );
+  const reown = _chunkHT364QJKcjs.useReownWallet.call(void 0, );
   const enableSolana = _nullishCoalesce(props.enableSolana, () => ( true));
   const { walletProvider: solanaWalletProvider } = _react3.useAppKitProvider.call(void 0, 
     enableSolana ? "solana" : "eip155"
@@ -37,7 +37,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk36R7XKXPcjs.DepositModalInner,
+    _chunkAMEXFHB4cjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,
@@ -48,11 +48,12 @@ function DepositModalWithReown(props) {
 }
 function DepositModalReown(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPQDHZZ2Bcjs.ReownWalletProvider,
+    _chunkHT364QJKcjs.ReownWalletProvider,
     {
       projectId: props.reownAppId,
       theme: props.theme,
       enableSolana: props.enableSolana,
+      rpcUrls: props.rpcUrls,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DepositModalWithReown, { ...props })
     }
   );

package/dist/{DepositModalReown-ORSBSEMO.mjs → DepositModalReown-YJBDBCRA.mjs}

@@ -1,12 +1,12 @@
 import {
   DepositModalInner
-} from "./chunk-ANPDY6NJ.mjs";
+} from "./chunk-XPJJWJPM.mjs";
 import "./chunk-FJWLC4AM.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-V72YVCR6.mjs";
-import "./chunk-7EQQD7B4.mjs";
+} from "./chunk-QEW5NAGV.mjs";
+import "./chunk-4YLVKTSU.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 
@@ -53,6 +53,7 @@ function DepositModalReown(props) {
       projectId: props.reownAppId,
       theme: props.theme,
       enableSolana: props.enableSolana,
+      rpcUrls: props.rpcUrls,
       children: /* @__PURE__ */ jsx(DepositModalWithReown, { ...props })
     }
   );

package/dist/{WithdrawModalReown-XPB53FKZ.mjs → WithdrawModalReown-AQTB4OZN.mjs}

@@ -1,11 +1,11 @@
 import {
   WithdrawModalInner
-} from "./chunk-IDJBMNV2.mjs";
+} from "./chunk-KYHPKMTK.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-V72YVCR6.mjs";
-import "./chunk-7EQQD7B4.mjs";
+} from "./chunk-QEW5NAGV.mjs";
+import "./chunk-4YLVKTSU.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 
@@ -31,7 +31,15 @@ function WithdrawModalWithReown(props) {
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ jsx(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx(WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ jsx(
+    ReownWalletProvider,
+    {
+      projectId: props.reownAppId,
+      theme: props.theme,
+      rpcUrls: props.rpcUrls,
+      children: /* @__PURE__ */ jsx(WithdrawModalWithReown, { ...props })
+    }
+  );
 }
 export {
   WithdrawModalReown

package/dist/{WithdrawModalReown-KKGW62YO.cjs → WithdrawModalReown-USNQEAEM.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3NZUMDSTcjs = require('./chunk-3NZUMDST.cjs');
+var _chunkV4XVFT25cjs = require('./chunk-V4XVFT25.cjs');
 
 
 
-var _chunkPQDHZZ2Bcjs = require('./chunk-PQDHZZ2B.cjs');
-require('./chunk-EDUWRMQI.cjs');
+var _chunkHT364QJKcjs = require('./chunk-HT364QJK.cjs');
+require('./chunk-PDFLALUT.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
@@ -13,7 +13,7 @@ require('./chunk-ABVRVW3P.cjs');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function WithdrawModalWithReown(props) {
-  const reown = _chunkPQDHZZ2Bcjs.useReownWallet.call(void 0, );
+  const reown = _chunkHT364QJKcjs.useReownWallet.call(void 0, );
   const handleConnect = _react.useCallback.call(void 0, () => {
     reown.openConnect();
   }, [reown.openConnect]);
@@ -21,7 +21,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3NZUMDSTcjs.WithdrawModalInner,
+    _chunkV4XVFT25cjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,
@@ -31,7 +31,15 @@ function WithdrawModalWithReown(props) {
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPQDHZZ2Bcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHT364QJKcjs.ReownWalletProvider,
+    {
+      projectId: props.reownAppId,
+      theme: props.theme,
+      rpcUrls: props.rpcUrls,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props })
+    }
+  );
 }
 
 

package/dist/{chunk-7EQQD7B4.mjs → chunk-4YLVKTSU.mjs}

@@ -1395,31 +1395,57 @@ function formatUserError(raw) {
   return cleaned;
 }
 
+// src/core/rpc.ts
+import { createContext, useContext, useMemo } from "react";
+function rpcUrlFor(rpcUrls, chain) {
+  const url = rpcUrls?.[chain]?.trim();
+  return url ? url : void 0;
+}
+var RpcUrlsContext = createContext(void 0);
+var RpcUrlsProvider = RpcUrlsContext.Provider;
+function useRpcUrls() {
+  return useContext(RpcUrlsContext);
+}
+function rpcUrlsKey(rpcUrls) {
+  if (!rpcUrls) return "";
+  return Object.entries(rpcUrls).map(([chain, url]) => [chain, url?.trim() ?? ""]).filter(([, url]) => url !== "").map(([chain, url]) => `${chain}=${url}`).sort().join("|");
+}
+function useStableRpcUrls(rpcUrls) {
+  const key = rpcUrlsKey(rpcUrls);
+  return useMemo(() => rpcUrls, [key]);
+}
+
 // src/core/public-client.ts
 import { createPublicClient, http } from "viem";
 import { hyperliquid } from "viem/chains";
 var clientCache = /* @__PURE__ */ new Map();
-function getPublicClient(chainId) {
-  let client = clientCache.get(chainId);
+function getPublicClient(chainId, rpcUrls) {
+  const url = rpcUrlFor(rpcUrls, chainId);
+  const cacheKey = `${chainId}|${url ?? ""}`;
+  let client = clientCache.get(cacheKey);
   if (!client) {
     const chain = CHAIN_BY_ID[chainId];
     client = createPublicClient({
       chain,
-      transport: http()
+      transport: http(url)
     });
-    clientCache.set(chainId, client);
+    clientCache.set(cacheKey, client);
   }
   return client;
 }
-var hyperEvmClient;
-function getHyperEvmReadClient() {
-  if (!hyperEvmClient) {
-    hyperEvmClient = createPublicClient({
+var hyperEvmClientCache = /* @__PURE__ */ new Map();
+function getHyperEvmReadClient(rpcUrls) {
+  const url = rpcUrlFor(rpcUrls, hyperliquid.id);
+  const cacheKey = url ?? "";
+  let client = hyperEvmClientCache.get(cacheKey);
+  if (!client) {
+    client = createPublicClient({
       chain: hyperliquid,
-      transport: http()
+      transport: http(url)
     });
+    hyperEvmClientCache.set(cacheKey, client);
   }
-  return hyperEvmClient;
+  return client;
 }
 
 // src/core/theme.ts
@@ -2789,6 +2815,7 @@ FeesAccordion.displayName = "FeesAccordion";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function SwappedReceipt({
   onrampMethod,
+  onrampMethodIcon,
   amountPaid,
   depositedAmount,
   depositedIcon,
@@ -2804,14 +2831,17 @@ function SwappedReceipt({
       /* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
         onrampMethod && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx22("span", { children: "Onramp method" }),
-          /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: onrampMethod })
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx22("span", { children: onrampMethod }),
+            onrampMethodIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon rs-review-detail-icon--square", children: /* @__PURE__ */ jsx22("img", { src: onrampMethodIcon, alt: "" }) })
+          ] })
         ] }),
         amountPaid && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx22("span", { children: "Amount paid" }),
           /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: amountPaid })
         ] }),
         /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx22("span", { children: "Deposited amount" }),
+          /* @__PURE__ */ jsx22("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx22("span", { children: depositedAmount }),
             depositedIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: depositedIcon, alt: "" }) })
@@ -3327,6 +3357,7 @@ function ProcessingStep({
   quotedFeeSymbol,
   balanceAfterUsd,
   isSwappedOrder,
+  swappedContext,
   onClose,
   onNewDeposit,
   onRetry,
@@ -3437,10 +3468,12 @@ function ProcessingStep({
       if (cancelled || !res) return;
       if (res.transactionId != null) {
         if (res.transactionId.toLowerCase() !== txHash.toLowerCase()) return;
-      } else if (!isSwappedOrder) {
+      } else if (!isSwappedOrder || swappedContext?.variant === "connect") {
         return;
       }
       setSwappedFiatContext({
+        orderCrypto: res.orderCrypto,
+        orderCryptoAmount: res.orderCryptoAmount,
         paidAmountUsd: res.paidAmountUsd,
         paidAmountEur: res.paidAmountEur,
         onrampFeeUsd: res.onrampFeeUsd,
@@ -3451,7 +3484,7 @@ function ProcessingStep({
     return () => {
       cancelled = true;
     };
-  }, [service, smartAccount, txHash, isSwappedOrder]);
+  }, [service, smartAccount, txHash, isSwappedOrder, swappedContext?.variant]);
   useEffect5(() => {
     if (directTransfer) return;
     if (state.type !== "processing") {
@@ -3727,8 +3760,14 @@ function ProcessingStep({
     /* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
   ] }) : /* @__PURE__ */ jsx23(BodyHeader, { icon: /* @__PURE__ */ jsx23(WalletIcon, {}), title: stateTitle });
   if (isComplete && isSwappedOrder) {
-    const onrampMethod = swappedFiatContext?.paymentMethod ? formatPaymentMethod(swappedFiatContext.paymentMethod) : null;
-    const amountPaid = swappedFiatContext?.paidAmountUsd != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null;
+    const effectivePaymentMethod = swappedContext?.method ?? swappedFiatContext?.paymentMethod ?? null;
+    const onrampMethod = effectivePaymentMethod ? formatPaymentMethod(effectivePaymentMethod) : null;
+    const onrampMethodIcon = swappedContext?.variant === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
+      onrampMethod ?? effectivePaymentMethod,
+      effectivePaymentMethod
+    ) : null;
+    const connectPaidAmount = swappedContext?.variant === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
+    const amountPaid = connectPaidAmount ?? (swappedFiatContext?.paidAmountUsd != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null);
     const depositedAmount = receiveDisplay;
     const onrampFeeUsd = swappedFiatContext?.onrampFeeUsd ?? null;
     const networkFeeUsd = quotedFeeAmount !== void 0 && Number.isFinite(Number(quotedFeeAmount)) ? Number(quotedFeeAmount) : null;
@@ -3750,6 +3789,7 @@ function ProcessingStep({
       SwappedReceipt,
       {
         onrampMethod,
+        onrampMethodIcon,
         amountPaid,
         depositedAmount,
         depositedIcon: targetTokenIcon,
@@ -4041,6 +4081,10 @@ export {
   failureMessageForEvent,
   useTokenPrices,
   ProcessingStep,
+  rpcUrlFor,
+  RpcUrlsProvider,
+  useRpcUrls,
+  useStableRpcUrls,
   getPublicClient,
   getHyperEvmReadClient,
   loadSessionOwnerFromStorage,