@rhinestone/deposit-modal 0.1.31 → 0.1.33

package/dist/{chunk-EVU7M7A6.mjs → chunk-DLFUXLAM.mjs}

@@ -7,7 +7,7 @@ import {
   getTokenAddress,
   getTokenDecimalsByAddress,
   getTokenSymbol
-} from "./chunk-3ICS43XC.mjs";
+} from "./chunk-C6I5TFSL.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -663,12 +663,13 @@ function ExternalLinkIcon() {
   ] });
 }
 function TransferIcon() {
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx4(
     "path",
     {
-      d: "M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-9L21 12m0 0l-4.5 4.5M21 12H7.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.99256 0.0706115C10.2112 0.195503 10.3185 0.457071 10.2527 0.704513L8.80705 6.13519H14.0826C14.2993 6.13519 14.4954 6.26695 14.5818 6.47064C14.6682 6.67433 14.6284 6.91113 14.4805 7.07349L6.85913 15.4396C6.68832 15.6271 6.41472 15.6711 6.19607 15.5462C5.97742 15.4213 5.87009 15.1598 5.93595 14.9123L7.38158 9.48164H2.10607C1.8893 9.48164 1.69319 9.34988 1.60679 9.14619C1.5204 8.9425 1.56019 8.7057 1.7081 8.54334L9.32949 0.177204C9.5003 -0.0102968 9.77391 -0.0542802 9.99256 0.0706115Z",
+      fill: "currentColor"
     }
   ) });
 }
@@ -706,6 +707,7 @@ function ConnectStep({
   onSelectTransferCrypto,
   onRequestConnect,
   onConnect,
+  onDisconnect,
   onContinue,
   continueButtonLabel = "Continue",
   connectButtonLabel = "Connect external wallet"
@@ -777,19 +779,19 @@ function ConnectStep({
                 /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
                 /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
                   /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
-                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "No limit instant transfer" })
                 ] }),
                 /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
               ]
             }
           )
         ] }),
-        onConnect && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ jsx5(
+        (onDisconnect || onConnect) && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
             className: "rs-connect-wallet-manage",
-            onClick: onConnect,
+            onClick: onDisconnect ?? onConnect,
             children: "Disconnect Wallet"
           }
         )
@@ -819,7 +821,7 @@ function ConnectStep({
             /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
             /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
               /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
-              /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
+              /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "No limit instant transfer" })
             ] }),
             /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
           ]
@@ -1046,7 +1048,6 @@ function ProcessingStep({
   sourceChain,
   sourceToken,
   targetChain,
-  targetToken,
   amount,
   waitForFinalTx,
   service,
@@ -1217,7 +1218,7 @@ function ProcessingStep({
     const secs = seconds % 60;
     return `${mins}m ${secs}s`;
   };
-  const targetSymbol = getTokenSymbol(targetToken, targetChain);
+  const sourceSymbol = getTokenSymbol(sourceToken, sourceChain);
   const sourceDecimals = getTokenDecimalsByAddress(sourceToken, sourceChain);
   const formattedReceivedAmount = (() => {
     try {
@@ -1272,11 +1273,11 @@ function ProcessingStep({
             /* @__PURE__ */ jsx7("span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
           ] }),
           /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "You received" }),
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "You sent" }),
             /* @__PURE__ */ jsxs6("span", { className: "rs-card-value", children: [
               formattedReceivedAmount,
               " ",
-              targetSymbol
+              sourceSymbol
             ] })
           ] })
         ] }),

package/dist/{chunk-SLI5FHTT.mjs → chunk-ECLVABYN.mjs}

@@ -16,7 +16,7 @@ import {
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage
-} from "./chunk-EVU7M7A6.mjs";
+} from "./chunk-DLFUXLAM.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -29,7 +29,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-3ICS43XC.mjs";
+} from "./chunk-C6I5TFSL.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -48,7 +48,7 @@ import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMem
 // src/components/steps/WithdrawFormStep.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { erc20Abi, formatUnits, parseUnits } from "viem";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function useClickOutside(ref, onClose) {
   useEffect(() => {
     function handleClick(e) {
@@ -75,6 +75,7 @@ function WithdrawFormStep({
   onTargetChainChange,
   onTargetTokenChange,
   switchChain,
+  walletIcon,
   submitting = false,
   onSubmit,
   onBalanceUsdChange
@@ -234,18 +235,6 @@ function WithdrawFormStep({
       setIsSubmitting(false);
     }
   }, [recipient, amount, balance, asset.decimals, onSubmit]);
-  const handleSwitch = async () => {
-    if (!asset.chainId || !switchChain) return;
-    setIsSwitching(true);
-    try {
-      await switchChain(asset.chainId);
-    } catch (err) {
-      const raw = err instanceof Error ? err.message : "Failed to switch chain";
-      setError(formatUserError(raw));
-    } finally {
-      setIsSwitching(false);
-    }
-  };
   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: [
@@ -264,14 +253,22 @@ function WithdrawFormStep({
               }
             }
           ),
-          address && /* @__PURE__ */ jsxs(
+          address && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               className: `rs-withdraw-use-connected ${isRecipientConnected ? "rs-withdraw-use-connected--active" : ""}`,
               onClick: handleUseConnected,
               title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
-              children: [
+              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: [
                 /* @__PURE__ */ jsx(
                   "svg",
                   {
@@ -291,7 +288,7 @@ function WithdrawFormStep({
                   }
                 ),
                 isRecipientConnected ? null : "Wallet"
-              ]
+              ] })
             }
           )
         ] })
@@ -501,23 +498,7 @@ function WithdrawFormStep({
           )
         ] })
       ] }),
-      chainMismatch && /* @__PURE__ */ jsxs("div", { className: "rs-chain-switch", children: [
-        /* @__PURE__ */ jsxs("div", { className: "rs-chain-switch-text", children: [
-          "Switch to ",
-          getChainName(asset.chainId),
-          " to continue."
-        ] }),
-        switchChain && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "small",
-            loading: isSwitching,
-            onClick: handleSwitch,
-            children: "Switch"
-          }
-        )
-      ] }),
+      chainMismatch && /* @__PURE__ */ jsx("div", { className: "rs-chain-switch", children: /* @__PURE__ */ jsx("div", { className: "rs-chain-switch-text", children: isSwitching ? `Switching to ${getChainName(asset.chainId)}...` : `Switch to ${getChainName(asset.chainId)} to continue.` }) }),
       error && /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-error", children: [
         /* @__PURE__ */ jsx(
           "svg",
@@ -860,6 +841,7 @@ function WithdrawFlow({
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
@@ -901,11 +883,12 @@ function WithdrawFlow({
       });
       seen.add(dappWalletClient.account.address.toLowerCase());
     }
-    if (reownWallet?.address && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
+    if (reownWallet?.address && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(reownWallet.address.toLowerCase())) {
       options.push({
         address: reownWallet.address,
         label: "External Wallet",
-        kind: "external"
+        kind: "external",
+        icon: reownWallet.icon
       });
     }
     return options;
@@ -913,7 +896,9 @@ function WithdrawFlow({
     dappWalletClient,
     dappAddress,
     reownWallet?.address,
-    reownWallet?.isConnected
+    reownWallet?.isConnected,
+    reownWallet?.walletClient,
+    reownWallet?.publicClient
   ]);
   const canAutoLock = (dappWalletClient?.account && dappAddress || hasCustomSigner) && !reownWallet;
   const [selectedConnectAddress, setSelectedConnectAddress] = useState2(null);
@@ -1236,6 +1221,7 @@ function WithdrawFlow({
         onSelectAddress: setSelectedConnectAddress,
         onRequestConnect,
         onConnect,
+        onDisconnect,
         onContinue: () => {
           if (selectedConnectAddressEffective) {
             setSelectedConnectAddress(selectedConnectAddressEffective);
@@ -1250,6 +1236,12 @@ function WithdrawFlow({
   if (!onSignTransaction && !signerContext.walletClient) return null;
   const ownerAddress = signerContext.ownerAddress;
   const formPublicClient = signerContext.publicClient ?? getPublicClient(sourceChain);
+  const selectedWalletIcon = useMemo2(() => {
+    const selected = walletOptions.find(
+      (o) => o.address.toLowerCase() === ownerAddress.toLowerCase()
+    );
+    return selected?.icon ?? reownWallet?.icon;
+  }, [walletOptions, ownerAddress, reownWallet?.icon]);
   return /* @__PURE__ */ jsxs2("div", { className: "rs-modal-body", children: [
     step.type === "form" && /* @__PURE__ */ jsx2(
       WithdrawFormStep,
@@ -1268,6 +1260,7 @@ function WithdrawFlow({
         onTargetChainChange: handleTargetChainChange,
         onTargetTokenChange: handleTargetTokenChange,
         switchChain: signerContext.switchChain,
+        walletIcon: selectedWalletIcon,
         submitting: isSubmitting,
         onSubmit: handleFormSubmit,
         onBalanceUsdChange: setTotalBalanceUsd
@@ -1281,7 +1274,6 @@ function WithdrawFlow({
         sourceChain: step.sourceChain,
         sourceToken: step.sourceToken,
         targetChain,
-        targetToken,
         amount: step.amount,
         waitForFinalTx,
         service,
@@ -1300,7 +1292,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-DMDRLYTE.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-PMPLUJBE.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1333,6 +1325,7 @@ function WithdrawModalInner({
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
@@ -1501,6 +1494,7 @@ function WithdrawModalInner({
             waitForFinalTx,
             reownWallet,
             onConnect,
+            onDisconnect,
             onSignTransaction,
             onRequestConnect,
             connectButtonLabel,