@rhinestone/deposit-modal 0.1.20 → 0.1.22

package/dist/chunk-W7ZYJB2X.cjs

@@ -0,0 +1,2346 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkBO745KABcjs = require('./chunk-BO745KAB.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkCEIWN53Ncjs = require('./chunk-CEIWN53N.cjs');
+
+// src/DepositModal.tsx
+
+
+
+
+
+
+
+
+var _react = require('react');
+
+// src/DepositFlow.tsx
+
+
+// src/components/steps/SetupStep.tsx
+
+var _sdk = require('@rhinestone/sdk');
+var _jsxruntime = require('react/jsx-runtime');
+async function resolveSessionOwner(eoaAddress) {
+  const localOwner = _chunkBO745KABcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+  if (localOwner) {
+    return {
+      account: _chunkBO745KABcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+      address: localOwner.address
+    };
+  }
+  const created = _chunkBO745KABcjs.createSessionOwnerKey.call(void 0, );
+  _chunkBO745KABcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+  return {
+    account: created.account,
+    address: created.address
+  };
+}
+function SetupStep({
+  walletClient,
+  address,
+  targetChain,
+  targetChainObj,
+  targetToken,
+  rhinestoneApiKey,
+  signerAddress,
+  sessionChainIds,
+  recipient,
+  forceRegister,
+  service,
+  onSetupComplete,
+  onError,
+  onConnected
+}) {
+  const [state, setState] = _react.useState.call(void 0, { type: "idle" });
+  const setupInitiatedRef = _react.useRef.call(void 0, false);
+  const runSetup = _react.useCallback.call(void 0, async () => {
+    if (!address || !targetChainObj) {
+      return;
+    }
+    if (walletClient && !walletClient.account) {
+      return;
+    }
+    try {
+      setState({ type: "creating-account" });
+      const signerAccount = walletClient ? _sdk.walletClientToAccount.call(void 0, walletClient) : _chunkBO745KABcjs.createViewOnlyAccount.call(void 0, address);
+      const sessionOwner = await resolveSessionOwner(address);
+      const account = await _chunkBO745KABcjs.createSmartAccount.call(void 0, 
+        signerAccount,
+        sessionOwner.account,
+        rhinestoneApiKey
+      );
+      const smartAccount = _chunkBO745KABcjs.getAccountAddress.call(void 0, account);
+      setState({ type: "checking" });
+      const checkResult = await service.checkAccount(smartAccount);
+      if (checkResult.isRegistered && !forceRegister) {
+        const targetMatches = checkResult.targetChain === targetChain && _optionalChain([checkResult, 'access', _ => _.targetToken, 'optionalAccess', _2 => _2.toLowerCase, 'call', _3 => _3()]) === targetToken.toLowerCase();
+        if (targetMatches) {
+          setState({ type: "ready", smartAccount });
+          _optionalChain([onConnected, 'optionalCall', _4 => _4(address, smartAccount)]);
+          onSetupComplete(smartAccount);
+          return;
+        }
+      }
+      setState({ type: "signing-session" });
+      const initData = _chunkBO745KABcjs.getAccountInitData.call(void 0, account);
+      const sessionDetails = await _chunkBO745KABcjs.getSessionDetails.call(void 0, 
+        account,
+        targetChainObj,
+        signerAddress,
+        sessionOwner.account,
+        targetToken,
+        sessionChainIds
+      );
+      setState({ type: "registering" });
+      await service.registerAccount({
+        address: smartAccount,
+        accountParams: {
+          factory: initData.factory,
+          factoryData: initData.factoryData,
+          sessionDetails
+        },
+        eoaAddress: address,
+        sessionOwner: sessionOwner.address,
+        target: {
+          chain: targetChain,
+          token: targetToken,
+          ...recipient && { recipient }
+        }
+      });
+      setState({ type: "ready", smartAccount });
+      _optionalChain([onConnected, 'optionalCall', _5 => _5(address, smartAccount)]);
+      onSetupComplete(smartAccount);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Setup failed";
+      setState({ type: "error", message });
+      _optionalChain([onError, 'optionalCall', _6 => _6(message, "SETUP_ERROR")]);
+    }
+  }, [
+    address,
+    walletClient,
+    targetChainObj,
+    targetChain,
+    targetToken,
+    rhinestoneApiKey,
+    signerAddress,
+    sessionChainIds,
+    recipient,
+    forceRegister,
+    service,
+    onSetupComplete,
+    onError,
+    onConnected
+  ]);
+  _react.useEffect.call(void 0, () => {
+    const hasWallet = walletClient ? Boolean(walletClient.account) : true;
+    if (address && hasWallet && targetChainObj && !setupInitiatedRef.current && state.type === "idle") {
+      setupInitiatedRef.current = true;
+      runSetup();
+    }
+  }, [address, walletClient, targetChainObj, state.type, runSetup]);
+  const handleRetry = () => {
+    setupInitiatedRef.current = false;
+    setState({ type: "idle" });
+  };
+  const renderStateMessage = () => {
+    switch (state.type) {
+      case "idle":
+        return "Preparing...";
+      case "checking":
+        return "Verifying your account...";
+      case "creating-account":
+        return "Preparing your deposit account...";
+      case "signing-session":
+        return "Authorizing your deposit session...";
+      case "registering":
+        return "Finalizing setup...";
+      case "ready":
+        return "Account ready!";
+      case "error":
+        return state.message;
+    }
+  };
+  const isLoading = state.type === "idle" || state.type === "checking" || state.type === "creating-account" || state.type === "signing-session" || state.type === "registering";
+  const isError = state.type === "error";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-state", children: [
+      isLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.Spinner, { className: "rs-spinner--lg rs-text-accent" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-text", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-title", children: renderStateMessage() }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-subtitle", children: "This may take a moment" })
+        ] })
+      ] }),
+      isError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-text", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-title rs-text-error", children: "Setup failed" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "rs-loading-subtitle",
+              style: { maxWidth: 300, marginTop: 4 },
+              children: state.message
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
+  ] });
+}
+
+// src/components/steps/AssetSelectStep.tsx
+
+var _viem = require('viem');
+
+function AssetSelectStep({
+  address,
+  publicClient,
+  defaultSourceChain,
+  defaultSourceToken,
+  service,
+  onContinue,
+  onTotalBalanceComputed
+}) {
+  const [assets, setAssets] = _react.useState.call(void 0, []);
+  const [selectedAssetId, setSelectedAssetId] = _react.useState.call(void 0, null);
+  const [loading, setLoading] = _react.useState.call(void 0, true);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const defaultAssetId = _react.useMemo.call(void 0, () => {
+    if (!defaultSourceChain || !defaultSourceToken) return null;
+    return _chunkBO745KABcjs.getAssetId.call(void 0, {
+      chainId: defaultSourceChain,
+      token: defaultSourceToken
+    });
+  }, [defaultSourceChain, defaultSourceToken]);
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    async function loadPortfolio() {
+      if (!address) {
+        setLoading(false);
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      try {
+        const portfolio = await service.fetchPortfolio(address);
+        if (!active) return;
+        const portfolioAssets = _chunkBO745KABcjs.portfolioToAssets.call(void 0, portfolio.tokens);
+        setAssets(portfolioAssets);
+        const hasNative = portfolioAssets.some(
+          (asset) => asset.token.toLowerCase() === _chunkCEIWN53Ncjs.NATIVE_TOKEN_ADDRESS
+        );
+        if (!hasNative) {
+          const nativeAssets = await fetchNativeAssets(
+            address,
+            publicClient,
+            portfolioAssets
+          );
+          if (!active) return;
+          if (nativeAssets.length > 0) {
+            setAssets((prev) => mergeAssets(prev, nativeAssets));
+          }
+        }
+      } catch (err) {
+        if (!active) return;
+        setError(
+          err instanceof Error ? err.message : "Failed to load portfolio"
+        );
+      } finally {
+        if (active) setLoading(false);
+      }
+    }
+    loadPortfolio();
+    return () => {
+      active = false;
+    };
+  }, [address, publicClient, service]);
+  _react.useEffect.call(void 0, () => {
+    if (!defaultAssetId || selectedAssetId) return;
+    if (assets.some((asset) => asset.id === defaultAssetId)) {
+      setSelectedAssetId(defaultAssetId);
+    }
+  }, [assets, defaultAssetId, selectedAssetId]);
+  _react.useEffect.call(void 0, () => {
+    const total = assets.reduce(
+      (sum, asset) => sum + (_nullishCoalesce(asset.balanceUsd, () => ( 0))),
+      0
+    );
+    _optionalChain([onTotalBalanceComputed, 'optionalCall', _7 => _7(total)]);
+  }, [assets, onTotalBalanceComputed]);
+  const rows = _react.useMemo.call(void 0, () => {
+    return assets.filter((a) => {
+      try {
+        return BigInt(_nullishCoalesce(a.balance, () => ( "0"))) > BigInt(0);
+      } catch (e2) {
+        return false;
+      }
+    }).sort((a, b) => {
+      const usdA = _nullishCoalesce(a.balanceUsd, () => ( 0));
+      const usdB = _nullishCoalesce(b.balanceUsd, () => ( 0));
+      if (usdA !== usdB) return usdB - usdA;
+      const balA = BigInt(_nullishCoalesce(a.balance, () => ( "0")));
+      const balB = BigInt(_nullishCoalesce(b.balance, () => ( "0")));
+      if (balB > balA) return 1;
+      if (balB < balA) return -1;
+      return 0;
+    });
+  }, [assets]);
+  const selectedAsset = selectedAssetId && assets.find((asset) => asset.id === selectedAssetId);
+  const formatBalance = (asset) => {
+    if (!asset.balance) return "--";
+    try {
+      const raw = _viem.formatUnits.call(void 0, BigInt(asset.balance), asset.decimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return raw;
+      return _chunkBO745KABcjs.tokenFormatter.format(numeric);
+    } catch (e3) {
+      return asset.balance;
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-title", children: "Select source asset" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: "rs-step-body",
+        style: { paddingTop: 4, overflow: "auto", maxHeight: 340 },
+        children: [
+          loading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.Spinner, { className: "rs-text-tertiary" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
+          ] }),
+          error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-alert-text", children: error }) }),
+          !loading && !error && rows.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-empty-state", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "svg",
+              {
+                className: "rs-empty-icon",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-empty-address", children: [
+              address.slice(0, 6),
+              "...",
+              address.slice(-4)
+            ] })
+          ] }),
+          !loading && !error && rows.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-list", children: rows.map((asset) => {
+            const isSelected = selectedAssetId === asset.id;
+            const tokenAmount = formatBalance(asset);
+            const badge = _chunkCEIWN53Ncjs.getChainBadge.call(void 0, asset.chainId);
+            const tokenIcon = _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, asset.symbol);
+            const chainIcon = _chunkCEIWN53Ncjs.getChainIcon.call(void 0, asset.chainId);
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "button",
+              {
+                type: "button",
+                onClick: () => setSelectedAssetId(asset.id),
+                className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
+                style: { textAlign: "left" },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-asset-info", children: [
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-asset-icon-wrapper", children: [
+                      tokenIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: tokenIcon,
+                          alt: asset.symbol,
+                          className: "rs-asset-icon",
+                          style: { background: "transparent" }
+                        }
+                      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-icon", children: asset.symbol.slice(0, 4) }),
+                      chainIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: chainIcon,
+                          alt: _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId),
+                          className: "rs-asset-chain-badge"
+                        }
+                      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "div",
+                        {
+                          className: "rs-asset-chain-badge",
+                          style: {
+                            backgroundColor: badge.bg,
+                            color: badge.color
+                          },
+                          children: badge.shortLabel.charAt(0)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-asset-name", children: [
+                        asset.symbol,
+                        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-asset-chain", children: [
+                          " ",
+                          "on ",
+                          _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId)
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-asset-balance-small", children: [
+                        tokenAmount,
+                        " ",
+                        asset.symbol
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? _chunkBO745KABcjs.currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
+                ]
+              },
+              asset.id
+            );
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.Button,
+      {
+        onClick: () => selectedAsset && onContinue(selectedAsset),
+        disabled: !selectedAsset,
+        fullWidth: true,
+        children: "Continue"
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.PoweredBy, {})
+  ] });
+}
+async function fetchNativeAssets(address, publicClient, existing) {
+  const existingIds = new Set(existing.map((asset) => asset.id));
+  const connectedChainId = _optionalChain([publicClient, 'access', _8 => _8.chain, 'optionalAccess', _9 => _9.id]);
+  if (!connectedChainId) return [];
+  if (!_chunkCEIWN53Ncjs.SOURCE_CHAINS.some((chain) => chain.id === connectedChainId)) return [];
+  const id = _chunkBO745KABcjs.getAssetId.call(void 0, {
+    chainId: connectedChainId,
+    token: _chunkCEIWN53Ncjs.NATIVE_TOKEN_ADDRESS
+  });
+  if (existingIds.has(id)) return [];
+  try {
+    const balance = await publicClient.getBalance({ address });
+    return [
+      {
+        id,
+        chainId: connectedChainId,
+        token: _chunkCEIWN53Ncjs.NATIVE_TOKEN_ADDRESS,
+        symbol: "ETH",
+        name: "Ethereum",
+        decimals: 18,
+        balance: balance.toString()
+      }
+    ];
+  } catch (e4) {
+    return [];
+  }
+}
+function mergeAssets(existing, incoming) {
+  if (incoming.length === 0) return existing;
+  const existingIds = new Set(existing.map((asset) => asset.id));
+  const merged = [...existing];
+  for (const asset of incoming) {
+    if (!existingIds.has(asset.id)) {
+      merged.push(asset);
+    }
+  }
+  return merged;
+}
+
+// src/components/steps/AmountStep.tsx
+
+
+
+function AmountStep({
+  walletClient,
+  publicClient,
+  address,
+  balanceAddress,
+  asset,
+  defaultAmount,
+  switchChain,
+  targetChain,
+  targetToken,
+  uiConfig,
+  tokenPriceUsdOverride,
+  onBalanceUsdChange,
+  onContinue
+}) {
+  const [amountUsd, setAmountUsd] = _react.useState.call(void 0, "");
+  const [balance, setBalance] = _react.useState.call(void 0, null);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
+  const hasAttemptedSwitch = _react.useRef.call(void 0, false);
+  const chainMismatch = Boolean(
+    _optionalChain([walletClient, 'optionalAccess', _10 => _10.chain, 'optionalAccess', _11 => _11.id]) && walletClient.chain.id !== asset.chainId
+  );
+  const tokenPriceUsd = _react.useMemo.call(void 0, () => {
+    if (tokenPriceUsdOverride !== void 0) return tokenPriceUsdOverride;
+    if (asset.balanceUsd === void 0 || !asset.balance) return null;
+    try {
+      const balanceUnits = Number(
+        _viem.formatUnits.call(void 0, BigInt(asset.balance), asset.decimals)
+      );
+      if (!Number.isFinite(balanceUnits) || balanceUnits <= 0) return null;
+      return asset.balanceUsd / balanceUnits;
+    } catch (e5) {
+      return null;
+    }
+  }, [tokenPriceUsdOverride, asset.balanceUsd, asset.balance, asset.decimals]);
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    async function fetchBalance() {
+      const balanceTarget = _nullishCoalesce(balanceAddress, () => ( address));
+      if (!balanceTarget || !publicClient) return;
+      try {
+        const bal = _chunkBO745KABcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: balanceTarget }) : await publicClient.readContract({
+          address: asset.token,
+          abi: _viem.erc20Abi,
+          functionName: "balanceOf",
+          args: [balanceTarget]
+        });
+        if (active) {
+          setBalance(bal);
+        }
+      } catch (e6) {
+        if (active) {
+          setBalance(null);
+        }
+      }
+    }
+    fetchBalance();
+    return () => {
+      active = false;
+    };
+  }, [address, balanceAddress, publicClient, asset]);
+  _react.useEffect.call(void 0, () => {
+    if (chainMismatch && switchChain && !hasAttemptedSwitch.current) {
+      hasAttemptedSwitch.current = true;
+      setIsSwitching(true);
+      switchChain(asset.chainId).catch((err) => {
+        const message = err instanceof Error ? err.message : "Failed to switch chain";
+        setError(message);
+      }).finally(() => {
+        setIsSwitching(false);
+      });
+    }
+  }, [chainMismatch, switchChain, asset.chainId]);
+  _react.useEffect.call(void 0, () => {
+    if (defaultAmount && tokenPriceUsd !== null && !amountUsd) {
+      const parsed = Number(defaultAmount);
+      if (Number.isFinite(parsed) && parsed > 0) {
+        const usdValue = parsed * tokenPriceUsd;
+        setAmountUsd(usdValue.toFixed(2));
+      }
+    }
+  }, [defaultAmount, tokenPriceUsd, amountUsd]);
+  const balanceUsd = _react.useMemo.call(void 0, () => {
+    if (balance === null || tokenPriceUsd === null) return null;
+    try {
+      const balanceUnits = Number(_viem.formatUnits.call(void 0, balance, asset.decimals));
+      if (!Number.isFinite(balanceUnits)) return null;
+      return balanceUnits * tokenPriceUsd;
+    } catch (e7) {
+      return null;
+    }
+  }, [balance, tokenPriceUsd, asset.decimals]);
+  _react.useEffect.call(void 0, () => {
+    if (balanceUsd === null) return;
+    _optionalChain([onBalanceUsdChange, 'optionalCall', _12 => _12(balanceUsd)]);
+  }, [balanceUsd, onBalanceUsdChange]);
+  const formattedBalance = _react.useMemo.call(void 0, () => {
+    if (balance === null) return "...";
+    try {
+      const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return raw;
+      return _chunkBO745KABcjs.tokenFormatter.format(numeric);
+    } catch (e8) {
+      return "...";
+    }
+  }, [balance, asset.decimals]);
+  const tokenAmount = _react.useMemo.call(void 0, () => {
+    if (!amountUsd || tokenPriceUsd === null || tokenPriceUsd === 0)
+      return null;
+    const usd = Number(amountUsd);
+    if (!Number.isFinite(usd) || usd <= 0) return null;
+    return usd / tokenPriceUsd;
+  }, [amountUsd, tokenPriceUsd]);
+  const formattedTokenAmount = _react.useMemo.call(void 0, () => {
+    if (tokenAmount === null) return "0.00";
+    return _chunkBO745KABcjs.tokenFormatter.format(tokenAmount);
+  }, [tokenAmount]);
+  const targetSymbol = _chunkCEIWN53Ncjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const handlePresetClick = (percentage) => {
+    if (balanceUsd === null) return;
+    const value = balanceUsd * percentage / 100;
+    setAmountUsd(value.toFixed(2));
+    if (error) setError(null);
+  };
+  const handleContinue = () => {
+    const usdValue = parseFloat(amountUsd);
+    if (isNaN(usdValue) || usdValue <= 0) {
+      setError("Please enter a valid amount");
+      return;
+    }
+    if (_optionalChain([uiConfig, 'optionalAccess', _13 => _13.maxDepositUsd]) && usdValue > uiConfig.maxDepositUsd) {
+      setError(
+        `Maximum deposit is ${_chunkBO745KABcjs.currencyFormatter.format(uiConfig.maxDepositUsd)}`
+      );
+      return;
+    }
+    if (_optionalChain([uiConfig, 'optionalAccess', _14 => _14.minDepositUsd]) && usdValue < uiConfig.minDepositUsd) {
+      setError(
+        `Minimum deposit is ${_chunkBO745KABcjs.currencyFormatter.format(uiConfig.minDepositUsd)}`
+      );
+      return;
+    }
+    if (tokenPriceUsd === null || tokenPriceUsd === 0) {
+      setError("Unable to determine token price");
+      return;
+    }
+    const tokenAmountValue = usdValue / tokenPriceUsd;
+    let tokenAmountStr = tokenAmountValue.toString();
+    let amountInUnits;
+    try {
+      amountInUnits = _viem.parseUnits.call(void 0, tokenAmountStr, asset.decimals);
+    } catch (e9) {
+      setError("Please enter a valid amount");
+      return;
+    }
+    if (balance !== null && amountInUnits > balance) {
+      amountInUnits = balance;
+      tokenAmountStr = _viem.formatUnits.call(void 0, balance, asset.decimals);
+    }
+    setError(null);
+    onContinue(tokenAmountStr, _nullishCoalesce(balance, () => ( void 0)));
+  };
+  const handleSwitch = async () => {
+    if (!asset.chainId || !switchChain) return;
+    setIsSwitching(true);
+    try {
+      await switchChain(asset.chainId);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to switch chain";
+      setError(message);
+    } finally {
+      setIsSwitching(false);
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-display", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "text",
+            inputMode: "decimal",
+            className: "rs-amount-input-large",
+            placeholder: "$0.00",
+            value: amountUsd ? `$${amountUsd}` : "",
+            onChange: (e) => {
+              const raw = e.target.value.replace(/[^0-9.]/g, "");
+              const parts = raw.split(".");
+              if (parts.length > 2) return;
+              setAmountUsd(raw);
+              if (error) setError(null);
+            },
+            autoFocus: true
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-token-value", children: [
+          formattedTokenAmount,
+          " ",
+          asset.symbol
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-available", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-available-value", children: [
+          formattedBalance,
+          " ",
+          asset.symbol,
+          " available",
+          balanceUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "var(--rs-muted-foreground)" }, children: [
+            " ",
+            "(",
+            _chunkBO745KABcjs.currencyFormatter.format(balanceUsd),
+            ")"
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          style: { display: "flex", justifyContent: "center", marginTop: 16 },
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-side", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-flow-pill-label", children: "You send" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token-icon-wrapper", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-token-icon", children: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, asset.symbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "img",
+                    {
+                      src: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, asset.symbol),
+                      alt: asset.symbol
+                    }
+                  ) : asset.symbol.slice(0, 2) }),
+                  (() => {
+                    const chainIcon = _chunkCEIWN53Ncjs.getChainIcon.call(void 0, asset.chainId);
+                    if (chainIcon) {
+                      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: chainIcon,
+                          alt: _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId),
+                          className: "rs-flow-pill-chain-badge"
+                        }
+                      );
+                    }
+                    const badge = _chunkCEIWN53Ncjs.getChainBadge.call(void 0, asset.chainId);
+                    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "rs-flow-pill-chain-badge",
+                        style: {
+                          backgroundColor: badge.bg,
+                          color: badge.color
+                        },
+                        children: badge.shortLabel.charAt(0)
+                      }
+                    );
+                  })()
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-flow-pill-token-symbol", children: asset.symbol })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-arrow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-side", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-flow-pill-label", children: "You receive" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token-icon-wrapper", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-token-icon", children: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, targetSymbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "img",
+                    {
+                      src: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, targetSymbol),
+                      alt: targetSymbol
+                    }
+                  ) : targetSymbol.slice(0, 2) }),
+                  (() => {
+                    const chainIcon = _chunkCEIWN53Ncjs.getChainIcon.call(void 0, targetChain);
+                    if (chainIcon) {
+                      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: chainIcon,
+                          alt: _chunkCEIWN53Ncjs.getChainName.call(void 0, targetChain),
+                          className: "rs-flow-pill-chain-badge"
+                        }
+                      );
+                    }
+                    const badge = _chunkCEIWN53Ncjs.getChainBadge.call(void 0, targetChain);
+                    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "rs-flow-pill-chain-badge",
+                        style: {
+                          backgroundColor: badge.bg,
+                          color: badge.color
+                        },
+                        children: badge.shortLabel.charAt(0)
+                      }
+                    );
+                  })()
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-flow-pill-token-symbol", children: targetSymbol })
+              ] })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-presets", children: [
+        [25, 50, 75].map((pct) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "rs-amount-preset-btn",
+            onClick: () => handlePresetClick(pct),
+            disabled: balanceUsd === null,
+            children: [
+              pct,
+              "%"
+            ]
+          },
+          pct
+        )),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "rs-amount-preset-btn",
+            onClick: () => handlePresetClick(100),
+            disabled: balanceUsd === null,
+            children: "Max"
+          }
+        )
+      ] }),
+      chainMismatch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch-text", children: [
+          "Switch your wallet to ",
+          _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId),
+          " to continue."
+        ] }),
+        switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkBO745KABcjs.Button,
+          {
+            variant: "outline",
+            size: "small",
+            loading: isSwitching,
+            onClick: handleSwitch,
+            children: "Switch"
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-error", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            style: { width: 16, height: 16, flexShrink: 0 },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.Button,
+      {
+        onClick: handleContinue,
+        fullWidth: true,
+        disabled: !amountUsd || chainMismatch,
+        children: "Continue"
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.PoweredBy, {})
+  ] });
+}
+
+// src/components/steps/ConfirmStep.tsx
+
+
+
+var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USDT", "DAI"]);
+function ConfirmStep({
+  walletClient,
+  address,
+  smartAccount,
+  recipient,
+  asset,
+  amount,
+  balance,
+  targetChain,
+  targetToken,
+  switchChain,
+  onConfirm,
+  onError,
+  onDepositSubmitted
+}) {
+  const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
+  const chainMismatch = _optionalChain([walletClient, 'optionalAccess', _15 => _15.chain, 'optionalAccess', _16 => _16.id]) && walletClient.chain.id !== asset.chainId;
+  const sameRoute = targetChain === asset.chainId && targetToken.toLowerCase() === asset.token.toLowerCase();
+  const targetSymbol = sameRoute ? asset.symbol : _chunkCEIWN53Ncjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const formattedAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", { maximumFractionDigits: 6 }) : "0";
+  const tokenPriceUsd = _react.useMemo.call(void 0, () => {
+    if (asset.balanceUsd === void 0 || !asset.balance) return null;
+    try {
+      const balanceUnits = Number(
+        _viem.formatUnits.call(void 0, BigInt(asset.balance), asset.decimals)
+      );
+      if (!Number.isFinite(balanceUnits) || balanceUnits <= 0) return null;
+      return asset.balanceUsd / balanceUnits;
+    } catch (e10) {
+      return null;
+    }
+  }, [asset.balanceUsd, asset.balance, asset.decimals]);
+  const amountUsd = _react.useMemo.call(void 0, () => {
+    if (!amount || tokenPriceUsd === null) return null;
+    const parsed = Number(amount);
+    if (!Number.isFinite(parsed) || parsed <= 0) return null;
+    return parsed * tokenPriceUsd;
+  }, [amount, tokenPriceUsd]);
+  const targetTokenPriceUsd = _react.useMemo.call(void 0, () => {
+    const targetSym = targetSymbol.toUpperCase();
+    const sourceSym = asset.symbol.toUpperCase();
+    if (STABLECOIN_SYMBOLS.has(targetSym)) return 1;
+    if (targetSym === sourceSym && tokenPriceUsd !== null) return tokenPriceUsd;
+    return null;
+  }, [targetSymbol, asset.symbol, tokenPriceUsd]);
+  const receiveAmountUsd = _react.useMemo.call(void 0, () => {
+    if (amountUsd === null) return null;
+    return sameRoute ? amountUsd : amountUsd * 0.99;
+  }, [amountUsd, sameRoute]);
+  const receiveTokenAmount = _react.useMemo.call(void 0, () => {
+    if (sameRoute) {
+      const parsed = Number(amount);
+      return Number.isFinite(parsed) ? parsed : null;
+    }
+    if (receiveAmountUsd === null || targetTokenPriceUsd === null || targetTokenPriceUsd === 0)
+      return null;
+    return receiveAmountUsd / targetTokenPriceUsd;
+  }, [sameRoute, amount, receiveAmountUsd, targetTokenPriceUsd]);
+  const formattedReceiveAmount = _react.useMemo.call(void 0, () => {
+    if (receiveTokenAmount === null) return `~ ${formattedAmount}`;
+    return receiveTokenAmount.toLocaleString("en-US", {
+      maximumFractionDigits: 6
+    });
+  }, [receiveTokenAmount, formattedAmount]);
+  const receiveAmount = sameRoute ? formattedReceiveAmount : `~ ${formattedReceiveAmount}`;
+  const handleConfirm = async () => {
+    if (!address || !walletClient) {
+      setError("Wallet not connected");
+      return;
+    }
+    if (chainMismatch) {
+      setError(`Switch to ${_chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId)} to sign`);
+      return;
+    }
+    const parsedAmount = parseFloat(amount);
+    if (isNaN(parsedAmount) || parsedAmount <= 0) {
+      setError("Please enter a valid amount");
+      return;
+    }
+    let amountUnits;
+    try {
+      amountUnits = _viem.parseUnits.call(void 0, amount, asset.decimals);
+    } catch (e11) {
+      setError("Please enter a valid amount");
+      return;
+    }
+    if (balance !== void 0 && amountUnits > balance) {
+      setError("Insufficient balance");
+      return;
+    }
+    setError(null);
+    setIsSubmitting(true);
+    try {
+      const account = walletClient.account;
+      const chain = walletClient.chain;
+      if (!account || !chain) {
+        throw new Error("Wallet not properly connected");
+      }
+      const transferTo = sameRoute ? recipient : smartAccount;
+      const hash = _chunkBO745KABcjs.isNativeAsset.call(void 0, asset) ? await walletClient.sendTransaction({
+        account,
+        chain,
+        to: transferTo,
+        value: amountUnits
+      }) : await walletClient.writeContract({
+        account,
+        chain,
+        address: asset.token,
+        abi: _viem.erc20Abi,
+        functionName: "transfer",
+        args: [transferTo, amountUnits]
+      });
+      _optionalChain([onDepositSubmitted, 'optionalCall', _17 => _17(hash, asset.chainId, amountUnits.toString())]);
+      onConfirm(hash, asset.chainId, amountUnits.toString(), asset.token);
+    } catch (err) {
+      const raw = err instanceof Error ? err.message : "Transfer failed";
+      const message = _chunkBO745KABcjs.formatUserError.call(void 0, raw);
+      setError(message);
+      _optionalChain([onError, 'optionalCall', _18 => _18(message, "TRANSFER_ERROR")]);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleSwitch = async () => {
+    if (!switchChain) return;
+    setIsSwitching(true);
+    try {
+      await switchChain(asset.chainId);
+    } catch (err) {
+      const raw = err instanceof Error ? err.message : "Failed to switch chain";
+      setError(_chunkBO745KABcjs.formatUserError.call(void 0, raw));
+    } finally {
+      setIsSwitching(false);
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-title", children: "Review order" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Source" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 8 },
+              children: [
+                _chunkCEIWN53Ncjs.getChainIcon.call(void 0, asset.chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getChainIcon.call(void 0, asset.chainId),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: "50%" }
+                  }
+                ),
+                _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId)
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Destination" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 8 },
+              children: [
+                _chunkCEIWN53Ncjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getChainIcon.call(void 0, targetChain),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: "50%" }
+                  }
+                ),
+                _chunkCEIWN53Ncjs.getChainName.call(void 0, targetChain)
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Estimated time" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: "< 1 min" })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "You send" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 6 },
+              children: [
+                _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, asset.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, asset.symbol),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: "50%" }
+                  }
+                ),
+                formattedAmount,
+                " ",
+                asset.symbol
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "You receive" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 6 },
+              children: [
+                _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, targetSymbol),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: "50%" }
+                  }
+                ),
+                receiveAmount,
+                " ",
+                targetSymbol
+              ]
+            }
+          )
+        ] }),
+        receiveAmountUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Value" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: _chunkBO745KABcjs.currencyFormatter.format(receiveAmountUsd) })
+        ] })
+      ] }),
+      chainMismatch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch-text", children: [
+          "Switch your wallet to ",
+          _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId),
+          " to sign."
+        ] }),
+        switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkBO745KABcjs.Button,
+          {
+            variant: "outline",
+            size: "small",
+            loading: isSwitching,
+            onClick: handleSwitch,
+            children: "Switch"
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-alert rs-alert--error", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: "rs-alert-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-alert-text", children: error })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.Button,
+      {
+        onClick: handleConfirm,
+        loading: isSubmitting,
+        disabled: chainMismatch || !amount || Number(amount) <= 0,
+        fullWidth: true,
+        children: "Confirm Order"
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.PoweredBy, {})
+  ] });
+}
+
+// src/components/steps/DepositAddressStep.tsx
+
+
+// src/components/ui/QRCode.tsx
+
+
+function QRCode({ value, size = 200, iconSrc, className }) {
+  const [createQrCode, setCreateQrCode] = _react.useState.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    let mounted = true;
+    void Promise.resolve().then(() => _interopRequireWildcard(require("qrcode-generator"))).then((mod) => {
+      if (mounted) {
+        setCreateQrCode(() => mod.default);
+      }
+    }).catch(() => {
+      if (mounted) {
+        setCreateQrCode(null);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  const svgContent = _react.useMemo.call(void 0, () => {
+    if (!createQrCode) {
+      return null;
+    }
+    const qr = createQrCode(0, "M");
+    qr.addData(value);
+    qr.make();
+    const moduleCount = qr.getModuleCount();
+    const cellSize = size / moduleCount;
+    const paths = [];
+    const iconCenterSize = iconSrc ? moduleCount * 0.22 : 0;
+    const iconStart = (moduleCount - iconCenterSize) / 2;
+    const iconEnd = (moduleCount + iconCenterSize) / 2;
+    for (let row = 0; row < moduleCount; row++) {
+      for (let col = 0; col < moduleCount; col++) {
+        if (!qr.isDark(row, col)) continue;
+        if (iconSrc && row >= iconStart && row < iconEnd && col >= iconStart && col < iconEnd) {
+          continue;
+        }
+        const x = col * cellSize;
+        const y = row * cellSize;
+        paths.push(`M${x},${y}h${cellSize}v${cellSize}h${-cellSize}z`);
+      }
+    }
+    return { paths: paths.join(""), moduleCount, cellSize };
+  }, [createQrCode, value, size, iconSrc]);
+  const iconSize = size * 0.22;
+  const iconOffset = (size - iconSize) / 2;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      viewBox: `0 0 ${size} ${size}`,
+      width: size,
+      height: size,
+      className,
+      role: "img",
+      "aria-label": "QR Code",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: size, height: size, fill: "white", rx: 4 }),
+        svgContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: svgContent.paths, fill: "black" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: 8, y: 8, width: size - 16, height: size - 16, fill: "#f1f5f9" }),
+        iconSrc && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "rect",
+            {
+              x: iconOffset - 4,
+              y: iconOffset - 4,
+              width: iconSize + 8,
+              height: iconSize + 8,
+              fill: "white",
+              rx: 8
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "image",
+            {
+              href: iconSrc,
+              x: iconOffset,
+              y: iconOffset,
+              width: iconSize,
+              height: iconSize
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+QRCode.displayName = "QRCode";
+
+// src/components/steps/DepositAddressStep.tsx
+
+var POLL_INTERVAL_MS = 4e3;
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function asNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : void 0;
+  }
+  return void 0;
+}
+function asAmount(value) {
+  if (typeof value === "string") return value;
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value.toString();
+  }
+  return void 0;
+}
+function asAddress(value) {
+  if (typeof value !== "string") return void 0;
+  return /^0x[a-fA-F0-9]{40}$/.test(value) ? value : void 0;
+}
+function getDepositEventDetails(event) {
+  if (!_optionalChain([event, 'optionalAccess', _19 => _19.type]) || !isRecord(event.data)) return {};
+  if (event.type === "deposit-received") {
+    return {
+      chainId: asNumber(event.data.chain),
+      amount: asAmount(event.data.amount),
+      token: asAddress(event.data.token)
+    };
+  }
+  if (event.type === "bridge-started") {
+    const source = isRecord(event.data.source) ? event.data.source : void 0;
+    return {
+      chainId: asNumber(_optionalChain([source, 'optionalAccess', _20 => _20.chain])),
+      token: asAddress(_optionalChain([source, 'optionalAccess', _21 => _21.asset]))
+    };
+  }
+  return {};
+}
+function DepositAddressStep({
+  smartAccount,
+  service,
+  onDepositDetected,
+  onError
+}) {
+  const supportedChainIds = _react.useMemo.call(void 0, () => _chunkCEIWN53Ncjs.getSupportedChainIds.call(void 0, ), []);
+  const BASE_CHAIN_ID = 8453;
+  const defaultChainId = supportedChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : supportedChainIds[0];
+  const [sourceChainId, setSourceChainId] = _react.useState.call(void 0, defaultChainId);
+  const tokensForChain = _react.useMemo.call(void 0, 
+    () => _chunkCEIWN53Ncjs.getSupportedTokenSymbolsForChain.call(void 0, sourceChainId),
+    [sourceChainId]
+  );
+  const defaultToken = tokensForChain.includes("USDC") ? "USDC" : _nullishCoalesce(tokensForChain[0], () => ( "USDC"));
+  const [sourceTokenSymbol, setSourceTokenSymbol] = _react.useState.call(void 0, defaultToken);
+  _react.useEffect.call(void 0, () => {
+    if (!tokensForChain.includes(sourceTokenSymbol)) {
+      setSourceTokenSymbol(_nullishCoalesce(tokensForChain[0], () => ( "USDC")));
+    }
+  }, [tokensForChain, sourceTokenSymbol]);
+  const [copied, setCopied] = _react.useState.call(void 0, false);
+  const [pollingError, setPollingError] = _react.useState.call(void 0, null);
+  const [chainDropdownOpen, setChainDropdownOpen] = _react.useState.call(void 0, false);
+  const [tokenDropdownOpen, setTokenDropdownOpen] = _react.useState.call(void 0, false);
+  const depositHandledRef = _react.useRef.call(void 0, false);
+  const sourceSelectionRef = _react.useRef.call(void 0, {
+    chainId: defaultChainId,
+    tokenSymbol: defaultToken
+  });
+  _react.useEffect.call(void 0, () => {
+    sourceSelectionRef.current = {
+      chainId: sourceChainId,
+      tokenSymbol: sourceTokenSymbol
+    };
+  }, [sourceChainId, sourceTokenSymbol]);
+  const handleCopy = _react.useCallback.call(void 0, async () => {
+    try {
+      await navigator.clipboard.writeText(smartAccount);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (e12) {
+      const textarea = document.createElement("textarea");
+      textarea.value = smartAccount;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  }, [smartAccount]);
+  _react.useEffect.call(void 0, () => {
+    depositHandledRef.current = false;
+    setPollingError(null);
+    let timeoutId;
+    let cancelled = false;
+    let baselineTxHash = void 0;
+    async function poll() {
+      if (cancelled || depositHandledRef.current) return;
+      try {
+        const status = await service.fetchLatestStatus(smartAccount);
+        if (cancelled || depositHandledRef.current) return;
+        const event = status.lastEvent;
+        const eventTxHash = _chunkBO745KABcjs.isDepositEvent.call(void 0, event) ? _nullishCoalesce(_optionalChain([_chunkBO745KABcjs.getEventTxHash.call(void 0, event), 'optionalAccess', _22 => _22.toLowerCase, 'call', _23 => _23()]), () => ( null)) : null;
+        if (baselineTxHash === void 0) {
+          baselineTxHash = eventTxHash;
+        } else if (eventTxHash && eventTxHash !== baselineTxHash) {
+          const details = getDepositEventDetails(event);
+          const fallback = sourceSelectionRef.current;
+          const chainId = _nullishCoalesce(details.chainId, () => ( fallback.chainId));
+          const amount = _nullishCoalesce(details.amount, () => ( "0"));
+          const token = _nullishCoalesce(details.token, () => ( _chunkCEIWN53Ncjs.getTokenAddress.call(void 0, fallback.tokenSymbol, fallback.chainId)));
+          if (token) {
+            depositHandledRef.current = true;
+            onDepositDetected(eventTxHash, chainId, amount, token);
+            return;
+          }
+        }
+        setPollingError(null);
+      } catch (err) {
+        if (!cancelled) {
+          const msg = err instanceof Error ? err.message : "Failed to check status";
+          setPollingError(msg);
+          _optionalChain([onError, 'optionalCall', _24 => _24(msg, "STATUS_POLL_ERROR")]);
+        }
+      }
+      if (!cancelled && !depositHandledRef.current) {
+        timeoutId = setTimeout(poll, POLL_INTERVAL_MS);
+      }
+    }
+    poll();
+    return () => {
+      cancelled = true;
+      clearTimeout(timeoutId);
+    };
+  }, [smartAccount, service, onDepositDetected, onError]);
+  const chainIconSrc = _chunkCEIWN53Ncjs.getChainIcon.call(void 0, sourceChainId);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-body", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-selectors", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "rs-deposit-address-dropdown-trigger",
+              onClick: () => {
+                setTokenDropdownOpen(!tokenDropdownOpen);
+                setChainDropdownOpen(false);
+              },
+              children: [
+                _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, sourceTokenSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, sourceTokenSymbol),
+                    alt: "",
+                    className: "rs-deposit-address-dropdown-icon"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: sourceTokenSymbol }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "svg",
+                  {
+                    className: "rs-deposit-address-dropdown-chevron",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          tokenDropdownOpen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: `rs-deposit-address-dropdown-item ${symbol === sourceTokenSymbol ? "rs-deposit-address-dropdown-item--active" : ""}`,
+              onClick: () => {
+                setSourceTokenSymbol(symbol);
+                setTokenDropdownOpen(false);
+              },
+              children: [
+                _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, symbol),
+                    alt: "",
+                    className: "rs-deposit-address-dropdown-icon"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: symbol })
+              ]
+            },
+            symbol
+          )) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "rs-deposit-address-dropdown-trigger",
+              onClick: () => {
+                setChainDropdownOpen(!chainDropdownOpen);
+                setTokenDropdownOpen(false);
+              },
+              children: [
+                _chunkCEIWN53Ncjs.getChainIcon.call(void 0, sourceChainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getChainIcon.call(void 0, sourceChainId),
+                    alt: "",
+                    className: "rs-deposit-address-dropdown-icon"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkCEIWN53Ncjs.getChainName.call(void 0, sourceChainId) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "svg",
+                  {
+                    className: "rs-deposit-address-dropdown-chevron",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          chainDropdownOpen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-menu", children: supportedChainIds.map((chainId) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: `rs-deposit-address-dropdown-item ${chainId === sourceChainId ? "rs-deposit-address-dropdown-item--active" : ""}`,
+              onClick: () => {
+                setSourceChainId(chainId);
+                setChainDropdownOpen(false);
+              },
+              children: [
+                _chunkCEIWN53Ncjs.getChainIcon.call(void 0, chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkCEIWN53Ncjs.getChainIcon.call(void 0, chainId),
+                    alt: "",
+                    className: "rs-deposit-address-dropdown-icon"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkCEIWN53Ncjs.getChainName.call(void 0, chainId) })
+              ]
+            },
+            chainId
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QRCode, { value: smartAccount, size: 200, iconSrc: chainIconSrc }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-info", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-label", children: "Your deposit address" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-value", children: smartAccount }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "rs-deposit-address-copy",
+            onClick: handleCopy,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  style: { width: 14, height: 14 },
+                  children: copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M5 12l5 5L20 7"
+                    }
+                  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
+                    }
+                  )
+                }
+              ),
+              copied ? "Copied!" : "Copy address"
+            ]
+          }
+        )
+      ] }),
+      pollingError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-error", children: pollingError })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.PoweredBy, {})
+  ] });
+}
+DepositAddressStep.displayName = "DepositAddressStep";
+
+// src/DepositFlow.tsx
+
+function isSameRoute(sourceChain, sourceToken, targetChain, targetToken) {
+  return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
+}
+function DepositFlow({
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
+  targetChain,
+  targetToken,
+  service,
+  sourceChain: defaultSourceChain,
+  sourceToken: defaultSourceToken,
+  amount: defaultAmount,
+  recipient,
+  rhinestoneApiKey,
+  signerAddress = _chunkCEIWN53Ncjs.DEFAULT_SIGNER_ADDRESS,
+  sessionChainIds,
+  forceRegister = false,
+  waitForFinalTx = true,
+  reownWallet,
+  onConnect,
+  onRequestConnect,
+  connectButtonLabel,
+  uiConfig,
+  onStepChange,
+  onTotalBalanceChange,
+  onClose,
+  onConnected,
+  onDepositSubmitted,
+  onDepositComplete,
+  onDepositFailed,
+  onError,
+  debug
+}) {
+  const [step, setStep] = _react.useState.call(void 0, { type: "setup" });
+  const [flowMode, setFlowMode] = _react.useState.call(void 0, null);
+  const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, 0);
+  const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = _react.useState.call(void 0, false);
+  const [selectedConnectAddress, setSelectedConnectAddress] = _react.useState.call(void 0, null);
+  const targetChainObj = _react.useMemo.call(void 0, () => _chunkCEIWN53Ncjs.CHAIN_BY_ID[targetChain], [targetChain]);
+  const dappSwitchChain = _react.useMemo.call(void 0, () => {
+    if (!_optionalChain([dappWalletClient, 'optionalAccess', _25 => _25.switchChain])) return void 0;
+    return async (chainId) => {
+      await _optionalChain([dappWalletClient, 'access', _26 => _26.switchChain, 'optionalCall', _27 => _27({ id: chainId })]);
+    };
+  }, [dappWalletClient]);
+  const walletOptions = _react.useMemo.call(void 0, () => {
+    const options = [];
+    const seen = /* @__PURE__ */ new Set();
+    if (_optionalChain([dappWalletClient, 'optionalAccess', _28 => _28.account]) && dappAddress) {
+      options.push({
+        address: dappWalletClient.account.address,
+        label: "Connected Wallet",
+        kind: "connected"
+      });
+      seen.add(dappWalletClient.account.address.toLowerCase());
+    }
+    if (_optionalChain([reownWallet, 'optionalAccess', _29 => _29.address]) && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
+      options.push({
+        address: reownWallet.address,
+        label: "External Wallet",
+        kind: "external"
+      });
+    }
+    return options;
+  }, [
+    dappWalletClient,
+    dappAddress,
+    _optionalChain([reownWallet, 'optionalAccess', _30 => _30.address]),
+    _optionalChain([reownWallet, 'optionalAccess', _31 => _31.isConnected])
+  ]);
+  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _32 => _32.account]) && dappAddress && !reownWallet;
+  const hasWalletOptions = walletOptions.length > 0;
+  const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
+  const signerContext = _react.useMemo.call(void 0, () => {
+    if (flowMode === "deposit-address") {
+      if (!dappAddress) return null;
+      return {
+        ownerAddress: dappAddress,
+        walletClient: void 0,
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, targetChain))),
+        switchChain: void 0
+      };
+    }
+    if (canAutoLock) {
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _33 => _33.chain, 'optionalAccess', _34 => _34.id]), () => ( targetChain));
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, fallbackChainId))),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (!isConnectSelectionConfirmed || !selectedConnectAddress) return null;
+    if (_optionalChain([dappWalletClient, 'optionalAccess', _35 => _35.account]) && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _36 => _36.chain, 'optionalAccess', _37 => _37.id]), () => ( targetChain));
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, fallbackChainId))),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (_optionalChain([reownWallet, 'optionalAccess', _38 => _38.address, 'optionalAccess', _39 => _39.toLowerCase, 'call', _40 => _40()]) === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
+      return {
+        ownerAddress: reownWallet.address,
+        walletClient: reownWallet.walletClient,
+        publicClient: reownWallet.publicClient,
+        switchChain: reownWallet.switchChain
+      };
+    }
+    return null;
+  }, [
+    flowMode,
+    canAutoLock,
+    isConnectSelectionConfirmed,
+    selectedConnectAddress,
+    dappWalletClient,
+    dappPublicClient,
+    dappSwitchChain,
+    dappAddress,
+    reownWallet,
+    targetChain
+  ]);
+  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _41 => _41.ownerAddress]))), () => ( null));
+  const lastTargetRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const prev = lastTargetRef.current;
+    if (prev && (prev.chain !== targetChain || prev.token.toLowerCase() !== targetToken.toLowerCase())) {
+      if (step.type !== "processing") {
+        setStep({ type: "setup" });
+      }
+    }
+    lastTargetRef.current = { chain: targetChain, token: targetToken };
+  }, [targetChain, targetToken, step.type]);
+  const handleBackFromAmount = _react.useCallback.call(void 0, () => {
+    setStep((prev) => {
+      if (prev.type !== "amount") return prev;
+      return { type: "select-asset", smartAccount: prev.smartAccount };
+    });
+  }, []);
+  const handleBackFromSelectAsset = _react.useCallback.call(void 0, () => {
+    if (hasWalletOptions || reownWallet) {
+      setIsConnectSelectionConfirmed(false);
+    }
+  }, [hasWalletOptions, reownWallet]);
+  const handleBackFromDepositAddress = _react.useCallback.call(void 0, () => {
+    setFlowMode(null);
+    setStep({ type: "setup" });
+    if (hasWalletOptions || reownWallet) {
+      setIsConnectSelectionConfirmed(false);
+    }
+  }, [hasWalletOptions, reownWallet]);
+  const handleBackFromConfirm = _react.useCallback.call(void 0, () => {
+    setStep((prev) => {
+      if (prev.type !== "confirm") return prev;
+      return {
+        type: "amount",
+        smartAccount: prev.smartAccount,
+        asset: prev.asset,
+        amount: prev.amount
+      };
+    });
+  }, []);
+  const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : 4;
+  const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([onStepChange, 'optionalCall', _42 => _42(stepIndex, currentBackHandler)]);
+  }, [stepIndex, currentBackHandler, onStepChange]);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([onTotalBalanceChange, 'optionalCall', _43 => _43(totalBalanceUsd)]);
+  }, [totalBalanceUsd, onTotalBalanceChange]);
+  const isDepositAddressMode = flowMode === "deposit-address";
+  const handleSelectProvider = _react.useCallback.call(void 0, () => {
+    setFlowMode("wallet");
+  }, []);
+  const handleSelectTransferCrypto = _react.useCallback.call(void 0, () => {
+    setFlowMode("deposit-address");
+    setStep({ type: "setup" });
+  }, []);
+  const handleNewDeposit = _react.useCallback.call(void 0, () => {
+    setFlowMode(null);
+    setStep({ type: "setup" });
+  }, []);
+  const handleSetupComplete = _react.useCallback.call(void 0, 
+    (smartAccount) => {
+      if (isDepositAddressMode) {
+        setStep({ type: "deposit-address", smartAccount });
+      } else {
+        setStep({ type: "select-asset", smartAccount });
+      }
+    },
+    [isDepositAddressMode]
+  );
+  const handleDepositAddressDetected = _react.useCallback.call(void 0, 
+    (txHash, chainId, amount, token) => {
+      setStep((prev) => {
+        if (prev.type !== "deposit-address") return prev;
+        return {
+          type: "processing",
+          smartAccount: prev.smartAccount,
+          txHash,
+          sourceChain: chainId,
+          sourceToken: token,
+          amount,
+          directTransfer: isSameRoute(chainId, token, targetChain, targetToken)
+        };
+      });
+      _optionalChain([onDepositSubmitted, 'optionalCall', _44 => _44({ txHash, sourceChain: chainId, amount })]);
+    },
+    [onDepositSubmitted, targetChain, targetToken]
+  );
+  const handleConnected = _react.useCallback.call(void 0, 
+    (addr, smartAccount) => {
+      _optionalChain([onConnected, 'optionalCall', _45 => _45({ address: addr, smartAccount })]);
+    },
+    [onConnected]
+  );
+  const handleAssetContinue = _react.useCallback.call(void 0, 
+    (asset) => {
+      setStep((prev) => {
+        if (prev.type !== "select-asset") return prev;
+        return {
+          type: "amount",
+          smartAccount: prev.smartAccount,
+          asset,
+          amount: defaultAmount
+        };
+      });
+    },
+    [defaultAmount]
+  );
+  const handleAmountContinue = _react.useCallback.call(void 0, 
+    (amount, balance) => {
+      setStep((prev) => {
+        if (prev.type !== "amount") return prev;
+        return {
+          type: "confirm",
+          smartAccount: prev.smartAccount,
+          asset: prev.asset,
+          amount,
+          balance
+        };
+      });
+    },
+    []
+  );
+  const handleDepositSubmitted = _react.useCallback.call(void 0, 
+    (txHash, chainId, amount, token) => {
+      setStep((prev) => {
+        if (prev.type !== "confirm") return prev;
+        return {
+          type: "processing",
+          smartAccount: prev.smartAccount,
+          txHash,
+          sourceChain: chainId,
+          sourceToken: token,
+          amount,
+          directTransfer: isSameRoute(chainId, token, targetChain, targetToken)
+        };
+      });
+    },
+    [targetChain, targetToken]
+  );
+  const handleDepositSubmittedCallback = _react.useCallback.call(void 0, 
+    (txHash, sourceChain, amount) => {
+      _optionalChain([onDepositSubmitted, 'optionalCall', _46 => _46({ txHash, sourceChain, amount })]);
+    },
+    [onDepositSubmitted]
+  );
+  const handleDepositComplete = _react.useCallback.call(void 0, 
+    (txHash, destinationTxHash) => {
+      _optionalChain([onDepositComplete, 'optionalCall', _47 => _47({ txHash, destinationTxHash })]);
+    },
+    [onDepositComplete]
+  );
+  const handleDepositFailed = _react.useCallback.call(void 0, 
+    (txHash, error) => {
+      _optionalChain([onDepositFailed, 'optionalCall', _48 => _48({ txHash, error })]);
+    },
+    [onDepositFailed]
+  );
+  const handleError = _react.useCallback.call(void 0, 
+    (message, code) => {
+      _optionalChain([onError, 'optionalCall', _49 => _49({ message, code })]);
+    },
+    [onError]
+  );
+  const handleTotalBalanceComputed = _react.useCallback.call(void 0, (total) => {
+    setTotalBalanceUsd(total);
+  }, []);
+  const selectedConnectAddressEffective = _react.useMemo.call(void 0, () => {
+    if (selectedConnectAddress) return selectedConnectAddress;
+    if (walletOptions.length === 1) {
+      return walletOptions[0].address;
+    }
+    return null;
+  }, [selectedConnectAddress, walletOptions]);
+  const walletOptionsKey = _react.useMemo.call(void 0, 
+    () => walletOptions.map((option) => option.address.toLowerCase()).join(","),
+    [walletOptions]
+  );
+  _react.useEffect.call(void 0, () => {
+    setIsConnectSelectionConfirmed(false);
+  }, [walletOptionsKey, selectedConnectAddressEffective]);
+  if (showConnectStep) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.ConnectStep,
+      {
+        walletOptions,
+        selectedAddress: selectedConnectAddressEffective,
+        onSelectAddress: setSelectedConnectAddress,
+        onSelectTransferCrypto: dappAddress ? () => {
+          handleSelectTransferCrypto();
+          setIsConnectSelectionConfirmed(true);
+        } : void 0,
+        onRequestConnect,
+        onConnect,
+        onContinue: () => {
+          if (selectedConnectAddressEffective) {
+            setSelectedConnectAddress(selectedConnectAddressEffective);
+          }
+          handleSelectProvider();
+          setIsConnectSelectionConfirmed(true);
+        },
+        connectButtonLabel
+      }
+    ) });
+  }
+  if (isDepositAddressMode) {
+    if (!dappAddress || !sessionKeyAddress) return null;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
+      step.type === "setup" && targetChainObj && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        SetupStep,
+        {
+          address: sessionKeyAddress,
+          targetChain,
+          targetChainObj,
+          targetToken,
+          rhinestoneApiKey,
+          signerAddress,
+          sessionChainIds,
+          recipient,
+          forceRegister,
+          service,
+          onSetupComplete: handleSetupComplete,
+          onConnected: handleConnected,
+          onError: handleError
+        }
+      ),
+      step.type === "deposit-address" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        DepositAddressStep,
+        {
+          smartAccount: step.smartAccount,
+          service,
+          onDepositDetected: handleDepositAddressDetected,
+          onError: handleError
+        }
+      ),
+      step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkBO745KABcjs.ProcessingStep,
+        {
+          smartAccount: step.smartAccount,
+          txHash: step.txHash,
+          sourceChain: step.sourceChain,
+          sourceToken: step.sourceToken,
+          targetChain,
+          targetToken,
+          amount: step.amount,
+          waitForFinalTx,
+          service,
+          directTransfer: step.directTransfer,
+          onClose,
+          onNewDeposit: handleNewDeposit,
+          onDepositComplete: handleDepositComplete,
+          onDepositFailed: handleDepositFailed,
+          onError: handleError,
+          debug
+        }
+      )
+    ] });
+  }
+  if (!_optionalChain([signerContext, 'optionalAccess', _50 => _50.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _51 => _51.publicClient])) {
+    return null;
+  }
+  const ownerAddress = signerContext.ownerAddress;
+  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _52 => _52.walletClient, 'optionalAccess', _53 => _53.chain, 'optionalAccess', _54 => _54.id]), () => ( _optionalChain([signerContext, 'access', _55 => _55.publicClient, 'access', _56 => _56.chain, 'optionalAccess', _57 => _57.id]))), () => ( targetChain));
+  const getReadClientForChain = (chainId) => {
+    if (_optionalChain([signerContext, 'access', _58 => _58.publicClient, 'access', _59 => _59.chain, 'optionalAccess', _60 => _60.id]) === chainId) {
+      return signerContext.publicClient;
+    }
+    return _chunkBO745KABcjs.getPublicClient.call(void 0, chainId);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
+    step.type === "setup" && targetChainObj && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      SetupStep,
+      {
+        walletClient: signerContext.walletClient,
+        address: ownerAddress,
+        targetChain,
+        targetChainObj,
+        targetToken,
+        rhinestoneApiKey,
+        signerAddress,
+        sessionChainIds,
+        recipient,
+        forceRegister,
+        service,
+        onSetupComplete: handleSetupComplete,
+        onConnected: handleConnected,
+        onError: handleError
+      }
+    ),
+    step.type === "select-asset" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      AssetSelectStep,
+      {
+        address: ownerAddress,
+        publicClient: getReadClientForChain(ownerChainId),
+        defaultSourceChain,
+        defaultSourceToken,
+        service,
+        onContinue: handleAssetContinue,
+        onTotalBalanceComputed: handleTotalBalanceComputed
+      }
+    ),
+    step.type === "amount" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      AmountStep,
+      {
+        walletClient: signerContext.walletClient,
+        publicClient: getReadClientForChain(step.asset.chainId),
+        address: ownerAddress,
+        asset: step.asset,
+        defaultAmount: _nullishCoalesce(step.amount, () => ( defaultAmount)),
+        switchChain: signerContext.switchChain,
+        targetChain,
+        targetToken,
+        uiConfig,
+        onContinue: handleAmountContinue
+      }
+    ),
+    step.type === "confirm" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ConfirmStep,
+      {
+        walletClient: signerContext.walletClient,
+        address: ownerAddress,
+        smartAccount: step.smartAccount,
+        recipient,
+        asset: step.asset,
+        amount: step.amount,
+        balance: step.balance,
+        targetChain,
+        targetToken,
+        switchChain: signerContext.switchChain,
+        onConfirm: handleDepositSubmitted,
+        onDepositSubmitted: handleDepositSubmittedCallback,
+        onError: handleError
+      }
+    ),
+    step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.ProcessingStep,
+      {
+        smartAccount: step.smartAccount,
+        txHash: step.txHash,
+        sourceChain: step.sourceChain,
+        sourceToken: step.sourceToken,
+        targetChain,
+        targetToken,
+        amount: step.amount,
+        waitForFinalTx,
+        service,
+        directTransfer: step.directTransfer,
+        onClose,
+        onNewDeposit: handleNewDeposit,
+        onDepositComplete: handleDepositComplete,
+        onDepositFailed: handleDepositFailed,
+        onError: handleError
+      }
+    )
+  ] });
+}
+
+// src/DepositModal.tsx
+
+var ReownDepositInner = _react.lazy.call(void 0, 
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-324WTBDE.cjs"))).then((m) => ({ default: m.DepositModalReown }))
+);
+function DepositModal(props) {
+  const needsReown = !!props.reownAppId;
+  if (needsReown) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReownDepositInner, { ...props }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DepositModalInner, { ...props });
+}
+DepositModal.displayName = "DepositModal";
+function DepositModalInner({
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
+  targetChain: targetChainProp,
+  targetToken,
+  isOpen,
+  onClose,
+  inline,
+  sourceChain: sourceChainProp,
+  sourceToken,
+  defaultAmount,
+  recipient,
+  backendUrl = _chunkCEIWN53Ncjs.DEFAULT_BACKEND_URL,
+  rhinestoneApiKey,
+  signerAddress = _chunkCEIWN53Ncjs.DEFAULT_SIGNER_ADDRESS,
+  sessionChainIds,
+  forceRegister = false,
+  waitForFinalTx = true,
+  reownWallet,
+  onConnect,
+  onRequestConnect,
+  connectButtonLabel,
+  theme,
+  branding,
+  uiConfig,
+  className,
+  onReady,
+  onConnected,
+  onDepositSubmitted,
+  onDepositComplete,
+  onDepositFailed,
+  onError,
+  debug
+}) {
+  const modalRef = _react.useRef.call(void 0, null);
+  const [currentStepIndex, setCurrentStepIndex] = _react.useState.call(void 0, 0);
+  const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, null);
+  const backHandlerRef = _react.useRef.call(void 0, void 0);
+  const targetChain = _chunkCEIWN53Ncjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = sourceChainProp ? _chunkCEIWN53Ncjs.getChainId.call(void 0, sourceChainProp) : void 0;
+  const service = _react.useMemo.call(void 0, () => _chunkBO745KABcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen && modalRef.current) {
+      _chunkBO745KABcjs.applyTheme.call(void 0, modalRef.current, theme);
+    }
+  }, [isOpen, theme]);
+  const hasCalledReady = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen && !hasCalledReady.current) {
+      hasCalledReady.current = true;
+      _optionalChain([onReady, 'optionalCall', _61 => _61()]);
+    }
+  }, [isOpen, onReady]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) {
+      setCurrentStepIndex(0);
+    }
+  }, [isOpen]);
+  const handleStepChange = _react.useCallback.call(void 0, 
+    (stepIndex, onBack) => {
+      setCurrentStepIndex(stepIndex);
+      backHandlerRef.current = onBack;
+    },
+    []
+  );
+  const handleTotalBalanceChange = _react.useCallback.call(void 0, (balance) => {
+    setTotalBalanceUsd(balance);
+  }, []);
+  const handleBack = _react.useCallback.call(void 0, () => {
+    _optionalChain([backHandlerRef, 'access', _62 => _62.current, 'optionalCall', _63 => _63()]);
+  }, []);
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _64 => _64.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _65 => _65.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _66 => _66.showBackButton]), () => ( true));
+  const balanceTitle = _optionalChain([uiConfig, 'optionalAccess', _67 => _67.balanceTitle]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _68 => _68.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _69 => _69.title]), () => ( "Deposit"));
+  const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkBO745KABcjs.Modal,
+    {
+      isOpen,
+      onClose,
+      className,
+      inline,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-header-back",
+              "aria-label": "Go back",
+              onClick: handleBack,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M15.75 19.5L8.25 12l7.5-7.5"
+                    }
+                  )
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-nav-center", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-title-row", children: [
+              showLogo && logoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "img",
+                {
+                  src: logoUrl,
+                  alt: "",
+                  className: "rs-modal-logo",
+                  onError: (e) => {
+                    e.target.style.display = "none";
+                  }
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-title", children: title }),
+              showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
+                },
+                i
+              )) })
+            ] }),
+            balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-balance", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+                balanceTitle,
+                ":"
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _chunkBO745KABcjs.currencyFormatter.format(totalBalanceUsd) })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "rs-modal-close",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              )
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          DepositFlow,
+          {
+            dappWalletClient,
+            dappPublicClient,
+            dappAddress,
+            targetChain,
+            targetToken,
+            service,
+            sourceChain,
+            sourceToken,
+            amount: defaultAmount,
+            recipient,
+            rhinestoneApiKey,
+            signerAddress,
+            sessionChainIds,
+            forceRegister,
+            waitForFinalTx,
+            reownWallet,
+            onConnect,
+            onRequestConnect,
+            connectButtonLabel,
+            uiConfig,
+            onStepChange: handleStepChange,
+            onTotalBalanceChange: handleTotalBalanceChange,
+            onClose,
+            onConnected,
+            onDepositSubmitted,
+            onDepositComplete,
+            onDepositFailed,
+            onError,
+            debug
+          }
+        )
+      ] })
+    }
+  );
+}
+
+
+
+
+exports.DepositModal = DepositModal; exports.DepositModalInner = DepositModalInner;