@oasisprotocol/privana-sdk 0.5.3 → 0.5.4

package/dist/index.js

@@ -1,16 +1,16 @@
 "use client";
-import { usePrivanaContext, createHostedAuthPendingStorageKey, clearHostedAuthPendingTransaction, HostedAuthRequiredError, HostedAuthError, createPkceVerifier, createPkceChallenge, createHostedAuthState, persistHostedAuthPendingTransaction, parseHostedAuthCallback, readHostedAuthPendingTransaction, HostedAuthStateMismatchError, buildHostedAuthSession, useSafePrivanaContext, usePrivateReadRequest, formatTokenAmount, submitPendingLock, PostDepositLockError, useDepositVerification, useEnsureCorrectChain, getTransactionReceipt, getBlockNumber, waitForTransactionReceipt, canUseBrowserStorage, clampLockAmount, requireDepositLockOwner, getWalletClient, createSignedLockRequest, requireServiceAddress, signWithdrawMessage, signLockMessage, signTransferMessage, signTransferLockedMessage, signModifyLockMessage, cn, Button, stripHostedAuthCallbackParams, AccountingApiError, getBrowserStorageItem, removeBrowserStorageItem, isSignedLockUsable, setBrowserStorageItem, shortenAddress, formatTimeRemaining, parseTokenAmount, getExplorerAddressUrl, getExplorerLabel, canUseSharedBrowserStorage, DEFAULT_LOCK_DURATION_SECONDS, Skeleton, formatCountdown, FiatOnRampForm, getSharedBrowserStorageItem, removeSharedBrowserStorageItem, setSharedBrowserStorageItem } from './chunk-DZURIIRE.js';
-export { AccountingApiError, Button, DEFAULT_LOCK_DURATION_SECONDS, DEFAULT_ONRAMP_LOCK_BUFFER, HOSTED_AUTH_CLOCK_SKEW_MS, HostedAuthError, HostedAuthRequiredError, HostedAuthStateMismatchError, HttpClient, LOCK_TYPES, MODIFY_LOCK_TYPES, NETWORK_CONFIG, NetworkError, PostDepositLockError, PrivanaClient, PrivanaProvider, SUPPORTED_CHAINS, SiweAuthProvider, Skeleton, TRANSFER_LOCKED_TYPES, TRANSFER_TYPES, ValidationError, WITHDRAW_FROM_LOCK_TYPES, WITHDRAW_TYPES, applyLockBuffer, applyRefreshResponse, buildHostedAuthSession, buildSiweStatement, buttonVariants, clampLockAmount, clearHostedAuthPendingTransaction, clearPendingLock, createDomain, createHostedAuthPendingStorageKey, createHostedAuthState, createHostedAuthStorageKey, createLockExpiry, createPkceChallenge, createPkceVerifier, createSignedLockRequest, getAccountingContract, getApiUrl, getChainById, getChainId, getExplorerAddressUrl, getExplorerLabel, isHostedAuthRefreshActive, isHostedAuthSessionActive, isSignedLockUsable, loadPendingLock, normalizeAddress, normalizeHex, parseHostedAuthCallback, persistHostedAuthPendingTransaction, readHostedAuthPendingTransaction, readStoredHostedAuthSession, requireDepositLockOwner, requireServiceAddress, savePendingLock, signLockMessage, signModifyLockMessage, signTransferLockedMessage, signTransferMessage, signWithdrawFromLockMessage, signWithdrawMessage, stripHostedAuthCallbackParams, submitPendingLock, syncHostedAuthSessionToClient, useDepositVerification, usePrivanaContext, useSafeAccount, useSafePrivanaContext, useSiweAuth } from './chunk-DZURIIRE.js';
+import { usePrivanaContext, createHostedAuthPendingStorageKey, clearHostedAuthPendingTransaction, HostedAuthRequiredError, HostedAuthError, createPkceVerifier, createPkceChallenge, createHostedAuthState, persistHostedAuthPendingTransaction, parseHostedAuthCallback, readHostedAuthPendingTransaction, HostedAuthStateMismatchError, buildHostedAuthSession, useSafePrivanaContext, usePrivateReadRequest, formatTokenAmount, submitPendingLock, PostDepositLockError, useDepositVerification, useEnsureCorrectChain, getTransactionReceipt, getBlockNumber, waitForTransactionReceipt, canUseBrowserStorage, clampLockAmount, requireDepositLockOwner, getWalletClient, createSignedLockRequest, requireServiceAddress, signWithdrawMessage, signLockMessage, signTransferMessage, signTransferLockedMessage, signModifyLockMessage, cn, stripHostedAuthCallbackParams, AccountingApiError, getBrowserStorageItem, removeBrowserStorageItem, isSignedLockUsable, setBrowserStorageItem, canUseSharedBrowserStorage, DEFAULT_LOCK_DURATION_SECONDS, parseTokenAmount, Skeleton, shortenAddress, formatCountdown, FiatOnRampForm, getExplorerAddressUrl, getExplorerLabel, formatTimeRemaining, getSharedBrowserStorageItem, removeSharedBrowserStorageItem, setSharedBrowserStorageItem } from './chunk-QQG4RPYZ.js';
+export { AccountingApiError, Button, DEFAULT_LOCK_DURATION_SECONDS, DEFAULT_ONRAMP_LOCK_BUFFER, HOSTED_AUTH_CLOCK_SKEW_MS, HostedAuthError, HostedAuthRequiredError, HostedAuthStateMismatchError, HttpClient, LOCK_TYPES, MODIFY_LOCK_TYPES, NETWORK_CONFIG, NetworkError, PostDepositLockError, PrivanaClient, PrivanaProvider, SUPPORTED_CHAINS, SiweAuthProvider, Skeleton, TRANSFER_LOCKED_TYPES, TRANSFER_TYPES, ValidationError, WITHDRAW_FROM_LOCK_TYPES, WITHDRAW_TYPES, applyLockBuffer, applyRefreshResponse, buildHostedAuthSession, buildSiweStatement, buttonVariants, clampLockAmount, clearHostedAuthPendingTransaction, clearPendingLock, createDomain, createHostedAuthPendingStorageKey, createHostedAuthState, createHostedAuthStorageKey, createLockExpiry, createPkceChallenge, createPkceVerifier, createSignedLockRequest, getAccountingContract, getApiUrl, getChainById, getChainId, getExplorerAddressUrl, getExplorerLabel, isHostedAuthRefreshActive, isHostedAuthSessionActive, isSignedLockUsable, loadPendingLock, normalizeAddress, normalizeHex, parseHostedAuthCallback, persistHostedAuthPendingTransaction, readHostedAuthPendingTransaction, readStoredHostedAuthSession, requireDepositLockOwner, requireServiceAddress, savePendingLock, signLockMessage, signModifyLockMessage, signTransferLockedMessage, signTransferMessage, signWithdrawFromLockMessage, signWithdrawMessage, stripHostedAuthCallbackParams, submitPendingLock, syncHostedAuthSessionToClient, useDepositVerification, usePrivanaContext, useSafeAccount, useSafePrivanaContext, useSiweAuth } from './chunk-QQG4RPYZ.js';
 import { useState, useRef, useMemo, useCallback, useContext, useEffect, useId } from 'react';
 import { QueryClientContext, useQuery, useQueryClient, useMutation, keepPreviousData } from '@tanstack/react-query';
 import { useAccount, useWalletClient, useConfig, useWriteContract, useSendTransaction, useBalance as useBalance$1, useReadContract } from 'wagmi';
 import { zeroAddress, erc20Abi, formatUnits } from 'viem';
+import { MoonPayProvider, MoonPayContext } from '@moonpay/moonpay-react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { toast } from 'sonner';
 import { QRCodeSVG } from 'qrcode.react';
-import { MoonPayProvider, MoonPayContext } from '@moonpay/moonpay-react';
 
 // src/sdk/hooks/use-privana-client.ts
 function usePrivanaClient() {
@@ -1488,16 +1488,6 @@ function DialogContent({
     )
   ] });
 }
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
 function DialogTitle({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
@@ -1521,2343 +1511,1319 @@ function DialogDescription({
     }
   );
 }
-function USDCIcon({ className, size = 24 }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 2000 2000",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z",
-            fill: "#2775ca"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z",
-            fill: "#fff"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z",
-            fill: "#fff"
-          }
-        )
-      ]
-    }
-  );
+
+// src/sdk/hooks/external-deposit-lock.ts
+var ACTIVE_SESSION_PREFIX = "privana:external-deposit-lock:active:";
+var SESSION_PREFIX = "privana:external-deposit-lock:session:";
+var ExternalDepositLockSessionChangedError = class _ExternalDepositLockSessionChangedError extends Error {
+  constructor() {
+    super("External deposit lock session changed");
+    this.name = "ExternalDepositLockSessionChangedError";
+    Object.setPrototypeOf(this, _ExternalDepositLockSessionChangedError.prototype);
+  }
+};
+function externalDepositSessionId(chainId, tokenId) {
+  return `${chainId}:${tokenId.toLowerCase()}`;
 }
-function BaseIcon({ className, size = 24 }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 2500 2500",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "1250", cy: "1250", r: "1250", fill: "#0052FF" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M1247.8,2500c691.6,0,1252.2-559.6,1252.2-1250C2500,559.6,1939.4,0,1247.8,0C591.7,0,53.5,503.8,0,1144.9h1655.1v210.2H0C53.5,1996.2,591.7,2500,1247.8,2500z",
-            fill: "white"
-          }
-        )
-      ]
-    }
-  );
+function isExternalDepositBlockInSession(session, blockNumber) {
+  return Number.isSafeInteger(blockNumber) && blockNumber > session.startBlock;
 }
-function WETHIcon({ className, size = 24 }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 250 250",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M0 125C0 55.9644 55.9644 0 125 0C194.036 0 250 55.9644 250 125C250 194.036 194.036 250 125 250C55.9644 250 0 194.036 0 125Z",
-            fill: "#627EEA"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M125.047 30.5V100.351L184.086 126.732L125.047 30.5Z",
-            fill: "white",
-            fillOpacity: "0.602"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M125.047 30.5L66 126.732L125.047 100.351V30.5Z", fill: "white" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M125.047 172V219.462L184.125 137.728L125.047 172Z",
-            fill: "white",
-            fillOpacity: "0.602"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M125.047 219.462V171.992L66 137.728L125.047 219.462Z", fill: "white" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M125.047 161.013L184.086 126.733L125.047 100.368V161.013Z",
-            fill: "white",
-            fillOpacity: "0.2"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M66 126.733L125.047 161.013V100.368L66 126.733Z", fill: "white", fillOpacity: "0.602" })
-      ]
-    }
-  );
+function isCurrentExternalDepositVerification(session, txHash) {
+  return session.creditedAmount === void 0 && session.verification?.hash.toLowerCase() === txHash.toLowerCase();
 }
-function getTokenIcon(symbol, size) {
-  const iconSize = size ?? 24;
-  switch (symbol.toUpperCase()) {
-    case "USDC":
-      return /* @__PURE__ */ jsx(USDCIcon, { size: iconSize });
-    case "WETH":
-      return /* @__PURE__ */ jsx(WETHIcon, { size: iconSize });
-    default:
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "bg-muted flex items-center justify-center rounded-full text-xs font-bold",
-          style: { width: iconSize, height: iconSize },
-          children: symbol.slice(0, 2)
-        }
-      );
+function getExternalDepositMinimum(response, chainId) {
+  const value = response?.min_deposit?.[String(chainId)]?.erc20;
+  if (value === void 0) return void 0;
+  try {
+    const amount = BigInt(value);
+    return amount >= 0n ? amount : void 0;
+  } catch {
+    return void 0;
   }
 }
-function getChainIcon(chainId, size) {
-  const iconSize = size ?? 24;
-  switch (chainId) {
-    case 84532:
-      return /* @__PURE__ */ jsx(BaseIcon, { size: iconSize });
-    default:
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "bg-muted flex items-center justify-center rounded-full text-xs font-bold",
-          style: { width: iconSize, height: iconSize },
-          children: "?"
-        }
-      );
+function activeSessionKey(owner) {
+  return `${ACTIVE_SESSION_PREFIX}${owner.toLowerCase()}`;
+}
+function sessionKey(owner, sessionId) {
+  return `${SESSION_PREFIX}${owner.toLowerCase()}:${sessionId}`;
+}
+function activeSessionId(owner) {
+  const value = getSharedBrowserStorageItem(activeSessionKey(owner));
+  return value || void 0;
+}
+function isPositiveIntegerString(value) {
+  if (typeof value !== "string") return false;
+  try {
+    return BigInt(value) > 0n;
+  } catch {
+    return false;
   }
 }
-function CloseIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M11.99997 11.99997l-5.99995-5.99995-6.00002-6.00002m6.00002 6.00002l6.00001-6.00002m-12.00003 12.00003l6.00002-6.00001",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function isSessionRecord(value) {
+  if (!value || typeof value !== "object") return false;
+  const record = value;
+  if (record.version !== 1 || typeof record.owner !== "string" || typeof record.serviceAddress !== "string" || !Number.isInteger(record.chainId) || (record.chainId ?? 0) <= 0 || typeof record.tokenId !== "string" || !Number.isSafeInteger(record.startBlock) || (record.startBlock ?? -1) < 0 || !isPositiveIntegerString(record.depositAmount) || !isPositiveIntegerString(record.maxLockAmount) || !Number.isInteger(record.lockDuration) || (record.lockDuration ?? 0) <= 0 || typeof record.generation !== "string" || !record.generation || record.submissionAmbiguous !== void 0 && typeof record.submissionAmbiguous !== "boolean" || record.creditedAmount !== void 0 && !isPositiveIntegerString(record.creditedAmount)) {
+    return false;
+  }
+  if (record.verification && (typeof record.verification.hash !== "string" || record.verification.chainId !== record.chainId || !isPositiveIntegerString(record.verification.amount) || record.verification.logIndex !== void 0 && (!Number.isInteger(record.verification.logIndex) || record.verification.logIndex < 0))) {
+    return false;
+  }
+  if (record.verification && record.creditedAmount !== void 0) return false;
+  if (record.submissionAmbiguous && record.creditedAmount === void 0) return false;
+  if (!record.payload) {
+    return record.creditedAmount !== void 0 && !record.submissionAmbiguous;
+  }
+  if (typeof record.payload.signature !== "string" || typeof record.payload.token_id !== "string" || typeof record.payload.service_address !== "string" || record.payload.signature !== record.generation || record.payload.token_id.toLowerCase() !== record.tokenId.toLowerCase() || record.payload.service_address.toLowerCase() !== record.serviceAddress.toLowerCase() || !isPositiveIntegerString(record.payload.amount)) {
+    return false;
+  }
+  return BigInt(record.payload.amount) <= BigInt(record.maxLockAmount);
 }
-function ChevronRightIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "-rotate-90", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M0 0l6 6 6-6",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
-    }
-  ) });
+function writeSessionRecord(session) {
+  const id = externalDepositSessionId(session.chainId, session.tokenId);
+  return setSharedBrowserStorageItem(sessionKey(session.owner, id), JSON.stringify(session));
 }
-function ChevronLeftIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "rotate-90", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M0 0l6 6 6-6",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
+function saveExternalDepositLockSession(session, expectedSession = null) {
+  if (!isSessionRecord(session)) throw new Error("Invalid external deposit lock session");
+  const current = loadExternalDepositLockSession(session.owner);
+  if (expectedSession === null && current || expectedSession !== null && (!current || !isSameSessionSnapshot(current, expectedSession))) {
+    throw new ExternalDepositLockSessionChangedError();
+  }
+  const nextId = externalDepositSessionId(session.chainId, session.tokenId);
+  const previousId = activeSessionId(session.owner);
+  if (!writeSessionRecord(session)) {
+    throw new Error("Unable to persist external deposit lock session");
+  }
+  if (previousId !== nextId) {
+    if (!setSharedBrowserStorageItem(activeSessionKey(session.owner), nextId)) {
+      removeSharedBrowserStorageItem(sessionKey(session.owner, nextId));
+      throw new Error("Unable to persist external deposit lock session");
     }
-  ) });
-}
-function ChevronDownIcon({
-  direction = "down",
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: cn(
-        "transition-transform",
-        direction === "right" && "-rotate-90",
-        direction === "up" && "rotate-180",
-        className
-      ),
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 6l4 4 4-4",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
+    if (previousId) {
+      removeSharedBrowserStorageItem(sessionKey(session.owner, previousId));
     }
-  );
+  }
 }
-function CopyIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-      ]
+function loadExternalDepositLockSession(owner) {
+  const id = activeSessionId(owner);
+  if (!id) return void 0;
+  const key = sessionKey(owner, id);
+  try {
+    const raw = getSharedBrowserStorageItem(key);
+    const parsed = raw ? JSON.parse(raw) : void 0;
+    if (!isSessionRecord(parsed) || parsed.owner.toLowerCase() !== owner.toLowerCase() || externalDepositSessionId(parsed.chainId, parsed.tokenId) !== id) {
+      removeSharedBrowserStorageItem(key);
+      removeSharedBrowserStorageItem(activeSessionKey(owner));
+      return void 0;
     }
-  );
+    return parsed;
+  } catch {
+    removeSharedBrowserStorageItem(key);
+    removeSharedBrowserStorageItem(activeSessionKey(owner));
+    return void 0;
+  }
 }
-function CircleCheckIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M6 10l2.5 2.5L14 7.5",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] });
+function subscribeExternalDepositLockSession(owner, onChange) {
+  if (typeof window === "undefined") return () => void 0;
+  let localStorage;
+  try {
+    localStorage = window.localStorage;
+  } catch {
+    return () => void 0;
+  }
+  const activeKey = activeSessionKey(owner);
+  const ownerSessionPrefix = `${SESSION_PREFIX}${owner.toLowerCase()}:`;
+  const handleStorage = (event) => {
+    if (event.storageArea !== localStorage) return;
+    if (event.key !== null && event.key !== activeKey && !event.key.startsWith(ownerSessionPrefix)) {
+      return;
+    }
+    onChange(loadExternalDepositLockSession(owner));
+  };
+  window.addEventListener("storage", handleStorage);
+  return () => window.removeEventListener("storage", handleStorage);
 }
-function CircleXIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M7 7l6 6M13 7l-6 6",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] });
+function clearExternalDepositLockSession(owner, expectedSessionId, expectedGeneration) {
+  const id = activeSessionId(owner);
+  if (!id || expectedSessionId && id !== expectedSessionId) return;
+  if (expectedGeneration) {
+    const current = loadExternalDepositLockSession(owner);
+    if (!current || current.generation !== expectedGeneration) return;
+  }
+  removeSharedBrowserStorageItem(sessionKey(owner, id));
+  removeSharedBrowserStorageItem(activeSessionKey(owner));
 }
-function ArrowRightIcon({ className }) {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "8", viewBox: "0 0 24 8", fill: "none", className, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M0 4h22m0 0l-4-4m4 4l-4 4",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function isSameVerification(left, right) {
+  if (!left || !right) return left === right;
+  return left.hash.toLowerCase() === right.hash.toLowerCase() && left.chainId === right.chainId && left.amount === right.amount && (left.logIndex ?? 0) === (right.logIndex ?? 0);
 }
-function CheckIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M2.5 6l2.5 2.5 4.5-4.5",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function isSamePayload(left, right) {
+  if (!left || !right) return left === right;
+  return left.service_address.toLowerCase() === right.service_address.toLowerCase() && left.token_id.toLowerCase() === right.token_id.toLowerCase() && left.amount === right.amount && left.expiry === right.expiry && left.nonce === right.nonce && left.signature === right.signature;
 }
-function ExternalLinkIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
-    "path",
+function isSameSessionSnapshot(left, right) {
+  return left.version === right.version && left.owner.toLowerCase() === right.owner.toLowerCase() && left.serviceAddress.toLowerCase() === right.serviceAddress.toLowerCase() && left.chainId === right.chainId && left.tokenId.toLowerCase() === right.tokenId.toLowerCase() && left.startBlock === right.startBlock && left.depositAmount === right.depositAmount && left.maxLockAmount === right.maxLockAmount && left.lockDuration === right.lockDuration && left.generation === right.generation && left.creditedAmount === right.creditedAmount && left.submissionAmbiguous === right.submissionAmbiguous && isSameVerification(left.verification, right.verification) && isSamePayload(left.payload, right.payload);
+}
+function isSameExternalDepositLockSession(left, right) {
+  return isSameSessionSnapshot(left, right);
+}
+function clearExternalDepositVerification(session) {
+  if (!session.verification || session.creditedAmount) return void 0;
+  const current = loadExternalDepositLockSession(session.owner);
+  if (!current || current.generation !== session.generation || current.creditedAmount || !isSameVerification(current.verification, session.verification)) {
+    return void 0;
+  }
+  const next = { ...current, verification: void 0 };
+  if (!writeSessionRecord(next)) {
+    throw new Error("Unable to clear failed deposit verification");
+  }
+  return next;
+}
+function discardExternalDepositLockSession(session) {
+  const current = loadExternalDepositLockSession(session.owner);
+  if (!current) return true;
+  if (!isSameSessionSnapshot(current, session)) return false;
+  clearExternalDepositLockSession(
+    current.owner,
+    externalDepositSessionId(current.chainId, current.tokenId),
+    current.generation
+  );
+  return loadExternalDepositLockSession(current.owner) === void 0;
+}
+function clearSubmittedPayload(session, signature, clearAmbiguous = false) {
+  const current = loadExternalDepositLockSession(session.owner);
+  if (!current?.payload || current.payload.signature !== signature || current.submissionAmbiguous && !clearAmbiguous) {
+    return false;
+  }
+  return writeSessionRecord({ ...current, submissionAmbiguous: void 0, payload: void 0 });
+}
+function markSubmissionAmbiguous(session, signature) {
+  const current = loadExternalDepositLockSession(session.owner);
+  if (!current?.payload || current.payload.signature !== signature) return false;
+  if (current.submissionAmbiguous) return true;
+  return writeSessionRecord({ ...current, submissionAmbiguous: true });
+}
+function ambiguousSubmissionError(error) {
+  return new PostDepositLockError(
+    "Lock submission could not be confirmed. Retry only the saved signature, or check locked funds before stopping recovery.",
+    error.reason,
+    error.signedAmount,
+    error.creditedAmount,
     {
-      d: "M3.5 1.5h7v7M10.5 1.5L1.5 10.5",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+      cause: error.cause,
+      submissionMayHaveSucceeded: true
     }
-  ) });
+  );
 }
-function Spinner({ size = 20 }) {
-  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: "animate-spin", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "2", opacity: "0.15" }),
-    /* @__PURE__ */ jsx("path", { d: "M10 2a8 8 0 016.93 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
-  ] });
+function isDefinitiveSubmissionFailure(error) {
+  const cause = error.cause;
+  return cause instanceof AccountingApiError && cause.statusCode !== 408 && cause.statusCode < 500;
 }
-function TransactionProgressView({ title, steps, onCancel }) {
-  const completed = steps.filter((s) => s.status === "completed").length;
-  const active = steps.find((s) => s.status === "active");
-  const total = steps.length;
-  const progress = (completed + (active ? 0.5 : 0)) / total * 100;
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-primary", children: /* @__PURE__ */ jsx(Spinner, { size: 20 }) }),
-      /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: active?.label ?? title })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-secondary h-1.5 w-full overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "bg-primary h-full rounded-full transition-all duration-500",
-          style: { width: `${progress}%` }
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
-        "Step ",
-        Math.max(1, completed + (active ? 1 : 0)),
-        " of ",
-        total
-      ] })
-    ] }),
-    onCancel && /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: onCancel,
-        className: "border-border text-foreground hover:bg-secondary flex h-10 w-full cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors",
-        children: "Cancel"
-      }
-    )
-  ] });
+function submissionLockName(session) {
+  return `privana:external-deposit-lock:submit:${session.owner.toLowerCase()}:${externalDepositSessionId(session.chainId, session.tokenId)}`;
 }
-function TransactionSuccessView({
-  title,
-  message,
-  explorerUrl,
-  explorerLabel,
-  onDone
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-400", children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: title }),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: message })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      explorerUrl && /* @__PURE__ */ jsxs(
-        "a",
-        {
-          href: explorerUrl,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "border-border text-foreground hover:bg-secondary flex h-10 flex-1 items-center justify-center gap-1.5 rounded-[10px] border text-sm transition-colors",
-          children: [
-            explorerLabel ?? "View on Explorer",
-            /* @__PURE__ */ jsx(ExternalLinkIcon, {})
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onDone,
-          className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors",
-          children: "Done"
-        }
-      )
-    ] })
-  ] });
+async function withSubmissionLock(session, task) {
+  const locks = typeof navigator === "undefined" ? void 0 : navigator.locks;
+  if (!locks) return task(false);
+  return locks.request(submissionLockName(session), () => task(true));
 }
-function WarningIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7 5v2.5M7 10h.005M6.13 2.5h1.74L13 11.5H1L6.13 2.5z",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+function externalDepositRetryAmount(session) {
+  if (!session.creditedAmount) throw new Error("No credited external deposit to recover");
+  const creditedAmount = BigInt(session.creditedAmount);
+  const maxLockAmount = BigInt(session.maxLockAmount);
+  return creditedAmount < maxLockAmount ? creditedAmount : maxLockAmount;
+}
+async function submitExternalDepositLock(client, session) {
+  return withSubmissionLock(session, async (crossTabExclusive) => {
+    const current = loadExternalDepositLockSession(session.owner);
+    if (!current || current.generation !== session.generation) {
+      throw new PostDepositLockError(
+        "External deposit lock session changed before submission",
+        "not-found",
+        BigInt(session.maxLockAmount),
+        session.creditedAmount ? BigInt(session.creditedAmount) : void 0
+      );
     }
-  ) });
+    const result = await submitExternalDepositLockAttempt(client, current, crossTabExclusive);
+    clearExternalDepositLockSession(
+      current.owner,
+      externalDepositSessionId(current.chainId, current.tokenId),
+      current.generation
+    );
+    return result;
+  });
 }
-function TransactionWarningView({
-  title,
-  message,
-  onDone,
-  actionLabel = "Done",
-  pendingLabel = actionLabel,
-  isPending = false,
-  onDismiss,
-  dismissLabel = "Dismiss"
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-amber-500/10 text-amber-400", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: title }),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: message })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      onDismiss && /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onDismiss,
-          disabled: isPending,
-          className: "border-border text-foreground hover:bg-secondary flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          children: dismissLabel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onDone,
-          disabled: isPending,
-          className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          children: isPending ? pendingLabel : actionLabel
+async function submitExternalDepositLockAttempt(client, session, crossTabExclusive) {
+  const creditedAmount = session.creditedAmount ? BigInt(session.creditedAmount) : void 0;
+  if (!creditedAmount) {
+    throw new PostDepositLockError(
+      "External deposit has not been credited",
+      "submission-failed",
+      BigInt(session.maxLockAmount)
+    );
+  }
+  const payload = session.payload;
+  if (!payload) {
+    throw new PostDepositLockError(
+      "No persisted signed policy found for this deposit session",
+      "not-found",
+      BigInt(session.maxLockAmount),
+      creditedAmount
+    );
+  }
+  try {
+    return await submitPendingLock({
+      client,
+      payload,
+      creditedAmount,
+      beforeSubmit: () => {
+        if (!markSubmissionAmbiguous(session, payload.signature)) {
+          throw new Error("Unable to persist lock submission recovery state");
         }
-      )
-    ] })
-  ] });
-}
-function TransactionErrorView({
-  title,
-  message,
-  explorerUrl,
-  explorerLabel,
-  onRetry,
-  onDismiss,
-  isRetrying,
-  retryLabel = "Retry Verification",
-  dismissLabel = "Close"
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-amber-500/10 text-amber-400", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: title }),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: message })
-      ] })
-    ] }),
-    explorerUrl && /* @__PURE__ */ jsxs(
-      "a",
-      {
-        href: explorerUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border-border text-foreground hover:bg-secondary flex h-10 w-full items-center justify-center gap-1.5 rounded-[10px] border text-sm transition-colors",
-        children: [
-          explorerLabel ?? "View on Explorer",
-          /* @__PURE__ */ jsx(ExternalLinkIcon, {})
-        ]
       }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      onDismiss && /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onDismiss,
-          disabled: isRetrying,
-          className: "border-border text-foreground hover:bg-secondary flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          children: dismissLabel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onRetry,
-          disabled: isRetrying,
-          className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          children: isRetrying ? "Retrying\u2026" : retryLabel
+    });
+  } catch (err) {
+    if (err instanceof PostDepositLockError && err.reason === "submission-failed" && crossTabExclusive && !session.submissionAmbiguous && isDefinitiveSubmissionFailure(err)) {
+      if (!clearSubmittedPayload(session, payload.signature, true)) {
+        const latest = loadExternalDepositLockSession(session.owner);
+        if (latest?.submissionAmbiguous) throw ambiguousSubmissionError(err);
+      }
+    } else if (err instanceof PostDepositLockError && err.reason === "submission-failed") {
+      const ambiguous = markSubmissionAmbiguous(session, payload.signature) || loadExternalDepositLockSession(session.owner)?.submissionAmbiguous === true;
+      if (ambiguous) throw ambiguousSubmissionError(err);
+    } else {
+      const current = loadExternalDepositLockSession(session.owner);
+      if (session.submissionAmbiguous || current?.submissionAmbiguous) {
+        if (err instanceof PostDepositLockError) throw ambiguousSubmissionError(err);
+        throw err;
+      }
+      if (!clearSubmittedPayload(session, payload.signature)) {
+        const latest = loadExternalDepositLockSession(session.owner);
+        if (latest?.submissionAmbiguous && err instanceof PostDepositLockError) {
+          throw ambiguousSubmissionError(err);
         }
-      )
-    ] })
-  ] });
-}
-function DepositForm({
-  selectedToken,
-  onTokenSelect,
-  onPendingChange,
-  onUnsafeToCloseChange,
-  onSuccess
-}) {
-  const { isConnected, address } = useAccount();
-  const { chains, getChainById: getChainById2 } = usePrivanaContext();
-  const [amount, setAmount] = useState("");
-  const [showSuccess, setShowSuccess] = useState(false);
-  const [showTimeout, setShowTimeout] = useState(false);
-  const [cancelled, setCancelled] = useState(false);
-  const targetChain = getChainById2(selectedToken.chainId) ?? chains[0];
-  const isNative = selectedToken.contract === zeroAddress;
-  const { data: nativeBalanceData } = useBalance$1({
-    address,
-    chainId: targetChain?.id,
-    query: {
-      enabled: !!address && isNative
-    }
-  });
-  const { data: erc20Balance } = useReadContract({
-    address: selectedToken.contract,
-    abi: erc20Abi,
-    functionName: "balanceOf",
-    args: address ? [address] : void 0,
-    chainId: targetChain?.id,
-    query: {
-      enabled: !!address && !isNative
-    }
-  });
-  const walletBalance = isNative ? nativeBalanceData?.value : erc20Balance;
-  const formattedWalletBalance = walletBalance ? formatTokenAmount(walletBalance.toString(), selectedToken.decimals) : "0.00";
-  const handleMaxClick = () => {
-    if (formattedWalletBalance && parseFloat(formattedWalletBalance) > 0) {
-      setAmount(formattedWalletBalance.replace(/[\s\u2009]/g, ""));
-    }
-  };
-  const hasValidAmount = amount && parseFloat(amount) > 0;
-  const tooManyDecimals = hasValidAmount && amount.includes(".") && amount.split(".")[1].length > selectedToken.decimals;
-  const exceedsBalance = hasValidAmount && !tooManyDecimals && walletBalance != null && parseTokenAmount(amount, selectedToken.decimals) > walletBalance;
-  const {
-    txHash,
-    isGettingAddress,
-    isSwitchingChain,
-    isSendingTransaction,
-    isWaitingForConfirmation,
-    isWaitingForProcessing,
-    verificationFailed,
-    isPending,
-    error,
-    deposit,
-    retryVerification,
-    reset
-  } = useDeposit({
-    onCredited: () => {
-      setAmount("");
-      if (onSuccess) {
-        reset();
-        onSuccess();
-      } else {
-        setShowSuccess(true);
       }
-    },
-    onCheckTimeout: () => {
-      setAmount("");
-      setShowTimeout(true);
     }
-  });
-  const depositSteps = [
-    {
-      label: "Getting deposit address",
-      status: isGettingAddress ? "active" : isSwitchingChain || isSendingTransaction || isWaitingForConfirmation || isWaitingForProcessing ? "completed" : "pending"
-    },
-    {
-      label: `Switching to ${targetChain?.name ?? "deposit chain"}`,
-      status: isSwitchingChain ? "active" : isSendingTransaction || isWaitingForConfirmation || isWaitingForProcessing ? "completed" : "pending"
+    throw err;
+  }
+}
+function useExternalDepositLock({
+  allowance,
+  onLockSubmitted,
+  onLockFailed
+}) {
+  const { client, networkConfig, serviceAddress, getTokenById, tokensStatus } = usePrivanaContext();
+  const config = useConfig();
+  const queryClient = useQueryClient();
+  const { address } = useAccount();
+  const { privateReadAddress } = usePrivateReadRequest();
+  const { ensureCorrectChain } = useEnsureCorrectChain();
+  const [isSigning, setIsSigning] = useState(false);
+  const [isSubmittingLock, setIsSubmittingLock] = useState(false);
+  const [session, setSession] = useState(null);
+  const sessionRef = useRef(null);
+  const signingRef = useRef(false);
+  const settlingRef = useRef(false);
+  const pendingCreditedTransitionRef = useRef(null);
+  const hydratedScopeRef = useRef(null);
+  const beneficiaryRef = useRef(privateReadAddress);
+  beneficiaryRef.current = privateReadAddress;
+  const onLockSubmittedRef = useRef(onLockSubmitted);
+  const onLockFailedRef = useRef(onLockFailed);
+  useEffect(() => {
+    onLockSubmittedRef.current = onLockSubmitted;
+    onLockFailedRef.current = onLockFailed;
+  }, [onLockSubmitted, onLockFailed]);
+  const installSession = useCallback((next) => {
+    sessionRef.current = next;
+    setSession(next);
+  }, []);
+  const preserveCreditedFallback = useCallback(
+    (durable) => {
+      const pending = pendingCreditedTransitionRef.current;
+      if (pending && durable && isSameExternalDepositLockSession(durable, pending.predecessor)) {
+        return pending.credited;
+      }
+      pendingCreditedTransitionRef.current = null;
+      return durable;
     },
-    {
-      label: "Confirm in wallet",
-      status: isSendingTransaction ? "active" : isWaitingForConfirmation || isWaitingForProcessing ? "completed" : "pending"
+    []
+  );
+  const notifyFailure = useCallback((error) => {
+    onLockFailedRef.current?.(error);
+  }, []);
+  const submitSession = useCallback(
+    async (active) => {
+      if (settlingRef.current) return;
+      settlingRef.current = true;
+      setIsSubmittingLock(true);
+      let result;
+      try {
+        let submission = active;
+        const storedBeforeSubmit = loadExternalDepositLockSession(active.owner);
+        if (storedBeforeSubmit?.generation === active.generation) {
+          if (active.creditedAmount && !storedBeforeSubmit.creditedAmount) {
+            const pending = pendingCreditedTransitionRef.current;
+            if (!pending || !isSameExternalDepositLockSession(active, pending.credited) || !isSameExternalDepositLockSession(storedBeforeSubmit, pending.predecessor)) {
+              throw new ExternalDepositLockSessionChangedError();
+            }
+            saveExternalDepositLockSession(pending.credited, pending.predecessor);
+            pendingCreditedTransitionRef.current = null;
+            submission = pending.credited;
+          } else {
+            submission = storedBeforeSubmit;
+          }
+        }
+        result = await submitExternalDepositLock(client, submission);
+      } catch (err) {
+        const stored = loadExternalDepositLockSession(active.owner);
+        const error = err instanceof PostDepositLockError ? err : new PostDepositLockError(
+          err instanceof Error ? err.message : "Lock submission failed",
+          "submission-failed",
+          BigInt(active.maxLockAmount),
+          active.creditedAmount ? BigInt(active.creditedAmount) : void 0,
+          { cause: err }
+        );
+        if (err instanceof ExternalDepositLockSessionChangedError) {
+          pendingCreditedTransitionRef.current = null;
+          installSession(stored ?? null);
+          return;
+        }
+        if (!stored || stored.generation !== active.generation) {
+          pendingCreditedTransitionRef.current = null;
+          installSession(stored ?? null);
+          return;
+        }
+        if (active.creditedAmount && !stored.creditedAmount) {
+          const pending = pendingCreditedTransitionRef.current;
+          if (pending && isSameExternalDepositLockSession(active, pending.credited) && isSameExternalDepositLockSession(stored, pending.predecessor)) {
+            installSession(pending.credited);
+            notifyFailure(error);
+            return;
+          }
+          pendingCreditedTransitionRef.current = null;
+          installSession(stored);
+          return;
+        }
+        installSession(active.creditedAmount && !stored.creditedAmount ? active : stored);
+        notifyFailure(error);
+        return;
+      } finally {
+        settlingRef.current = false;
+        setIsSubmittingLock(false);
+      }
+      installSession(loadExternalDepositLockSession(active.owner) ?? null);
+      queryClient.invalidateQueries({ queryKey: ["accounting-balance"] });
+      queryClient.invalidateQueries({ queryKey: ["accounting-locked-funds"] });
+      queryClient.invalidateQueries({ queryKey: ["accounting-total-locked-balance"] });
+      queryClient.invalidateQueries({ queryKey: ["accounting-history"] });
+      onLockSubmittedRef.current?.(result);
     },
-    {
-      label: "Confirming transaction",
-      status: isWaitingForConfirmation ? "active" : isWaitingForProcessing ? "completed" : "pending"
+    [client, installSession, notifyFailure, queryClient]
+  );
+  const validateRestoredSession = useCallback(
+    (restored) => {
+      if (!restored || !serviceAddress) return null;
+      const token = getTokenById(restored.tokenId);
+      const invalid = restored.serviceAddress.toLowerCase() !== serviceAddress.toLowerCase() || !token || token.chainId !== restored.chainId || token.contract === zeroAddress || !restored.creditedAmount && !restored.payload;
+      if (!invalid) return restored;
+      clearExternalDepositLockSession(
+        restored.owner,
+        externalDepositSessionId(restored.chainId, restored.tokenId),
+        restored.generation
+      );
+      return null;
     },
-    {
-      label: "Verifying deposit \u2014 may take up to a few minutes",
-      status: isWaitingForProcessing ? "active" : "pending"
-    }
-  ];
+    [getTokenById, serviceAddress]
+  );
   useEffect(() => {
-    if (error && !verificationFailed) {
-      toast.error(error.message.length > 100 ? `${error.message.slice(0, 100)}...` : error.message);
+    if (!privateReadAddress || !serviceAddress || tokensStatus !== "ready") {
+      setSession(null);
+      return;
     }
-  }, [error, verificationFailed]);
-  useEffect(() => {
-    onPendingChange?.(isPending && !cancelled);
-  }, [isPending, cancelled, onPendingChange]);
+    const hydrationKey = `${privateReadAddress.toLowerCase()}:${serviceAddress.toLowerCase()}`;
+    const shouldResume = hydratedScopeRef.current !== hydrationKey;
+    hydratedScopeRef.current = hydrationKey;
+    const restored = preserveCreditedFallback(
+      validateRestoredSession(loadExternalDepositLockSession(privateReadAddress))
+    );
+    installSession(restored);
+    if (!restored) {
+      return;
+    }
+    if (!shouldResume) return;
+    if (restored.creditedAmount && restored.payload) {
+      void submitSession(restored);
+    } else if (restored.creditedAmount) {
+      notifyFailure(
+        new PostDepositLockError(
+          "Deposit credited; sign a fresh policy to lock the funds",
+          "not-found",
+          BigInt(restored.maxLockAmount),
+          BigInt(restored.creditedAmount)
+        )
+      );
+    }
+  }, [
+    installSession,
+    notifyFailure,
+    privateReadAddress,
+    preserveCreditedFallback,
+    serviceAddress,
+    submitSession,
+    tokensStatus,
+    validateRestoredSession
+  ]);
   useEffect(() => {
-    onUnsafeToCloseChange?.((isGettingAddress || isSendingTransaction) && !cancelled);
-  }, [isGettingAddress, isSendingTransaction, cancelled, onUnsafeToCloseChange]);
-  const handleCancel = () => {
-    setCancelled(true);
-    reset();
-  };
-  const handleDone = () => {
-    setShowSuccess(false);
-    setShowTimeout(false);
-    setCancelled(false);
-    reset();
-  };
-  const handleDismissVerificationError = () => {
-    setAmount("");
-    setCancelled(false);
-    reset();
-  };
-  const handleRetryVerification = () => {
-    retryVerification().catch(() => {
-    });
-  };
-  const explorerTxUrl = txHash && targetChain?.explorerUrl ? `${targetChain.explorerUrl}/tx/${txHash}` : void 0;
-  const handleSubmit = async () => {
-    if (!amount || !selectedToken || exceedsBalance) return;
-    setCancelled(false);
-    const amountInWei = parseTokenAmount(amount, selectedToken.decimals);
-    await deposit({
-      tokenId: selectedToken.id,
-      amount: amountInWei
-    });
-  };
-  const getButtonText = () => {
-    if (!isConnected) return "Connect Wallet";
-    if (isSwitchingChain) return "Switching\u2026";
-    return "Deposit";
-  };
-  if (showSuccess) {
-    return /* @__PURE__ */ jsx(
-      TransactionSuccessView,
-      {
-        title: "Deposit Successful",
-        message: `Your ${selectedToken.symbol} deposit has been processed.`,
-        onDone: handleDone
+    if (!privateReadAddress || !serviceAddress || tokensStatus !== "ready") return;
+    const reconcile = (restored) => {
+      installSession(preserveCreditedFallback(validateRestoredSession(restored)));
+    };
+    const unsubscribe = subscribeExternalDepositLockSession(privateReadAddress, reconcile);
+    reconcile(loadExternalDepositLockSession(privateReadAddress));
+    return unsubscribe;
+  }, [
+    installSession,
+    preserveCreditedFallback,
+    privateReadAddress,
+    serviceAddress,
+    tokensStatus,
+    validateRestoredSession
+  ]);
+  const signAndPersist = useCallback(
+    async ({ tokenId, amount }) => {
+      if (!allowance) throw new Error("No allowance configured for this deposit");
+      if (signingRef.current || settlingRef.current) {
+        throw new Error("A policy operation is already in progress");
       }
-    );
-  }
-  if (showTimeout) {
-    return /* @__PURE__ */ jsx(
-      TransactionWarningView,
-      {
-        title: "Deposit Processing",
-        message: `Your transaction was confirmed but the deposit is still being processed. Please check your balance - it should update shortly.`,
-        onDone: handleDone
+      if (!canUseSharedBrowserStorage()) {
+        throw new Error("Browser storage is required for locked deposit recovery");
       }
-    );
-  }
-  if (verificationFailed) {
-    const baseMessage = "Your transfer was sent on-chain but we could not verify the deposit. The funds are already at the deposit address. Retry verification instead of starting a new deposit.";
-    const detail = error?.message;
-    const message = detail ? `${baseMessage} (${detail})` : baseMessage;
-    return /* @__PURE__ */ jsx(
-      TransactionErrorView,
-      {
-        title: "Verification failed",
-        message,
-        explorerUrl: explorerTxUrl,
-        explorerLabel: "View transaction",
-        onRetry: handleRetryVerification,
-        onDismiss: handleDismissVerificationError
+      const owner = requireDepositLockOwner(address, privateReadAddress);
+      if (sessionRef.current || loadExternalDepositLockSession(owner)) {
+        throw new Error("Finish or cancel the active external deposit before starting another");
       }
-    );
-  }
-  if (isPending && !cancelled) {
-    const canCancel = isGettingAddress || isSendingTransaction;
-    return /* @__PURE__ */ jsx(
-      TransactionProgressView,
-      {
-        title: "Depositing\u2026",
-        steps: depositSteps,
-        onCancel: canCancel ? handleCancel : void 0
+      const token = getTokenById(tokenId);
+      if (!token) throw new Error(`Unknown token ID: ${tokenId}`);
+      if (token.contract === zeroAddress) {
+        throw new Error("External deposits support ERC20 tokens only");
       }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-3", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Token" }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: onTokenSelect,
-          className: "border-border bg-input flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "h-8 w-8 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(selectedToken.symbol, 32) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: selectedToken.symbol }),
-              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
-                "on ",
-                targetChain?.name ?? "Base Sepolia"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
-          ]
+      const targetService = requireServiceAddress(serviceAddress);
+      const lockDuration = allowance.lockDuration ?? DEFAULT_LOCK_DURATION_SECONDS;
+      signingRef.current = true;
+      setIsSigning(true);
+      try {
+        await ensureCorrectChain(networkConfig.chainId);
+        const signingWalletClient = await getWalletClient(config, {
+          chainId: networkConfig.chainId
+        });
+        const payload = await createSignedLockRequest({
+          client,
+          walletClient: signingWalletClient,
+          userAddress: owner,
+          networkConfig,
+          serviceAddress: targetService,
+          tokenId: token.id,
+          amount: clampLockAmount(amount, BigInt(allowance.value)),
+          lockDuration
+        });
+        const startBlock = await getBlockNumber(config, { chainId: token.chainId });
+        if (startBlock > BigInt(Number.MAX_SAFE_INTEGER)) {
+          throw new Error("Source-chain block number exceeds the supported range");
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Amount" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
-          formattedWalletBalance,
-          " ",
-          selectedToken.symbol
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "border-border bg-input flex items-center gap-2 rounded-[10px] border py-1 pr-1 pl-3", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            inputMode: "decimal",
-            placeholder: "Enter Amount",
-            value: amount,
-            onChange: (e) => {
-              const value = e.target.value.replace(/[^0-9.,]/g, "").replace(/,/g, ".");
-              if (value.split(".").length <= 2) {
-                setAmount(value);
-              }
-            },
-            className: cn(
-              "text-foreground flex-1 bg-transparent text-sm outline-none",
-              "placeholder:text-muted-foreground/50"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: handleMaxClick,
-            className: "bg-secondary text-foreground hover:bg-secondary/80 cursor-pointer rounded px-3 py-2.5 text-xs font-semibold transition-colors",
-            children: "MAX"
-          }
-        )
-      ] }),
-      tooManyDecimals && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
-        "Too many decimal places (max: ",
-        selectedToken.decimals,
-        ")"
-      ] }),
-      exceedsBalance && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: "Insufficient balance" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleSubmit,
-        disabled: !isConnected || !hasValidAmount || tooManyDecimals || !!exceedsBalance || isPending,
-        className: cn(
-          "flex h-10 w-full cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors",
-          "bg-primary text-primary-foreground hover:bg-primary/90",
-          "disabled:cursor-not-allowed disabled:opacity-50"
-        ),
-        children: getButtonText()
+        if (beneficiaryRef.current?.toLowerCase() !== owner.toLowerCase()) {
+          throw new Error("Authenticated deposit account changed while signing");
+        }
+        const next = {
+          version: 1,
+          owner,
+          serviceAddress: targetService,
+          chainId: token.chainId,
+          tokenId: token.id,
+          startBlock: Number(startBlock),
+          depositAmount: amount.toString(),
+          maxLockAmount: String(payload.amount),
+          lockDuration,
+          generation: payload.signature,
+          payload
+        };
+        saveExternalDepositLockSession(next, null);
+        installSession(next);
+      } finally {
+        signingRef.current = false;
+        setIsSigning(false);
       }
-    )
-  ] });
-}
-function WithdrawForm({
-  selectedToken,
-  onTokenSelect,
-  onPendingChange,
-  onUnsafeToCloseChange
-}) {
-  const { isConnected, address } = useAccount();
-  const { chains, getChainById: getChainById2 } = usePrivanaContext();
-  const [amount, setAmount] = useState("");
-  const [showSuccess, setShowSuccess] = useState(false);
-  const [showTimeout, setShowTimeout] = useState(false);
-  const [cancelled, setCancelled] = useState(false);
-  const targetChain = getChainById2(selectedToken.chainId) ?? chains[0];
-  const {
-    balanceWei,
-    isLoading: isBalanceLoading,
-    isError: isBalanceError
-  } = useBalance({
-    tokenId: selectedToken.id
-  });
-  const formattedBalance = formatTokenAmount(balanceWei, selectedToken.decimals);
-  const { withdraw, isPending, currentStep, error, reset } = useWithdraw({
-    onProcessingSuccess: () => {
-      setAmount("");
-      setShowSuccess(true);
     },
-    onProcessingTimeout: () => {
-      setAmount("");
-      setShowTimeout(true);
-    }
-  });
-  const explorerUrl = address && targetChain ? getExplorerAddressUrl(targetChain.id, address) : void 0;
-  const getStepStatus = (step, after) => {
-    if (currentStep === step) return "active";
-    if (after.includes(currentStep)) return "completed";
-    return "pending";
-  };
-  const withdrawSteps = [
-    {
-      label: "Switching to signing chain",
-      status: getStepStatus("switching-chain", ["signing", "submitting", "processing"])
+    [
+      address,
+      allowance,
+      client,
+      config,
+      ensureCorrectChain,
+      getTokenById,
+      installSession,
+      networkConfig,
+      privateReadAddress,
+      serviceAddress
+    ]
+  );
+  const settleAfterCredit = useCallback(
+    async (txHash, creditedAmount) => {
+      const active = sessionRef.current;
+      if (!active || settlingRef.current) return;
+      if (!isCurrentExternalDepositVerification(active, txHash)) {
+        return;
+      }
+      if (creditedAmount <= 0n) throw new Error("Credited amount must be positive");
+      const credited = {
+        ...active,
+        verification: void 0,
+        creditedAmount: creditedAmount.toString()
+      };
+      try {
+        saveExternalDepositLockSession(credited, active);
+        pendingCreditedTransitionRef.current = null;
+      } catch (err) {
+        const stored = loadExternalDepositLockSession(active.owner);
+        if (err instanceof ExternalDepositLockSessionChangedError || !stored || !isSameExternalDepositLockSession(stored, active)) {
+          pendingCreditedTransitionRef.current = null;
+          installSession(stored ?? null);
+          return;
+        }
+        pendingCreditedTransitionRef.current = { predecessor: active, credited };
+        installSession(credited);
+        notifyFailure(
+          new PostDepositLockError(
+            err instanceof Error ? err.message : "Unable to persist credited deposit state",
+            "submission-failed",
+            BigInt(active.maxLockAmount),
+            creditedAmount,
+            { cause: err }
+          )
+        );
+        return;
+      }
+      installSession(credited);
+      await submitSession(credited);
     },
-    { label: "Sign in wallet", status: getStepStatus("signing", ["submitting", "processing"]) },
-    {
-      label: "Submitting withdrawal",
-      status: getStepStatus("submitting", ["processing"])
+    [installSession, notifyFailure, submitSession]
+  );
+  const recordVerification = useCallback(
+    (context) => {
+      const active = sessionRef.current;
+      if (!active || active.creditedAmount) {
+        throw new Error("No external deposit session is awaiting verification");
+      }
+      if (active.verification) {
+        const sameTransfer = active.verification.hash.toLowerCase() === context.hash.toLowerCase() && active.verification.chainId === context.chainId && active.verification.amount === context.amount.toString() && (active.verification.logIndex ?? 0) === (context.logIndex ?? 0);
+        if (sameTransfer) return;
+        throw new Error("Another transfer is already being verified for this deposit session");
+      }
+      if (context.chainId !== active.chainId || context.amount <= 0n) {
+        throw new Error("Discovered transfer does not match the signed deposit session");
+      }
+      const current = loadExternalDepositLockSession(active.owner);
+      if (!current || current.generation !== active.generation) {
+        throw new Error("The signed deposit session changed before verification");
+      }
+      const next = {
+        ...active,
+        verification: {
+          hash: context.hash,
+          chainId: context.chainId,
+          amount: context.amount.toString(),
+          logIndex: context.logIndex
+        }
+      };
+      saveExternalDepositLockSession(next, active);
+      installSession(next);
     },
-    {
-      label: "Processing \u2014 may take a minute or two",
-      status: getStepStatus("processing", [])
+    [installSession]
+  );
+  const retryAfterCredit = useCallback(async () => {
+    const active = sessionRef.current;
+    if (!active?.creditedAmount) throw new Error("No credited external deposit to recover");
+    if (signingRef.current || settlingRef.current) {
+      throw new Error("A policy operation is already in progress");
     }
-  ];
-  useEffect(() => {
-    if (error) {
-      toast.error(error.message.length > 100 ? `${error.message.slice(0, 100)}...` : error.message);
+    if (privateReadAddress?.toLowerCase() !== active.owner.toLowerCase()) {
+      throw new Error("Authenticated deposit account does not match the credited deposit");
     }
-  }, [error]);
-  useEffect(() => {
-    const pending = isPending && !cancelled;
-    onPendingChange?.(pending);
-    onUnsafeToCloseChange?.(pending);
-  }, [isPending, cancelled, onPendingChange, onUnsafeToCloseChange]);
-  const handleCancel = () => {
-    setCancelled(true);
-    reset();
-  };
-  const handleDone = () => {
-    setShowSuccess(false);
-    setShowTimeout(false);
-    setCancelled(false);
-    reset();
-  };
-  const handleWithdraw = async () => {
-    if (!amount || !selectedToken || exceedsBalance) return;
-    setCancelled(false);
-    const amountInWei = parseTokenAmount(amount, selectedToken.decimals);
-    await withdraw({
-      tokenId: selectedToken.id,
-      amount: amountInWei
-    });
-  };
-  const handleMaxClick = () => {
-    if (formattedBalance && parseFloat(formattedBalance) > 0) {
-      setAmount(formattedBalance.replace(/[\s\u2009]/g, ""));
+    const token = getTokenById(active.tokenId);
+    if (!token || token.chainId !== active.chainId || token.contract === zeroAddress) {
+      throw new Error("The credited token is no longer available");
     }
-  };
-  const hasValidAmount = amount && parseFloat(amount) > 0;
-  const tooManyDecimals = hasValidAmount && amount.includes(".") && amount.split(".")[1].length > selectedToken.decimals;
-  const exceedsBalance = hasValidAmount && !tooManyDecimals && !isBalanceLoading && !isBalanceError && parseTokenAmount(amount, selectedToken.decimals) > BigInt(balanceWei);
-  const getButtonText = () => {
-    if (!isConnected) return "Connect Wallet";
-    return "Withdraw";
-  };
-  if (showSuccess) {
-    return /* @__PURE__ */ jsx(
-      TransactionSuccessView,
-      {
-        title: "Withdrawal Complete",
-        message: `Your ${selectedToken.symbol} withdrawal has been processed. Funds should appear in your wallet shortly.`,
-        explorerUrl,
-        explorerLabel: targetChain ? getExplorerLabel(targetChain.id) : void 0,
-        onDone: handleDone
-      }
-    );
-  }
-  if (showTimeout) {
-    return /* @__PURE__ */ jsx(
-      TransactionWarningView,
-      {
-        title: "Withdrawal Processing",
-        message: `Your withdrawal is still being processed. Please check your balance \u2014 it should update shortly.`,
-        onDone: handleDone
-      }
-    );
-  }
-  if (isPending && !cancelled) {
-    const canCancel = currentStep === "idle" || currentStep === "switching-chain" || currentStep === "signing";
-    return /* @__PURE__ */ jsx(
-      TransactionProgressView,
-      {
-        title: "Withdrawing...",
-        steps: withdrawSteps,
-        onCancel: canCancel ? handleCancel : void 0
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-3", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Token" }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: onTokenSelect,
-          className: "border-border bg-input flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "h-8 w-8 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(selectedToken.symbol, 32) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: selectedToken.symbol }),
-              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
-                "on ",
-                targetChain?.name ?? "Base Sepolia"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Amount" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
-          formattedBalance,
-          " ",
-          selectedToken.symbol
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "border-border bg-input flex items-center gap-2 rounded-[10px] border py-1 pr-1 pl-3", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            inputMode: "decimal",
-            placeholder: "Enter Amount",
-            value: amount,
-            onChange: (e) => {
-              const value = e.target.value.replace(/[^0-9.,]/g, "").replace(/,/g, ".");
-              if (value.split(".").length <= 2) {
-                setAmount(value);
-              }
-            },
-            className: cn(
-              "text-foreground flex-1 bg-transparent text-sm outline-none",
-              "placeholder:text-muted-foreground/50"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: handleMaxClick,
-            className: "bg-secondary text-foreground hover:bg-secondary/80 cursor-pointer rounded px-3 py-2.5 text-xs font-semibold transition-colors",
-            children: "MAX"
-          }
-        )
-      ] }),
-      tooManyDecimals && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
-        "Too many decimal places (max: ",
-        selectedToken.decimals,
-        ")"
-      ] }),
-      exceedsBalance && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: "Insufficient balance" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleWithdraw,
-        disabled: !isConnected || !hasValidAmount || tooManyDecimals || !!exceedsBalance || isPending,
-        className: cn(
-          "flex h-10 w-full cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors",
-          "bg-primary text-primary-foreground hover:bg-primary/90",
-          "disabled:cursor-not-allowed disabled:opacity-50"
-        ),
-        children: getButtonText()
-      }
-    )
-  ] });
-}
-function BalanceCards({
-  selectedToken,
-  onLockedFundsClick,
-  onBalanceClick,
-  showLockedFunds = true,
-  disabled
-}) {
-  const { balanceWei, isLoading: balanceLoading } = useBalance({
-    tokenId: selectedToken.id
-  });
-  const { totalLocked, isLoading: lockedLoading } = useLockedFunds({ enabled: showLockedFunds });
-  const formattedBalance = formatTokenAmount(balanceWei, selectedToken.decimals);
-  const formattedLocked = showLockedFunds ? formatTokenAmount(String(totalLocked), selectedToken.decimals) : "0.00";
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2", disabled && "opacity-50"), children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: onBalanceClick,
-        disabled,
-        className: cn(
-          "bg-muted flex flex-1 flex-col gap-2 rounded-[10px] p-5 text-left transition-colors",
-          disabled ? "cursor-not-allowed" : "hover:bg-muted/80 cursor-pointer"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Balance" }),
-              /* @__PURE__ */ jsx("span", { className: "bg-secondary text-muted-foreground rounded-full px-2 py-[5px] text-[10px] font-bold", children: selectedToken.symbol })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-foreground text-xl font-medium", children: balanceLoading ? /* @__PURE__ */ jsx("span", { className: "bg-secondary inline-block h-6 w-24 animate-pulse rounded" }) : formattedBalance })
-        ]
-      }
-    ),
-    showLockedFunds && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: onLockedFundsClick,
-        disabled,
-        className: cn(
-          "bg-muted flex flex-1 flex-col gap-2 rounded-[10px] p-5 text-left transition-colors",
-          disabled ? "cursor-not-allowed" : "hover:bg-muted/80 cursor-pointer"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Locked Funds" }),
-              /* @__PURE__ */ jsx("span", { className: "bg-secondary text-muted-foreground rounded-full px-2 py-[5px] text-[10px] font-bold", children: selectedToken.symbol })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-foreground text-xl font-medium", children: lockedLoading ? /* @__PURE__ */ jsx("span", { className: "bg-secondary inline-block h-6 w-20 animate-pulse rounded" }) : formattedLocked })
-        ]
+    const targetService = requireServiceAddress(serviceAddress);
+    if (targetService.toLowerCase() !== active.serviceAddress.toLowerCase()) {
+      throw new Error("The service for this credited deposit has changed");
+    }
+    if (active.payload) {
+      await submitSession(active);
+      return;
+    }
+    if (active.submissionAmbiguous) {
+      throw new Error(
+        "The previous lock submission may have succeeded; a fresh signature is unsafe"
+      );
+    }
+    const owner = requireDepositLockOwner(address, privateReadAddress);
+    const amount = externalDepositRetryAmount(active);
+    let retrySession;
+    signingRef.current = true;
+    setIsSigning(true);
+    try {
+      await ensureCorrectChain(networkConfig.chainId);
+      const signingWalletClient = await getWalletClient(config, {
+        chainId: networkConfig.chainId
+      });
+      const payload = await createSignedLockRequest({
+        client,
+        walletClient: signingWalletClient,
+        userAddress: owner,
+        networkConfig,
+        serviceAddress: targetService,
+        tokenId: active.tokenId,
+        amount,
+        lockDuration: active.lockDuration
+      });
+      if (beneficiaryRef.current?.toLowerCase() !== owner.toLowerCase()) {
+        throw new Error("Authenticated deposit account changed while signing");
       }
-    )
-  ] });
+      retrySession = {
+        ...active,
+        depositAmount: amount.toString(),
+        generation: payload.signature,
+        verification: void 0,
+        submissionAmbiguous: void 0,
+        payload
+      };
+      saveExternalDepositLockSession(retrySession, active);
+      installSession(retrySession);
+    } finally {
+      signingRef.current = false;
+      setIsSigning(false);
+    }
+    await submitSession(retrySession);
+  }, [
+    address,
+    client,
+    config,
+    ensureCorrectChain,
+    getTokenById,
+    installSession,
+    networkConfig,
+    privateReadAddress,
+    serviceAddress,
+    submitSession
+  ]);
+  const clearVerification = useCallback(() => {
+    const active = sessionRef.current;
+    if (!active?.verification || active.creditedAmount) return false;
+    const next = clearExternalDepositVerification(active);
+    if (!next) {
+      installSession(loadExternalDepositLockSession(active.owner) ?? null);
+      return false;
+    }
+    installSession(next);
+    return true;
+  }, [installSession]);
+  const discardSession = useCallback(() => {
+    const active = sessionRef.current;
+    if (!active) return true;
+    if (signingRef.current || settlingRef.current) return false;
+    const pending = pendingCreditedTransitionRef.current;
+    const discardTarget = pending && isSameExternalDepositLockSession(active, pending.credited) ? pending.predecessor : active;
+    const discarded = discardExternalDepositLockSession(discardTarget);
+    const restored = loadExternalDepositLockSession(active.owner) ?? null;
+    if (discarded) pendingCreditedTransitionRef.current = null;
+    installSession(restored);
+    return discarded && !restored;
+  }, [installSession]);
+  return {
+    isSigning,
+    isSubmittingLock,
+    session,
+    signAndPersist,
+    recordVerification,
+    settleAfterCredit,
+    retryAfterCredit,
+    clearVerification,
+    discardSession
+  };
 }
-function Tabs({
-  activeTab,
-  onTabChange,
-  disabled
-}) {
+function USDCIcon({ className, size = 24 }) {
   return /* @__PURE__ */ jsxs(
-    "div",
+    "svg",
     {
-      className: cn(
-        "bg-muted relative flex gap-2 overflow-hidden rounded-[10px] p-1",
-        disabled && "opacity-50"
-      ),
+      width: size,
+      height: size,
+      viewBox: "0 0 2000 2000",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
       children: [
         /* @__PURE__ */ jsx(
-          "div",
+          "path",
           {
-            className: cn(
-              "bg-input absolute top-1 bottom-1 left-1 w-[calc(50%-8px)] rounded-md transition-transform duration-200",
-              activeTab === "withdraw" && "translate-x-[calc(100%+8px)]"
-            )
+            d: "M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z",
+            fill: "#2775ca"
           }
         ),
         /* @__PURE__ */ jsx(
-          "button",
+          "path",
           {
-            onClick: () => !disabled && onTabChange("deposit"),
-            disabled,
-            className: cn(
-              "relative z-10 flex-1 rounded-md px-3 py-[9px] text-sm transition-colors",
-              activeTab === "deposit" ? "text-foreground" : "text-muted-foreground",
-              disabled ? "cursor-not-allowed" : "cursor-pointer"
-            ),
-            children: "Deposit"
+            d: "M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z",
+            fill: "#fff"
           }
         ),
         /* @__PURE__ */ jsx(
-          "button",
+          "path",
           {
-            onClick: () => !disabled && onTabChange("withdraw"),
-            disabled,
-            className: cn(
-              "relative z-10 flex-1 rounded-md px-3 py-[9px] text-sm transition-colors",
-              activeTab === "withdraw" ? "text-foreground" : "text-muted-foreground",
-              disabled ? "cursor-not-allowed" : "cursor-pointer"
-            ),
-            children: "Withdraw"
+            d: "M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z",
+            fill: "#fff"
           }
         )
       ]
     }
   );
 }
-function LockedFundsView({ onBack }) {
-  const { getTokenById } = usePrivanaContext();
-  const { locks, isLoading } = useLockedFunds();
-  const { unlockFunds, unlockAllExpired, isPending } = useUnlockFunds();
-  const [collapsedSections, setCollapsedSections] = useState({});
-  const sections = useMemo(() => {
-    const sectionMap = {};
-    locks.forEach((lock) => {
-      const serviceName = shortenAddress(lock.service_address);
-      if (!sectionMap[lock.service_address]) {
-        sectionMap[lock.service_address] = {
-          title: `Service ${serviceName}`,
-          items: []
-        };
-      }
-      sectionMap[lock.service_address].items.push({
-        lockId: lock.lock_id,
-        amount: formatTokenAmount(String(lock.amount), getTokenById(lock.token_id)?.decimals ?? 18),
-        serviceAddress: lock.service_address,
-        time: lock.is_expired ? "Click to unlock" : formatTimeRemaining(lock.expiry),
-        isExpired: lock.is_expired
-      });
-    });
-    return Object.values(sectionMap);
-  }, [getTokenById, locks]);
-  const toggleSection = (title) => {
-    setCollapsedSections((prev) => ({
-      ...prev,
-      [title]: !prev[title]
-    }));
-  };
-  const expiredCount = locks.filter((l) => l.is_expired).length;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onBack,
-          className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Locked Funds" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "bg-muted flex min-h-0 flex-1 flex-col rounded-[10px] p-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex animate-pulse items-center gap-3 rounded-lg p-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "bg-secondary h-10 w-10 rounded-full" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-secondary mb-2 h-3.5 w-24 rounded" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-secondary h-3 w-32 rounded" })
-        ] })
-      ] }, i)) }) : sections.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "No locked funds" }) }) : sections.map((section) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => toggleSection(section.title),
-            className: "text-muted-foreground hover:bg-secondary flex w-full cursor-pointer items-center justify-between rounded-lg px-4 py-4 transition-colors",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: section.title }),
-              /* @__PURE__ */ jsx(
-                ChevronDownIcon,
-                {
-                  direction: collapsedSections[section.title] ? "right" : "down"
-                }
-              )
-            ]
-          }
-        ),
-        !collapsedSections[section.title] && section.items.map((item) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-between gap-3 rounded-lg p-3",
-              item.isExpired && "bg-secondary"
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-3", children: [
-                /* @__PURE__ */ jsx("div", { className: "bg-secondary h-10 w-10 rounded-full" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "text-foreground text-sm font-medium", children: [
-                    item.amount,
-                    " USDC"
-                  ] }),
-                  /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
-                    "Service: ",
-                    shortenAddress(item.serviceAddress)
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-end gap-2", children: [
-                item.isExpired ? /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: () => unlockFunds({ lockId: Number(item.lockId) }),
-                    disabled: isPending,
-                    className: "text-foreground hover:text-foreground/80 cursor-pointer text-sm transition-colors disabled:opacity-50",
-                    children: "Click to unlock"
-                  }
-                ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-amber-500", children: item.time }),
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: "on Base Sepolia" })
-              ] })
-            ]
-          },
-          `${item.serviceAddress}-${item.lockId}`
-        ))
-      ] }, section.title)) }),
-      expiredCount > 0 && /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => unlockAllExpired(),
-          disabled: isPending,
-          className: "border-border text-foreground hover:bg-secondary flex h-10 w-full cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors disabled:opacity-50",
-          children: [
-            "Unlock All (",
-            expiredCount,
-            ")"
-          ]
-        }
-      ) })
-    ] })
-  ] });
-}
-function BalanceTokenRow({ token }) {
-  const { balanceWei, isLoading } = useBalance({
-    tokenId: token.id
-  });
-  const formattedBalance = formatTokenAmount(balanceWei, token.decimals);
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2 rounded-lg px-3 py-2.5", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-[18px] w-[18px] overflow-hidden rounded-full", children: getTokenIcon(token.symbol, 18) }),
-    /* @__PURE__ */ jsx("span", { className: "text-foreground flex-1 text-sm", children: token.symbol }),
-    isLoading ? /* @__PURE__ */ jsx("span", { className: "bg-secondary h-4 w-16 animate-pulse rounded" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: formattedBalance })
-  ] });
-}
-function BalanceDetailsView({ onBack }) {
-  const { enabledTokens, chains } = usePrivanaContext();
-  const [selectedChainId, setSelectedChainId] = useState(chains[0]?.id ?? 84532);
-  const chainTokens = useMemo(() => {
-    return enabledTokens.filter((t) => t.chainId === selectedChainId);
-  }, [enabledTokens, selectedChainId]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onBack,
-          className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Token Balances" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-1 flex-col overflow-hidden rounded-[10px] p-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Network" }) }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 flex-1 overflow-y-auto", children: chains.map((chain) => {
-          const isSelected = selectedChainId === chain.id;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => setSelectedChainId(chain.id),
-              className: cn(
-                "hover:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2.5 text-left transition-colors",
-                isSelected && "bg-secondary"
-              ),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "h-[18px] w-[18px] overflow-hidden rounded-full", children: getChainIcon(chain.id, 18) }),
-                /* @__PURE__ */ jsx("span", { className: "text-foreground flex-1 text-sm", children: chain.name })
-              ]
-            },
-            chain.id
-          );
-        }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-[2] flex-col overflow-hidden rounded-[10px] p-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Token Balance" }) }),
-        /* @__PURE__ */ jsx("div", { className: "mt-2 flex-1 overflow-y-auto", children: chainTokens.map((token) => /* @__PURE__ */ jsx(BalanceTokenRow, { token }, token.id)) })
-      ] })
-    ] })
-  ] });
+function BaseIcon({ className, size = 24 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 2500 2500",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "1250", cy: "1250", r: "1250", fill: "#0052FF" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1247.8,2500c691.6,0,1252.2-559.6,1252.2-1250C2500,559.6,1939.4,0,1247.8,0C591.7,0,53.5,503.8,0,1144.9h1655.1v210.2H0C53.5,1996.2,591.7,2500,1247.8,2500z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
 }
-function TokenRow({
-  token,
-  isSelected,
-  onClick
-}) {
-  const { address } = useAccount();
-  const isNative = token.contract === zeroAddress;
-  const { data: nativeBalanceData } = useBalance$1({
-    address,
-    chainId: token.chainId,
-    query: { enabled: !!address && isNative }
-  });
-  const { data: erc20Balance } = useReadContract({
-    address: token.contract,
-    abi: erc20Abi,
-    functionName: "balanceOf",
-    args: address ? [address] : void 0,
-    chainId: token.chainId,
-    query: { enabled: !!address && !isNative }
-  });
-  const walletBalance = isNative ? nativeBalanceData?.value : erc20Balance;
-  const formattedBalance = walletBalance ? formatTokenAmount(walletBalance.toString(), token.decimals) : "0.00";
+function WETHIcon({ className, size = 24 }) {
   return /* @__PURE__ */ jsxs(
-    "button",
+    "svg",
     {
-      onClick,
-      className: cn(
-        "hover:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2.5 text-left transition-colors",
-        isSelected && "bg-secondary"
-      ),
+      width: size,
+      height: size,
+      viewBox: "0 0 250 250",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "h-[18px] w-[18px] overflow-hidden rounded-full", children: getTokenIcon(token.symbol, 18) }),
-        /* @__PURE__ */ jsx("span", { className: "text-foreground flex-1 text-sm", children: token.symbol }),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: formattedBalance })
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M0 125C0 55.9644 55.9644 0 125 0C194.036 0 250 55.9644 250 125C250 194.036 194.036 250 125 250C55.9644 250 0 194.036 0 125Z",
+            fill: "#627EEA"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M125.047 30.5V100.351L184.086 126.732L125.047 30.5Z",
+            fill: "white",
+            fillOpacity: "0.602"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M125.047 30.5L66 126.732L125.047 100.351V30.5Z", fill: "white" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M125.047 172V219.462L184.125 137.728L125.047 172Z",
+            fill: "white",
+            fillOpacity: "0.602"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M125.047 219.462V171.992L66 137.728L125.047 219.462Z", fill: "white" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M125.047 161.013L184.086 126.733L125.047 100.368V161.013Z",
+            fill: "white",
+            fillOpacity: "0.2"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M66 126.733L125.047 161.013V100.368L66 126.733Z", fill: "white", fillOpacity: "0.602" })
       ]
     }
   );
 }
-function TokenSelectorView({
-  onBack,
-  onSelect,
-  selectedTokenId
-}) {
-  const { enabledTokens, chains } = usePrivanaContext();
-  const [selectedChainId, setSelectedChainId] = useState(chains[0]?.id ?? 84532);
-  const chainTokens = useMemo(() => {
-    return enabledTokens.filter((t) => t.chainId === selectedChainId);
-  }, [enabledTokens, selectedChainId]);
-  const handleTokenSelect = (token) => {
-    onSelect(token);
-    onBack();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "button",
+function getTokenIcon(symbol, size) {
+  const iconSize = size ?? 24;
+  switch (symbol.toUpperCase()) {
+    case "USDC":
+      return /* @__PURE__ */ jsx(USDCIcon, { size: iconSize });
+    case "WETH":
+      return /* @__PURE__ */ jsx(WETHIcon, { size: iconSize });
+    default:
+      return /* @__PURE__ */ jsx(
+        "div",
         {
-          onClick: onBack,
-          className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+          className: "bg-muted flex items-center justify-center rounded-full text-xs font-bold",
+          style: { width: iconSize, height: iconSize },
+          children: symbol.slice(0, 2)
         }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Select Token" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-1 flex-col overflow-hidden rounded-[10px] p-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Network" }) }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 flex-1 overflow-y-auto", children: chains.map((chain) => {
-          const isSelected = selectedChainId === chain.id;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => setSelectedChainId(chain.id),
-              className: cn(
-                "hover:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2.5 text-left transition-colors",
-                isSelected && "bg-secondary"
-              ),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "h-[18px] w-[18px] overflow-hidden rounded-full", children: getChainIcon(chain.id, 18) }),
-                /* @__PURE__ */ jsx("span", { className: "text-foreground flex-1 text-sm", children: chain.name })
-              ]
-            },
-            chain.id
-          );
-        }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-[2] flex-col overflow-hidden rounded-[10px] p-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Token" }) }),
-        /* @__PURE__ */ jsx("div", { className: "mt-2 flex-1 overflow-y-auto", children: chainTokens.map((token) => /* @__PURE__ */ jsx(
-          TokenRow,
-          {
-            token,
-            isSelected: selectedTokenId === token.id,
-            onClick: () => handleTokenSelect(token)
-          },
-          token.id
-        )) })
-      ] })
-    ] })
-  ] });
-}
-function ModalBody({
-  onViewChange,
-  onCloseBlockedChange,
-  showLockedFunds = true,
-  defaultTab = "deposit",
-  onDepositSuccess
-}) {
-  const { defaultToken, tokensStatus } = usePrivanaContext();
-  const [selectedToken, setSelectedToken] = useState(defaultToken);
-  const [activeTab, setActiveTab] = useState(defaultTab);
-  const [currentView, setCurrentView] = useState("main");
-  const [isInteractionPending, setIsInteractionPending] = useState(false);
-  useEffect(() => {
-    if (!selectedToken && defaultToken) {
-      setSelectedToken(defaultToken);
-    }
-  }, [selectedToken, defaultToken]);
-  const handlePendingChange = (isPending) => {
-    setIsInteractionPending(isPending);
-  };
-  const handleCloseBlockedChange = (isBlocked) => {
-    onCloseBlockedChange?.(isBlocked);
-  };
-  const handleViewChange = (view) => {
-    const update = () => {
-      setCurrentView(view);
-      onViewChange?.(view);
-    };
-    if (typeof document !== "undefined" && typeof document.startViewTransition === "function") {
-      document.documentElement.dataset.privanaVtDir = view === "main" ? "back" : "forward";
-      const transition = document.startViewTransition(update);
-      transition.finished.then(() => {
-        delete document.documentElement.dataset.privanaVtDir;
-      });
-    } else {
-      update();
-    }
-  };
-  const handleTokenSelect = (token) => {
-    setSelectedToken(token);
-  };
-  if (tokensStatus === "loading" || !selectedToken) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-secondary h-25 animate-pulse rounded-[10px]" }),
-      /* @__PURE__ */ jsx("div", { className: "bg-secondary h-11 animate-pulse rounded-[10px]" }),
-      /* @__PURE__ */ jsx("div", { className: "bg-secondary h-50 animate-pulse rounded-[10px]" })
-    ] });
-  }
-  if (currentView === "locked-funds") {
-    return /* @__PURE__ */ jsx(LockedFundsView, { onBack: () => handleViewChange("main") });
-  }
-  if (currentView === "balance-details") {
-    return /* @__PURE__ */ jsx(BalanceDetailsView, { onBack: () => handleViewChange("main") });
+      );
   }
-  if (currentView === "select-token") {
-    return /* @__PURE__ */ jsx(
-      TokenSelectorView,
-      {
-        onBack: () => handleViewChange("main"),
-        onSelect: handleTokenSelect,
-        selectedTokenId: selectedToken.id
-      }
-    );
+}
+function getChainIcon(chainId, size) {
+  const iconSize = size ?? 24;
+  switch (chainId) {
+    case 84532:
+      return /* @__PURE__ */ jsx(BaseIcon, { size: iconSize });
+    default:
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-muted flex items-center justify-center rounded-full text-xs font-bold",
+          style: { width: iconSize, height: iconSize },
+          children: "?"
+        }
+      );
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pb-4", children: [
-    /* @__PURE__ */ jsx("div", { className: cn(isInteractionPending && "pointer-events-none"), children: /* @__PURE__ */ jsx(
-      BalanceCards,
-      {
-        selectedToken,
-        onLockedFundsClick: () => handleViewChange("locked-funds"),
-        onBalanceClick: () => handleViewChange("balance-details"),
-        showLockedFunds,
-        disabled: isInteractionPending
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: cn(isInteractionPending && "pointer-events-none"), children: /* @__PURE__ */ jsx(Tabs, { activeTab, onTabChange: setActiveTab, disabled: isInteractionPending }) }),
-    /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-[10px] p-5", children: activeTab === "deposit" ? /* @__PURE__ */ jsx(
-      DepositForm,
-      {
-        selectedToken,
-        onTokenSelect: () => handleViewChange("select-token"),
-        onPendingChange: handlePendingChange,
-        onUnsafeToCloseChange: handleCloseBlockedChange,
-        onSuccess: onDepositSuccess
-      }
-    ) : /* @__PURE__ */ jsx(
-      WithdrawForm,
-      {
-        selectedToken,
-        onTokenSelect: () => handleViewChange("select-token"),
-        onPendingChange: handlePendingChange,
-        onUnsafeToCloseChange: handleCloseBlockedChange
-      }
-    ) })
-  ] }) });
 }
-function PrivanaModal({
-  open,
-  onClose,
-  showLockedFunds,
-  defaultTab,
-  onDepositSuccess
-}) {
-  const [currentView, setCurrentView] = useState("main");
-  const titleId = useId();
-  const descId = useId();
-  const [isCloseBlocked, setIsCloseBlocked] = useState(false);
-  const handleClose = () => {
-    if (!isCloseBlocked) onClose();
-  };
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onOpenChange: (isOpen) => {
-        if (!isOpen) handleClose();
-      },
-      children: /* @__PURE__ */ jsxs(
-        DialogContent,
+function TokenSelectorView({ selectedTokenId, onSelect }) {
+  const { enabledTokens } = usePrivanaContext();
+  return /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col rounded-[10px] p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-72 flex-col gap-1 overflow-y-auto", children: [
+    enabledTokens.map((token) => {
+      const isSelected = selectedTokenId === token.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
         {
-          "data-privana": true,
-          "data-view": currentView,
-          showCloseButton: false,
-          onInteractOutside: isCloseBlocked ? (e) => e.preventDefault() : void 0,
-          onEscapeKeyDown: isCloseBlocked ? (e) => e.preventDefault() : void 0,
-          className: "bg-card flex h-[596px] max-h-[95dvh] w-[560px] max-w-[95vw] flex-col gap-2 overflow-hidden rounded-2xl border-0 p-2 pb-[2.75rem]",
-          "aria-labelledby": titleId,
-          "aria-describedby": descId,
+          type: "button",
+          onClick: () => onSelect(token.id),
+          className: cn(
+            "hover:bg-secondary flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-left transition-colors",
+            isSelected && "bg-secondary"
+          ),
           children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                "data-privana-close": true,
-                onClick: handleClose,
-                disabled: isCloseBlocked,
-                "aria-label": "Close",
-                className: cn(
-                  "absolute top-6 right-5 z-20 flex h-6 w-6 items-center justify-center transition-colors",
-                  isCloseBlocked ? "text-muted-foreground/40 cursor-not-allowed" : "text-muted-foreground hover:text-foreground cursor-pointer"
-                ),
-                children: /* @__PURE__ */ jsx(CloseIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                "data-privana-content": true,
-                "data-view": currentView,
-                className: "flex min-h-0 flex-1 flex-col gap-2",
-                children: [
-                  /* @__PURE__ */ jsx(DialogTitle, { id: titleId, className: "sr-only", children: "Privana" }),
-                  /* @__PURE__ */ jsx(DialogDescription, { id: descId, className: "sr-only", children: "Deposit or withdraw tokens from your Privana" }),
-                  currentView === "main" && /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center px-5 py-4", children: /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Privana" }) }) }),
-                  /* @__PURE__ */ jsx(
-                    ModalBody,
-                    {
-                      onCloseBlockedChange: setIsCloseBlocked,
-                      onViewChange: setCurrentView,
-                      showLockedFunds,
-                      defaultTab,
-                      onDepositSuccess
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "a",
+            /* @__PURE__ */ jsx("div", { className: "h-6 w-6 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(token.symbol, 24) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-foreground text-sm font-medium", children: token.symbol }),
+              /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-[11px]", children: token.name })
+            ] }),
+            isSelected && /* @__PURE__ */ jsx("div", { className: "bg-primary flex h-4 w-4 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
+              "svg",
               {
-                "data-privana-footer": true,
-                href: "https://privana.finance",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                "aria-label": "Powered by Privana"
+                width: "10",
+                height: "10",
+                viewBox: "0 0 10 10",
+                fill: "none",
+                className: "text-primary-foreground",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M2 5L4 7L8 3",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
               }
-            )
+            ) })
           ]
-        }
-      )
-    }
-  );
+        },
+        token.id
+      );
+    }),
+    enabledTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-3 py-6 text-center text-sm", children: "No tokens available" })
+  ] }) });
 }
-function PrivanaInlineModal({
-  className,
-  showLockedFunds,
-  defaultTab,
-  onDepositSuccess
+function CreditCardWidgetView({
+  token,
+  amount,
+  allowance,
+  onCredited,
+  onLockSubmitted,
+  onLockFailed
 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
+  const moonpayCurrencyCode = token?.moonpayCurrencyCode;
+  const containerRef = useRef(null);
+  const [widgetTheme, setWidgetTheme] = useState();
+  useEffect(() => {
+    if (containerRef.current) setWidgetTheme(resolveSdkTheme(containerRef.current));
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: "Complete your purchase" }),
+    token && moonpayCurrencyCode ? /* @__PURE__ */ jsx(
+      FiatOnRampForm,
+      {
+        tokenId: token.id,
+        currencyCode: moonpayCurrencyCode,
+        quoteCurrencyAmount: amount || void 0,
+        lockAmount: true,
+        variant: "embedded",
+        autoStart: true,
+        theme: widgetTheme,
+        postDepositLock: allowance ? {
+          maxAmount: BigInt(allowance.value),
+          lockDuration: allowance.lockDuration
+        } : void 0,
+        onCredited,
+        onLockSubmitted,
+        onLockFailed
+      }
+    ) : /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
+      token?.symbol ?? "This token",
+      " isn\u2019t available for card purchases yet."
+    ] })
+  ] });
+}
+function resolveSdkTheme(el) {
+  const scheme = getComputedStyle(el).colorScheme;
+  if (scheme === "dark") return "dark";
+  if (scheme === "light") return "light";
+  return el.closest(".dark") ? "dark" : "light";
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
     {
-      "data-privana": true,
-      className: cn(
-        "bg-card flex w-[560px] max-w-full flex-col gap-2 overflow-hidden rounded-2xl p-2 shadow-lg",
-        className
-      ),
-      children: /* @__PURE__ */ jsx(
-        ModalBody,
-        {
-          showLockedFunds,
-          defaultTab,
-          onDepositSuccess
-        }
-      )
+      d: "M2.5 6l2.5 2.5 4.5-4.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
-  );
+  ) });
 }
-function PrivanaButton({
-  children,
-  className,
-  variant = "outline",
-  size = "default",
-  asChild = false,
-  renderButton,
-  hideWhenDisconnected = true,
-  showLockedFunds = true,
-  defaultTab,
-  onDepositSuccess,
-  ...buttonProps
-}) {
-  const [modalOpen, setModalOpen] = useState(false);
-  const { isConnected } = useAccount();
-  if (hideWhenDisconnected && !isConnected) {
-    return null;
-  }
-  const handleClick = () => setModalOpen(true);
-  const buttonElement = renderButton ? renderButton({ onClick: handleClick, isOpen: modalOpen }) : /* @__PURE__ */ jsx(
-    Button,
+function ExternalLinkIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
     {
-      variant,
-      size,
-      asChild,
-      className: cn(className),
-      onClick: handleClick,
-      disabled: !isConnected,
-      ...buttonProps,
-      children: children ?? "Privana"
+      d: "M3.5 1.5h7v7M10.5 1.5L1.5 10.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
-  );
-  return /* @__PURE__ */ jsxs("span", { "data-privana": true, className: "contents", children: [
-    buttonElement,
-    /* @__PURE__ */ jsx(
-      PrivanaModal,
+  ) });
+}
+function Spinner({ size = 20 }) {
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: "animate-spin", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "2", opacity: "0.15" }),
+    /* @__PURE__ */ jsx("path", { d: "M10 2a8 8 0 016.93 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+  ] });
+}
+function TransactionProgressView({ title, steps, onCancel }) {
+  const completed = steps.filter((s) => s.status === "completed").length;
+  const active = steps.find((s) => s.status === "active");
+  const total = steps.length;
+  const progress = (completed + (active ? 0.5 : 0)) / total * 100;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-primary", children: /* @__PURE__ */ jsx(Spinner, { size: 20 }) }),
+      /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: active?.label ?? title })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-secondary h-1.5 w-full overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-primary h-full rounded-full transition-all duration-500",
+          style: { width: `${progress}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+        "Step ",
+        Math.max(1, completed + (active ? 1 : 0)),
+        " of ",
+        total
+      ] })
+    ] }),
+    onCancel && /* @__PURE__ */ jsx(
+      "button",
       {
-        open: modalOpen,
-        onClose: () => setModalOpen(false),
-        showLockedFunds,
-        defaultTab,
-        onDepositSuccess
+        onClick: onCancel,
+        className: "border-border text-foreground hover:bg-secondary flex h-10 w-full cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors",
+        children: "Cancel"
       }
     )
   ] });
 }
-
-// src/sdk/hooks/external-deposit-lock.ts
-var ACTIVE_SESSION_PREFIX = "privana:external-deposit-lock:active:";
-var SESSION_PREFIX = "privana:external-deposit-lock:session:";
-var ExternalDepositLockSessionChangedError = class _ExternalDepositLockSessionChangedError extends Error {
-  constructor() {
-    super("External deposit lock session changed");
-    this.name = "ExternalDepositLockSessionChangedError";
-    Object.setPrototypeOf(this, _ExternalDepositLockSessionChangedError.prototype);
-  }
-};
-function externalDepositSessionId(chainId, tokenId) {
-  return `${chainId}:${tokenId.toLowerCase()}`;
-}
-function isExternalDepositBlockInSession(session, blockNumber) {
-  return Number.isSafeInteger(blockNumber) && blockNumber > session.startBlock;
-}
-function isCurrentExternalDepositVerification(session, txHash) {
-  return session.creditedAmount === void 0 && session.verification?.hash.toLowerCase() === txHash.toLowerCase();
-}
-function getExternalDepositMinimum(response, chainId) {
-  const value = response?.min_deposit?.[String(chainId)]?.erc20;
-  if (value === void 0) return void 0;
-  try {
-    const amount = BigInt(value);
-    return amount >= 0n ? amount : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function activeSessionKey(owner) {
-  return `${ACTIVE_SESSION_PREFIX}${owner.toLowerCase()}`;
+function TransactionSuccessView({
+  title,
+  message,
+  explorerUrl,
+  explorerLabel,
+  onDone
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-400", children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: title }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: message })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      explorerUrl && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: explorerUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "border-border text-foreground hover:bg-secondary flex h-10 flex-1 items-center justify-center gap-1.5 rounded-[10px] border text-sm transition-colors",
+          children: [
+            explorerLabel ?? "View on Explorer",
+            /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onDone,
+          className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors",
+          children: "Done"
+        }
+      )
+    ] })
+  ] });
 }
-function sessionKey(owner, sessionId) {
-  return `${SESSION_PREFIX}${owner.toLowerCase()}:${sessionId}`;
+function WarningIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7 5v2.5M7 10h.005M6.13 2.5h1.74L13 11.5H1L6.13 2.5z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
 }
-function activeSessionId(owner) {
-  const value = getSharedBrowserStorageItem(activeSessionKey(owner));
-  return value || void 0;
+function TransactionWarningView({
+  title,
+  message,
+  onDone,
+  actionLabel = "Done",
+  pendingLabel = actionLabel,
+  isPending = false,
+  onDismiss,
+  dismissLabel = "Dismiss"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-amber-500/10 text-amber-400", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: title }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: message })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      onDismiss && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onDismiss,
+          disabled: isPending,
+          className: "border-border text-foreground hover:bg-secondary flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          children: dismissLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onDone,
+          disabled: isPending,
+          className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          children: isPending ? pendingLabel : actionLabel
+        }
+      )
+    ] })
+  ] });
 }
-function isPositiveIntegerString(value) {
-  if (typeof value !== "string") return false;
-  try {
-    return BigInt(value) > 0n;
-  } catch {
-    return false;
-  }
-}
-function isSessionRecord(value) {
-  if (!value || typeof value !== "object") return false;
-  const record = value;
-  if (record.version !== 1 || typeof record.owner !== "string" || typeof record.serviceAddress !== "string" || !Number.isInteger(record.chainId) || (record.chainId ?? 0) <= 0 || typeof record.tokenId !== "string" || !Number.isSafeInteger(record.startBlock) || (record.startBlock ?? -1) < 0 || !isPositiveIntegerString(record.depositAmount) || !isPositiveIntegerString(record.maxLockAmount) || !Number.isInteger(record.lockDuration) || (record.lockDuration ?? 0) <= 0 || typeof record.generation !== "string" || !record.generation || record.submissionAmbiguous !== void 0 && typeof record.submissionAmbiguous !== "boolean" || record.creditedAmount !== void 0 && !isPositiveIntegerString(record.creditedAmount)) {
-    return false;
-  }
-  if (record.verification && (typeof record.verification.hash !== "string" || record.verification.chainId !== record.chainId || !isPositiveIntegerString(record.verification.amount) || record.verification.logIndex !== void 0 && (!Number.isInteger(record.verification.logIndex) || record.verification.logIndex < 0))) {
-    return false;
-  }
-  if (record.verification && record.creditedAmount !== void 0) return false;
-  if (record.submissionAmbiguous && record.creditedAmount === void 0) return false;
-  if (!record.payload) {
-    return record.creditedAmount !== void 0 && !record.submissionAmbiguous;
-  }
-  if (typeof record.payload.signature !== "string" || typeof record.payload.token_id !== "string" || typeof record.payload.service_address !== "string" || record.payload.signature !== record.generation || record.payload.token_id.toLowerCase() !== record.tokenId.toLowerCase() || record.payload.service_address.toLowerCase() !== record.serviceAddress.toLowerCase() || !isPositiveIntegerString(record.payload.amount)) {
-    return false;
-  }
-  return BigInt(record.payload.amount) <= BigInt(record.maxLockAmount);
-}
-function writeSessionRecord(session) {
-  const id = externalDepositSessionId(session.chainId, session.tokenId);
-  return setSharedBrowserStorageItem(sessionKey(session.owner, id), JSON.stringify(session));
-}
-function saveExternalDepositLockSession(session, expectedSession = null) {
-  if (!isSessionRecord(session)) throw new Error("Invalid external deposit lock session");
-  const current = loadExternalDepositLockSession(session.owner);
-  if (expectedSession === null && current || expectedSession !== null && (!current || !isSameSessionSnapshot(current, expectedSession))) {
-    throw new ExternalDepositLockSessionChangedError();
-  }
-  const nextId = externalDepositSessionId(session.chainId, session.tokenId);
-  const previousId = activeSessionId(session.owner);
-  if (!writeSessionRecord(session)) {
-    throw new Error("Unable to persist external deposit lock session");
-  }
-  if (previousId !== nextId) {
-    if (!setSharedBrowserStorageItem(activeSessionKey(session.owner), nextId)) {
-      removeSharedBrowserStorageItem(sessionKey(session.owner, nextId));
-      throw new Error("Unable to persist external deposit lock session");
-    }
-    if (previousId) {
-      removeSharedBrowserStorageItem(sessionKey(session.owner, previousId));
-    }
-  }
-}
-function loadExternalDepositLockSession(owner) {
-  const id = activeSessionId(owner);
-  if (!id) return void 0;
-  const key = sessionKey(owner, id);
-  try {
-    const raw = getSharedBrowserStorageItem(key);
-    const parsed = raw ? JSON.parse(raw) : void 0;
-    if (!isSessionRecord(parsed) || parsed.owner.toLowerCase() !== owner.toLowerCase() || externalDepositSessionId(parsed.chainId, parsed.tokenId) !== id) {
-      removeSharedBrowserStorageItem(key);
-      removeSharedBrowserStorageItem(activeSessionKey(owner));
-      return void 0;
-    }
-    return parsed;
-  } catch {
-    removeSharedBrowserStorageItem(key);
-    removeSharedBrowserStorageItem(activeSessionKey(owner));
-    return void 0;
-  }
-}
-function subscribeExternalDepositLockSession(owner, onChange) {
-  if (typeof window === "undefined") return () => void 0;
-  let localStorage;
-  try {
-    localStorage = window.localStorage;
-  } catch {
-    return () => void 0;
-  }
-  const activeKey = activeSessionKey(owner);
-  const ownerSessionPrefix = `${SESSION_PREFIX}${owner.toLowerCase()}:`;
-  const handleStorage = (event) => {
-    if (event.storageArea !== localStorage) return;
-    if (event.key !== null && event.key !== activeKey && !event.key.startsWith(ownerSessionPrefix)) {
-      return;
-    }
-    onChange(loadExternalDepositLockSession(owner));
-  };
-  window.addEventListener("storage", handleStorage);
-  return () => window.removeEventListener("storage", handleStorage);
-}
-function clearExternalDepositLockSession(owner, expectedSessionId, expectedGeneration) {
-  const id = activeSessionId(owner);
-  if (!id || expectedSessionId && id !== expectedSessionId) return;
-  if (expectedGeneration) {
-    const current = loadExternalDepositLockSession(owner);
-    if (!current || current.generation !== expectedGeneration) return;
-  }
-  removeSharedBrowserStorageItem(sessionKey(owner, id));
-  removeSharedBrowserStorageItem(activeSessionKey(owner));
-}
-function isSameVerification(left, right) {
-  if (!left || !right) return left === right;
-  return left.hash.toLowerCase() === right.hash.toLowerCase() && left.chainId === right.chainId && left.amount === right.amount && (left.logIndex ?? 0) === (right.logIndex ?? 0);
-}
-function isSamePayload(left, right) {
-  if (!left || !right) return left === right;
-  return left.service_address.toLowerCase() === right.service_address.toLowerCase() && left.token_id.toLowerCase() === right.token_id.toLowerCase() && left.amount === right.amount && left.expiry === right.expiry && left.nonce === right.nonce && left.signature === right.signature;
-}
-function isSameSessionSnapshot(left, right) {
-  return left.version === right.version && left.owner.toLowerCase() === right.owner.toLowerCase() && left.serviceAddress.toLowerCase() === right.serviceAddress.toLowerCase() && left.chainId === right.chainId && left.tokenId.toLowerCase() === right.tokenId.toLowerCase() && left.startBlock === right.startBlock && left.depositAmount === right.depositAmount && left.maxLockAmount === right.maxLockAmount && left.lockDuration === right.lockDuration && left.generation === right.generation && left.creditedAmount === right.creditedAmount && left.submissionAmbiguous === right.submissionAmbiguous && isSameVerification(left.verification, right.verification) && isSamePayload(left.payload, right.payload);
-}
-function isSameExternalDepositLockSession(left, right) {
-  return isSameSessionSnapshot(left, right);
-}
-function clearExternalDepositVerification(session) {
-  if (!session.verification || session.creditedAmount) return void 0;
-  const current = loadExternalDepositLockSession(session.owner);
-  if (!current || current.generation !== session.generation || current.creditedAmount || !isSameVerification(current.verification, session.verification)) {
-    return void 0;
-  }
-  const next = { ...current, verification: void 0 };
-  if (!writeSessionRecord(next)) {
-    throw new Error("Unable to clear failed deposit verification");
-  }
-  return next;
-}
-function discardExternalDepositLockSession(session) {
-  const current = loadExternalDepositLockSession(session.owner);
-  if (!current) return true;
-  if (!isSameSessionSnapshot(current, session)) return false;
-  clearExternalDepositLockSession(
-    current.owner,
-    externalDepositSessionId(current.chainId, current.tokenId),
-    current.generation
-  );
-  return loadExternalDepositLockSession(current.owner) === void 0;
-}
-function clearSubmittedPayload(session, signature, clearAmbiguous = false) {
-  const current = loadExternalDepositLockSession(session.owner);
-  if (!current?.payload || current.payload.signature !== signature || current.submissionAmbiguous && !clearAmbiguous) {
-    return false;
-  }
-  return writeSessionRecord({ ...current, submissionAmbiguous: void 0, payload: void 0 });
-}
-function markSubmissionAmbiguous(session, signature) {
-  const current = loadExternalDepositLockSession(session.owner);
-  if (!current?.payload || current.payload.signature !== signature) return false;
-  if (current.submissionAmbiguous) return true;
-  return writeSessionRecord({ ...current, submissionAmbiguous: true });
-}
-function ambiguousSubmissionError(error) {
-  return new PostDepositLockError(
-    "Lock submission could not be confirmed. Retry only the saved signature, or check locked funds before stopping recovery.",
-    error.reason,
-    error.signedAmount,
-    error.creditedAmount,
-    {
-      cause: error.cause,
-      submissionMayHaveSucceeded: true
-    }
-  );
-}
-function isDefinitiveSubmissionFailure(error) {
-  const cause = error.cause;
-  return cause instanceof AccountingApiError && cause.statusCode !== 408 && cause.statusCode < 500;
-}
-function submissionLockName(session) {
-  return `privana:external-deposit-lock:submit:${session.owner.toLowerCase()}:${externalDepositSessionId(session.chainId, session.tokenId)}`;
-}
-async function withSubmissionLock(session, task) {
-  const locks = typeof navigator === "undefined" ? void 0 : navigator.locks;
-  if (!locks) return task(false);
-  return locks.request(submissionLockName(session), () => task(true));
-}
-function externalDepositRetryAmount(session) {
-  if (!session.creditedAmount) throw new Error("No credited external deposit to recover");
-  const creditedAmount = BigInt(session.creditedAmount);
-  const maxLockAmount = BigInt(session.maxLockAmount);
-  return creditedAmount < maxLockAmount ? creditedAmount : maxLockAmount;
-}
-async function submitExternalDepositLock(client, session) {
-  return withSubmissionLock(session, async (crossTabExclusive) => {
-    const current = loadExternalDepositLockSession(session.owner);
-    if (!current || current.generation !== session.generation) {
-      throw new PostDepositLockError(
-        "External deposit lock session changed before submission",
-        "not-found",
-        BigInt(session.maxLockAmount),
-        session.creditedAmount ? BigInt(session.creditedAmount) : void 0
-      );
-    }
-    const result = await submitExternalDepositLockAttempt(client, current, crossTabExclusive);
-    clearExternalDepositLockSession(
-      current.owner,
-      externalDepositSessionId(current.chainId, current.tokenId),
-      current.generation
-    );
-    return result;
-  });
-}
-async function submitExternalDepositLockAttempt(client, session, crossTabExclusive) {
-  const creditedAmount = session.creditedAmount ? BigInt(session.creditedAmount) : void 0;
-  if (!creditedAmount) {
-    throw new PostDepositLockError(
-      "External deposit has not been credited",
-      "submission-failed",
-      BigInt(session.maxLockAmount)
-    );
-  }
-  const payload = session.payload;
-  if (!payload) {
-    throw new PostDepositLockError(
-      "No persisted signed policy found for this deposit session",
-      "not-found",
-      BigInt(session.maxLockAmount),
-      creditedAmount
-    );
-  }
-  try {
-    return await submitPendingLock({
-      client,
-      payload,
-      creditedAmount,
-      beforeSubmit: () => {
-        if (!markSubmissionAmbiguous(session, payload.signature)) {
-          throw new Error("Unable to persist lock submission recovery state");
-        }
-      }
-    });
-  } catch (err) {
-    if (err instanceof PostDepositLockError && err.reason === "submission-failed" && crossTabExclusive && !session.submissionAmbiguous && isDefinitiveSubmissionFailure(err)) {
-      if (!clearSubmittedPayload(session, payload.signature, true)) {
-        const latest = loadExternalDepositLockSession(session.owner);
-        if (latest?.submissionAmbiguous) throw ambiguousSubmissionError(err);
-      }
-    } else if (err instanceof PostDepositLockError && err.reason === "submission-failed") {
-      const ambiguous = markSubmissionAmbiguous(session, payload.signature) || loadExternalDepositLockSession(session.owner)?.submissionAmbiguous === true;
-      if (ambiguous) throw ambiguousSubmissionError(err);
-    } else {
-      const current = loadExternalDepositLockSession(session.owner);
-      if (session.submissionAmbiguous || current?.submissionAmbiguous) {
-        if (err instanceof PostDepositLockError) throw ambiguousSubmissionError(err);
-        throw err;
-      }
-      if (!clearSubmittedPayload(session, payload.signature)) {
-        const latest = loadExternalDepositLockSession(session.owner);
-        if (latest?.submissionAmbiguous && err instanceof PostDepositLockError) {
-          throw ambiguousSubmissionError(err);
-        }
-      }
-    }
-    throw err;
-  }
-}
-function useExternalDepositLock({
-  allowance,
-  onLockSubmitted,
-  onLockFailed
-}) {
-  const { client, networkConfig, serviceAddress, getTokenById, tokensStatus } = usePrivanaContext();
-  const config = useConfig();
-  const queryClient = useQueryClient();
-  const { address } = useAccount();
-  const { privateReadAddress } = usePrivateReadRequest();
-  const { ensureCorrectChain } = useEnsureCorrectChain();
-  const [isSigning, setIsSigning] = useState(false);
-  const [isSubmittingLock, setIsSubmittingLock] = useState(false);
-  const [session, setSession] = useState(null);
-  const sessionRef = useRef(null);
-  const signingRef = useRef(false);
-  const settlingRef = useRef(false);
-  const pendingCreditedTransitionRef = useRef(null);
-  const hydratedScopeRef = useRef(null);
-  const beneficiaryRef = useRef(privateReadAddress);
-  beneficiaryRef.current = privateReadAddress;
-  const onLockSubmittedRef = useRef(onLockSubmitted);
-  const onLockFailedRef = useRef(onLockFailed);
-  useEffect(() => {
-    onLockSubmittedRef.current = onLockSubmitted;
-    onLockFailedRef.current = onLockFailed;
-  }, [onLockSubmitted, onLockFailed]);
-  const installSession = useCallback((next) => {
-    sessionRef.current = next;
-    setSession(next);
-  }, []);
-  const preserveCreditedFallback = useCallback(
-    (durable) => {
-      const pending = pendingCreditedTransitionRef.current;
-      if (pending && durable && isSameExternalDepositLockSession(durable, pending.predecessor)) {
-        return pending.credited;
-      }
-      pendingCreditedTransitionRef.current = null;
-      return durable;
-    },
-    []
-  );
-  const notifyFailure = useCallback((error) => {
-    onLockFailedRef.current?.(error);
-  }, []);
-  const submitSession = useCallback(
-    async (active) => {
-      if (settlingRef.current) return;
-      settlingRef.current = true;
-      setIsSubmittingLock(true);
-      let result;
-      try {
-        let submission = active;
-        const storedBeforeSubmit = loadExternalDepositLockSession(active.owner);
-        if (storedBeforeSubmit?.generation === active.generation) {
-          if (active.creditedAmount && !storedBeforeSubmit.creditedAmount) {
-            const pending = pendingCreditedTransitionRef.current;
-            if (!pending || !isSameExternalDepositLockSession(active, pending.credited) || !isSameExternalDepositLockSession(storedBeforeSubmit, pending.predecessor)) {
-              throw new ExternalDepositLockSessionChangedError();
-            }
-            saveExternalDepositLockSession(pending.credited, pending.predecessor);
-            pendingCreditedTransitionRef.current = null;
-            submission = pending.credited;
-          } else {
-            submission = storedBeforeSubmit;
-          }
-        }
-        result = await submitExternalDepositLock(client, submission);
-      } catch (err) {
-        const stored = loadExternalDepositLockSession(active.owner);
-        const error = err instanceof PostDepositLockError ? err : new PostDepositLockError(
-          err instanceof Error ? err.message : "Lock submission failed",
-          "submission-failed",
-          BigInt(active.maxLockAmount),
-          active.creditedAmount ? BigInt(active.creditedAmount) : void 0,
-          { cause: err }
-        );
-        if (err instanceof ExternalDepositLockSessionChangedError) {
-          pendingCreditedTransitionRef.current = null;
-          installSession(stored ?? null);
-          return;
-        }
-        if (!stored || stored.generation !== active.generation) {
-          pendingCreditedTransitionRef.current = null;
-          installSession(stored ?? null);
-          return;
-        }
-        if (active.creditedAmount && !stored.creditedAmount) {
-          const pending = pendingCreditedTransitionRef.current;
-          if (pending && isSameExternalDepositLockSession(active, pending.credited) && isSameExternalDepositLockSession(stored, pending.predecessor)) {
-            installSession(pending.credited);
-            notifyFailure(error);
-            return;
-          }
-          pendingCreditedTransitionRef.current = null;
-          installSession(stored);
-          return;
-        }
-        installSession(active.creditedAmount && !stored.creditedAmount ? active : stored);
-        notifyFailure(error);
-        return;
-      } finally {
-        settlingRef.current = false;
-        setIsSubmittingLock(false);
-      }
-      installSession(loadExternalDepositLockSession(active.owner) ?? null);
-      queryClient.invalidateQueries({ queryKey: ["accounting-balance"] });
-      queryClient.invalidateQueries({ queryKey: ["accounting-locked-funds"] });
-      queryClient.invalidateQueries({ queryKey: ["accounting-total-locked-balance"] });
-      queryClient.invalidateQueries({ queryKey: ["accounting-history"] });
-      onLockSubmittedRef.current?.(result);
-    },
-    [client, installSession, notifyFailure, queryClient]
-  );
-  const validateRestoredSession = useCallback(
-    (restored) => {
-      if (!restored || !serviceAddress) return null;
-      const token = getTokenById(restored.tokenId);
-      const invalid = restored.serviceAddress.toLowerCase() !== serviceAddress.toLowerCase() || !token || token.chainId !== restored.chainId || token.contract === zeroAddress || !restored.creditedAmount && !restored.payload;
-      if (!invalid) return restored;
-      clearExternalDepositLockSession(
-        restored.owner,
-        externalDepositSessionId(restored.chainId, restored.tokenId),
-        restored.generation
-      );
-      return null;
-    },
-    [getTokenById, serviceAddress]
-  );
-  useEffect(() => {
-    if (!privateReadAddress || !serviceAddress || tokensStatus !== "ready") {
-      setSession(null);
-      return;
-    }
-    const hydrationKey = `${privateReadAddress.toLowerCase()}:${serviceAddress.toLowerCase()}`;
-    const shouldResume = hydratedScopeRef.current !== hydrationKey;
-    hydratedScopeRef.current = hydrationKey;
-    const restored = preserveCreditedFallback(
-      validateRestoredSession(loadExternalDepositLockSession(privateReadAddress))
-    );
-    installSession(restored);
-    if (!restored) {
-      return;
-    }
-    if (!shouldResume) return;
-    if (restored.creditedAmount && restored.payload) {
-      void submitSession(restored);
-    } else if (restored.creditedAmount) {
-      notifyFailure(
-        new PostDepositLockError(
-          "Deposit credited; sign a fresh policy to lock the funds",
-          "not-found",
-          BigInt(restored.maxLockAmount),
-          BigInt(restored.creditedAmount)
-        )
-      );
-    }
-  }, [
-    installSession,
-    notifyFailure,
-    privateReadAddress,
-    preserveCreditedFallback,
-    serviceAddress,
-    submitSession,
-    tokensStatus,
-    validateRestoredSession
-  ]);
-  useEffect(() => {
-    if (!privateReadAddress || !serviceAddress || tokensStatus !== "ready") return;
-    const reconcile = (restored) => {
-      installSession(preserveCreditedFallback(validateRestoredSession(restored)));
-    };
-    const unsubscribe = subscribeExternalDepositLockSession(privateReadAddress, reconcile);
-    reconcile(loadExternalDepositLockSession(privateReadAddress));
-    return unsubscribe;
-  }, [
-    installSession,
-    preserveCreditedFallback,
-    privateReadAddress,
-    serviceAddress,
-    tokensStatus,
-    validateRestoredSession
-  ]);
-  const signAndPersist = useCallback(
-    async ({ tokenId, amount }) => {
-      if (!allowance) throw new Error("No allowance configured for this deposit");
-      if (signingRef.current || settlingRef.current) {
-        throw new Error("A policy operation is already in progress");
-      }
-      if (!canUseSharedBrowserStorage()) {
-        throw new Error("Browser storage is required for locked deposit recovery");
-      }
-      const owner = requireDepositLockOwner(address, privateReadAddress);
-      if (sessionRef.current || loadExternalDepositLockSession(owner)) {
-        throw new Error("Finish or cancel the active external deposit before starting another");
-      }
-      const token = getTokenById(tokenId);
-      if (!token) throw new Error(`Unknown token ID: ${tokenId}`);
-      if (token.contract === zeroAddress) {
-        throw new Error("External deposits support ERC20 tokens only");
-      }
-      const targetService = requireServiceAddress(serviceAddress);
-      const lockDuration = allowance.lockDuration ?? DEFAULT_LOCK_DURATION_SECONDS;
-      signingRef.current = true;
-      setIsSigning(true);
-      try {
-        await ensureCorrectChain(networkConfig.chainId);
-        const signingWalletClient = await getWalletClient(config, {
-          chainId: networkConfig.chainId
-        });
-        const payload = await createSignedLockRequest({
-          client,
-          walletClient: signingWalletClient,
-          userAddress: owner,
-          networkConfig,
-          serviceAddress: targetService,
-          tokenId: token.id,
-          amount: clampLockAmount(amount, BigInt(allowance.value)),
-          lockDuration
-        });
-        const startBlock = await getBlockNumber(config, { chainId: token.chainId });
-        if (startBlock > BigInt(Number.MAX_SAFE_INTEGER)) {
-          throw new Error("Source-chain block number exceeds the supported range");
-        }
-        if (beneficiaryRef.current?.toLowerCase() !== owner.toLowerCase()) {
-          throw new Error("Authenticated deposit account changed while signing");
-        }
-        const next = {
-          version: 1,
-          owner,
-          serviceAddress: targetService,
-          chainId: token.chainId,
-          tokenId: token.id,
-          startBlock: Number(startBlock),
-          depositAmount: amount.toString(),
-          maxLockAmount: String(payload.amount),
-          lockDuration,
-          generation: payload.signature,
-          payload
-        };
-        saveExternalDepositLockSession(next, null);
-        installSession(next);
-      } finally {
-        signingRef.current = false;
-        setIsSigning(false);
-      }
-    },
-    [
-      address,
-      allowance,
-      client,
-      config,
-      ensureCorrectChain,
-      getTokenById,
-      installSession,
-      networkConfig,
-      privateReadAddress,
-      serviceAddress
-    ]
-  );
-  const settleAfterCredit = useCallback(
-    async (txHash, creditedAmount) => {
-      const active = sessionRef.current;
-      if (!active || settlingRef.current) return;
-      if (!isCurrentExternalDepositVerification(active, txHash)) {
-        return;
-      }
-      if (creditedAmount <= 0n) throw new Error("Credited amount must be positive");
-      const credited = {
-        ...active,
-        verification: void 0,
-        creditedAmount: creditedAmount.toString()
-      };
-      try {
-        saveExternalDepositLockSession(credited, active);
-        pendingCreditedTransitionRef.current = null;
-      } catch (err) {
-        const stored = loadExternalDepositLockSession(active.owner);
-        if (err instanceof ExternalDepositLockSessionChangedError || !stored || !isSameExternalDepositLockSession(stored, active)) {
-          pendingCreditedTransitionRef.current = null;
-          installSession(stored ?? null);
-          return;
-        }
-        pendingCreditedTransitionRef.current = { predecessor: active, credited };
-        installSession(credited);
-        notifyFailure(
-          new PostDepositLockError(
-            err instanceof Error ? err.message : "Unable to persist credited deposit state",
-            "submission-failed",
-            BigInt(active.maxLockAmount),
-            creditedAmount,
-            { cause: err }
-          )
-        );
-        return;
-      }
-      installSession(credited);
-      await submitSession(credited);
-    },
-    [installSession, notifyFailure, submitSession]
-  );
-  const recordVerification = useCallback(
-    (context) => {
-      const active = sessionRef.current;
-      if (!active || active.creditedAmount) {
-        throw new Error("No external deposit session is awaiting verification");
-      }
-      if (active.verification) {
-        const sameTransfer = active.verification.hash.toLowerCase() === context.hash.toLowerCase() && active.verification.chainId === context.chainId && active.verification.amount === context.amount.toString() && (active.verification.logIndex ?? 0) === (context.logIndex ?? 0);
-        if (sameTransfer) return;
-        throw new Error("Another transfer is already being verified for this deposit session");
-      }
-      if (context.chainId !== active.chainId || context.amount <= 0n) {
-        throw new Error("Discovered transfer does not match the signed deposit session");
-      }
-      const current = loadExternalDepositLockSession(active.owner);
-      if (!current || current.generation !== active.generation) {
-        throw new Error("The signed deposit session changed before verification");
+function TransactionErrorView({
+  title,
+  message,
+  explorerUrl,
+  explorerLabel,
+  onRetry,
+  onDismiss,
+  isRetrying,
+  retryLabel = "Retry Verification",
+  dismissLabel = "Close"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-amber-500/10 text-amber-400", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: title }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: message })
+      ] })
+    ] }),
+    explorerUrl && /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: explorerUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border-border text-foreground hover:bg-secondary flex h-10 w-full items-center justify-center gap-1.5 rounded-[10px] border text-sm transition-colors",
+        children: [
+          explorerLabel ?? "View on Explorer",
+          /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+        ]
       }
-      const next = {
-        ...active,
-        verification: {
-          hash: context.hash,
-          chainId: context.chainId,
-          amount: context.amount.toString(),
-          logIndex: context.logIndex
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      onDismiss && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onDismiss,
+          disabled: isRetrying,
+          className: "border-border text-foreground hover:bg-secondary flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] border px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          children: dismissLabel
         }
-      };
-      saveExternalDepositLockSession(next, active);
-      installSession(next);
-    },
-    [installSession]
-  );
-  const retryAfterCredit = useCallback(async () => {
-    const active = sessionRef.current;
-    if (!active?.creditedAmount) throw new Error("No credited external deposit to recover");
-    if (signingRef.current || settlingRef.current) {
-      throw new Error("A policy operation is already in progress");
-    }
-    if (privateReadAddress?.toLowerCase() !== active.owner.toLowerCase()) {
-      throw new Error("Authenticated deposit account does not match the credited deposit");
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onRetry,
+          disabled: isRetrying,
+          className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          children: isRetrying ? "Retrying\u2026" : retryLabel
+        }
+      )
+    ] })
+  ] });
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.99997 11.99997l-5.99995-5.99995-6.00002-6.00002m6.00002 6.00002l6.00001-6.00002m-12.00003 12.00003l6.00002-6.00001",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
-    const token = getTokenById(active.tokenId);
-    if (!token || token.chainId !== active.chainId || token.contract === zeroAddress) {
-      throw new Error("The credited token is no longer available");
+  ) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "-rotate-90", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 0l6 6 6-6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
     }
-    const targetService = requireServiceAddress(serviceAddress);
-    if (targetService.toLowerCase() !== active.serviceAddress.toLowerCase()) {
-      throw new Error("The service for this credited deposit has changed");
+  ) });
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "rotate-90", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 0l6 6 6-6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
     }
-    if (active.payload) {
-      await submitSession(active);
-      return;
+  ) });
+}
+function ChevronDownIcon({
+  direction = "down",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: cn(
+        "transition-transform",
+        direction === "right" && "-rotate-90",
+        direction === "up" && "rotate-180",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 6l4 4 4-4",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
     }
-    if (active.submissionAmbiguous) {
-      throw new Error(
-        "The previous lock submission may have succeeded; a fresh signature is unsafe"
-      );
+  );
+}
+function CopyIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      ]
     }
-    const owner = requireDepositLockOwner(address, privateReadAddress);
-    const amount = externalDepositRetryAmount(active);
-    let retrySession;
-    signingRef.current = true;
-    setIsSigning(true);
-    try {
-      await ensureCorrectChain(networkConfig.chainId);
-      const signingWalletClient = await getWalletClient(config, {
-        chainId: networkConfig.chainId
-      });
-      const payload = await createSignedLockRequest({
-        client,
-        walletClient: signingWalletClient,
-        userAddress: owner,
-        networkConfig,
-        serviceAddress: targetService,
-        tokenId: active.tokenId,
-        amount,
-        lockDuration: active.lockDuration
-      });
-      if (beneficiaryRef.current?.toLowerCase() !== owner.toLowerCase()) {
-        throw new Error("Authenticated deposit account changed while signing");
+  );
+}
+function CircleCheckIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M6 10l2.5 2.5L14 7.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
-      retrySession = {
-        ...active,
-        depositAmount: amount.toString(),
-        generation: payload.signature,
-        verification: void 0,
-        submissionAmbiguous: void 0,
-        payload
-      };
-      saveExternalDepositLockSession(retrySession, active);
-      installSession(retrySession);
-    } finally {
-      signingRef.current = false;
-      setIsSigning(false);
-    }
-    await submitSession(retrySession);
-  }, [
-    address,
-    client,
-    config,
-    ensureCorrectChain,
-    getTokenById,
-    installSession,
-    networkConfig,
-    privateReadAddress,
-    serviceAddress,
-    submitSession
-  ]);
-  const clearVerification = useCallback(() => {
-    const active = sessionRef.current;
-    if (!active?.verification || active.creditedAmount) return false;
-    const next = clearExternalDepositVerification(active);
-    if (!next) {
-      installSession(loadExternalDepositLockSession(active.owner) ?? null);
-      return false;
-    }
-    installSession(next);
-    return true;
-  }, [installSession]);
-  const discardSession = useCallback(() => {
-    const active = sessionRef.current;
-    if (!active) return true;
-    if (signingRef.current || settlingRef.current) return false;
-    const pending = pendingCreditedTransitionRef.current;
-    const discardTarget = pending && isSameExternalDepositLockSession(active, pending.credited) ? pending.predecessor : active;
-    const discarded = discardExternalDepositLockSession(discardTarget);
-    const restored = loadExternalDepositLockSession(active.owner) ?? null;
-    if (discarded) pendingCreditedTransitionRef.current = null;
-    installSession(restored);
-    return discarded && !restored;
-  }, [installSession]);
-  return {
-    isSigning,
-    isSubmittingLock,
-    session,
-    signAndPersist,
-    recordVerification,
-    settleAfterCredit,
-    retryAfterCredit,
-    clearVerification,
-    discardSession
-  };
+    )
+  ] });
+}
+function CircleXIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7 7l6 6M13 7l-6 6",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function ArrowRightIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "8", viewBox: "0 0 24 8", fill: "none", className, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 4h22m0 0l-4-4m4 4l-4 4",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
 }
 var DEFAULT_MOONPAY_API_URL = "https://api.moonpay.com/v3";
 function useMoonpayLimits({
@@ -3901,100 +2867,6 @@ function useMoonpayLimits({
     error: query.error ?? null
   };
 }
-function TokenSelectorView2({ selectedTokenId, onSelect }) {
-  const { enabledTokens } = usePrivanaContext();
-  return /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col rounded-[10px] p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-72 flex-col gap-1 overflow-y-auto", children: [
-    enabledTokens.map((token) => {
-      const isSelected = selectedTokenId === token.id;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => onSelect(token.id),
-          className: cn(
-            "hover:bg-secondary flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-left transition-colors",
-            isSelected && "bg-secondary"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "h-6 w-6 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(token.symbol, 24) }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-foreground text-sm font-medium", children: token.symbol }),
-              /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-[11px]", children: token.name })
-            ] }),
-            isSelected && /* @__PURE__ */ jsx("div", { className: "bg-primary flex h-4 w-4 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                width: "10",
-                height: "10",
-                viewBox: "0 0 10 10",
-                fill: "none",
-                className: "text-primary-foreground",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M2 5L4 7L8 3",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              }
-            ) })
-          ]
-        },
-        token.id
-      );
-    }),
-    enabledTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-3 py-6 text-center text-sm", children: "No tokens available" })
-  ] }) });
-}
-function CreditCardWidgetView({
-  token,
-  amount,
-  allowance,
-  onCredited,
-  onLockSubmitted,
-  onLockFailed
-}) {
-  const moonpayCurrencyCode = token?.moonpayCurrencyCode;
-  const containerRef = useRef(null);
-  const [widgetTheme, setWidgetTheme] = useState();
-  useEffect(() => {
-    if (containerRef.current) setWidgetTheme(resolveSdkTheme(containerRef.current));
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: "Complete your purchase" }),
-    token && moonpayCurrencyCode ? /* @__PURE__ */ jsx(
-      FiatOnRampForm,
-      {
-        tokenId: token.id,
-        currencyCode: moonpayCurrencyCode,
-        quoteCurrencyAmount: amount || void 0,
-        lockAmount: true,
-        variant: "embedded",
-        autoStart: true,
-        theme: widgetTheme,
-        postDepositLock: allowance ? {
-          maxAmount: BigInt(allowance.value),
-          lockDuration: allowance.lockDuration
-        } : void 0,
-        onCredited,
-        onLockSubmitted,
-        onLockFailed
-      }
-    ) : /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
-      token?.symbol ?? "This token",
-      " isn\u2019t available for card purchases yet."
-    ] })
-  ] });
-}
-function resolveSdkTheme(el) {
-  const scheme = getComputedStyle(el).colorScheme;
-  if (scheme === "dark") return "dark";
-  if (scheme === "light") return "light";
-  return el.closest(".dark") ? "dark" : "light";
-}
 function PrivanaIcon({ className, size = 32 }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -4087,81 +2959,6 @@ function AllowancePolicySection({
     ] })
   ] });
 }
-function MoonPayGate({ enabled, children }) {
-  const { networkConfig } = usePrivanaContext();
-  const apiKey = networkConfig.moonpayApiKey;
-  if (!enabled || !apiKey) return /* @__PURE__ */ jsx(Fragment, { children });
-  return /* @__PURE__ */ jsx(MoonPayProvider, { apiKey, children });
-}
-function formatPostDepositLockFailure(error, token) {
-  if (error?.reason === "credited-below-signed" && error.creditedAmount !== void 0 && error.signedAmount !== void 0 && token) {
-    const creditedAmount = `${formatUnits(error.creditedAmount, token.decimals)} ${token.symbol}`;
-    const signedAmount = `${formatUnits(error.signedAmount, token.decimals)} ${token.symbol}`;
-    return `Credited amount (${creditedAmount}) is below the signed lock amount (${signedAmount})`;
-  }
-  return error?.message ?? "Lock submission failed";
-}
-function MethodTabs({
-  activeTab,
-  onTabChange
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "bg-secondary relative flex gap-2 overflow-hidden rounded-[10px] p-1", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "bg-input absolute top-1 bottom-1 left-1 w-[calc(50%-8px)] rounded-md transition-transform duration-200",
-          activeTab === "credit-card" && "translate-x-[calc(100%+8px)]"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onTabChange("crypto"),
-        className: cn(
-          "relative z-10 flex-1 cursor-pointer rounded-md px-3 py-[9px] text-sm font-medium transition-colors",
-          activeTab === "crypto" ? "text-foreground" : "text-muted-foreground"
-        ),
-        children: "Crypto"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onTabChange("credit-card"),
-        className: cn(
-          "relative z-10 flex-1 cursor-pointer rounded-md px-3 py-[9px] text-sm font-medium transition-colors",
-          activeTab === "credit-card" ? "text-foreground" : "text-muted-foreground"
-        ),
-        children: "Credit Card"
-      }
-    )
-  ] });
-}
-function MethodOption({
-  title,
-  description,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: "bg-input hover:bg-input/70 border-border flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3 text-left transition-colors",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm leading-[14px] font-medium", children: title }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs leading-3", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
-      ]
-    }
-  );
-}
 function DepositView({
   source,
   selectedToken,
@@ -4672,6 +3469,81 @@ function ExternalDepositView({
     ] })
   ] });
 }
+function MoonPayGate({ enabled, children }) {
+  const { networkConfig } = usePrivanaContext();
+  const apiKey = networkConfig.moonpayApiKey;
+  if (!enabled || !apiKey) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(MoonPayProvider, { apiKey, children });
+}
+function formatPostDepositLockFailure(error, token) {
+  if (error?.reason === "credited-below-signed" && error.creditedAmount !== void 0 && error.signedAmount !== void 0 && token) {
+    const creditedAmount = `${formatUnits(error.creditedAmount, token.decimals)} ${token.symbol}`;
+    const signedAmount = `${formatUnits(error.signedAmount, token.decimals)} ${token.symbol}`;
+    return `Credited amount (${creditedAmount}) is below the signed lock amount (${signedAmount})`;
+  }
+  return error?.message ?? "Lock submission failed";
+}
+function MethodTabs({
+  activeTab,
+  onTabChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-secondary relative flex gap-2 overflow-hidden rounded-[10px] p-1", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "bg-input absolute top-1 bottom-1 left-1 w-[calc(50%-8px)] rounded-md transition-transform duration-200",
+          activeTab === "credit-card" && "translate-x-[calc(100%+8px)]"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onTabChange("crypto"),
+        className: cn(
+          "relative z-10 flex-1 cursor-pointer rounded-md px-3 py-[9px] text-sm font-medium transition-colors",
+          activeTab === "crypto" ? "text-foreground" : "text-muted-foreground"
+        ),
+        children: "Crypto"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onTabChange("credit-card"),
+        className: cn(
+          "relative z-10 flex-1 cursor-pointer rounded-md px-3 py-[9px] text-sm font-medium transition-colors",
+          activeTab === "credit-card" ? "text-foreground" : "text-muted-foreground"
+        ),
+        children: "Credit Card"
+      }
+    )
+  ] });
+}
+function MethodOption({
+  title,
+  description,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "bg-input hover:bg-input/70 border-border flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3 text-left transition-colors",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm leading-[14px] font-medium", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs leading-3", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+      ]
+    }
+  );
+}
 function DepositModalContent({
   defaultTab = "crypto",
   allowance,
@@ -5091,7 +3963,7 @@ function DepositModalContent({
       }
     ) }),
     activeView === "select-token" && /* @__PURE__ */ jsx(
-      TokenSelectorView2,
+      TokenSelectorView,
       {
         selectedTokenId: selectedToken?.id,
         onSelect: (id) => {
@@ -5449,7 +4321,7 @@ function WithdrawModalContent({
       }
     ),
     view === "select-token" && /* @__PURE__ */ jsx(
-      TokenSelectorView2,
+      TokenSelectorView,
       {
         selectedTokenId: selectedToken?.id,
         onSelect: (id) => {
@@ -5990,6 +4862,6 @@ function WalletInlineModal({ className, ...handlers }) {
   );
 }
 
-export { DepositInlineModal, DepositModal, PrivanaButton, PrivanaIcon, PrivanaInlineModal, PrivanaModal, WalletInlineModal, WalletModal, WithdrawInlineModal, WithdrawModal, getChainIcon, getTokenIcon, useBalance, useBatchBalances, useDeposit, useDepositAddress, useExpiredLocks, useHistory, useHostedRedirectAuth, useLockFunds, useLockedFunds, useModifyLock, usePendingDeposits, usePendingWithdrawals, usePrivanaClient, useTokenInfo, useTokenList, useTotalLockedBalance, useTransfer, useUnlockFunds, useWithdraw };
+export { DepositInlineModal, DepositModal, PrivanaIcon, WalletInlineModal, WalletModal, WithdrawInlineModal, WithdrawModal, getChainIcon, getTokenIcon, useBalance, useBatchBalances, useDeposit, useDepositAddress, useExpiredLocks, useHistory, useHostedRedirectAuth, useLockFunds, useLockedFunds, useModifyLock, usePendingDeposits, usePendingWithdrawals, usePrivanaClient, useTokenInfo, useTokenList, useTotalLockedBalance, useTransfer, useUnlockFunds, useWithdraw };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map