@rhinestone/deposit-modal 0.3.0-alpha.6 → 0.3.0-alpha.8

package/dist/{chunk-QI6Q7V6O.mjs → chunk-DW276H63.mjs}

@@ -1,7 +1,7 @@
 import {
-  AlertTriangleIcon,
   BodyHeader,
   Button,
+  Callout,
   ChevronDownIcon,
   ChevronLeftIcon,
   CircleArrowOutUpLeftIcon,
@@ -31,7 +31,7 @@ import {
   saveSessionOwnerToStorage,
   toEvmCaip2,
   useLatestRef
-} from "./chunk-CTYKQ4B4.mjs";
+} from "./chunk-5ZS4ZJPW.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -44,7 +44,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-VA3ANS7D.mjs";
+} from "./chunk-SZIYS42B.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -385,8 +385,8 @@ function WithdrawFormStep({
     }
   }, [recipient, amount, balance, asset.decimals, onSubmit]);
   if (isBalanceLoading) {
-    return /* @__PURE__ */ jsxs("div", { className: "rs-step", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rs-step-body rs-withdraw-loading", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rs-screen", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rs-screen-body rs-withdraw-loading", children: [
         /* @__PURE__ */ jsx(Spinner, { className: "rs-spinner--lg" }),
         /* @__PURE__ */ jsx("div", { className: "rs-withdraw-loading-title", children: "Loading on-chain balance" }),
         /* @__PURE__ */ jsx("div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${getChainName(asset.chainId)} to continue.` : "Please wait before withdrawing." })
@@ -394,8 +394,8 @@ function WithdrawFormStep({
       /* @__PURE__ */ jsx(PoweredBy, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rs-step-body rs-withdraw-form", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rs-screen-body", children: [
       /* @__PURE__ */ jsx(BodyHeader, { icon: /* @__PURE__ */ jsx(CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
       /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-section", children: [
         /* @__PURE__ */ jsx("label", { className: "rs-withdraw-label", children: "Recipient address" }),
@@ -621,25 +621,19 @@ function WithdrawFormStep({
         ] })
       ] }),
       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(AlertTriangleIcon, {}),
-        /* @__PURE__ */ jsx("span", { children: error })
-      ] }),
-      !error && registrationError && /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-error", children: [
-        /* @__PURE__ */ jsx(AlertTriangleIcon, {}),
-        /* @__PURE__ */ jsx("span", { children: registrationError })
-      ] })
+      error && /* @__PURE__ */ jsx(Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ jsx(Callout, { variant: "error", children: registrationError }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: handleWithdraw,
+          fullWidth: true,
+          loading: isBusy,
+          disabled: !recipient || !amount || chainMismatch || isBusy || Boolean(registrationError),
+          children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleWithdraw,
-        fullWidth: true,
-        loading: isBusy,
-        disabled: !recipient || !amount || chainMismatch || isBusy || Boolean(registrationError),
-        children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
-      }
-    ) }),
     /* @__PURE__ */ jsx(PoweredBy, {})
   ] });
 }
@@ -743,14 +737,8 @@ function WithdrawReviewStep({
           /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-value", children: estimatedTime })
         ] })
       ] }),
-      error && /* @__PURE__ */ jsxs2("div", { className: "rs-amount-error", role: "alert", children: [
-        /* @__PURE__ */ jsx2(AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
-        /* @__PURE__ */ jsx2("span", { children: error })
-      ] }),
-      !error && registrationError && /* @__PURE__ */ jsxs2("div", { className: "rs-amount-error", role: "alert", children: [
-        /* @__PURE__ */ jsx2(AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
-        /* @__PURE__ */ jsx2("span", { children: registrationError })
-      ] }),
+      error && /* @__PURE__ */ jsx2(Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ jsx2(Callout, { variant: "error", children: registrationError }),
       /* @__PURE__ */ jsx2(
         Button,
         {
@@ -1293,6 +1281,10 @@ function WithdrawFlow({
         txHash,
         destinationTxHash,
         amount: context.amount,
+        // Withdraw targets are always EVM — WithdrawModalProps.targetChain is
+        // Chain | number (never "solana"). The context union is wide only
+        // because ProcessingStep is shared with the deposit flow, so narrow
+        // back here.
         sourceChain: context.sourceChain,
         sourceToken: context.sourceToken,
         targetChain: context.targetChain,
@@ -1493,7 +1485,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-BB3MZAIO.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-H7HA3JP3.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );

package/dist/{chunk-5YXAQB6A.mjs → chunk-E46WOBZQ.mjs}

@@ -1,3 +1,11 @@
+import {
+  isUnsupportedChainSwitchError
+} from "./chunk-5ZS4ZJPW.mjs";
+import {
+  SUPPORTED_CHAINS,
+  getChainName
+} from "./chunk-SZIYS42B.mjs";
+
 // src/core/reown.tsx
 import { useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -8,29 +16,50 @@ import {
   createAppKit,
   useAppKit,
   useAppKitAccount,
+  useAppKitNetwork,
   useAppKitState,
   useWalletInfo,
   modal
 } from "@reown/appkit/react";
+import { solana } from "@reown/appkit/networks";
+import { useWalletClient, usePublicClient, useSwitchChain } from "wagmi";
+
+// src/core/reown-networks.ts
 import {
   mainnet,
-  base,
-  arbitrum,
   optimism,
   polygon,
+  arbitrum,
+  base,
   bsc,
-  solana
+  soneium,
+  plasma
 } from "@reown/appkit/networks";
-import { useWalletClient, usePublicClient, useSwitchChain } from "wagmi";
+var APPKIT_NETWORK_BY_ID = {
+  [mainnet.id]: mainnet,
+  [optimism.id]: optimism,
+  [polygon.id]: polygon,
+  [arbitrum.id]: arbitrum,
+  [base.id]: base,
+  [bsc.id]: bsc,
+  [soneium.id]: soneium,
+  [plasma.id]: plasma
+};
+var EVM_NETWORKS = SUPPORTED_CHAINS.map((chain) => {
+  const network = APPKIT_NETWORK_BY_ID[chain.id];
+  if (!network) {
+    throw new Error(
+      `[rhinestone] No AppKit network registered for supported chain ${chain.id} (${chain.name}). Add it to APPKIT_NETWORK_BY_ID in reown-networks.ts.`
+    );
+  }
+  return network;
+});
+function getAppKitNetwork(chainId) {
+  return APPKIT_NETWORK_BY_ID[chainId];
+}
+
+// src/core/reown.tsx
 import { jsx } from "react/jsx-runtime";
-var EVM_NETWORKS = [
-  mainnet,
-  base,
-  arbitrum,
-  optimism,
-  polygon,
-  bsc
-];
 var cachedAdapter = null;
 var cachedAdapterKey = null;
 function mapTheme(theme) {
@@ -94,6 +123,7 @@ function useReownWallet() {
   const { walletInfo } = useWalletInfo();
   const { data: walletClient } = useWalletClient();
   const publicClient = usePublicClient();
+  const { switchNetwork } = useAppKitNetwork();
   const { switchChainAsync } = useSwitchChain();
   const isSolana = caipAddress?.startsWith("solana:") ?? false;
   const solanaAddress = isSolana ? caipAddress?.split(":").slice(2).join(":") : void 0;
@@ -116,11 +146,21 @@ function useReownWallet() {
       void modal?.disconnect();
     },
     switchChain: async (chainId) => {
-      if (walletClient?.switchChain) {
-        await walletClient.switchChain({ id: chainId });
-        return;
+      const target = getAppKitNetwork(chainId);
+      try {
+        if (target) {
+          await switchNetwork(target);
+        } else {
+          await switchChainAsync({ chainId });
+        }
+      } catch (err) {
+        if (isUnsupportedChainSwitchError(err)) {
+          throw new Error(
+            `Switch to ${getChainName(chainId)} in your wallet to continue`
+          );
+        }
+        throw err;
       }
-      await switchChainAsync({ chainId });
     }
   };
 }