@rhinestone/deposit-modal 0.1.21 → 0.1.22

package/dist/chunk-JBT2ZV3Q.mjs

@@ -0,0 +1,1648 @@
+import {
+  CHAIN_BY_ID,
+  NATIVE_TOKEN_ADDRESS,
+  SUPPORTED_CHAINS,
+  getChainIcon,
+  getChainName,
+  getExplorerTxUrl,
+  getSupportedTokenSymbolsForChain,
+  getTokenAddress,
+  getTokenDecimalsByAddress,
+  getTokenSymbol,
+  isSupportedTokenAddressForChain
+} from "./chunk-A6QLADED.mjs";
+
+// src/components/ui/Modal.tsx
+import {
+  useEffect,
+  useRef,
+  useCallback
+} from "react";
+import { createPortal } from "react-dom";
+import { jsx } from "react/jsx-runtime";
+function getFocusableElements(container) {
+  const elements = container.querySelectorAll(
+    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+  );
+  return Array.from(elements).filter(
+    (el) => !el.hasAttribute("disabled") && el.offsetParent !== null
+  );
+}
+function Modal({
+  isOpen,
+  onClose,
+  children,
+  className = "",
+  inline = false
+}) {
+  const overlayRef = useRef(null);
+  const contentRef = useRef(null);
+  const previousActiveElement = useRef(null);
+  useEffect(() => {
+    if (isOpen) {
+      previousActiveElement.current = document.activeElement;
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen && previousActiveElement.current) {
+      previousActiveElement.current.focus();
+      previousActiveElement.current = null;
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen && contentRef.current) {
+      const focusable = getFocusableElements(contentRef.current);
+      if (focusable.length > 0) {
+        focusable[0].focus();
+      } else {
+        contentRef.current.focus();
+      }
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen) {
+      const originalOverflow = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = originalOverflow;
+      };
+    }
+  }, [isOpen]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onClose();
+        return;
+      }
+      if (event.key === "Tab" && contentRef.current) {
+        const focusable = getFocusableElements(contentRef.current);
+        if (focusable.length === 0) return;
+        const firstElement = focusable[0];
+        const lastElement = focusable[focusable.length - 1];
+        if (event.shiftKey) {
+          if (document.activeElement === firstElement) {
+            event.preventDefault();
+            lastElement.focus();
+          }
+        } else {
+          if (document.activeElement === lastElement) {
+            event.preventDefault();
+            firstElement.focus();
+          }
+        }
+      }
+    },
+    [onClose]
+  );
+  const handleOverlayClick = useCallback(
+    (event) => {
+      if (event.target === overlayRef.current) {
+        onClose();
+      }
+    },
+    [onClose]
+  );
+  if (!isOpen) return null;
+  if (inline) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: contentRef,
+        className: `rs-modal-content rs-modal-content--inline ${className}`,
+        tabIndex: -1,
+        children
+      }
+    );
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: overlayRef,
+        className: `rs-modal-overlay ${isOpen ? "rs-modal-overlay--open" : ""}`,
+        onClick: handleOverlayClick,
+        onKeyDown: handleKeyDown,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "rs-modal-title",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: contentRef,
+            className: `rs-modal-content ${className}`,
+            tabIndex: -1,
+            children
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+Modal.displayName = "Modal";
+
+// src/core/deposit-service.ts
+function jsonReplacer(_key, value) {
+  return typeof value === "bigint" ? value.toString() : value;
+}
+function createDepositService(baseUrl) {
+  const normalizedBaseUrl = baseUrl.replace(/\/$/, "");
+  function apiUrl(path) {
+    const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${normalizedBaseUrl}${normalizedPath}`;
+  }
+  return {
+    async registerAccount(params) {
+      const { eoaAddress, sessionOwner, ...account } = params;
+      const response = await fetch(apiUrl("/register"), {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(
+          {
+            account,
+            eoaAddress,
+            sessionOwner
+          },
+          jsonReplacer
+        )
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        throw new Error(
+          error.error || `Registration failed: ${response.status}`
+        );
+      }
+      return response.json();
+    },
+    async checkAccount(address) {
+      const response = await fetch(apiUrl(`/check/${address}`), {
+        method: "GET",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        throw new Error(error.error || `Check failed: ${response.status}`);
+      }
+      return response.json();
+    },
+    async fetchPortfolio(address) {
+      const response = await fetch(apiUrl(`/portfolio/${address}`), {
+        method: "GET",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        throw new Error(
+          error.error || `Portfolio fetch failed: ${response.status}`
+        );
+      }
+      const data = await response.json();
+      const direct = normalizeDirectPortfolio(data);
+      if (direct.tokens.length > 0) {
+        return direct;
+      }
+      const portfolioData = extractOrchestratorPortfolio(data);
+      if (portfolioData) {
+        return normalizeOrchestratorPortfolio(portfolioData);
+      }
+      return { tokens: [], totalUsd: 0 };
+    },
+    async fetchStatus(address, txHash) {
+      const txHashParam = encodeURIComponent(txHash.toLowerCase());
+      const response = await fetch(
+        apiUrl(`/status/${address}?txHash=${txHashParam}`),
+        {
+          method: "GET",
+          headers: { "Content-Type": "application/json" },
+          cache: "no-store"
+        }
+      );
+      if (!response.ok) {
+        return { lastEvent: void 0 };
+      }
+      return response.json();
+    },
+    async fetchLatestStatus(address) {
+      const response = await fetch(apiUrl(`/status/${address}`), {
+        method: "GET",
+        headers: { "Content-Type": "application/json" },
+        cache: "no-store"
+      });
+      if (!response.ok) {
+        return { lastEvent: void 0 };
+      }
+      return response.json();
+    }
+  };
+}
+function normalizeDirectPortfolio(data) {
+  const rawTokens = extractArray(data, "tokens") ?? extractArray(
+    data?.data,
+    "tokens"
+  ) ?? [];
+  const totalUsd = extractNumber(data, "totalUsd") ?? extractNumber(data?.data, "totalUsd") ?? 0;
+  const tokens = rawTokens.map((token) => normalizeDirectToken(token)).filter((token) => Boolean(token));
+  return { tokens, totalUsd };
+}
+function extractOrchestratorPortfolio(data) {
+  const portfolio = extractArray(data, "portfolio") ?? extractArray(
+    data?.data,
+    "portfolio"
+  );
+  if (!portfolio || !Array.isArray(portfolio)) return null;
+  return { portfolio };
+}
+function normalizeOrchestratorPortfolio(data) {
+  const tokens = [];
+  for (const tokenData of data.portfolio || []) {
+    const chainBalances = tokenData.tokenChainBalance ?? tokenData.chainBalances ?? [];
+    for (const chainBalance of chainBalances) {
+      const unlocked = chainBalance.balance?.unlocked ?? "0";
+      const normalizedName = tokenData.tokenName.trim();
+      const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
+      const tokenAddress = chainBalance.tokenAddress ?? extractTokenAddress(tokenData, chainBalance.chainId) ?? getTokenAddress(tokenData.tokenName, chainBalance.chainId);
+      const resolvedTokenAddress = isNativeSymbol ? NATIVE_TOKEN_ADDRESS : tokenAddress;
+      if (!resolvedTokenAddress) {
+        continue;
+      }
+      if (!isSupportedTokenAddressForChain(
+        resolvedTokenAddress,
+        chainBalance.chainId
+      )) {
+        continue;
+      }
+      const symbol = getTokenSymbol(resolvedTokenAddress, chainBalance.chainId);
+      tokens.push({
+        chainId: chainBalance.chainId,
+        address: resolvedTokenAddress,
+        symbol,
+        name: symbol,
+        decimals: getTokenDecimalsByAddress(
+          resolvedTokenAddress,
+          chainBalance.chainId
+        ),
+        balance: unlocked,
+        balanceUsd: 0
+      });
+    }
+  }
+  return {
+    tokens,
+    totalUsd: 0
+  };
+}
+function normalizeDirectToken(token) {
+  const chainId = extractNumber(token, "chainId") ?? extractNumber(token.chain, "id");
+  if (!chainId) return null;
+  const symbol = extractString(token, "symbol") ?? extractString(token, "tokenSymbol") ?? extractString(token, "tokenName") ?? extractString(token, "name");
+  if (!symbol) return null;
+  const balanceValue = extractString(token, "balance") ?? extractString(token, "amount") ?? extractString(token, "value") ?? extractString(token, "rawBalance") ?? extractNumber(token, "balance")?.toString() ?? extractNumber(token, "amount")?.toString() ?? extractNumber(token, "value")?.toString() ?? extractNumber(token, "rawBalance")?.toString();
+  if (!balanceValue) return null;
+  const address = extractString(token, "address") ?? extractString(token, "tokenAddress") ?? extractString(
+    token.token,
+    "address"
+  ) ?? getTokenAddress(symbol, chainId);
+  if (!address) return null;
+  const addressAsToken = address;
+  if (!isSupportedTokenAddressForChain(addressAsToken, chainId)) return null;
+  const balanceUsd = extractNumber(token, "balanceUsd") ?? extractNumber(token, "usdValue") ?? extractNumber(token, "valueUsd") ?? extractNumericString(token, "balanceUsd") ?? extractNumericString(token, "usdValue") ?? extractNumericString(token, "valueUsd") ?? 0;
+  return {
+    chainId,
+    address: addressAsToken,
+    symbol: getTokenSymbol(addressAsToken, chainId),
+    name: getTokenSymbol(addressAsToken, chainId),
+    decimals: getTokenDecimalsByAddress(addressAsToken, chainId),
+    balance: balanceValue,
+    balanceUsd
+  };
+}
+function extractTokenAddress(tokenData, chainId) {
+  const token = tokenData;
+  return token.tokenAddress ?? token.address ?? token.addresses?.[chainId] ?? token.token?.address ?? token.token?.addresses?.[chainId];
+}
+function extractArray(data, key) {
+  if (!data || typeof data !== "object") return null;
+  const record = data;
+  const value = record[key];
+  return Array.isArray(value) ? value : null;
+}
+function extractNumber(data, key) {
+  if (!data || typeof data !== "object") return null;
+  const record = data;
+  const value = record[key];
+  return typeof value === "number" ? value : null;
+}
+function extractString(data, key) {
+  if (!data || typeof data !== "object") return null;
+  const record = data;
+  const value = record[key];
+  return typeof value === "string" ? value : null;
+}
+function extractNumericString(data, key) {
+  const value = extractString(data, key);
+  if (!value) return null;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function getAssetId(asset) {
+  return `${asset.chainId}:${asset.token.toLowerCase()}`;
+}
+function portfolioTokenToAsset(token) {
+  return {
+    id: getAssetId({ chainId: token.chainId, token: token.address }),
+    chainId: token.chainId,
+    token: token.address,
+    symbol: token.symbol,
+    name: token.name,
+    decimals: token.decimals,
+    balance: token.balance,
+    balanceUsd: token.balanceUsd
+  };
+}
+function portfolioToAssets(tokens) {
+  return tokens.map(portfolioTokenToAsset).sort((a, b) => {
+    const balanceA = safeBigInt(a.balance);
+    const balanceB = safeBigInt(b.balance);
+    if (balanceB > balanceA) return 1;
+    if (balanceB < balanceA) return -1;
+    return 0;
+  });
+}
+function safeBigInt(value) {
+  if (!value) return BigInt(0);
+  try {
+    return BigInt(value);
+  } catch {
+    return BigInt(0);
+  }
+}
+function isNativeAsset(asset) {
+  return asset.token.toLowerCase() === "0x0000000000000000000000000000000000000000";
+}
+
+// src/core/formatters.ts
+var currencyFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 2
+});
+var tokenFormatter = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 6
+});
+function formatUserError(raw) {
+  const lower = raw.toLowerCase();
+  if (lower.includes("user rejected") || lower.includes("user denied")) {
+    return "Transaction cancelled";
+  }
+  if (lower.includes("insufficient funds")) {
+    return "Insufficient funds for this transaction";
+  }
+  if (lower.includes("nonce too low") || lower.includes("nonce too high")) {
+    return "Transaction conflict \u2014 please try again";
+  }
+  if (lower.includes("execution reverted")) {
+    return "Transaction would fail on-chain";
+  }
+  if (lower.includes("network") || lower.includes("disconnected")) {
+    return "Network error \u2014 check your connection";
+  }
+  const detailsCut = raw.indexOf("\n\nRequest Arguments:");
+  if (detailsCut !== -1) {
+    const short = raw.slice(0, detailsCut).trim();
+    return short.length > 80 ? short.slice(0, 80) + "..." : short;
+  }
+  if (raw.length > 80) {
+    return raw.slice(0, 80) + "...";
+  }
+  return raw;
+}
+
+// src/core/theme.ts
+var RADIUS_VALUES = {
+  none: "0",
+  sm: "8px",
+  md: "10px",
+  lg: "14px",
+  full: "9999px"
+};
+function applyTheme(element, theme) {
+  if (!element) return;
+  if (theme?.mode) {
+    element.setAttribute("data-theme", theme.mode);
+  } else {
+    element.removeAttribute("data-theme");
+  }
+  if (theme?.fontColor) {
+    element.style.setProperty("--rs-foreground", theme.fontColor);
+  }
+  if (theme?.iconColor) {
+    element.style.setProperty("--rs-icon", theme.iconColor);
+  }
+  if (theme?.ctaColor) {
+    element.style.setProperty("--rs-primary", theme.ctaColor);
+    element.style.setProperty("--rs-border-accent", theme.ctaColor);
+    element.style.setProperty(
+      "--rs-primary-hover",
+      theme.ctaHoverColor ?? theme.ctaColor
+    );
+  } else if (theme?.ctaHoverColor) {
+    element.style.setProperty("--rs-primary-hover", theme.ctaHoverColor);
+  }
+  if (theme?.borderColor) {
+    element.style.setProperty("--rs-border", theme.borderColor);
+    element.style.setProperty("--rs-border-surface", theme.borderColor);
+  }
+  if (theme?.backgroundColor) {
+    element.style.setProperty("--rs-background", theme.backgroundColor);
+  }
+  if (theme?.radius) {
+    element.style.setProperty("--rs-radius", RADIUS_VALUES[theme.radius]);
+  }
+}
+
+// src/components/ui/Spinner.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Spinner({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: `rs-spinner ${className || ""}`,
+      fill: "none",
+      viewBox: "0 0 20 21",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67316C0.00433288 8.50043 -0.1937 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3078C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C20 7.84783 18.9464 5.3043 17.0711 3.42893C15.1957 1.55357 12.6522 0.5 10 0.5ZM10 17.7727C8.56159 17.7727 7.15549 17.3462 5.95949 16.547C4.7635 15.7479 3.83134 14.6121 3.28088 13.2831C2.73042 11.9542 2.5864 10.4919 2.86702 9.08116C3.14764 7.67039 3.8403 6.37451 4.85741 5.3574C5.87452 4.3403 7.17039 3.64764 8.58116 3.36702C9.99193 3.0864 11.4542 3.23042 12.7832 3.78088C14.1121 4.33133 15.2479 5.26349 16.0471 6.45949C16.8462 7.65548 17.2727 9.06159 17.2727 10.5C17.2727 12.4288 16.5065 14.2787 15.1426 15.6426C13.7787 17.0065 11.9288 17.7727 10 17.7727Z",
+            fill: "currentColor",
+            opacity: 0.3
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M10 3.22767C11.7423 3.22846 13.4276 3.8412 14.7556 4.95667C16.0837 6.07214 16.9681 7.61784 17.2512 9.31825C17.3012 9.64364 17.4662 9.94096 17.7169 10.1573C17.9677 10.3737 18.2878 10.4951 18.6205 10.5C18.8211 10.5001 19.0193 10.457 19.2012 10.3735C19.3832 10.2901 19.5445 10.1684 19.674 10.017C19.8036 9.86549 19.8981 9.68789 19.9511 9.49656C20.004 9.30523 20.0141 9.10478 19.9807 8.90918C19.5986 6.56305 18.3843 4.42821 16.5554 2.88726C14.7265 1.34631 12.4025 0.5 10 0.5C7.59751 0.5 5.27354 1.34631 3.44461 2.88726C1.61569 4.42821 0.401366 6.56305 0.0192815 8.90918C-0.0141442 9.10478 -0.00402016 9.30523 0.0489472 9.49656C0.101914 9.68789 0.196449 9.86549 0.325956 10.017C0.455463 10.1684 0.616823 10.2901 0.798778 10.3735C0.980732 10.457 1.1789 10.5001 1.37945 10.5C1.71216 10.4951 2.03235 10.3737 2.28307 10.1573C2.5338 9.94096 2.69883 9.64364 2.74882 9.31825C3.03193 7.61784 3.91633 6.07214 5.24436 4.95667C6.57239 3.8412 8.25775 3.22846 10 3.22767Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/Button.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function Button({
+  children,
+  variant = "accent",
+  size = "default",
+  loading = false,
+  fullWidth = false,
+  disabled,
+  className = "",
+  ...props
+}) {
+  const classes = [
+    "rs-button",
+    `rs-button--${variant}`,
+    `rs-button--size-${size}`,
+    fullWidth ? "rs-button--full-width" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      className: classes,
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx3("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx3(Spinner, { className: "rs-spinner--sm" }) })
+      ]
+    }
+  );
+}
+Button.displayName = "Button";
+
+// src/components/ui/Icons.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function WalletIcon() {
+  return /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ jsx4(
+      "rect",
+      {
+        x: "3",
+        y: "6",
+        width: "18",
+        height: "13",
+        rx: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "path",
+      {
+        d: "M16 12.5a1 1 0 100-2 1 1 0 000 2z",
+        fill: "currentColor",
+        stroke: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx4("path", { d: "M3 10h18", strokeLinecap: "round" })
+  ] });
+}
+function ExternalLinkIcon() {
+  return /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ jsx4(
+      "path",
+      {
+        d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx4("path", { d: "M15 3h6v6", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx4("path", { d: "M10 14L21 3", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function TransferIcon() {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx4(
+    "path",
+    {
+      d: "M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-9L21 12m0 0l-4.5 4.5M21 12H7.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx4(
+    "path",
+    {
+      d: "M5 13l4 4L19 7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx4(
+    "path",
+    {
+      d: "M9 5l7 7-7 7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+// src/components/steps/ConnectStep.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function rowIcon(kind) {
+  if (kind === "connected") return /* @__PURE__ */ jsx5(WalletIcon, {});
+  return /* @__PURE__ */ jsx5(ExternalLinkIcon, {});
+}
+function ConnectStep({
+  walletOptions,
+  selectedAddress,
+  onSelectAddress,
+  onSelectTransferCrypto,
+  onRequestConnect,
+  onConnect,
+  onContinue,
+  continueButtonLabel = "Continue",
+  connectButtonLabel = "Connect external wallet"
+}) {
+  const hasWalletOptions = (walletOptions?.length ?? 0) > 0;
+  if (hasWalletOptions) {
+    const hasExternalWallet = walletOptions?.some((option) => option.kind === "external") ?? false;
+    const showConnectDifferentWalletOption = Boolean(onConnect) && !hasExternalWallet;
+    return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-list", children: [
+          walletOptions?.map((option) => {
+            const isSelected = option.address.toLowerCase() === (selectedAddress ?? "").toLowerCase();
+            const shortAddress = `${option.address.slice(0, 6)}...${option.address.slice(-4)}`;
+            return /* @__PURE__ */ jsxs4(
+              "button",
+              {
+                type: "button",
+                className: `rs-connect-wallet-row ${isSelected ? "rs-connect-wallet-row--selected" : ""}`,
+                onClick: () => onSelectAddress?.(option.address),
+                children: [
+                  /* @__PURE__ */ jsx5(
+                    "div",
+                    {
+                      className: `rs-connect-wallet-icon ${isSelected ? "rs-connect-wallet-icon--selected" : ""}`,
+                      children: rowIcon(option.kind)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
+                    /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: option.label }),
+                    /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: shortAddress })
+                  ] }),
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: isSelected ? /* @__PURE__ */ jsx5(CheckIcon, {}) : /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+                ]
+              },
+              `${option.label}-${option.address}`
+            );
+          }),
+          showConnectDifferentWalletOption && /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              className: "rs-connect-wallet-row rs-connect-wallet-row--action",
+              onClick: onConnect,
+              children: [
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(ExternalLinkIcon, {}) }),
+                /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
+                ] }),
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+              ]
+            }
+          ),
+          onSelectTransferCrypto && /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              className: "rs-connect-wallet-row rs-connect-wallet-row--action",
+              onClick: onSelectTransferCrypto,
+              children: [
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
+                /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
+                ] }),
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+              ]
+            }
+          )
+        ] }),
+        onConnect && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            className: "rs-connect-wallet-manage",
+            onClick: onConnect,
+            children: "Disconnect Wallet"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx5("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ jsx5(
+        Button,
+        {
+          onClick: onContinue,
+          variant: "accent",
+          fullWidth: true,
+          disabled: !selectedAddress || !onContinue,
+          children: continueButtonLabel
+        }
+      ) })
+    ] });
+  }
+  const handleConnect = onConnect ?? onRequestConnect;
+  return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx5("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
+        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
+        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ jsxs4(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            children: [
+              /* @__PURE__ */ jsx5(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M4 8.25A2.25 2.25 0 016.25 6h11.5A2.25 2.25 0 0120 8.25v7.5A2.25 2.25 0 0117.75 18H6.25A2.25 2.25 0 014 15.75v-7.5z"
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M20 10.5h-3.75a2.25 2.25 0 100 4.5H20"
+                }
+              ),
+              /* @__PURE__ */ jsx5("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx5("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
+        /* @__PURE__ */ jsx5("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
+      ] }),
+      /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
+      /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
+    ] }) }),
+    /* @__PURE__ */ jsxs4("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: [
+      /* @__PURE__ */ jsx5(
+        Button,
+        {
+          onClick: handleConnect,
+          variant: "accent",
+          fullWidth: true,
+          disabled: !handleConnect,
+          children: connectButtonLabel
+        }
+      ),
+      onSelectTransferCrypto && /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          className: "rs-connect-transfer-link",
+          onClick: onSelectTransferCrypto,
+          children: "Or deposit via QR code"
+        }
+      )
+    ] })
+  ] });
+}
+ConnectStep.displayName = "ConnectStep";
+
+// src/core/account.ts
+import {
+  RhinestoneSDK
+} from "@rhinestone/sdk";
+import { zeroAddress } from "viem";
+import { toAccount } from "viem/accounts";
+function createViewOnlyAccount(address) {
+  if (!address || address === zeroAddress) {
+    throw new Error("Address is required");
+  }
+  return toAccount({
+    address,
+    signMessage: async () => {
+      throw new Error("Account is view-only");
+    },
+    signTransaction: async () => {
+      throw new Error("Account is view-only");
+    },
+    signTypedData: async () => {
+      throw new Error("Account is view-only");
+    }
+  });
+}
+function getSessionSignerAccount(signerAddress) {
+  if (!signerAddress || signerAddress === zeroAddress) {
+    throw new Error("Signer address is required");
+  }
+  return toAccount({
+    address: signerAddress,
+    signMessage: async () => {
+      throw new Error("Session signer is view-only");
+    },
+    signTransaction: async () => {
+      throw new Error("Session signer is view-only");
+    },
+    signTypedData: async () => {
+      throw new Error("Session signer is view-only");
+    }
+  });
+}
+function buildSession(chain, signerAddress) {
+  const sessionSignerAccount = getSessionSignerAccount(signerAddress);
+  return {
+    owners: {
+      type: "ecdsa",
+      accounts: [sessionSignerAccount]
+    },
+    chain
+  };
+}
+async function createSmartAccount(userSigner, sessionSigner, sdkApiKey) {
+  const rhinestone = new RhinestoneSDK({
+    apiKey: sdkApiKey ?? ""
+  });
+  const ownerAccounts = sessionSigner ? [userSigner, sessionSigner] : [userSigner];
+  const config = {
+    account: {
+      type: "nexus"
+    },
+    owners: {
+      type: "ecdsa",
+      accounts: ownerAccounts,
+      ...sessionSigner ? { threshold: 1 } : {}
+    },
+    experimental_sessions: {
+      enabled: true
+    }
+  };
+  const account = await rhinestone.createAccount(config);
+  return account;
+}
+function getAccountAddress(account) {
+  return account.getAddress();
+}
+function getAccountInitData(account) {
+  const { factory, factoryData } = account.getInitData();
+  if (!factory) {
+    throw new Error("Account init data is not available");
+  }
+  return {
+    factory,
+    factoryData
+  };
+}
+async function signEnableSessionWithOwner(rhinestoneAccount, sessionDetails, signer) {
+  const originalOwners = rhinestoneAccount.config.owners;
+  rhinestoneAccount.config.owners = {
+    type: "ecdsa",
+    accounts: [signer],
+    threshold: 1,
+    ...originalOwners?.type === "ecdsa" && originalOwners.module ? { module: originalOwners.module } : {}
+  };
+  try {
+    return await rhinestoneAccount.experimental_signEnableSession(
+      sessionDetails
+    );
+  } finally {
+    rhinestoneAccount.config.owners = originalOwners;
+  }
+}
+async function getSessionDetails(rhinestoneAccount, targetChain, signerAddress, sessionSigner, targetToken, sessionChainIds) {
+  const isTargetTestnet = Boolean(targetChain.testnet);
+  const chainsByNetworkType = SUPPORTED_CHAINS.filter(
+    (chain) => Boolean(chain.testnet) === isTargetTestnet
+  );
+  const chainsById = new Map(
+    chainsByNetworkType.map((chain) => [chain.id, chain])
+  );
+  let selectedChains = [...chainsByNetworkType];
+  if (sessionChainIds && sessionChainIds.length > 0) {
+    const selectedByCaller = [];
+    for (const chainId of sessionChainIds) {
+      const chain = chainsById.get(chainId);
+      if (chain) {
+        selectedByCaller.push(chain);
+      }
+    }
+    if (selectedByCaller.length > 0) {
+      selectedChains = selectedByCaller;
+    }
+  }
+  if (targetToken) {
+    const targetSymbol = getTokenSymbol(
+      targetToken,
+      targetChain.id
+    ).toUpperCase();
+    if (targetSymbol && targetSymbol !== "TOKEN") {
+      const chainsForToken = selectedChains.filter(
+        (chain) => getSupportedTokenSymbolsForChain(chain.id).includes(targetSymbol)
+      );
+      if (chainsForToken.length > 0) {
+        selectedChains = chainsForToken;
+      }
+    }
+  }
+  if (!selectedChains.some((c) => c.id === targetChain.id)) {
+    selectedChains.push(targetChain);
+  }
+  const uniqueChains = Array.from(
+    new Map(selectedChains.map((chain) => [chain.id, chain])).values()
+  );
+  const sessions = uniqueChains.map(
+    (chain) => buildSession(chain, signerAddress)
+  );
+  const sessionDetails = await rhinestoneAccount.experimental_getSessionDetails(sessions);
+  const enableSignature = sessionSigner ? await signEnableSessionWithOwner(
+    rhinestoneAccount,
+    sessionDetails,
+    sessionSigner
+  ) : await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
+  if (!sessionDetails.hashesAndChainIds?.length) {
+    throw new Error("Session details missing chain digests");
+  }
+  return {
+    hashesAndChainIds: sessionDetails.hashesAndChainIds,
+    signature: enableSignature
+  };
+}
+
+// src/core/session-owner.ts
+import { isAddress } from "viem";
+import {
+  generatePrivateKey,
+  privateKeyToAccount
+} from "viem/accounts";
+var STORAGE_PREFIX = "rhinestone:session-owner";
+function storageKey(eoaAddress) {
+  return `${STORAGE_PREFIX}:${eoaAddress.toLowerCase()}`;
+}
+function loadSessionOwnerFromStorage(eoaAddress) {
+  if (typeof window === "undefined") return null;
+  const raw = window.localStorage.getItem(storageKey(eoaAddress));
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (!parsed.privateKey) return null;
+    const account = privateKeyToAccount(parsed.privateKey);
+    return {
+      privateKey: parsed.privateKey,
+      address: account.address
+    };
+  } catch {
+    return null;
+  }
+}
+function saveSessionOwnerToStorage(eoaAddress, privateKey, address) {
+  if (typeof window === "undefined") return;
+  if (!isAddress(address)) return;
+  const payload = {
+    privateKey,
+    address,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  window.localStorage.setItem(storageKey(eoaAddress), JSON.stringify(payload));
+}
+function createSessionOwnerKey() {
+  const privateKey = generatePrivateKey();
+  const account = privateKeyToAccount(privateKey);
+  return {
+    privateKey,
+    account,
+    address: account.address
+  };
+}
+function accountFromPrivateKey(privateKey) {
+  return privateKeyToAccount(privateKey);
+}
+
+// src/components/steps/ProcessingStep.tsx
+import { useState, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { formatUnits } from "viem";
+
+// src/components/ui/PoweredBy.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function PoweredBy() {
+  return /* @__PURE__ */ jsxs5("div", { className: "rs-powered-by", children: [
+    /* @__PURE__ */ jsx6(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ jsx6(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs5("span", { children: [
+      "Powered by",
+      " ",
+      /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: "https://www.rhinestone.dev",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "Rhinestone"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/core/webhook.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function asString(value) {
+  return typeof value === "string" ? value : void 0;
+}
+function getEventTxHash(event) {
+  if (!event?.type) return void 0;
+  if (event.type === "deposit-received") {
+    return asString(event.data?.transactionHash);
+  }
+  if (event.type === "bridge-started" || event.type === "bridge-complete") {
+    const deposit = isRecord(event.data?.deposit) ? event.data.deposit : void 0;
+    return asString(deposit?.transactionHash);
+  }
+  if (event.type === "bridge-failed" || event.type === "error") {
+    const deposit = isRecord(event.data?.deposit) ? event.data.deposit : void 0;
+    return asString(deposit?.transactionHash);
+  }
+  return void 0;
+}
+function isDepositEvent(event) {
+  return event?.type === "deposit-received" || event?.type === "bridge-started";
+}
+
+// src/components/steps/ProcessingStep.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var INITIAL_POLL_INTERVAL = 3e3;
+var MAX_POLL_INTERVAL = 3e4;
+var BACKOFF_MULTIPLIER = 1.5;
+var PROCESS_TIMEOUT_MS = 10 * 60 * 1e3;
+function isEventForTx(event, txHash) {
+  const eventTxHash = getEventTxHash(event);
+  if (!eventTxHash) return false;
+  return eventTxHash.toLowerCase() === txHash.toLowerCase();
+}
+function formatBridgeFailedMessage(event) {
+  const eventData = event?.data ?? {};
+  const code = typeof eventData.errorCode === "string" ? eventData.errorCode : void 0;
+  const backendMessage = typeof eventData.message === "string" ? eventData.message.trim() : "";
+  if (backendMessage.length > 0) {
+    return {
+      message: backendMessage,
+      code
+    };
+  }
+  if (code) {
+    return { message: `Bridge failed (${code})`, code };
+  }
+  return { message: "Bridge failed" };
+}
+function ProcessingStep({
+  smartAccount,
+  txHash,
+  sourceChain,
+  sourceToken,
+  targetChain,
+  targetToken,
+  amount,
+  waitForFinalTx,
+  service,
+  directTransfer,
+  flowLabel = "deposit",
+  debug,
+  onClose,
+  onNewDeposit,
+  onDepositComplete,
+  onDepositFailed,
+  onError
+}) {
+  const [state, setState] = useState(
+    directTransfer ? { type: "complete" } : { type: "processing" }
+  );
+  const [elapsedSeconds, setElapsedSeconds] = useState(0);
+  const startTimeRef = useRef2(Date.now());
+  const intervalRef = useRef2(null);
+  useEffect2(() => {
+    if (directTransfer) {
+      onDepositComplete?.(txHash);
+      return;
+    }
+  }, [directTransfer, txHash, onDepositComplete]);
+  useEffect2(() => {
+    if (directTransfer) return;
+    startTimeRef.current = Date.now();
+    intervalRef.current = setInterval(() => {
+      setElapsedSeconds(Math.floor((Date.now() - startTimeRef.current) / 1e3));
+    }, 1e3);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [directTransfer]);
+  useEffect2(() => {
+    if (state.type === "complete" || state.type === "failed" || state.type === "error") {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    }
+  }, [state.type]);
+  const pollIntervalRef = useRef2(INITIAL_POLL_INTERVAL);
+  const pollTimeoutRef = useRef2(null);
+  const processTimeoutRef = useRef2(null);
+  useEffect2(() => {
+    if (directTransfer) return;
+    if (state.type !== "processing") {
+      pollIntervalRef.current = INITIAL_POLL_INTERVAL;
+      return;
+    }
+    let isMounted = true;
+    async function pollStatus() {
+      try {
+        const data = await service.fetchStatus(smartAccount, txHash);
+        const lastEvent2 = data.lastEvent;
+        const eventMatchesTx = isEventForTx(lastEvent2, txHash);
+        const eventForCurrentTx = eventMatchesTx ? lastEvent2 : void 0;
+        if (debug && lastEvent2) {
+          const eventData = lastEvent2.data;
+          console.log("[deposit-modal] status poll", {
+            type: lastEvent2.type,
+            matchesTx: eventMatchesTx,
+            intentId: eventData?.intentId,
+            data: eventData
+          });
+        }
+        if (!isMounted) return;
+        if (eventForCurrentTx?.type === "bridge-complete") {
+          setState({ type: "complete", lastEvent: eventForCurrentTx });
+          const destinationTxHash2 = eventForCurrentTx.data?.destination?.transactionHash;
+          onDepositComplete?.(txHash, destinationTxHash2);
+          return;
+        }
+        if (!waitForFinalTx && eventForCurrentTx?.type === "bridge-started") {
+          setState({ type: "complete", lastEvent: eventForCurrentTx });
+          onDepositComplete?.(txHash);
+          return;
+        }
+        if (eventForCurrentTx?.type === "bridge-failed") {
+          const formatted = formatBridgeFailedMessage(eventForCurrentTx);
+          setState({
+            type: "failed",
+            message: formatted.message,
+            lastEvent: eventForCurrentTx
+          });
+          onDepositFailed?.(txHash, formatted.message);
+          return;
+        }
+        if (eventForCurrentTx?.type === "error") {
+          const errorMessage = eventForCurrentTx.data?.message ?? "Unknown error";
+          setState({
+            type: "failed",
+            message: errorMessage,
+            lastEvent: eventForCurrentTx
+          });
+          onDepositFailed?.(txHash, errorMessage);
+          return;
+        }
+        setState({ type: "processing", lastEvent: eventForCurrentTx });
+        scheduleNextPoll();
+      } catch {
+        scheduleNextPoll();
+      }
+    }
+    function scheduleNextPoll() {
+      if (!isMounted) return;
+      pollTimeoutRef.current = setTimeout(() => {
+        pollIntervalRef.current = Math.min(
+          pollIntervalRef.current * BACKOFF_MULTIPLIER,
+          MAX_POLL_INTERVAL
+        );
+        pollStatus();
+      }, pollIntervalRef.current);
+    }
+    pollStatus();
+    return () => {
+      isMounted = false;
+      if (pollTimeoutRef.current) {
+        clearTimeout(pollTimeoutRef.current);
+      }
+    };
+  }, [
+    directTransfer,
+    state.type,
+    smartAccount,
+    txHash,
+    service,
+    waitForFinalTx,
+    onDepositComplete,
+    onDepositFailed
+  ]);
+  useEffect2(() => {
+    if (directTransfer) return;
+    if (state.type !== "processing") {
+      if (processTimeoutRef.current) {
+        clearTimeout(processTimeoutRef.current);
+        processTimeoutRef.current = null;
+      }
+      return;
+    }
+    processTimeoutRef.current = setTimeout(() => {
+      const message = "We couldn't confirm your transfer. Please contact support if funds do not arrive.";
+      setState({ type: "error", message });
+      onError?.(message, "PROCESS_TIMEOUT");
+    }, PROCESS_TIMEOUT_MS);
+    return () => {
+      if (processTimeoutRef.current) {
+        clearTimeout(processTimeoutRef.current);
+        processTimeoutRef.current = null;
+      }
+    };
+  }, [directTransfer, state.type, onError]);
+  const isError = state.type === "error" || state.type === "failed";
+  const isComplete = state.type === "complete";
+  const isProcessing = state.type === "processing";
+  const lastEvent = state.type === "processing" || state.type === "complete" || state.type === "failed" ? state.lastEvent : void 0;
+  const isEarlyComplete = !waitForFinalTx && lastEvent?.type === "bridge-started";
+  const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
+  const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
+  const destinationTxHash = lastEvent?.data?.destination?.transactionHash || null;
+  const sourceExplorerUrl = getExplorerTxUrl(sourceChain, txHash);
+  const destExplorerUrl = destinationTxHash ? getExplorerTxUrl(targetChain, destinationTxHash) : null;
+  const truncateHash = (hash) => `${hash.slice(0, 10)}...${hash.slice(-8)}`;
+  const formatElapsedTime = (seconds) => {
+    if (seconds < 60) return `${seconds} second${seconds !== 1 ? "s" : ""}`;
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}m ${secs}s`;
+  };
+  const targetSymbol = getTokenSymbol(targetToken, targetChain);
+  const sourceDecimals = getTokenDecimalsByAddress(sourceToken, sourceChain);
+  const formattedReceivedAmount = (() => {
+    try {
+      const raw = formatUnits(BigInt(amount), sourceDecimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return raw;
+      return numeric.toLocaleString("en-US", { maximumFractionDigits: 6 });
+    } catch {
+      return Number(amount).toLocaleString("en-US", {
+        maximumFractionDigits: 6
+      });
+    }
+  })();
+  if (isComplete) {
+    return /* @__PURE__ */ jsxs6("div", { className: "rs-step", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "rs-step-body rs-space-y-3", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "rs-success-state", children: [
+          /* @__PURE__ */ jsx7("div", { className: "rs-success-checkmark", children: /* @__PURE__ */ jsx7(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2.5",
+              children: /* @__PURE__ */ jsx7(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M5 12l5 5L20 7"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx7("div", { className: "rs-success-title", children: isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` }),
+          /* @__PURE__ */ jsx7("div", { className: "rs-success-subtitle", children: directTransfer ? "Your transfer is complete." : isEarlyComplete ? "Your transfer has been confirmed and funds will arrive shortly." : "Your funds have been successfully bridged." })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "rs-card", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Status" }),
+            /* @__PURE__ */ jsx7(
+              "span",
+              {
+                className: "rs-card-value",
+                style: { color: "var(--rs-success)" },
+                children: isEarlyComplete ? "Confirmed" : "Successful"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Total time" }),
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "You received" }),
+            /* @__PURE__ */ jsxs6("span", { className: "rs-card-value", children: [
+              formattedReceivedAmount,
+              " ",
+              targetSymbol
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "rs-card", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Source" }),
+            /* @__PURE__ */ jsxs6(
+              "span",
+              {
+                className: "rs-card-value",
+                style: { display: "flex", alignItems: "center", gap: 6 },
+                children: [
+                  getChainIcon(sourceChain) && /* @__PURE__ */ jsx7(
+                    "img",
+                    {
+                      src: getChainIcon(sourceChain),
+                      alt: "",
+                      style: { width: 14, height: 14, borderRadius: "50%" }
+                    }
+                  ),
+                  getChainName(sourceChain)
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Destination" }),
+            /* @__PURE__ */ jsxs6(
+              "span",
+              {
+                className: "rs-card-value",
+                style: { display: "flex", alignItems: "center", gap: 6 },
+                children: [
+                  getChainIcon(targetChain) && /* @__PURE__ */ jsx7(
+                    "img",
+                    {
+                      src: getChainIcon(targetChain),
+                      alt: "",
+                      style: { width: 14, height: 14, borderRadius: "50%" }
+                    }
+                  ),
+                  getChainName(targetChain)
+                ]
+              }
+            )
+          ] }),
+          sourceExplorerUrl && /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Transaction" }),
+            /* @__PURE__ */ jsxs6(
+              "a",
+              {
+                href: sourceExplorerUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "rs-link rs-link-external rs-font-mono rs-text-xs",
+                children: [
+                  truncateHash(txHash),
+                  /* @__PURE__ */ jsx7(
+                    "svg",
+                    {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.5",
+                      style: { width: 12, height: 12 },
+                      children: /* @__PURE__ */ jsx7(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          destinationTxHash && destExplorerUrl && /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Destination tx" }),
+            /* @__PURE__ */ jsxs6(
+              "a",
+              {
+                href: destExplorerUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "rs-link rs-link-external rs-font-mono rs-text-xs",
+                children: [
+                  truncateHash(destinationTxHash),
+                  /* @__PURE__ */ jsx7(
+                    "svg",
+                    {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.5",
+                      style: { width: 12, height: 12 },
+                      children: /* @__PURE__ */ jsx7(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
+        /* @__PURE__ */ jsx7(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
+        /* @__PURE__ */ jsxs6(Button, { onClick: onNewDeposit, fullWidth: true, children: [
+          "New ",
+          flowNoun
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx7(PoweredBy, {})
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "rs-step-header", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "rs-step-header-row", children: [
+        /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: `rs-step-icon ${isError ? "rs-step-icon--error" : "rs-step-icon--accent"}`,
+            children: isError ? /* @__PURE__ */ jsx7(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: /* @__PURE__ */ jsx7(
+                  "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__ */ jsx7(Spinner, {})
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: `rs-step-title ${isError ? "rs-step-title--error" : ""}`,
+            children: isError ? `${flowCapitalized} Failed` : `Bridging ${flowCapitalized}`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs6(
+        "div",
+        {
+          className: `rs-step-description ${isError ? "rs-text-error" : "rs-text-secondary"}`,
+          children: [
+            state.type === "processing" && (lastEvent?.type === "deposit-received" ? "Transfer received. Preparing bridge..." : lastEvent?.type === "bridge-started" ? "Transfer confirmed. Funds arriving shortly..." : `Bridging your ${flowNoun} to ${getChainName(targetChain)}.`),
+            state.type === "failed" && state.message,
+            state.type === "error" && state.message
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "rs-step-body rs-space-y-3", children: [
+      isProcessing && /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx7("div", { className: "rs-progress-bar", children: /* @__PURE__ */ jsx7("div", { className: "rs-progress-bar-fill rs-progress-bar-fill--indeterminate" }) }),
+        /* @__PURE__ */ jsxs6("div", { className: "rs-alert rs-alert--info", children: [
+          /* @__PURE__ */ jsx7(
+            "svg",
+            {
+              className: "rs-alert-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ jsx7(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs6("p", { className: "rs-alert-text", children: [
+            "You can safely close this window. Your ",
+            flowNoun,
+            " will complete in the background."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: "rs-text-sm rs-text-tertiary",
+            style: { textAlign: "center" },
+            children: [
+              "Elapsed: ",
+              formatElapsedTime(elapsedSeconds)
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "rs-card", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Source" }),
+          /* @__PURE__ */ jsxs6(
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 8 },
+              children: [
+                getChainIcon(sourceChain) && /* @__PURE__ */ jsx7(
+                  "img",
+                  {
+                    src: getChainIcon(sourceChain),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: "50%" }
+                  }
+                ),
+                getChainName(sourceChain)
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Destination" }),
+          /* @__PURE__ */ jsxs6(
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 8 },
+              children: [
+                getChainIcon(targetChain) && /* @__PURE__ */ jsx7(
+                  "img",
+                  {
+                    src: getChainIcon(targetChain),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: "50%" }
+                  }
+                ),
+                getChainName(targetChain)
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx7("span", { className: "rs-card-label", children: "Transaction" }),
+          sourceExplorerUrl ? /* @__PURE__ */ jsxs6(
+            "a",
+            {
+              href: sourceExplorerUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "rs-link rs-link-external rs-font-mono rs-text-xs",
+              children: [
+                truncateHash(txHash),
+                /* @__PURE__ */ jsx7(
+                  "svg",
+                  {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    children: /* @__PURE__ */ jsx7(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsx7("span", { className: "rs-card-value rs-card-value--mono", children: truncateHash(txHash) })
+        ] })
+      ] })
+    ] }),
+    isError && /* @__PURE__ */ jsxs6("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
+      /* @__PURE__ */ jsx7(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
+      /* @__PURE__ */ jsx7(Button, { onClick: onNewDeposit, fullWidth: true, children: "Try Again" })
+    ] }),
+    /* @__PURE__ */ jsx7(PoweredBy, {})
+  ] });
+}
+
+// src/core/public-client.ts
+import { createPublicClient, http } from "viem";
+var clientCache = /* @__PURE__ */ new Map();
+function getPublicClient(chainId) {
+  let client = clientCache.get(chainId);
+  if (!client) {
+    const chain = CHAIN_BY_ID[chainId];
+    client = createPublicClient({
+      chain,
+      transport: http()
+    });
+    clientCache.set(chainId, client);
+  }
+  return client;
+}
+
+export {
+  Modal,
+  Spinner,
+  Button,
+  ConnectStep,
+  createViewOnlyAccount,
+  createSmartAccount,
+  getAccountAddress,
+  getAccountInitData,
+  getSessionDetails,
+  loadSessionOwnerFromStorage,
+  saveSessionOwnerToStorage,
+  createSessionOwnerKey,
+  accountFromPrivateKey,
+  PoweredBy,
+  createDepositService,
+  getAssetId,
+  portfolioToAssets,
+  isNativeAsset,
+  currencyFormatter,
+  tokenFormatter,
+  formatUserError,
+  getEventTxHash,
+  isDepositEvent,
+  ProcessingStep,
+  getPublicClient,
+  applyTheme
+};