@tatchi-xyz/sdk 0.20.0 → 0.31.0

package/dist/esm/plugins/vite.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.js","names":["mode: Required<Web3AuthnDevOptions>['mode']","contentLines: string[]"],"sources":["../../../src/plugins/vite.ts"],"sourcesContent":["// Minimal Vite dev plugin(s) to support Passkey Manager modes.\n// See docs/passkey-manager-modes.md (Vite Plugin section).\n//\n// What these plugins do:\n// - Serve SDK assets under a base path, expose a wallet service route,\n// - Add dev headers (COOP + Permissions-Policy, optional COEP/CORP), and enforce WASM MIME.\n// - IMPORTANT: Strict CSP is scoped only to wallet HTML routes (/wallet-service, /export-viewer),\n//   not to the host app pages. App routes remain free to use inline styles/scripts.\n\nimport * as fs from 'node:fs'\nimport * as path from 'node:path'\nimport { buildPermissionsPolicy, buildWalletCsp } from './headers'\nimport {\n  addPreconnectLink,\n  buildWalletServiceHtml,\n  buildExportViewerHtml,\n  applyCoepCorpIfNeeded,\n  echoCorsFromRequest,\n  fetchRorOriginsFromNear,\n  normalizeBase,\n  resolveCoepMode,\n  resolveSdkDistRoot,\n} from './plugin-utils'\nimport { addOfflineExportDevRoutes, buildOfflineExportHtml, emitOfflineExportAssets } from './offline'\nimport { setContentType } from './plugin-utils'\n\nexport type VitePlugin = {\n  name: string\n  apply?: 'serve' | 'build'\n  enforce?: 'pre' | 'post'\n  configureServer?: (server: any) => void | Promise<void>\n}\nexport type ViteLikePlugin = VitePlugin\n\nexport type Web3AuthnDevOptions = {\n  mode?: 'self-contained' | 'front-only' | 'wallet-only'\n  sdkDistRoot?: string\n  sdkBasePath?: string\n  walletServicePath?: string\n  walletOrigin?: string\n  setDevHeaders?: boolean\n  enableDebugRoutes?: boolean\n  /**\n   * Controls Cross-Origin-Embedder-Policy (COEP) behavior in dev.\n   * - 'off' (default): do not emit COEP/CORP on app pages.\n   * - 'strict': emit `Cross-Origin-Embedder-Policy: require-corp`\n   *   and `Cross-Origin-Resource-Policy: cross-origin` on app pages.\n   *\n   * Tip: set `VITE_COEP_MODE=strict` in tests/CI to enable isolation automatically.\n   */\n  coepMode?: 'strict' | 'off'\n}\n\nexport type ServeSdkOptions = {\n  sdkDistRoot?: string\n  sdkBasePath?: string\n  enableDebugRoutes?: boolean\n  coepMode?: 'strict' | 'off'\n}\n\nexport type WalletServiceOptions = {\n  walletServicePath?: string\n  sdkBasePath?: string\n  coepMode?: 'strict' | 'off'\n}\n\nexport type DevHeadersOptions = {\n  walletOrigin?: string\n  walletServicePath?: string\n  sdkBasePath?: string\n  /**\n   * Optional dev-time CSP for the wallet service route.\n   *  - 'strict': no inline scripts/styles (mirrors production defaults)\n   *  - 'compatible': allows inline scripts/styles (useful for debugging)\n   */\n  devCSP?: 'strict' | 'compatible'\n  /**\n   * Controls Cross-Origin-Embedder-Policy (COEP) behavior in dev.\n   * - 'off' (default): do not emit COEP/CORP headers on app pages.\n   * - 'strict': emit COEP/CORP headers on app pages.\n   */\n  coepMode?: 'strict' | 'off'\n}\n\n/**\n * Return the first candidate path that exists and is a file.\n * Helper for robust /sdk/* asset resolution on dev servers (app and wallet).\n */\nfunction tryFile(...candidates: string[]): string | undefined {\n  for (const file of candidates) {\n    try {\n      const stat = fs.statSync(file)\n      if (stat.isFile()) return file\n    } catch {}\n  }\n  return undefined\n}\n\n// RPC helpers are provided by plugin-utils to share logic across frameworks.\n\n// Shared assets emitted/served for the wallet service bootstrap.\nconst WALLET_SHIM_SOURCE = \"window.global ||= window; window.process ||= { env: {} };\\n\"\nconst WALLET_SURFACE_CSS = [\n  'html, body { background: transparent !important; margin:0; padding:0; }',\n  'html, body { color-scheme: normal; }',\n  '',\n  // Class-based surface for strict CSP setups toggled by JS\n  'html.w3a-transparent, body.w3a-transparent { background: transparent !important; margin:0; padding:0; color-scheme: normal; }',\n  '',\n  // Minimal portal styles used by confirm-ui (no animation; child components handle transitions)\n  '.w3a-portal { position: relative; z-index: 2147483647; opacity: 0; pointer-events: none; }',\n  '.w3a-portal.w3a-portal--visible { opacity: 1; pointer-events: auto; }',\n  '',\n  // Provide baseline tokens only when the document does not declare a theme.\n  // This avoids overriding :root[data-w3a-theme] values supplied by token sheet\n  // or integrator-injected themes.\n  ':root:not([data-w3a-theme]) {',\n  '  --w3a-colors-textPrimary: #f6f7f8;',\n  '  --w3a-colors-textSecondary: rgba(255,255,255,0.7);',\n  '  --w3a-colors-surface: rgba(255,255,255,0.08);',\n  '  --w3a-colors-surface2: rgba(255,255,255,0.06);',\n  '  --w3a-colors-surface3: rgba(255,255,255,0.04);',\n  '  --w3a-colors-borderPrimary: rgba(255,255,255,0.14);',\n  '  --w3a-colors-borderSecondary: rgba(255,255,255,0.1);',\n  '  --w3a-colors-colorBackground: #0b0c10;',\n  '  /* Default viewport custom properties for width/height calculations */',\n  '  --w3a-vw: 100vw;',\n  '  --w3a-vh: 100vh;',\n  '}',\n  '',\n].join('\\n')\n\n/**\n * Tatchi SDK plugin: serve SDK assets under a stable base (default: /sdk) with optional COEP/CORP (strict mode) and permissive CORS.\n * Where it runs: both the app server and the wallet-iframe server.\n * - App server: lets host pages and Lit components load SDK CSS/JS locally.\n * - Wallet server: used by /wallet-service to load wallet-iframe-host.js and related CSS/JS.\n */\nexport function tatchiServeSdk(opts: ServeSdkOptions = {}): VitePlugin {\n  const configuredBase = normalizeBase(opts.sdkBasePath, '/sdk')\n  const sdkDistRoot = resolveSdkDistRoot(opts.sdkDistRoot)\n  const enableDebugRoutes = opts.enableDebugRoutes === true\n  const coepMode = resolveCoepMode(opts.coepMode)\n  const offlineHtml = buildOfflineExportHtml(configuredBase)\n\n  // In dev we want both '/sdk' and a custom base to work.\n  const bases = Array.from(new Set([configuredBase, normalizeBase('/sdk')]))\n    .sort((a, b) => b.length - a.length)\n    // Prefer longest base match first (e.g., '/sdk/esm/react' before '/sdk')\n\n  return {\n    name: 'tatchi:serve-sdk',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      // Mount Offline Export dev routes once here (includes app module + chunks)\n      addOfflineExportDevRoutes(server, {\n        sdkDistRoot,\n        sdkBasePath: configuredBase,\n        offlineHtml,\n        includeAppModule: true,\n        coepMode,\n      })\n      // Serve a tiny shim as a virtual asset to enable strict CSP (no inline scripts)\n      server.middlewares.use((req: any, res: any, next: any) => {\n        const url = (req.url || '').split('?')[0]\n        if (url === configuredBase + '/wallet-shims.js') {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/javascript; charset=utf-8')\n          // Align with SDK asset headers so COEP/CORP environments can import\n          applyCoepCorpIfNeeded(res, coepMode)\n          // Dev-only CORS echo (no preflight handling on this route)\n          echoCorsFromRequest(res, req, { handlePreflight: false })\n          res.end(WALLET_SHIM_SOURCE)\n          return\n        }\n        if (url === configuredBase + '/wallet-service.css') {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'text/css; charset=utf-8')\n          // Important: provide CORP for cross‑origin CSS so COEP documents can load it\n          applyCoepCorpIfNeeded(res, coepMode)\n          // Dev-only CORS echo (no preflight handling on this route)\n          echoCorsFromRequest(res, req, { handlePreflight: false })\n          res.end(WALLET_SURFACE_CSS)\n          return\n        }\n        next()\n      })\n\n      // Optional debug route to confirm resolution\n      if (enableDebugRoutes) {\n        server.middlewares.use('/__sdk-root', (req: any, res: any) => {\n          res.setHeader('Content-Type', 'text/plain; charset=utf-8')\n          res.end(sdkDistRoot)\n        })\n      }\n\n      // Serve files under any recognized base from sdkDistRoot with fallbacks\n      server.middlewares.use((req: any, res: any, next: any) => {\n        if (!req.url) return next()\n        const url = req.url.split('?')[0]\n\n        const matchBase = bases.find((b) => url.startsWith(b + '/'))\n        if (!matchBase) return next()\n\n        const rel = url.slice((matchBase + '/').length)\n        // Try dist/esm/sdk first (canonical), then common fallbacks\n        const candidate = tryFile(\n          path.join(sdkDistRoot, 'esm', 'sdk', rel),\n          path.join(sdkDistRoot, rel),\n          path.join(sdkDistRoot, 'esm', rel)\n        )\n\n        if (!candidate) {\n          res.statusCode = 404\n          res.setHeader('Content-Type', 'application/json; charset=utf-8')\n          res.end(JSON.stringify({ error: 'SDK asset not found', path: rel }))\n          return\n        }\n\n        setContentType(res, candidate)\n        // SDK assets need COEP headers to work in wallet iframe with COEP enabled\n        applyCoepCorpIfNeeded(res, coepMode)\n        // Dev-only CORS echo (no preflight handling here)\n        echoCorsFromRequest(res, req, { handlePreflight: false })\n        const stream = fs.createReadStream(candidate)\n        stream.on('error', () => next())\n        stream.pipe(res)\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin: expose the wallet service HTML route (default: /wallet-service) that links only external CSS/JS.\n * Where it runs: wallet-iframe dev server (wallet origin). Used by tatchiWalletServer.\n */\nexport function tatchiWalletService(opts: WalletServiceOptions = {}): VitePlugin {\n  const walletServicePath = normalizeBase(opts.walletServicePath, '/wallet-service')\n  const sdkBasePath = normalizeBase(opts.sdkBasePath, '/sdk')\n  const coepMode = resolveCoepMode(opts.coepMode)\n\n  const html = buildWalletServiceHtml(sdkBasePath)\n  const offlineHtml = buildOfflineExportHtml(sdkBasePath)\n  const sdkDistRoot = resolveSdkDistRoot()\n\n  return {\n    name: 'tatchi:wallet-service',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      server.middlewares.use((req: any, res: any, next: any) => {\n        if (!req.url) return next()\n        const url = req.url.split('?')[0]\n        if (url === walletServicePath) {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'text/html; charset=utf-8')\n          applyCoepCorpIfNeeded(res, coepMode)\n          res.end(html)\n          return\n        }\n        next()\n      })\n\n      // Mount Offline Export routes here as well (no app module duplication)\n      addOfflineExportDevRoutes(server, {\n        sdkDistRoot,\n        sdkBasePath,\n        offlineHtml,\n        includeAppModule: false,\n        coepMode,\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin: force the correct `.wasm` MIME type (application/wasm) for any served wasm file.\n * Where it runs: both app and wallet-iframe dev servers.\n */\nexport function tatchiWasmMime(): VitePlugin {\n  return {\n    name: 'tatchi:wasm-mime',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      server.middlewares.use((req: any, res: any, next: any) => {\n        if (!req.url) return next()\n        const url = req.url.split('?')[0]\n        if (url.endsWith('.wasm')) {\n          res.setHeader('Content-Type', 'application/wasm')\n        }\n        next()\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin: add Permissions-Policy (delegating WebAuthn + clipboard), COOP, optional COEP/CORP, and optional dev CSP.\n * Where it runs: both app and wallet-iframe dev servers.\n * Notes:\n * - Uses Structured Header format for Permissions-Policy (double-quoted origins).\n * - Wallet dev CSP can be toggled strict/compatible via opts.devCSP.\n */\nexport function tatchiHeaders(opts: DevHeadersOptions = {}): VitePlugin {\n  const walletOriginRaw = opts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN\n  const walletOrigin = walletOriginRaw?.trim()\n  const walletServicePath = normalizeBase(opts.walletServicePath || process.env.VITE_WALLET_SERVICE_PATH, '/wallet-service')\n  const sdkBasePath = normalizeBase(opts.sdkBasePath || process.env.VITE_SDK_BASE_PATH, '/sdk')\n  const devCSPMode = (opts.devCSP ?? (process.env.VITE_WALLET_DEV_CSP as 'strict' | 'compatible' | undefined))\n  const coepMode = resolveCoepMode(opts.coepMode)\n\n  // Build headers via shared helpers to avoid drift.\n  const permissionsPolicy = buildPermissionsPolicy(walletOrigin)\n\n  // Dev convenience: dynamic ROR from NEAR RPC (no relay dependency)\n  // The dev server will fetch the allowlist from chain on demand when a contract id is provided.\n  const rorContractId = (process.env.VITE_WEBAUTHN_CONTRACT_ID || '').toString().trim()\n  const rorMethod = (process.env.VITE_ROR_METHOD || 'get_allowed_origins').toString().trim()\n  const nearRpcUrl = (process.env.VITE_NEAR_RPC_URL || 'https://test.rpc.fastnear.com').toString().trim()\n  // Caching is handled inside fetchRorOriginsFromNear via TTL\n\n  return {\n    name: 'tatchi:dev-headers',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n\n      console.log('[tatchi] headers enabled', {\n        walletServicePath,\n        sdkBasePath,\n        coepMode,\n        rorContractId: rorContractId || '(none)',\n        nearRpcUrl\n      })\n\n      server.middlewares.use((req: any, res: any, next: any) => {\n        const url = (req.url || '').split('?')[0] || ''\n        const isWalletRoute = url === walletServicePath || url === `${walletServicePath}/` || url === `${walletServicePath}//`\n        res.setHeader('Cross-Origin-Opener-Policy', isWalletRoute ? 'unsafe-none' : 'same-origin')\n        if (coepMode !== 'off') {\n          res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')\n          res.setHeader('Cross-Origin-Resource-Policy', 'cross-origin')\n        }\n        res.setHeader('Permissions-Policy', permissionsPolicy)\n        // Optional dev-time CSP for the wallet service page only (app pages are unaffected)\n        if (isWalletRoute && devCSPMode) {\n          const mode = devCSPMode === 'strict' ? 'strict' : 'compatible'\n          const walletCsp = buildWalletCsp({ mode })\n          res.setHeader('Content-Security-Policy', walletCsp)\n        }\n        // Resource hints: help parent pages preconnect to the wallet origin early in dev\n        addPreconnectLink(res, walletOrigin)\n\n        // Serve /.well-known/webauthn for ROR using chain state in dev\n        const isWellKnown = url === '/.well-known/webauthn' || url === '/.well-known/webauthn/'\n        if (isWellKnown) {\n          // Direct fetch from NEAR RPC (no relay). Caching handled inside helper.\n          // Requires contract id; RPC URL falls back to a reliable public endpoint.\n          if (rorContractId) {\n            ;(async () => {\n              try {\n                const origins = await fetchRorOriginsFromNear({\n                  rpcUrl: nearRpcUrl,\n                  contractId: rorContractId,\n                  method: rorMethod,\n                })\n                res.statusCode = 200\n                res.setHeader('Content-Type', 'application/json; charset=utf-8')\n                res.setHeader('Cache-Control', 'max-age=60, stale-while-revalidate=600')\n                res.end(JSON.stringify({ origins }))\n              } catch (e) {\n                console.warn('[tatchi] ROR dynamic fetch failed:', e)\n                res.statusCode = 200\n                res.setHeader('Content-Type', 'application/json; charset=utf-8')\n                res.setHeader('Cache-Control', 'max-age=60, stale-while-revalidate=600')\n                res.end(JSON.stringify({ origins: [] }))\n              }\n            })()\n            return\n          }\n          // No configuration; respond with empty allowlist to avoid hard 404 in dev\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/json; charset=utf-8')\n          res.setHeader('Cache-Control', 'max-age=60, stale-while-revalidate=600')\n          res.end(JSON.stringify({ origins: [] }))\n          return\n        }\n\n        if (url.startsWith(`${sdkBasePath}/`)) {\n          // Dev-only CORS for SDK assets served by Vite\n          applyCoepCorpIfNeeded(res, coepMode)\n          // Honor existing echo from SDK server; otherwise echo\n          const ended = echoCorsFromRequest(res, req, { honorExistingAcaOrigin: true, handlePreflight: true })\n          if (ended) return\n        }\n        next()\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin (composed): convenience entry that wires SDK server, WASM MIME, optional headers,\n * and (in wallet modes) the wallet service route.\n * Where it runs:\n * - App server: mode 'front-only' (or 'self-contained' when serving wallet pages on the same origin).\n * - Wallet-iframe server: modes 'wallet-only' or 'self-contained'.\n */\n/**\n * Compose dev plugins for serving SDK assets, wallet service HTML and dev headers.\n * External-facing entry for configuring either the app or wallet-iframe dev server.\n */\nfunction tatchiDevServer(options: Web3AuthnDevOptions = {}): VitePlugin {\n  const mode: Required<Web3AuthnDevOptions>['mode'] = options.mode || 'self-contained'\n  const sdkBasePath = normalizeBase(options.sdkBasePath || process.env.VITE_SDK_BASE_PATH, '/sdk')\n  const walletServicePath = normalizeBase(options.walletServicePath || process.env.VITE_WALLET_SERVICE_PATH, '/wallet-service')\n  const walletOrigin = (options.walletOrigin ?? process.env.VITE_WALLET_ORIGIN)?.trim()\n  const setDevHeaders = options.setDevHeaders !== false // default true\n  const enableDebugRoutes = options.enableDebugRoutes === true\n  const sdkDistRoot = resolveSdkDistRoot(options.sdkDistRoot)\n  const coepMode = resolveCoepMode(options.coepMode)\n\n  // Build the sub-plugins to keep logic small and testable\n  const sdkPlugin = tatchiServeSdk({ sdkBasePath, sdkDistRoot, enableDebugRoutes, coepMode })\n  const walletPlugin = tatchiWalletService({ walletServicePath, sdkBasePath, coepMode })\n  const wasmMimePlugin = tatchiWasmMime()\n  // Flip wallet CSP to strict by default in dev. Consumers can override via\n  // VITE_WALLET_DEV_CSP or by composing tatchiHeaders directly.\n  const headersPlugin = setDevHeaders\n    ? tatchiHeaders({ walletOrigin, walletServicePath, sdkBasePath, devCSP: 'strict', coepMode })\n    : undefined\n\n  return {\n    name: 'tatchi:dev',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      // Always add WASM MIME + SDK server\n      sdkPlugin.configureServer?.(server)\n      wasmMimePlugin.configureServer?.(server)\n      if (headersPlugin) headersPlugin.configureServer?.(server)\n\n      // Mode-specific wallet service route\n      if (mode === 'self-contained' || mode === 'wallet-only') {\n        walletPlugin.configureServer?.(server)\n      }\n    },\n  }\n}\n\n// === Build-time helper: emit Cloudflare Pages/Netlify _headers ===\n// This plugin writes a _headers file into Vite's outDir with COOP and optional COEP and a\n// Permissions-Policy delegating WebAuthn to the configured wallet origin.\n// It is a no-op if a _headers file already exists (to avoid overriding app settings).\n/**\n * Build-time plugin: writes a Cloudflare Pages/Netlify-compatible `_headers` file into Vite's `outDir`.\n * Adds COOP + Permissions-Policy and optional COEP/CORP (configurable via coepMode) delegating WebAuthn to the configured wallet origin.\n * Where it runs: build for either the app or a static wallet host (not used in dev).\n * Notes: no-ops if `_headers` already exists in `outDir` (to avoid overriding platform config).\n */\nexport function tatchiBuildHeaders(opts: { walletOrigin?: string, cors?: { accessControlAllowOrigin?: string }, coepMode?: 'strict' | 'off' } = {}): VitePlugin {\n  const walletOriginRaw = opts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN\n  const walletOrigin = walletOriginRaw?.trim()\n  const walletServicePath = normalizeBase(process.env.VITE_WALLET_SERVICE_PATH, '/wallet-service')\n  const sdkBasePath = normalizeBase(process.env.VITE_SDK_BASE_PATH, '/sdk')\n  const coepMode = resolveCoepMode(opts.coepMode)\n\n  // Build headers via shared helpers to avoid drift between frameworks\n  const permissionsPolicy = buildPermissionsPolicy(walletOrigin)\n  const walletCsp = buildWalletCsp({ mode: 'strict' })\n\n  let outDir = 'dist'\n\n  // We intentionally return a broader shape than VitePlugin; cast at the end\n  const plugin = {\n    name: 'tatchi:build-headers',\n    apply: 'build' as const,\n    enforce: 'post' as const,\n    // Capture the resolved outDir\n    configResolved(config: any) {\n      outDir = (config?.build?.outDir as string) || outDir\n    },\n    generateBundle() {\n      try {\n        const hdrPath = path.join(outDir, '_headers')\n        if (fs.existsSync(hdrPath)) {\n          // Do not override existing headers; leave a note in build logs\n          console.warn('[tatchi] _headers already exists in outDir; skipping auto-emission')\n        } else {\n          // Strict CSP is emitted only for wallet HTML routes; not for app pages.\n          const contentLines: string[] = [\n            '/*',\n            '  Cross-Origin-Opener-Policy: same-origin',\n            ...(coepMode === 'off'\n              ? []\n              : [\n                  '  Cross-Origin-Embedder-Policy: require-corp',\n                  '  Cross-Origin-Resource-Policy: cross-origin',\n                ]),\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            '',\n            `${walletServicePath}`,\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            `  Content-Security-Policy: ${walletCsp}`,\n            `${walletServicePath}/`,\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            `  Content-Security-Policy: ${walletCsp}`,\n            '/export-viewer',\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            '/export-viewer/',\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            // Offline export cache policy (no-cache for HTML/SW; immutable for other assets)\n            '/offline-export',\n            '  Cache-Control: no-cache',\n            '/offline-export/',\n            '  Cache-Control: no-cache',\n            '/offline-export/index.html',\n            '  Cache-Control: no-cache',\n            '/offline-export/sw.js',\n            '  Cache-Control: no-cache',\n            '/offline-export/precache.manifest.json',\n            '  Cache-Control: no-cache',\n            '/offline-export/manifest.webmanifest',\n            '  Cache-Control: no-cache',\n            '/offline-export/offline-export-app.js',\n            '  Cache-Control: no-cache',\n            '/offline-export/*',\n            '  Cache-Control: public, max-age=31536000, immutable',\n          ]\n          // Optional: emit CORS headers when explicitly configured via plugin option.\n          // Prefer a single source of truth (platform or plugin), not both.\n          const configuredAcaOrigin = (opts.cors && typeof opts.cors.accessControlAllowOrigin === 'string'\n            ? opts.cors.accessControlAllowOrigin.trim()\n            : undefined) as string | undefined;\n          if (configuredAcaOrigin) {\n            contentLines.push(\n              `${sdkBasePath}/*`,\n              `  Access-Control-Allow-Origin: ${configuredAcaOrigin}`,\n            )\n          }\n          const content = contentLines.join('\\n') + '\\n'\n          fs.mkdirSync(outDir, { recursive: true })\n          fs.writeFileSync(hdrPath, content, 'utf-8')\n          console.log('[tatchi] emitted _headers with COOP' + (coepMode === 'off' ? '' : '/COEP/CORP') + ' + Permissions-Policy' + (configuredAcaOrigin ? ' + CORS' : ''))\n        }\n\n        const sdkDir = path.join(outDir, sdkBasePath.replace(/^\\//, ''))\n        try { fs.mkdirSync(sdkDir, { recursive: true }) } catch {}\n        const shimPath = path.join(sdkDir, 'wallet-shims.js')\n        if (!fs.existsSync(shimPath)) {\n          fs.writeFileSync(shimPath, WALLET_SHIM_SOURCE, 'utf-8')\n        }\n        const cssPath = path.join(sdkDir, 'wallet-service.css')\n        if (!fs.existsSync(cssPath)) {\n          fs.writeFileSync(cssPath, WALLET_SURFACE_CSS, 'utf-8')\n        }\n\n        // Emit minimal wallet-service/index.html if the app hasn't provided one\n        const walletRel = walletServicePath.replace(/^\\//, '')\n        const wsDir = path.join(outDir, walletRel)\n        const wsHtml = path.join(wsDir, 'index.html')\n        if (!fs.existsSync(wsHtml)) {\n          fs.mkdirSync(wsDir, { recursive: true })\n          fs.writeFileSync(wsHtml, buildWalletServiceHtml(sdkBasePath), 'utf-8')\n          console.log(`[tatchi] emitted ${path.posix.join('/', walletRel, 'index.html')} (minimal wallet service)`)\n        }\n\n        // Emit minimal export viewer HTML for production\n        const evDir = path.join(outDir, 'export-viewer')\n        const evHtml = path.join(evDir, 'index.html')\n        if (!fs.existsSync(evHtml)) {\n          fs.mkdirSync(evDir, { recursive: true })\n          fs.writeFileSync(evHtml, buildExportViewerHtml(sdkBasePath), 'utf-8')\n          console.log('[tatchi] emitted /export-viewer/index.html (minimal export viewer)')\n        }\n\n        // Emit offline-export assets (SW, workers, app, HTML, manifest, precache) via helper\n        try {\n          const sdkDistRoot = resolveSdkDistRoot()\n          emitOfflineExportAssets({ outDir, sdkBasePath, sdkDistRoot })\n        } catch (e) {\n          console.warn('[tatchi] failed to emit offline-export assets:', e)\n        }\n      } catch (e) {\n        console.warn('[tatchi] failed to emit _headers:', e)\n      }\n    },\n  }\n\n  return plugin as unknown as VitePlugin\n}\n\n// Small test helpers to keep unit tests decoupled from Vite server implementation\nexport function computeDevPermissionsPolicy(walletOrigin?: string): string {\n  return buildPermissionsPolicy(walletOrigin)\n}\n\nexport function computeDevWalletCsp(mode: 'strict' | 'compatible' = 'strict'): string {\n  return buildWalletCsp({ mode })\n}\n\nexport function tatchiWalletServer(options: Omit<Web3AuthnDevOptions, 'mode'> = {}): VitePlugin {\n  return tatchiDevServer({ ...options, mode: 'wallet-only' })\n}\n\nexport function tatchiAppServer(options: Omit<Web3AuthnDevOptions, 'mode'> = {}): VitePlugin {\n  return tatchiDevServer({ ...options, mode: 'front-only' })\n}\n\n/**\n * Convenience wrapper: app origin helper that combines dev-time headers with optional\n * build-time headers emission for static hosts.\n *\n * Dev-time (serve): applies COOP + Permissions-Policy, plus optional COEP/CORP, via tatchiAppServer.\n * Build-time (build): when `emitHeaders` is true, writes a Cloudflare Pages/Netlify\n * `_headers` file into Vite's `outDir` via tatchiBuildHeaders, scoping strict CSP to\n * wallet HTML routes only.\n *   - Emits: `COOP: same-origin`, `Permissions-Policy: …`, and (when `coepMode === 'strict'`) `COEP: require-corp` + `CORP: cross-origin`.\n *   - No-op if a `_headers` file already exists in `outDir` (avoids clobbering CI/platform rules).\n *\n * Notes\n * - Keeps production header emission opt-in to avoid surprising overrides when apps\n *   already manage headers via custom servers or platform rules.\n * - Returns a plugin array for ergonomics; Vite accepts arrays in the `plugins` list.\n */\nexport function tatchiApp(options: Omit<Web3AuthnDevOptions, 'mode'> & { emitHeaders?: boolean } = {}): any[] /* Vite Plugin[] */ {\n  const { emitHeaders, ...devOpts } = options\n  const walletOrigin = (devOpts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN)?.trim()\n  const app = tatchiAppServer(devOpts)\n  // Build-time emission is opt-in and will no-op if `_headers` already exists.\n  const hdr = emitHeaders ? tatchiBuildHeaders({ walletOrigin, coepMode: devOpts.coepMode }) : undefined\n  return [app, hdr].filter(Boolean) as any[]\n}\n\n/**\n * Convenience wrapper: wallet origin helper that combines dev-time wallet server\n * with optional build-time headers emission for static hosts.\n *\n * Dev-time (serve): serves `/wallet-service` and `/sdk/*` plus headers via tatchiWalletServer.\n * Build-time (build): when `emitHeaders` is true, writes a Cloudflare Pages/Netlify\n * `_headers` file into Vite's `outDir` via tatchiBuildHeaders, scoping strict CSP to\n * wallet HTML routes only.\n *   - Emits: `COOP: same-origin` (wallet HTML routes use `unsafe-none`), `Permissions-Policy: …`, and (when `coepMode === 'strict'`) `COEP: require-corp` + `CORP: cross-origin`.\n *   - No-op if a `_headers` file already exists in `outDir` (avoids clobbering CI/platform rules).\n *\n * Notes\n * - Keeps production header emission opt-in to avoid overriding platform/server configs.\n * - Returns a plugin array for ergonomics; Vite accepts arrays in the `plugins` list.\n */\nexport function tatchiWallet(options: Omit<Web3AuthnDevOptions, 'mode'> & { emitHeaders?: boolean } = {}): any[] /* Vite Plugin[] */ {\n  const { emitHeaders, ...devOpts } = options\n  const walletOrigin = (devOpts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN)?.trim()\n  const wallet = tatchiWalletServer(devOpts)\n  // Build-time emission is opt-in and will no-op if `_headers` already exists.\n  const hdr = emitHeaders ? tatchiBuildHeaders({ walletOrigin, coepMode: devOpts.coepMode }) : undefined\n  return [wallet, hdr].filter(Boolean) as any[]\n}\n"],"mappings":"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"}
+{"version":3,"file":"vite.js","names":["mode: Required<Web3AuthnDevOptions>['mode']","contentLines: string[]"],"sources":["../../../src/plugins/vite.ts"],"sourcesContent":["// Minimal Vite dev plugin(s) to support Passkey Manager modes.\n// See docs/passkey-manager-modes.md (Vite Plugin section).\n//\n// What these plugins do:\n// - Serve SDK assets under a base path, expose a wallet service route,\n// - Add dev headers (COOP + Permissions-Policy, optional COEP/CORP), and enforce WASM MIME.\n// - IMPORTANT: Strict CSP is scoped only to wallet HTML routes (/wallet-service, /export-viewer),\n//   not to the host app pages. App routes remain free to use inline styles/scripts.\n\nimport * as fs from 'node:fs'\nimport * as path from 'node:path'\nimport { buildPermissionsPolicy, buildWalletCsp } from './headers'\nimport {\n  addPreconnectLink,\n  buildWalletServiceHtml,\n  buildExportViewerHtml,\n  applyCoepCorpIfNeeded,\n  echoCorsFromRequest,\n  fetchRorOriginsFromNear,\n  toBasePath,\n  resolveCoepMode,\n  resolveSdkDistRoot,\n} from './plugin-utils'\nimport { addOfflineExportDevRoutes, buildOfflineExportHtml, emitOfflineExportAssets } from './offline'\nimport { setContentType } from './plugin-utils'\n\nexport type VitePlugin = {\n  name: string\n  apply?: 'serve' | 'build'\n  enforce?: 'pre' | 'post'\n  configureServer?: (server: any) => void | Promise<void>\n}\nexport type ViteLikePlugin = VitePlugin\n\nexport type Web3AuthnDevOptions = {\n  mode?: 'self-contained' | 'front-only' | 'wallet-only'\n  sdkDistRoot?: string\n  sdkBasePath?: string\n  walletServicePath?: string\n  walletOrigin?: string\n  setDevHeaders?: boolean\n  enableDebugRoutes?: boolean\n  /**\n   * Controls Cross-Origin-Embedder-Policy (COEP) behavior in dev.\n   * - 'off' (default): do not emit COEP/CORP on app pages.\n   * - 'strict': emit `Cross-Origin-Embedder-Policy: require-corp`\n   *   and `Cross-Origin-Resource-Policy: cross-origin` on app pages.\n   *\n   * Tip: set `VITE_COEP_MODE=strict` in tests/CI to enable isolation automatically.\n   */\n  coepMode?: 'strict' | 'off'\n}\n\nexport type ServeSdkOptions = {\n  sdkDistRoot?: string\n  sdkBasePath?: string\n  enableDebugRoutes?: boolean\n  coepMode?: 'strict' | 'off'\n}\n\nexport type WalletServiceOptions = {\n  walletServicePath?: string\n  sdkBasePath?: string\n  coepMode?: 'strict' | 'off'\n}\n\nexport type DevHeadersOptions = {\n  walletOrigin?: string\n  walletServicePath?: string\n  sdkBasePath?: string\n  /**\n   * Optional dev-time CSP for the wallet service route.\n   *  - 'strict': no inline scripts/styles (mirrors production defaults)\n   *  - 'compatible': allows inline scripts/styles (useful for debugging)\n   */\n  devCSP?: 'strict' | 'compatible'\n  /**\n   * Controls Cross-Origin-Embedder-Policy (COEP) behavior in dev.\n   * - 'off' (default): do not emit COEP/CORP headers on app pages.\n   * - 'strict': emit COEP/CORP headers on app pages.\n   */\n  coepMode?: 'strict' | 'off'\n}\n\n/**\n * Return the first candidate path that exists and is a file.\n * Helper for robust /sdk/* asset resolution on dev servers (app and wallet).\n */\nfunction tryFile(...candidates: string[]): string | undefined {\n  for (const file of candidates) {\n    try {\n      const stat = fs.statSync(file)\n      if (stat.isFile()) return file\n    } catch {}\n  }\n  return undefined\n}\n\n// RPC helpers are provided by plugin-utils to share logic across frameworks.\n\n// Shared assets emitted/served for the wallet service bootstrap.\nconst WALLET_SHIM_SOURCE = \"window.global ||= window; window.process ||= { env: {} };\\n\"\nconst WALLET_SURFACE_CSS = [\n  'html, body { background: transparent !important; margin:0; padding:0; }',\n  'html, body { color-scheme: normal; }',\n  '',\n  // Class-based surface for strict CSP setups toggled by JS\n  'html.w3a-transparent, body.w3a-transparent { background: transparent !important; margin:0; padding:0; color-scheme: normal; }',\n  '',\n  // Minimal portal styles used by confirm-ui (no animation; child components handle transitions)\n  '.w3a-portal { position: relative; z-index: 2147483647; opacity: 0; pointer-events: none; }',\n  '.w3a-portal.w3a-portal--visible { opacity: 1; pointer-events: auto; }',\n  '',\n  // Provide baseline tokens only when the document does not declare a theme.\n  // This avoids overriding :root[data-w3a-theme] values supplied by token sheet\n  // or integrator-injected themes.\n  ':root:not([data-w3a-theme]) {',\n  '  --w3a-colors-textPrimary: #f6f7f8;',\n  '  --w3a-colors-textSecondary: rgba(255,255,255,0.7);',\n  '  --w3a-colors-surface: rgba(255,255,255,0.08);',\n  '  --w3a-colors-surface2: rgba(255,255,255,0.06);',\n  '  --w3a-colors-surface3: rgba(255,255,255,0.04);',\n  '  --w3a-colors-borderPrimary: rgba(255,255,255,0.14);',\n  '  --w3a-colors-borderSecondary: rgba(255,255,255,0.1);',\n  '  --w3a-colors-colorBackground: #0b0c10;',\n  '  /* Default viewport custom properties for width/height calculations */',\n  '  --w3a-vw: 100vw;',\n  '  --w3a-vh: 100vh;',\n  '}',\n  '',\n].join('\\n')\n\n/**\n * Tatchi SDK plugin: serve SDK assets under a stable base (default: /sdk) with optional COEP/CORP (strict mode) and permissive CORS.\n * Where it runs: both the app server and the wallet-iframe server.\n * - App server: lets host pages and Lit components load SDK CSS/JS locally.\n * - Wallet server: used by /wallet-service to load wallet-iframe-host.js and related CSS/JS.\n */\nexport function tatchiServeSdk(opts: ServeSdkOptions = {}): VitePlugin {\n  const configuredBase = toBasePath(opts.sdkBasePath, '/sdk')\n  const sdkDistRoot = resolveSdkDistRoot(opts.sdkDistRoot)\n  const enableDebugRoutes = opts.enableDebugRoutes === true\n  const coepMode = resolveCoepMode(opts.coepMode)\n  const offlineHtml = buildOfflineExportHtml(configuredBase)\n\n  // In dev we want both '/sdk' and a custom base to work.\n  const bases = Array.from(new Set([configuredBase, toBasePath('/sdk')]))\n    .sort((a, b) => b.length - a.length)\n    // Prefer longest base match first (e.g., '/sdk/esm/react' before '/sdk')\n\n  return {\n    name: 'tatchi:serve-sdk',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      // Mount Offline Export dev routes once here (includes app module + chunks)\n      addOfflineExportDevRoutes(server, {\n        sdkDistRoot,\n        sdkBasePath: configuredBase,\n        offlineHtml,\n        includeAppModule: true,\n        coepMode,\n      })\n      // Serve a tiny shim as a virtual asset to enable strict CSP (no inline scripts)\n      server.middlewares.use((req: any, res: any, next: any) => {\n        const url = (req.url || '').split('?')[0]\n        if (url === configuredBase + '/wallet-shims.js') {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/javascript; charset=utf-8')\n          // Align with SDK asset headers so COEP/CORP environments can import\n          applyCoepCorpIfNeeded(res, coepMode)\n          // Dev-only CORS echo (no preflight handling on this route)\n          echoCorsFromRequest(res, req, { handlePreflight: false })\n          res.end(WALLET_SHIM_SOURCE)\n          return\n        }\n        if (url === configuredBase + '/wallet-service.css') {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'text/css; charset=utf-8')\n          // Important: provide CORP for cross‑origin CSS so COEP documents can load it\n          applyCoepCorpIfNeeded(res, coepMode)\n          // Dev-only CORS echo (no preflight handling on this route)\n          echoCorsFromRequest(res, req, { handlePreflight: false })\n          res.end(WALLET_SURFACE_CSS)\n          return\n        }\n        next()\n      })\n\n      // Optional debug route to confirm resolution\n      if (enableDebugRoutes) {\n        server.middlewares.use('/__sdk-root', (req: any, res: any) => {\n          res.setHeader('Content-Type', 'text/plain; charset=utf-8')\n          res.end(sdkDistRoot)\n        })\n      }\n\n      // Serve files under any recognized base from sdkDistRoot with fallbacks\n      server.middlewares.use((req: any, res: any, next: any) => {\n        if (!req.url) return next()\n        const url = req.url.split('?')[0]\n\n        const matchBase = bases.find((b) => url.startsWith(b + '/'))\n        if (!matchBase) return next()\n\n        const rel = url.slice((matchBase + '/').length)\n        // Try dist/esm/sdk first (canonical), then common fallbacks\n        const candidate = tryFile(\n          path.join(sdkDistRoot, 'esm', 'sdk', rel),\n          path.join(sdkDistRoot, rel),\n          path.join(sdkDistRoot, 'esm', rel)\n        )\n\n        if (!candidate) {\n          res.statusCode = 404\n          res.setHeader('Content-Type', 'application/json; charset=utf-8')\n          res.end(JSON.stringify({ error: 'SDK asset not found', path: rel }))\n          return\n        }\n\n        setContentType(res, candidate)\n        // SDK assets need COEP headers to work in wallet iframe with COEP enabled\n        applyCoepCorpIfNeeded(res, coepMode)\n        // Dev-only CORS echo (no preflight handling here)\n        echoCorsFromRequest(res, req, { handlePreflight: false })\n        const stream = fs.createReadStream(candidate)\n        stream.on('error', () => next())\n        stream.pipe(res)\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin: expose the wallet service HTML route (default: /wallet-service) that links only external CSS/JS.\n * Where it runs: wallet-iframe dev server (wallet origin). Used by tatchiWalletServer.\n */\nexport function tatchiWalletService(opts: WalletServiceOptions = {}): VitePlugin {\n  const walletServicePath = toBasePath(opts.walletServicePath, '/wallet-service')\n  const sdkBasePath = toBasePath(opts.sdkBasePath, '/sdk')\n  const coepMode = resolveCoepMode(opts.coepMode)\n\n  const html = buildWalletServiceHtml(sdkBasePath)\n  const offlineHtml = buildOfflineExportHtml(sdkBasePath)\n  const sdkDistRoot = resolveSdkDistRoot()\n\n  return {\n    name: 'tatchi:wallet-service',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      server.middlewares.use((req: any, res: any, next: any) => {\n        if (!req.url) return next()\n        const url = req.url.split('?')[0]\n        const isWalletRoute = url === walletServicePath || url === `${walletServicePath}/` || url === `${walletServicePath}//`\n        if (isWalletRoute) {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'text/html; charset=utf-8')\n          // Important: allow embedding this wallet HTML into COEP=require-corp apps even\n          // when the wallet itself is not running with COEP enabled.\n          // Without CORP, the iframe can be blocked and remain on an opaque 'null' origin,\n          // causing CONNECT/READY handshake timeouts in the parent.\n          res.setHeader('Cross-Origin-Resource-Policy', 'cross-origin')\n          applyCoepCorpIfNeeded(res, coepMode)\n          res.end(html)\n          return\n        }\n        next()\n      })\n\n      // Mount Offline Export routes here as well (no app module duplication)\n      addOfflineExportDevRoutes(server, {\n        sdkDistRoot,\n        sdkBasePath,\n        offlineHtml,\n        includeAppModule: false,\n        coepMode,\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin: force the correct `.wasm` MIME type (application/wasm) for any served wasm file.\n * Where it runs: both app and wallet-iframe dev servers.\n */\nexport function tatchiWasmMime(): VitePlugin {\n  return {\n    name: 'tatchi:wasm-mime',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      server.middlewares.use((req: any, res: any, next: any) => {\n        if (!req.url) return next()\n        const url = req.url.split('?')[0]\n        if (url.endsWith('.wasm')) {\n          res.setHeader('Content-Type', 'application/wasm')\n        }\n        next()\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin: add Permissions-Policy (delegating WebAuthn + clipboard), COOP, optional COEP/CORP, and optional dev CSP.\n * Where it runs: both app and wallet-iframe dev servers.\n * Notes:\n * - Uses Structured Header format for Permissions-Policy (double-quoted origins).\n * - Wallet dev CSP can be toggled strict/compatible via opts.devCSP.\n */\nexport function tatchiHeaders(opts: DevHeadersOptions = {}): VitePlugin {\n  const walletOriginRaw = opts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN\n  const walletOrigin = walletOriginRaw?.trim()\n  const walletServicePath = toBasePath(opts.walletServicePath || process.env.VITE_WALLET_SERVICE_PATH, '/wallet-service')\n  const sdkBasePath = toBasePath(opts.sdkBasePath || process.env.VITE_SDK_BASE_PATH, '/sdk')\n  const devCSPMode = (opts.devCSP ?? (process.env.VITE_WALLET_DEV_CSP as 'strict' | 'compatible' | undefined))\n  const coepMode = resolveCoepMode(opts.coepMode)\n\n  // Build headers via shared helpers to avoid drift.\n  const permissionsPolicy = buildPermissionsPolicy(walletOrigin)\n\n  // Dev convenience: dynamic ROR from NEAR RPC (no relay dependency)\n  // The dev server will fetch the allowlist from chain on demand when a contract id is provided.\n  const rorContractId = (process.env.VITE_WEBAUTHN_CONTRACT_ID || '').toString().trim()\n  const rorMethod = (process.env.VITE_ROR_METHOD || 'get_allowed_origins').toString().trim()\n  const nearRpcUrl = (process.env.VITE_NEAR_RPC_URL || 'https://test.rpc.fastnear.com').toString().trim()\n  // Caching is handled inside fetchRorOriginsFromNear via TTL\n\n  return {\n    name: 'tatchi:dev-headers',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n\n      console.log('[tatchi] headers enabled', {\n        walletServicePath,\n        sdkBasePath,\n        coepMode,\n        rorContractId: rorContractId || '(none)',\n        nearRpcUrl\n      })\n\n      server.middlewares.use((req: any, res: any, next: any) => {\n        const url = (req.url || '').split('?')[0] || ''\n        const isWalletRoute = url === walletServicePath || url === `${walletServicePath}/` || url === `${walletServicePath}//`\n        res.setHeader('Cross-Origin-Opener-Policy', isWalletRoute ? 'unsafe-none' : 'same-origin')\n        if (coepMode !== 'off') {\n          res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')\n          res.setHeader('Cross-Origin-Resource-Policy', 'cross-origin')\n        }\n        res.setHeader('Permissions-Policy', permissionsPolicy)\n        // Optional dev-time CSP for the wallet service page only (app pages are unaffected)\n        if (isWalletRoute && devCSPMode) {\n          const mode = devCSPMode === 'strict' ? 'strict' : 'compatible'\n          const walletCsp = buildWalletCsp({ mode })\n          res.setHeader('Content-Security-Policy', walletCsp)\n        }\n        // Resource hints: help parent pages preconnect to the wallet origin early in dev\n        addPreconnectLink(res, walletOrigin)\n\n        // Serve /.well-known/webauthn for ROR using chain state in dev\n        const isWellKnown = url === '/.well-known/webauthn' || url === '/.well-known/webauthn/'\n        if (isWellKnown) {\n          // Direct fetch from NEAR RPC (no relay). Caching handled inside helper.\n          // Requires contract id; RPC URL falls back to a reliable public endpoint.\n          if (rorContractId) {\n            ;(async () => {\n              try {\n                const origins = await fetchRorOriginsFromNear({\n                  rpcUrl: nearRpcUrl,\n                  contractId: rorContractId,\n                  method: rorMethod,\n                })\n                res.statusCode = 200\n                res.setHeader('Content-Type', 'application/json; charset=utf-8')\n                res.setHeader('Cache-Control', 'max-age=60, stale-while-revalidate=600')\n                res.end(JSON.stringify({ origins }))\n              } catch (e) {\n                console.warn('[tatchi] ROR dynamic fetch failed:', e)\n                res.statusCode = 200\n                res.setHeader('Content-Type', 'application/json; charset=utf-8')\n                res.setHeader('Cache-Control', 'max-age=60, stale-while-revalidate=600')\n                res.end(JSON.stringify({ origins: [] }))\n              }\n            })()\n            return\n          }\n          // No configuration; respond with empty allowlist to avoid hard 404 in dev\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/json; charset=utf-8')\n          res.setHeader('Cache-Control', 'max-age=60, stale-while-revalidate=600')\n          res.end(JSON.stringify({ origins: [] }))\n          return\n        }\n\n        if (url.startsWith(`${sdkBasePath}/`)) {\n          // Dev-only CORS for SDK assets served by Vite\n          applyCoepCorpIfNeeded(res, coepMode)\n          // Honor existing echo from SDK server; otherwise echo\n          const ended = echoCorsFromRequest(res, req, { honorExistingAcaOrigin: true, handlePreflight: true })\n          if (ended) return\n        }\n        next()\n      })\n    },\n  }\n}\n\n/**\n * Dev plugin (composed): convenience entry that wires SDK server, WASM MIME, optional headers,\n * and (in wallet modes) the wallet service route.\n * Where it runs:\n * - App server: mode 'front-only' (or 'self-contained' when serving wallet pages on the same origin).\n * - Wallet-iframe server: modes 'wallet-only' or 'self-contained'.\n */\n/**\n * Compose dev plugins for serving SDK assets, wallet service HTML and dev headers.\n * External-facing entry for configuring either the app or wallet-iframe dev server.\n */\nfunction tatchiDevServer(options: Web3AuthnDevOptions = {}): VitePlugin {\n  const mode: Required<Web3AuthnDevOptions>['mode'] = options.mode || 'self-contained'\n  const sdkBasePath = toBasePath(options.sdkBasePath || process.env.VITE_SDK_BASE_PATH, '/sdk')\n  const walletServicePath = toBasePath(options.walletServicePath || process.env.VITE_WALLET_SERVICE_PATH, '/wallet-service')\n  const walletOrigin = (options.walletOrigin ?? process.env.VITE_WALLET_ORIGIN)?.trim()\n  const setDevHeaders = options.setDevHeaders !== false // default true\n  const enableDebugRoutes = options.enableDebugRoutes === true\n  const sdkDistRoot = resolveSdkDistRoot(options.sdkDistRoot)\n  const coepMode = resolveCoepMode(options.coepMode)\n\n  // Build the sub-plugins to keep logic small and testable\n  const sdkPlugin = tatchiServeSdk({ sdkBasePath, sdkDistRoot, enableDebugRoutes, coepMode })\n  const walletPlugin = tatchiWalletService({ walletServicePath, sdkBasePath, coepMode })\n  const wasmMimePlugin = tatchiWasmMime()\n  // Flip wallet CSP to strict by default in dev. Consumers can override via\n  // VITE_WALLET_DEV_CSP or by composing tatchiHeaders directly.\n  const headersPlugin = setDevHeaders\n    ? tatchiHeaders({ walletOrigin, walletServicePath, sdkBasePath, devCSP: 'strict', coepMode })\n    : undefined\n\n  return {\n    name: 'tatchi:dev',\n    apply: 'serve',\n    enforce: 'pre',\n    configureServer(server) {\n      // Always add WASM MIME + SDK server\n      sdkPlugin.configureServer?.(server)\n      wasmMimePlugin.configureServer?.(server)\n      if (headersPlugin) headersPlugin.configureServer?.(server)\n\n      // Mode-specific wallet service route\n      if (mode === 'self-contained' || mode === 'wallet-only') {\n        walletPlugin.configureServer?.(server)\n      }\n    },\n  }\n}\n\n// === Build-time helper: emit Cloudflare Pages/Netlify _headers ===\n// This plugin writes a _headers file into Vite's outDir with COOP and optional COEP and a\n// Permissions-Policy delegating WebAuthn to the configured wallet origin.\n// It is a no-op if a _headers file already exists (to avoid overriding app settings).\n/**\n * Build-time plugin: writes a Cloudflare Pages/Netlify-compatible `_headers` file into Vite's `outDir`.\n * Adds COOP + Permissions-Policy and optional COEP/CORP (configurable via coepMode) delegating WebAuthn to the configured wallet origin.\n * Where it runs: build for either the app or a static wallet host (not used in dev).\n * Notes: no-ops if `_headers` already exists in `outDir` (to avoid overriding platform config).\n */\nexport function tatchiBuildHeaders(opts: { walletOrigin?: string, cors?: { accessControlAllowOrigin?: string }, coepMode?: 'strict' | 'off' } = {}): VitePlugin {\n  const walletOriginRaw = opts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN\n  const walletOrigin = walletOriginRaw?.trim()\n  const walletServicePath = toBasePath(process.env.VITE_WALLET_SERVICE_PATH, '/wallet-service')\n  const sdkBasePath = toBasePath(process.env.VITE_SDK_BASE_PATH, '/sdk')\n  const coepMode = resolveCoepMode(opts.coepMode)\n\n  // Build headers via shared helpers to avoid drift between frameworks\n  const permissionsPolicy = buildPermissionsPolicy(walletOrigin)\n  const walletCsp = buildWalletCsp({ mode: 'strict' })\n\n  let outDir = 'dist'\n\n  // We intentionally return a broader shape than VitePlugin; cast at the end\n  const plugin = {\n    name: 'tatchi:build-headers',\n    apply: 'build' as const,\n    enforce: 'post' as const,\n    // Capture the resolved outDir\n    configResolved(config: any) {\n      outDir = (config?.build?.outDir as string) || outDir\n    },\n    generateBundle() {\n      try {\n        const hdrPath = path.join(outDir, '_headers')\n        if (fs.existsSync(hdrPath)) {\n          // Do not override existing headers; leave a note in build logs\n          console.warn('[tatchi] _headers already exists in outDir; skipping auto-emission')\n        } else {\n          // Strict CSP is emitted only for wallet HTML routes; not for app pages.\n          const contentLines: string[] = [\n            '/*',\n            '  Cross-Origin-Opener-Policy: same-origin',\n            ...(coepMode === 'off'\n              ? []\n              : [\n                  '  Cross-Origin-Embedder-Policy: require-corp',\n                  '  Cross-Origin-Resource-Policy: cross-origin',\n                ]),\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            '',\n            `${walletServicePath}`,\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            // Always allow COEP=require-corp apps to embed wallet HTML, even when\n            // the wallet host itself is not using COEP.\n            '  Cross-Origin-Resource-Policy: cross-origin',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            `  Content-Security-Policy: ${walletCsp}`,\n            `${walletServicePath}/`,\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            '  Cross-Origin-Resource-Policy: cross-origin',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            `  Content-Security-Policy: ${walletCsp}`,\n            '/export-viewer',\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            '  Cross-Origin-Resource-Policy: cross-origin',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            '/export-viewer/',\n            '  Cross-Origin-Opener-Policy: unsafe-none',\n            '  Cross-Origin-Resource-Policy: cross-origin',\n            `  Permissions-Policy: ${permissionsPolicy}`,\n            // Offline export cache policy (no-cache for HTML/SW; immutable for other assets)\n            '/offline-export',\n            '  Cache-Control: no-cache',\n            '/offline-export/',\n            '  Cache-Control: no-cache',\n            '/offline-export/index.html',\n            '  Cache-Control: no-cache',\n            '/offline-export/sw.js',\n            '  Cache-Control: no-cache',\n            '/offline-export/precache.manifest.json',\n            '  Cache-Control: no-cache',\n            '/offline-export/manifest.webmanifest',\n            '  Cache-Control: no-cache',\n            '/offline-export/offline-export-app.js',\n            '  Cache-Control: no-cache',\n            '/offline-export/*',\n            '  Cache-Control: public, max-age=31536000, immutable',\n          ]\n          // Optional: emit CORS headers when explicitly configured via plugin option.\n          // Prefer a single source of truth (platform or plugin), not both.\n          const configuredAcaOrigin = (opts.cors && typeof opts.cors.accessControlAllowOrigin === 'string'\n            ? opts.cors.accessControlAllowOrigin.trim()\n            : undefined) as string | undefined;\n          if (configuredAcaOrigin) {\n            contentLines.push(\n              `${sdkBasePath}/*`,\n              `  Access-Control-Allow-Origin: ${configuredAcaOrigin}`,\n            )\n          }\n          const content = contentLines.join('\\n') + '\\n'\n          fs.mkdirSync(outDir, { recursive: true })\n          fs.writeFileSync(hdrPath, content, 'utf-8')\n          console.log('[tatchi] emitted _headers with COOP' + (coepMode === 'off' ? '' : '/COEP/CORP') + ' + Permissions-Policy' + (configuredAcaOrigin ? ' + CORS' : ''))\n        }\n\n        const sdkDir = path.join(outDir, sdkBasePath.replace(/^\\//, ''))\n        try { fs.mkdirSync(sdkDir, { recursive: true }) } catch {}\n        const shimPath = path.join(sdkDir, 'wallet-shims.js')\n        if (!fs.existsSync(shimPath)) {\n          fs.writeFileSync(shimPath, WALLET_SHIM_SOURCE, 'utf-8')\n        }\n        const cssPath = path.join(sdkDir, 'wallet-service.css')\n        if (!fs.existsSync(cssPath)) {\n          fs.writeFileSync(cssPath, WALLET_SURFACE_CSS, 'utf-8')\n        }\n\n        // Emit minimal wallet-service/index.html if the app hasn't provided one\n        const walletRel = walletServicePath.replace(/^\\//, '')\n        const wsDir = path.join(outDir, walletRel)\n        const wsHtml = path.join(wsDir, 'index.html')\n        if (!fs.existsSync(wsHtml)) {\n          fs.mkdirSync(wsDir, { recursive: true })\n          fs.writeFileSync(wsHtml, buildWalletServiceHtml(sdkBasePath), 'utf-8')\n          console.log(`[tatchi] emitted ${path.posix.join('/', walletRel, 'index.html')} (minimal wallet service)`)\n        }\n\n        // Emit minimal export viewer HTML for production\n        const evDir = path.join(outDir, 'export-viewer')\n        const evHtml = path.join(evDir, 'index.html')\n        if (!fs.existsSync(evHtml)) {\n          fs.mkdirSync(evDir, { recursive: true })\n          fs.writeFileSync(evHtml, buildExportViewerHtml(sdkBasePath), 'utf-8')\n          console.log('[tatchi] emitted /export-viewer/index.html (minimal export viewer)')\n        }\n\n        // Emit offline-export assets (SW, workers, app, HTML, manifest, precache) via helper\n        try {\n          const sdkDistRoot = resolveSdkDistRoot()\n          emitOfflineExportAssets({ outDir, sdkBasePath, sdkDistRoot })\n        } catch (e) {\n          console.warn('[tatchi] failed to emit offline-export assets:', e)\n        }\n      } catch (e) {\n        console.warn('[tatchi] failed to emit _headers:', e)\n      }\n    },\n  }\n\n  return plugin as unknown as VitePlugin\n}\n\n// Small test helpers to keep unit tests decoupled from Vite server implementation\nexport function computeDevPermissionsPolicy(walletOrigin?: string): string {\n  return buildPermissionsPolicy(walletOrigin)\n}\n\nexport function computeDevWalletCsp(mode: 'strict' | 'compatible' = 'strict'): string {\n  return buildWalletCsp({ mode })\n}\n\nexport function tatchiWalletServer(options: Omit<Web3AuthnDevOptions, 'mode'> = {}): VitePlugin {\n  return tatchiDevServer({ ...options, mode: 'wallet-only' })\n}\n\nexport function tatchiAppServer(options: Omit<Web3AuthnDevOptions, 'mode'> = {}): VitePlugin {\n  return tatchiDevServer({ ...options, mode: 'front-only' })\n}\n\n/**\n * Convenience wrapper: app origin helper that combines dev-time headers with optional\n * build-time headers emission for static hosts.\n *\n * Dev-time (serve): applies COOP + Permissions-Policy, plus optional COEP/CORP, via tatchiAppServer.\n * Build-time (build): when `emitHeaders` is true, writes a Cloudflare Pages/Netlify\n * `_headers` file into Vite's `outDir` via tatchiBuildHeaders, scoping strict CSP to\n * wallet HTML routes only.\n *   - Emits: `COOP: same-origin`, `Permissions-Policy: …`, and (when `coepMode === 'strict'`) `COEP: require-corp` + `CORP: cross-origin`.\n *   - No-op if a `_headers` file already exists in `outDir` (avoids clobbering CI/platform rules).\n *\n * Notes\n * - Keeps production header emission opt-in to avoid surprising overrides when apps\n *   already manage headers via custom servers or platform rules.\n * - Returns a plugin array for ergonomics; Vite accepts arrays in the `plugins` list.\n */\nexport function tatchiApp(options: Omit<Web3AuthnDevOptions, 'mode'> & { emitHeaders?: boolean } = {}): any[] /* Vite Plugin[] */ {\n  const { emitHeaders, ...devOpts } = options\n  const walletOrigin = (devOpts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN)?.trim()\n  const app = tatchiAppServer(devOpts)\n  // Build-time emission is opt-in and will no-op if `_headers` already exists.\n  const hdr = emitHeaders ? tatchiBuildHeaders({ walletOrigin, coepMode: devOpts.coepMode }) : undefined\n  return [app, hdr].filter(Boolean) as any[]\n}\n\n/**\n * Convenience wrapper: wallet origin helper that combines dev-time wallet server\n * with optional build-time headers emission for static hosts.\n *\n * Dev-time (serve): serves `/wallet-service` and `/sdk/*` plus headers via tatchiWalletServer.\n * Build-time (build): when `emitHeaders` is true, writes a Cloudflare Pages/Netlify\n * `_headers` file into Vite's `outDir` via tatchiBuildHeaders, scoping strict CSP to\n * wallet HTML routes only.\n *   - Emits: `COOP: same-origin` (wallet HTML routes use `unsafe-none`), `Permissions-Policy: …`, and (when `coepMode === 'strict'`) `COEP: require-corp` + `CORP: cross-origin`.\n *   - No-op if a `_headers` file already exists in `outDir` (avoids clobbering CI/platform rules).\n *\n * Notes\n * - Keeps production header emission opt-in to avoid overriding platform/server configs.\n * - Returns a plugin array for ergonomics; Vite accepts arrays in the `plugins` list.\n */\nexport function tatchiWallet(options: Omit<Web3AuthnDevOptions, 'mode'> & { emitHeaders?: boolean } = {}): any[] /* Vite Plugin[] */ {\n  const { emitHeaders, ...devOpts } = options\n  const walletOrigin = (devOpts.walletOrigin ?? process.env.VITE_WALLET_ORIGIN)?.trim()\n  const wallet = tatchiWalletServer(devOpts)\n  // Build-time emission is opt-in and will no-op if `_headers` already exists.\n  const hdr = emitHeaders ? tatchiBuildHeaders({ walletOrigin, coepMode: devOpts.coepMode }) : undefined\n  return [wallet, hdr].filter(Boolean) as any[]\n}\n"],"mappings":"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"}

package/dist/esm/react/build-paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-paths.js","names":[],"sources":["../../../build-paths.ts"],"sourcesContent":["// Centralized build configuration\n// This file defines all paths used across the build system\n\nexport const BUILD_PATHS = {\n  // Build output directories\n  BUILD: {\n    ROOT: 'dist',\n    WORKERS: 'dist/workers',\n    ESM: 'dist/esm',\n    CJS: 'dist/cjs',\n    TYPES: 'dist/types'\n  },\n\n  // Source directories\n  SOURCE: {\n    ROOT: 'src',\n    CORE: 'src/core',\n    WASM_SIGNER: 'src/wasm_signer_worker',\n    WASM_VRF: 'src/wasm_vrf_worker',\n    CRITICAL_DIRS: [\n      'src/core',\n      'src/wasm_signer_worker',\n      'src/wasm_vrf_worker'\n    ]\n  },\n\n  // Frontend deployment paths\n  FRONTEND: {\n    ROOT: '../examples/vite/public',\n    SDK: '../examples/vite/public/sdk',\n    WORKERS: '../examples/vite/public/sdk/workers'\n  },\n\n  // Runtime paths (used by workers and tests)\n  RUNTIME: {\n    SDK_BASE: '/sdk',\n    WORKERS_BASE: '/sdk/workers',\n    VRF_WORKER: '/sdk/workers/web3authn-vrf.worker.js',\n    SIGNER_WORKER: '/sdk/workers/web3authn-signer.worker.js'\n  },\n\n  // Worker file names\n  WORKERS: {\n    VRF: 'web3authn-vrf.worker.js',\n    SIGNER: 'web3authn-signer.worker.js',\n    OFFLINE_SW: 'offline-export-sw.js',\n    WASM_VRF_JS: 'wasm_vrf_worker.js',\n    WASM_VRF_WASM: 'wasm_vrf_worker_bg.wasm',\n    WASM_SIGNER_JS: 'wasm_signer_worker.js',\n    WASM_SIGNER_WASM: 'wasm_signer_worker_bg.wasm'\n  },\n\n  // Test worker file paths (for test files)\n  TEST_WORKERS: {\n    VRF: '/sdk/workers/web3authn-vrf.worker.js',\n    SIGNER: '/sdk/workers/web3authn-signer.worker.js',\n    WASM_VRF_JS: '/sdk/workers/wasm_vrf_worker.js',\n    WASM_VRF_WASM: '/sdk/workers/wasm_vrf_worker_bg.wasm',\n    WASM_SIGNER_JS: '/sdk/workers/wasm_signer_worker.js',\n    WASM_SIGNER_WASM: '/sdk/workers/wasm_signer_worker_bg.wasm'\n  }\n} as const;\n\n// Helper functions\nexport const getWorkerPath = (workerName: string): string => `${BUILD_PATHS.BUILD.WORKERS}/${workerName}`;\nexport const getRuntimeWorkerPath = (workerName: string): string => `${BUILD_PATHS.RUNTIME.WORKERS_BASE}/${workerName}`;\nexport const getFrontendWorkerPath = (workerName: string): string => `${BUILD_PATHS.FRONTEND.WORKERS}/${workerName}`;\n\n// Default export for easier importing\nexport default BUILD_PATHS;\n"],"mappings":";AAGA,MAAa,cAAc;CAEzB,OAAO;EACL,MAAM;EACN,SAAS;EACT,KAAK;EACL,KAAK;EACL,OAAO;;CAIT,QAAQ;EACN,MAAM;EACN,MAAM;EACN,aAAa;EACb,UAAU;EACV,eAAe;GACb;GACA;GACA;;;CAKJ,UAAU;EACR,MAAM;EACN,KAAK;EACL,SAAS;;CAIX,SAAS;EACP,UAAU;EACV,cAAc;EACd,YAAY;EACZ,eAAe;;CAIjB,SAAS;EACP,KAAK;EACL,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,kBAAkB;;CAIpB,cAAc;EACZ,KAAK;EACL,QAAQ;EACR,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,kBAAkB"}

package/dist/esm/react/components/AccountMenuButton/LinkedDevicesModal2.js

@@ -1,5 +1,5 @@
-import { init_accountIds, toAccountId } from "../../sdk/src/core/types/accountIds.js";
-import { getAuthenticatorsByUser, init_rpcCalls } from "../../sdk/src/core/rpcCalls.js";
+import { toAccountId } from "../../src/core/types/accountIds.js";
+import { getAuthenticatorsByUser } from "../../src/core/rpcCalls.js";
 import { useTatchi } from "../../context/index.js";
 import { Theme, useTheme } from "../theme/ThemeProvider.js";
 import "./LinkedDevicesModal.js";
@@ -7,8 +7,6 @@ import React, { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react/components/AccountMenuButton/LinkedDevicesModal.tsx
-init_rpcCalls();
-init_accountIds();
 const LinkedDevicesModal = ({ nearAccountId, isOpen, onClose }) => {
 	const { tatchi, loginState, viewAccessKeyList } = useTatchi();
 	const { theme } = useTheme();
@@ -105,7 +103,10 @@ const LinkedDevicesModal = ({ nearAccountId, isOpen, onClose }) => {
 		setDeletingKeyPublicKey(publicKey);
 		setDeleteError(null);
 		try {
-			await tatchi.deleteDeviceKey(nearAccountId, publicKey);
+			await tatchi.deleteDeviceKey(nearAccountId, publicKey, { signerMode: {
+				mode: "threshold-signer",
+				behavior: "fallback"
+			} });
 			await loadAuthenticators();
 		} catch (err) {
 			setDeleteError(err.message || "Failed to delete access key");

package/dist/esm/react/components/AccountMenuButton/LinkedDevicesModal2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkedDevicesModal2.js","names":["LinkedDevicesModal: React.FC<LinkedDevicesModalProps>","rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }>","err: any","items: React.ReactNode[]"],"sources":["../../../../../src/react/components/AccountMenuButton/LinkedDevicesModal.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { useTatchi } from '../../context';\nimport './LinkedDevicesModal.css';\nimport { useTheme, Theme } from '../theme';\n\nimport { getAuthenticatorsByUser } from '@/core/rpcCalls';\nimport type { ContractStoredAuthenticator } from '@/core/TatchiPasskey/recoverAccount';\nimport type { AccessKeyList } from '@/core/NearClient';\nimport { toAccountId } from '@/core/types/accountIds';\n\ninterface LinkedDevicesModalProps {\n  nearAccountId: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport const LinkedDevicesModal: React.FC<LinkedDevicesModalProps> = ({\n  nearAccountId,\n  isOpen,\n  onClose\n}) => {\n  const { tatchi, loginState, viewAccessKeyList } = useTatchi();\n  const { theme } = useTheme();\n  // Authenticators list: credentialId + registered timestamp + device number\n  const [authRows, setAuthRows] = useState<Array<{\n    credentialId: string;\n    registered: string;\n    deviceNumber: number;\n    nearPublicKey: string | null;\n  }>>([{ credentialId: 'placeholder', registered: '', deviceNumber: 0, nearPublicKey: null }]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [accessKeyList, setAccessKeyList] = useState<AccessKeyList | null>(null);\n  const [tooltipVisible, setTooltipVisible] = useState<number | null>(null);\n  const [copiedKeys, setCopiedKeys] = useState<Set<number>>(new Set());\n  const [currentDeviceNumber, setCurrentDeviceNumber] = useState<number | null>(null);\n  const [deletingKeyPublicKey, setDeletingKeyPublicKey] = useState<string | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n\n  const formatDateTime = (iso: string) => {\n    if (!iso) return '—';\n    try { return new Date(iso).toLocaleString(); } catch { return iso; }\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      loadAuthenticators();\n      // Also resolve current device number for highlighting\n      (async () => {\n        try {\n          if (!tatchi) return;\n          const { login } = await tatchi.getLoginSession(nearAccountId);\n          const dn = (login as any)?.userData?.deviceNumber;\n          if (typeof dn === 'number' && Number.isFinite(dn)) {\n            setCurrentDeviceNumber(dn);\n          } else {\n            setCurrentDeviceNumber(null);\n          }\n        } catch {\n          setCurrentDeviceNumber(null);\n        }\n      })();\n    }\n  }, [isOpen]);\n\n  // Close on ESC press while modal is open\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        e.preventDefault();\n        onClose();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [isOpen, onClose]);\n\n  const loadAuthenticators = async () => {\n    if (!tatchi) return;\n\n    setIsLoading(true);\n    setError(null);\n    setDeleteError(null);\n\n    try {\n      const nearClient = tatchi.getNearClient();\n      const contractId = tatchi.configs.contractId;\n      const [tuples, keys] = await Promise.all([\n        getAuthenticatorsByUser(nearClient, contractId, toAccountId(nearAccountId)),\n        viewAccessKeyList(nearAccountId)\n      ]);\n\n      // Map each authenticator to a single row with credentialId and registered timestamp\n      const rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }> = [];\n      for (const [credentialId, auth] of (tuples || []) as Array<[string, ContractStoredAuthenticator]>) {\n        const dn = Number(auth.device_number);\n        const rawRegistered = String((auth as any).registered ?? '');\n        const registered = (() => {\n          if (!rawRegistered) return '';\n          // Legacy contracts may return a numeric timestamp string.\n          if (/^\\d+$/.test(rawRegistered)) {\n            const ts = Number(rawRegistered);\n            return Number.isFinite(ts) ? new Date(ts).toISOString() : rawRegistered;\n          }\n          return rawRegistered;\n        })();\n\n        const nearPublicKey = (auth as any).near_public_key ?? null;\n        rows.push({ credentialId, registered, deviceNumber: dn, nearPublicKey });\n      }\n      setAuthRows(rows.length > 0 ? rows : []);\n      setAccessKeyList(keys);\n    } catch (err: any) {\n      setError(err.message || 'Failed to load linked devices or access keys');\n      setAccessKeyList(null);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleDeleteKey = async (publicKey: string) => {\n    if (!tatchi || !publicKey) return;\n    if (!nearAccountId) return;\n\n    setDeletingKeyPublicKey(publicKey);\n    setDeleteError(null);\n\n    try {\n      await tatchi.deleteDeviceKey(nearAccountId, publicKey);\n      await loadAuthenticators();\n    } catch (err: any) {\n      setDeleteError(err.message || 'Failed to delete access key');\n    } finally {\n      setDeletingKeyPublicKey(null);\n    }\n  };\n\n  const copyToClipboard = async (text: string, keyIndex: number) => {\n    try {\n      await navigator.clipboard.writeText(text);\n\n      // Fire custom event for copy action\n      const copyEvent = new CustomEvent('accessKeyCopied', {\n        detail: {\n          publicKey: text,\n          keyIndex: keyIndex,\n          timestamp: Date.now()\n        }\n      });\n      window.dispatchEvent(copyEvent);\n\n      // Show brief tooltip feedback\n      setTooltipVisible(keyIndex);\n      setTimeout(() => setTooltipVisible(null), 2000);\n\n      // Set copied state for status badge\n      setCopiedKeys(prev => new Set(prev).add(keyIndex));\n      setTimeout(() => {\n        setCopiedKeys(prev => {\n          const newSet = new Set(prev);\n          newSet.delete(keyIndex);\n          return newSet;\n        });\n      }, 3000);\n    } catch (err) {\n      console.error('Failed to copy to clipboard:', err);\n    }\n  };\n\n  if (!isOpen) return null;\n\n  // Prevent any events from bubbling up to parent components\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onClose();\n  };\n\n  const handleModalContentClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // Don't call onClose here - we want to keep the modal open\n  };\n\n  return (\n    <Theme mode=\"scope-only\">\n    <div className={`w3a-access-keys-modal-backdrop theme-${theme}`}\n      onClick={handleBackdropClick}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseUp={(e) => e.stopPropagation()}\n    >\n      <div className=\"w3a-access-keys-modal-content\"\n        onClick={handleModalContentClick}\n        onMouseDown={(e) => e.stopPropagation()}\n        onMouseUp={(e) => e.stopPropagation()}\n      >\n        <div className=\"w3a-access-keys-modal-header\">\n          <h2 className=\"w3a-access-keys-modal-title\">Linked Devices</h2>\n        </div>\n        <button className=\"w3a-access-keys-modal-close\"\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ✕\n        </button>\n\n        {error && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{error}</p>\n            <button onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              loadAuthenticators();\n            }} className=\"w3a-btn w3a-btn-primary\">\n              Try Again\n            </button>\n          </div>\n        )}\n\n        {!isLoading && !error && authRows.filter(r => r.credentialId !== 'placeholder').length === 0 && (\n          <div className=\"w3a-access-keys-empty\">\n            <p>No authenticators found.</p>\n          </div>\n        )}\n\n        {!error && authRows.filter(r => r.credentialId !== 'placeholder').length > 0 && (\n          <div className=\"w3a-keys-list\">\n            {(() => {\n              console.log(\"authRows\", authRows)\n              const rows = authRows.filter(r => r.credentialId !== 'placeholder');\n              const current = (currentDeviceNumber != null)\n                ? rows.find(r => r.deviceNumber === currentDeviceNumber)\n                : null;\n              const others = (currentDeviceNumber != null)\n                ? rows.filter(r => r.deviceNumber !== currentDeviceNumber)\n                : rows;\n\n              const items: React.ReactNode[] = [];\n\n              if (current) {\n                const index = 0;\n                const currentKey = current.nearPublicKey || loginState?.nearPublicKey || null;\n                const isCurrentKey = !!currentKey && loginState?.nearPublicKey === currentKey;\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!currentKey && deletingKeyPublicKey === currentKey;\n                items.push(\n                  <div key={`current-${current.deviceNumber}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {current.deviceNumber}</span>\n                            <span className=\"w3a-current-device-text\">(current device)</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(current.registered)}</div>\n                        {currentKey && (\n                          <div\n                            className=\"mono w3a-copyable-key w3a-access-key-current\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(currentKey, index);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(index)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {currentKey}\n                            {tooltipVisible === index && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {currentKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className={`w3a-btn ${isCurrentKey ? 'w3a-btn-primary' : 'w3a-btn-danger'}`}\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(currentKey);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              }\n\n              others.forEach((item, i) => {\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!item.nearPublicKey && deletingKeyPublicKey === item.nearPublicKey;\n                items.push(\n                  <div key={`other-${item.deviceNumber}-${i}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {item.deviceNumber}</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(item.registered)}</div>\n                        {item.nearPublicKey && (\n                          <div\n                            className=\"mono w3a-copyable-key\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(item.nearPublicKey!, 10 + i);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(10 + i)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {item.nearPublicKey}\n                            {tooltipVisible === 10 + i && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {item.nearPublicKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className=\"w3a-btn w3a-btn-danger\"\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(item.nearPublicKey!);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              });\n\n              return items;\n            })()}\n          </div>\n        )}\n\n        {deleteError && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{deleteError}</p>\n          </div>\n        )}\n      </div>\n    </div>\n    </Theme>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LinkedDevicesModal2.js","names":["LinkedDevicesModal: React.FC<LinkedDevicesModalProps>","rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }>","err: any","items: React.ReactNode[]"],"sources":["../../../../../src/react/components/AccountMenuButton/LinkedDevicesModal.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { useTatchi } from '../../context';\nimport './LinkedDevicesModal.css';\nimport { useTheme, Theme } from '../theme';\n\nimport { getAuthenticatorsByUser } from '@/core/rpcCalls';\nimport type { ContractStoredAuthenticator } from '@/core/TatchiPasskey/syncAccount';\nimport type { AccessKeyList } from '@/core/NearClient';\nimport { toAccountId } from '@/core/types/accountIds';\n\ninterface LinkedDevicesModalProps {\n  nearAccountId: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport const LinkedDevicesModal: React.FC<LinkedDevicesModalProps> = ({\n  nearAccountId,\n  isOpen,\n  onClose\n}) => {\n  const { tatchi, loginState, viewAccessKeyList } = useTatchi();\n  const { theme } = useTheme();\n  // Authenticators list: credentialId + registered timestamp + device number\n  const [authRows, setAuthRows] = useState<Array<{\n    credentialId: string;\n    registered: string;\n    deviceNumber: number;\n    nearPublicKey: string | null;\n  }>>([{ credentialId: 'placeholder', registered: '', deviceNumber: 0, nearPublicKey: null }]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [accessKeyList, setAccessKeyList] = useState<AccessKeyList | null>(null);\n  const [tooltipVisible, setTooltipVisible] = useState<number | null>(null);\n  const [copiedKeys, setCopiedKeys] = useState<Set<number>>(new Set());\n  const [currentDeviceNumber, setCurrentDeviceNumber] = useState<number | null>(null);\n  const [deletingKeyPublicKey, setDeletingKeyPublicKey] = useState<string | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n\n  const formatDateTime = (iso: string) => {\n    if (!iso) return '—';\n    try { return new Date(iso).toLocaleString(); } catch { return iso; }\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      loadAuthenticators();\n      // Also resolve current device number for highlighting\n      (async () => {\n        try {\n          if (!tatchi) return;\n          const { login } = await tatchi.getLoginSession(nearAccountId);\n          const dn = (login as any)?.userData?.deviceNumber;\n          if (typeof dn === 'number' && Number.isFinite(dn)) {\n            setCurrentDeviceNumber(dn);\n          } else {\n            setCurrentDeviceNumber(null);\n          }\n        } catch {\n          setCurrentDeviceNumber(null);\n        }\n      })();\n    }\n  }, [isOpen]);\n\n  // Close on ESC press while modal is open\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        e.preventDefault();\n        onClose();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [isOpen, onClose]);\n\n  const loadAuthenticators = async () => {\n    if (!tatchi) return;\n\n    setIsLoading(true);\n    setError(null);\n    setDeleteError(null);\n\n    try {\n      const nearClient = tatchi.getNearClient();\n      const contractId = tatchi.configs.contractId;\n      const [tuples, keys] = await Promise.all([\n        getAuthenticatorsByUser(nearClient, contractId, toAccountId(nearAccountId)),\n        viewAccessKeyList(nearAccountId)\n      ]);\n\n      // Map each authenticator to a single row with credentialId and registered timestamp\n      const rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }> = [];\n      for (const [credentialId, auth] of (tuples || []) as Array<[string, ContractStoredAuthenticator]>) {\n        const dn = Number(auth.device_number);\n        const rawRegistered = String((auth as any).registered ?? '');\n        const registered = (() => {\n          if (!rawRegistered) return '';\n          // Legacy contracts may return a numeric timestamp string.\n          if (/^\\d+$/.test(rawRegistered)) {\n            const ts = Number(rawRegistered);\n            return Number.isFinite(ts) ? new Date(ts).toISOString() : rawRegistered;\n          }\n          return rawRegistered;\n        })();\n\n        const nearPublicKey = (auth as any).near_public_key ?? null;\n        rows.push({ credentialId, registered, deviceNumber: dn, nearPublicKey });\n      }\n      setAuthRows(rows.length > 0 ? rows : []);\n      setAccessKeyList(keys);\n    } catch (err: any) {\n      setError(err.message || 'Failed to load linked devices or access keys');\n      setAccessKeyList(null);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleDeleteKey = async (publicKey: string) => {\n    if (!tatchi || !publicKey) return;\n    if (!nearAccountId) return;\n\n    setDeletingKeyPublicKey(publicKey);\n    setDeleteError(null);\n\n    try {\n      await tatchi.deleteDeviceKey(nearAccountId, publicKey, {\n        signerMode: { mode: 'threshold-signer', behavior: 'fallback' },\n      });\n      await loadAuthenticators();\n    } catch (err: any) {\n      setDeleteError(err.message || 'Failed to delete access key');\n    } finally {\n      setDeletingKeyPublicKey(null);\n    }\n  };\n\n  const copyToClipboard = async (text: string, keyIndex: number) => {\n    try {\n      await navigator.clipboard.writeText(text);\n\n      // Fire custom event for copy action\n      const copyEvent = new CustomEvent('accessKeyCopied', {\n        detail: {\n          publicKey: text,\n          keyIndex: keyIndex,\n          timestamp: Date.now()\n        }\n      });\n      window.dispatchEvent(copyEvent);\n\n      // Show brief tooltip feedback\n      setTooltipVisible(keyIndex);\n      setTimeout(() => setTooltipVisible(null), 2000);\n\n      // Set copied state for status badge\n      setCopiedKeys(prev => new Set(prev).add(keyIndex));\n      setTimeout(() => {\n        setCopiedKeys(prev => {\n          const newSet = new Set(prev);\n          newSet.delete(keyIndex);\n          return newSet;\n        });\n      }, 3000);\n    } catch (err) {\n      console.error('Failed to copy to clipboard:', err);\n    }\n  };\n\n  if (!isOpen) return null;\n\n  // Prevent any events from bubbling up to parent components\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onClose();\n  };\n\n  const handleModalContentClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // Don't call onClose here - we want to keep the modal open\n  };\n\n  return (\n    <Theme mode=\"scope-only\">\n    <div className={`w3a-access-keys-modal-backdrop theme-${theme}`}\n      onClick={handleBackdropClick}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseUp={(e) => e.stopPropagation()}\n    >\n      <div className=\"w3a-access-keys-modal-content\"\n        onClick={handleModalContentClick}\n        onMouseDown={(e) => e.stopPropagation()}\n        onMouseUp={(e) => e.stopPropagation()}\n      >\n        <div className=\"w3a-access-keys-modal-header\">\n          <h2 className=\"w3a-access-keys-modal-title\">Linked Devices</h2>\n        </div>\n        <button className=\"w3a-access-keys-modal-close\"\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ✕\n        </button>\n\n        {error && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{error}</p>\n            <button onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              loadAuthenticators();\n            }} className=\"w3a-btn w3a-btn-primary\">\n              Try Again\n            </button>\n          </div>\n        )}\n\n        {!isLoading && !error && authRows.filter(r => r.credentialId !== 'placeholder').length === 0 && (\n          <div className=\"w3a-access-keys-empty\">\n            <p>No authenticators found.</p>\n          </div>\n        )}\n\n        {!error && authRows.filter(r => r.credentialId !== 'placeholder').length > 0 && (\n          <div className=\"w3a-keys-list\">\n            {(() => {\n              console.log(\"authRows\", authRows)\n              const rows = authRows.filter(r => r.credentialId !== 'placeholder');\n              const current = (currentDeviceNumber != null)\n                ? rows.find(r => r.deviceNumber === currentDeviceNumber)\n                : null;\n              const others = (currentDeviceNumber != null)\n                ? rows.filter(r => r.deviceNumber !== currentDeviceNumber)\n                : rows;\n\n              const items: React.ReactNode[] = [];\n\n              if (current) {\n                const index = 0;\n                const currentKey = current.nearPublicKey || loginState?.nearPublicKey || null;\n                const isCurrentKey = !!currentKey && loginState?.nearPublicKey === currentKey;\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!currentKey && deletingKeyPublicKey === currentKey;\n                items.push(\n                  <div key={`current-${current.deviceNumber}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {current.deviceNumber}</span>\n                            <span className=\"w3a-current-device-text\">(current device)</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(current.registered)}</div>\n                        {currentKey && (\n                          <div\n                            className=\"mono w3a-copyable-key w3a-access-key-current\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(currentKey, index);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(index)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {currentKey}\n                            {tooltipVisible === index && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {currentKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className={`w3a-btn ${isCurrentKey ? 'w3a-btn-primary' : 'w3a-btn-danger'}`}\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(currentKey);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              }\n\n              others.forEach((item, i) => {\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!item.nearPublicKey && deletingKeyPublicKey === item.nearPublicKey;\n                items.push(\n                  <div key={`other-${item.deviceNumber}-${i}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {item.deviceNumber}</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(item.registered)}</div>\n                        {item.nearPublicKey && (\n                          <div\n                            className=\"mono w3a-copyable-key\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(item.nearPublicKey!, 10 + i);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(10 + i)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {item.nearPublicKey}\n                            {tooltipVisible === 10 + i && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {item.nearPublicKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className=\"w3a-btn w3a-btn-danger\"\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(item.nearPublicKey!);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              });\n\n              return items;\n            })()}\n          </div>\n        )}\n\n        {deleteError && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{deleteError}</p>\n          </div>\n        )}\n      </div>\n    </div>\n    </Theme>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/react/components/AccountMenuButton/ProfileDropdown2.js

@@ -6,7 +6,7 @@ import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react/components/AccountMenuButton/ProfileDropdown.tsx
-const ProfileDropdown = forwardRef(({ isOpen, menuItems, onLogout, onClose, menuItemsRef, toggleColors, currentConfirmConfig, onSetUiMode, onToggleShowDetails, onToggleSkipClick, onSetDelay, onToggleTheme, transactionSettingsOpen = false, theme = "dark", highlightedMenuItemId }, ref) => {
+const ProfileDropdown = forwardRef(({ isOpen, menuItems, onLogout, onClose, menuItemsRef, toggleColors, currentConfirmConfig, signerMode, onToggleThresholdSigning, onSetUiMode, onToggleShowDetails, onToggleSkipClick, onSetDelay, onToggleTheme, transactionSettingsOpen = false, theme = "dark", highlightedMenuItemId }, ref) => {
 	const hasTransactionSettings = transactionSettingsOpen && currentConfirmConfig && onToggleShowDetails && onToggleSkipClick && onSetDelay;
 	menuItemsRef.current.length = menuItems.length;
 	const highlightedIndex = useMemo(() => {
@@ -36,6 +36,8 @@ const ProfileDropdown = forwardRef(({ isOpen, menuItems, onLogout, onClose, menu
 				}),
 				currentConfirmConfig && (onSetUiMode || onToggleShowDetails) && onToggleSkipClick && onSetDelay && /* @__PURE__ */ jsx(TransactionSettingsSection, {
 					currentConfirmConfig,
+					signerMode,
+					onToggleThresholdSigning,
 					onSetUiMode,
 					onToggleShowDetails,
 					onToggleSkipClick,

package/dist/esm/react/components/AccountMenuButton/ProfileDropdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDropdown2.js","names":[],"sources":["../../../../../src/react/components/AccountMenuButton/ProfileDropdown.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\nimport { MenuItem } from './MenuItem';\nimport { LogoutMenuItem } from './LogoutMenuItem';\nimport { TransactionSettingsSection } from './TransactionSettingsSection';\nimport type { ProfileDropdownProps } from './types';\nimport './ProfileDropdown.css';\n\ninterface ProfileDropdownWithRefs extends Omit<ProfileDropdownProps, 'menuItemsRef'> {\n  menuItemsRef: React.MutableRefObject<(HTMLElement | null)[]>;\n  // Transaction settings props\n  currentConfirmConfig?: any;\n  onSetUiMode?: (mode: 'skip' | 'modal' | 'drawer') => void;\n  onToggleShowDetails?: () => void;\n  onToggleSkipClick?: () => void;\n  onSetDelay?: (delay: number) => void;\n  onToggleTheme?: () => void;\n  transactionSettingsOpen?: boolean;\n}\n\nexport const ProfileDropdown = forwardRef<HTMLDivElement, ProfileDropdownWithRefs>(\n  ({\n    isOpen,\n    menuItems,\n    onLogout,\n    onClose,\n    menuItemsRef,\n    toggleColors,\n    currentConfirmConfig,\n    onSetUiMode,\n    onToggleShowDetails,\n    onToggleSkipClick,\n    onSetDelay,\n    onToggleTheme,\n    transactionSettingsOpen = false,\n    theme = 'dark',\n    highlightedMenuItemId,\n  }, ref) => {\n    // Only count transaction settings if it's actually rendered (when expanded)\n    const hasTransactionSettings = transactionSettingsOpen && currentConfirmConfig && onToggleShowDetails && onToggleSkipClick && onSetDelay;\n\n    menuItemsRef.current.length = menuItems.length;\n\n    const highlightedIndex = useMemo(() => {\n      if (!highlightedMenuItemId) return -1;\n      return menuItems.findIndex((item) => item.id === highlightedMenuItemId || item.label === highlightedMenuItemId);\n    }, [highlightedMenuItemId, menuItems]);\n\n    return (\n      <div\n        ref={ref}\n        className={`w3a-profile-dropdown-morphed ${theme}`}\n        data-state={isOpen ? 'open' : 'closed'}\n      >\n        <div className=\"w3a-profile-dropdown-menu\">\n\n          {/* Menu Items */}\n          {menuItems.map((item, index) => {\n            const refCallback = (el: HTMLElement | null) => {\n              if (menuItemsRef.current) {\n                menuItemsRef.current[index] = el;\n              }\n            };\n            const isHighlighted = index === highlightedIndex;\n\n            return (\n              <MenuItem\n                key={item.id ?? index}\n                ref={refCallback}\n                item={item}\n                onClose={onClose}\n                className=\"\"\n                isHighlighted={isHighlighted}\n                // Set CSS variable to calculate stagger delay in CSS stylesheet\n                style={{ ['--stagger-item-n' as any]: index }}\n              />\n            );\n          })}\n\n          {/* Transaction Settings Section - Always render with animation */}\n          {currentConfirmConfig && (onSetUiMode || onToggleShowDetails) && onToggleSkipClick && onSetDelay && (\n            <TransactionSettingsSection\n              currentConfirmConfig={currentConfirmConfig}\n              onSetUiMode={onSetUiMode}\n              onToggleShowDetails={onToggleShowDetails}\n              onToggleSkipClick={onToggleSkipClick}\n              onSetDelay={onSetDelay}\n              onToggleTheme={onToggleTheme}\n              isOpen={transactionSettingsOpen}\n              theme={theme}\n              // Set CSS variable to calculate stagger delay in CSS stylesheet\n              style={{ ['--stagger-item-n' as any]: menuItems.length }}\n            />\n          )}\n\n          {/* Logout Section */}\n          <LogoutMenuItem\n            onLogout={onLogout}\n            className=\"w3a-logout-menu-item\"\n            // Set CSS variable to calculate stagger delay in CSS stylesheet\n            style={{ ['--stagger-item-n' as any]: hasTransactionSettings ? menuItems.length + 1 : menuItems.length }}\n          />\n        </div>\n      </div>\n    );\n  }\n);\n"],"mappings":";;;;;;;;AAmBA,MAAa,kBAAkB,YAC5B,EACC,QACA,WACA,UACA,SACA,cACA,cACA,sBACA,aACA,qBACA,mBACA,YACA,eACA,0BAA0B,OAC1B,QAAQ,QACR,yBACC,QAAQ;CAET,MAAM,yBAAyB,2BAA2B,wBAAwB,uBAAuB,qBAAqB;AAE9H,cAAa,QAAQ,SAAS,UAAU;CAExC,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,sBAAuB,QAAO;AACnC,SAAO,UAAU,WAAW,SAAS,KAAK,OAAO,yBAAyB,KAAK,UAAU;IACxF,CAAC,uBAAuB;AAE3B,QACE,oBAAC;EACM;EACL,WAAW,gCAAgC;EAC3C,cAAY,SAAS,SAAS;YAE9B,qBAAC;GAAI,WAAU;;IAGZ,UAAU,KAAK,MAAM,UAAU;KAC9B,MAAM,eAAe,OAA2B;AAC9C,UAAI,aAAa,QACf,cAAa,QAAQ,SAAS;;KAGlC,MAAM,gBAAgB,UAAU;AAEhC,YACE,oBAAC;MAEC,KAAK;MACC;MACG;MACT,WAAU;MACK;MAEf,OAAO,GAAG,qBAA4B;QAPjC,KAAK,MAAM;;IAarB,yBAAyB,eAAe,wBAAwB,qBAAqB,cACpF,oBAAC;KACuB;KACT;KACQ;KACF;KACP;KACG;KACf,QAAQ;KACD;KAEP,OAAO,GAAG,qBAA4B,UAAU;;IAKpD,oBAAC;KACW;KACV,WAAU;KAEV,OAAO,GAAG,qBAA4B,yBAAyB,UAAU,SAAS,IAAI,UAAU"}
+{"version":3,"file":"ProfileDropdown2.js","names":[],"sources":["../../../../../src/react/components/AccountMenuButton/ProfileDropdown.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\nimport { MenuItem } from './MenuItem';\nimport { LogoutMenuItem } from './LogoutMenuItem';\nimport { TransactionSettingsSection } from './TransactionSettingsSection';\nimport type { ProfileDropdownProps } from './types';\nimport './ProfileDropdown.css';\n\ninterface ProfileDropdownWithRefs extends Omit<ProfileDropdownProps, 'menuItemsRef'> {\n  menuItemsRef: React.MutableRefObject<(HTMLElement | null)[]>;\n  // Transaction settings props\n  currentConfirmConfig?: any;\n  onSetUiMode?: (mode: 'skip' | 'modal' | 'drawer') => void;\n  onToggleShowDetails?: () => void;\n  onToggleSkipClick?: () => void;\n  onSetDelay?: (delay: number) => void;\n  onToggleTheme?: () => void;\n  transactionSettingsOpen?: boolean;\n}\n\nexport const ProfileDropdown = forwardRef<HTMLDivElement, ProfileDropdownWithRefs>(\n  ({\n    isOpen,\n    menuItems,\n    onLogout,\n    onClose,\n    menuItemsRef,\n    toggleColors,\n    currentConfirmConfig,\n    signerMode,\n    onToggleThresholdSigning,\n    onSetUiMode,\n    onToggleShowDetails,\n    onToggleSkipClick,\n    onSetDelay,\n    onToggleTheme,\n    transactionSettingsOpen = false,\n    theme = 'dark',\n    highlightedMenuItemId,\n  }, ref) => {\n    // Only count transaction settings if it's actually rendered (when expanded)\n    const hasTransactionSettings = transactionSettingsOpen && currentConfirmConfig && onToggleShowDetails && onToggleSkipClick && onSetDelay;\n\n    menuItemsRef.current.length = menuItems.length;\n\n    const highlightedIndex = useMemo(() => {\n      if (!highlightedMenuItemId) return -1;\n      return menuItems.findIndex((item) => item.id === highlightedMenuItemId || item.label === highlightedMenuItemId);\n    }, [highlightedMenuItemId, menuItems]);\n\n    return (\n      <div\n        ref={ref}\n        className={`w3a-profile-dropdown-morphed ${theme}`}\n        data-state={isOpen ? 'open' : 'closed'}\n      >\n        <div className=\"w3a-profile-dropdown-menu\">\n\n          {/* Menu Items */}\n          {menuItems.map((item, index) => {\n            const refCallback = (el: HTMLElement | null) => {\n              if (menuItemsRef.current) {\n                menuItemsRef.current[index] = el;\n              }\n            };\n            const isHighlighted = index === highlightedIndex;\n\n            return (\n              <MenuItem\n                key={item.id ?? index}\n                ref={refCallback}\n                item={item}\n                onClose={onClose}\n                className=\"\"\n                isHighlighted={isHighlighted}\n                // Set CSS variable to calculate stagger delay in CSS stylesheet\n                style={{ ['--stagger-item-n' as any]: index }}\n              />\n            );\n          })}\n\n          {/* Transaction Settings Section - Always render with animation */}\n          {currentConfirmConfig && (onSetUiMode || onToggleShowDetails) && onToggleSkipClick && onSetDelay && (\n            <TransactionSettingsSection\n              currentConfirmConfig={currentConfirmConfig}\n              signerMode={signerMode}\n              onToggleThresholdSigning={onToggleThresholdSigning}\n              onSetUiMode={onSetUiMode}\n              onToggleShowDetails={onToggleShowDetails}\n              onToggleSkipClick={onToggleSkipClick}\n              onSetDelay={onSetDelay}\n              onToggleTheme={onToggleTheme}\n              isOpen={transactionSettingsOpen}\n              theme={theme}\n              // Set CSS variable to calculate stagger delay in CSS stylesheet\n              style={{ ['--stagger-item-n' as any]: menuItems.length }}\n            />\n          )}\n\n          {/* Logout Section */}\n          <LogoutMenuItem\n            onLogout={onLogout}\n            className=\"w3a-logout-menu-item\"\n            // Set CSS variable to calculate stagger delay in CSS stylesheet\n            style={{ ['--stagger-item-n' as any]: hasTransactionSettings ? menuItems.length + 1 : menuItems.length }}\n          />\n        </div>\n      </div>\n    );\n  }\n);\n"],"mappings":";;;;;;;;AAmBA,MAAa,kBAAkB,YAC5B,EACC,QACA,WACA,UACA,SACA,cACA,cACA,sBACA,YACA,0BACA,aACA,qBACA,mBACA,YACA,eACA,0BAA0B,OAC1B,QAAQ,QACR,yBACC,QAAQ;CAET,MAAM,yBAAyB,2BAA2B,wBAAwB,uBAAuB,qBAAqB;AAE9H,cAAa,QAAQ,SAAS,UAAU;CAExC,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,sBAAuB,QAAO;AACnC,SAAO,UAAU,WAAW,SAAS,KAAK,OAAO,yBAAyB,KAAK,UAAU;IACxF,CAAC,uBAAuB;AAE3B,QACE,oBAAC;EACM;EACL,WAAW,gCAAgC;EAC3C,cAAY,SAAS,SAAS;YAE9B,qBAAC;GAAI,WAAU;;IAGZ,UAAU,KAAK,MAAM,UAAU;KAC9B,MAAM,eAAe,OAA2B;AAC9C,UAAI,aAAa,QACf,cAAa,QAAQ,SAAS;;KAGlC,MAAM,gBAAgB,UAAU;AAEhC,YACE,oBAAC;MAEC,KAAK;MACC;MACG;MACT,WAAU;MACK;MAEf,OAAO,GAAG,qBAA4B;QAPjC,KAAK,MAAM;;IAarB,yBAAyB,eAAe,wBAAwB,qBAAqB,cACpF,oBAAC;KACuB;KACV;KACc;KACb;KACQ;KACF;KACP;KACG;KACf,QAAQ;KACD;KAEP,OAAO,GAAG,qBAA4B,UAAU;;IAKpD,oBAAC;KACW;KACV,WAAU;KAEV,OAAO,GAAG,qBAA4B,yBAAyB,UAAU,SAAS,IAAI,UAAU"}

package/dist/esm/react/components/AccountMenuButton/TransactionSettingsSection.js

@@ -4,13 +4,14 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react/components/AccountMenuButton/TransactionSettingsSection.tsx
-const TransactionSettingsSection = ({ currentConfirmConfig, onSetUiMode, onToggleShowDetails, onToggleSkipClick, onSetDelay, className, style, isOpen = true, theme = "dark" }) => {
+const TransactionSettingsSection = ({ currentConfirmConfig, signerMode, onToggleThresholdSigning, onSetUiMode, onToggleShowDetails, onToggleSkipClick, onSetDelay, className, style, isOpen = true, theme = "dark" }) => {
 	const handleClick = (e) => {
 		e.stopPropagation();
 	};
 	const disableRequireClick = currentConfirmConfig?.uiMode === "skip";
 	const disableDelaySlider = disableRequireClick || currentConfirmConfig?.behavior !== "autoProceed";
 	const disableAll = !isOpen;
+	const selectedSignerMode = signerMode?.mode ?? "local-signer";
 	return /* @__PURE__ */ jsx("div", {
 		className: `w3a-dropdown-tx-settings-root ${isOpen ? "is-expanded" : ""} ${className || ""}`,
 		style,
@@ -29,6 +30,39 @@ const TransactionSettingsSection = ({ currentConfirmConfig, onSetUiMode, onToggl
 						gap: 8
 					},
 					children: [
+						signerMode && onToggleThresholdSigning && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+							className: "w3a-confirmation-options",
+							children: "Signing Mode"
+						}), /* @__PURE__ */ jsx("div", {
+							style: { width: "100%" },
+							children: /* @__PURE__ */ jsx(SegmentedControl, {
+								items: [{
+									value: "local-signer",
+									label: "Local Signer",
+									disabled: disableAll
+								}, {
+									value: "threshold-signer",
+									label: "MPC Signer",
+									disabled: disableAll
+								}],
+								value: selectedSignerMode,
+								onValueChange: (v) => onToggleThresholdSigning(v === "threshold-signer"),
+								activeBg: "var(--w3a-colors-primary)",
+								height: 40,
+								buttonFontSize: 12,
+								containerStyle: {
+									background: "var(--w3a-colors-surface2)",
+									width: "100%"
+								},
+								buttonStyle: {
+									display: "grid",
+									placeItems: "center",
+									lineHeight: 1,
+									padding: "0 10px"
+								},
+								activeButtonStyle: { color: "var(--w3a-colors-buttonPrimary)" }
+							})
+						})] }),
 						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 							className: "w3a-confirmation-options",
 							children: "Confirmation Options"

package/dist/esm/react/components/AccountMenuButton/TransactionSettingsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionSettingsSection.js","names":["TransactionSettingsSection: React.FC<TransactionSettingsSectionProps>"],"sources":["../../../../../src/react/components/AccountMenuButton/TransactionSettingsSection.tsx"],"sourcesContent":["import React from 'react';\nimport { Slider } from './Slider';\nimport type { TransactionSettingsSectionProps } from './types';\nimport { SegmentedControl } from '../PasskeyAuthMenu/ui/SegmentedControl';\n\nexport const TransactionSettingsSection: React.FC<TransactionSettingsSectionProps> = ({\n  currentConfirmConfig,\n  onSetUiMode,\n  onToggleShowDetails,\n  onToggleSkipClick,\n  onSetDelay,\n  className,\n  style,\n  isOpen = true,\n  theme = 'dark'\n}) => {\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  const disableRequireClick = currentConfirmConfig?.uiMode === 'skip';\n  const disableDelaySlider = disableRequireClick || currentConfirmConfig?.behavior !== 'autoProceed';\n  const disableAll = !isOpen;\n\n  return (\n    <div\n      className={`w3a-dropdown-tx-settings-root ${isOpen ? 'is-expanded' : ''} ${className || ''}`}\n      style={style}\n      onClick={handleClick}\n    >\n      <div className=\"w3a-dropdown-toggle-tx-settings\">\n        <div\n          className=\"w3a-dropdown-toggle-tx-settings-content\"\n          aria-hidden={!isOpen}\n          style={{ pointerEvents: isOpen ? 'auto' : 'none' }}\n        >\n          <div style={{\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 8\n          }}>\n            <div>\n              <div className=\"w3a-confirmation-options\">\n                Confirmation Options\n              </div>\n              <div style={{ width: '100%' }}>\n                <SegmentedControl\n                  items={[\n                    { value: 'skip', label: 'skip', disabled: disableAll },\n                    { value: 'modal', label: 'modal', disabled: disableAll },\n                    { value: 'drawer', label: 'drawer', disabled: disableAll },\n                  ]}\n                  value={(currentConfirmConfig?.uiMode ?? 'modal')}\n                  onValueChange={(v) => onSetUiMode?.(v as 'skip' | 'modal' | 'drawer')}\n                  activeBg={'var(--w3a-colors-primary)'}\n                  height={40}\n                  buttonFontSize={12}\n                  containerStyle={{ background: 'var(--w3a-colors-surface2)', width: '100%' }}\n                  buttonStyle={{ display: 'grid', placeItems: 'center', lineHeight: 1, padding: '0 10px' }}\n                  activeButtonStyle={{ color: 'var(--w3a-colors-buttonPrimary)' }}\n                />\n              </div>\n            </div>\n            <div\n              style={{\n                opacity: disableRequireClick ? 0.6 : 1,\n                pointerEvents: disableRequireClick ? 'none' : 'auto'\n              }}\n            >\n              <div style={{ width: '100%' }}>\n                <SegmentedControl\n                  items={[\n                    { value: 'auto', label: 'auto proceed', disabled: disableAll || disableRequireClick },\n                    { value: 'require', label: 'require click', disabled: disableAll || disableRequireClick },\n                  ]}\n                  value={(currentConfirmConfig?.behavior === 'autoProceed') ? 'auto' : 'require'}\n                  onValueChange={(v) => {\n                    const wantsAuto = v === 'auto';\n                    const isAuto = currentConfirmConfig?.behavior === 'autoProceed';\n                    if (wantsAuto !== isAuto) onToggleSkipClick?.();\n                  }}\n                  activeBg={'var(--w3a-colors-primary)'}\n                  height={40}\n                  buttonFontSize={12}\n                  containerStyle={{ background: 'var(--w3a-colors-surface2)', width: '100%' }}\n                  buttonStyle={{ display: 'grid', placeItems: 'center', lineHeight: 1, padding: '0 10px' }}\n                  activeButtonStyle={{ color: 'var(--w3a-colors-buttonPrimary)' }}\n                />\n              </div>\n            </div>\n            <Slider\n              disabled={disableAll || disableDelaySlider}\n              min={0}\n              max={6}\n              step={1}\n              value={Math.round((currentConfirmConfig?.autoProceedDelay ?? 0) / 500)}\n              onChange={(v) => onSetDelay(v * 500)}\n              theme={theme}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAaA,8BAAyE,EACpF,sBACA,aACA,qBACA,mBACA,YACA,WACA,OACA,SAAS,MACT,QAAQ,aACJ;CAEJ,MAAM,eAAe,MAAwB;AAC3C,IAAE;;CAGJ,MAAM,sBAAsB,sBAAsB,WAAW;CAC7D,MAAM,qBAAqB,uBAAuB,sBAAsB,aAAa;CACrF,MAAM,aAAa,CAAC;AAEpB,QACE,oBAAC;EACC,WAAW,iCAAiC,SAAS,gBAAgB,GAAG,GAAG,aAAa;EACjF;EACP,SAAS;YAET,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,WAAU;IACV,eAAa,CAAC;IACd,OAAO,EAAE,eAAe,SAAS,SAAS;cAE1C,qBAAC;KAAI,OAAO;MACV,OAAO;MACP,SAAS;MACT,eAAe;MACf,KAAK;;;MAEL,qBAAC,oBACC,oBAAC;OAAI,WAAU;iBAA2B;UAG1C,oBAAC;OAAI,OAAO,EAAE,OAAO;iBACnB,oBAAC;QACC,OAAO;SACL;UAAE,OAAO;UAAQ,OAAO;UAAQ,UAAU;;SAC1C;UAAE,OAAO;UAAS,OAAO;UAAS,UAAU;;SAC5C;UAAE,OAAO;UAAU,OAAO;UAAU,UAAU;;;QAEhD,OAAQ,sBAAsB,UAAU;QACxC,gBAAgB,MAAM,cAAc;QACpC,UAAU;QACV,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;SAAE,YAAY;SAA8B,OAAO;;QACnE,aAAa;SAAE,SAAS;SAAQ,YAAY;SAAU,YAAY;SAAG,SAAS;;QAC9E,mBAAmB,EAAE,OAAO;;;MAIlC,oBAAC;OACC,OAAO;QACL,SAAS,sBAAsB,KAAM;QACrC,eAAe,sBAAsB,SAAS;;iBAGhD,oBAAC;QAAI,OAAO,EAAE,OAAO;kBACnB,oBAAC;SACC,OAAO,CACL;UAAE,OAAO;UAAQ,OAAO;UAAgB,UAAU,cAAc;YAChE;UAAE,OAAO;UAAW,OAAO;UAAiB,UAAU,cAAc;;SAEtE,OAAQ,sBAAsB,aAAa,gBAAiB,SAAS;SACrE,gBAAgB,MAAM;UACpB,MAAM,YAAY,MAAM;UACxB,MAAM,SAAS,sBAAsB,aAAa;AAClD,cAAI,cAAc,OAAQ;;SAE5B,UAAU;SACV,QAAQ;SACR,gBAAgB;SAChB,gBAAgB;UAAE,YAAY;UAA8B,OAAO;;SACnE,aAAa;UAAE,SAAS;UAAQ,YAAY;UAAU,YAAY;UAAG,SAAS;;SAC9E,mBAAmB,EAAE,OAAO;;;;MAIlC,oBAAC;OACC,UAAU,cAAc;OACxB,KAAK;OACL,KAAK;OACL,MAAM;OACN,OAAO,KAAK,OAAO,sBAAsB,oBAAoB,KAAK;OAClE,WAAW,MAAM,WAAW,IAAI;OACzB"}
+{"version":3,"file":"TransactionSettingsSection.js","names":["TransactionSettingsSection: React.FC<TransactionSettingsSectionProps>"],"sources":["../../../../../src/react/components/AccountMenuButton/TransactionSettingsSection.tsx"],"sourcesContent":["import React from 'react';\nimport { Slider } from './Slider';\nimport type { TransactionSettingsSectionProps } from './types';\nimport { SegmentedControl } from '../PasskeyAuthMenu/ui/SegmentedControl';\n\nexport const TransactionSettingsSection: React.FC<TransactionSettingsSectionProps> = ({\n  currentConfirmConfig,\n  signerMode,\n  onToggleThresholdSigning,\n  onSetUiMode,\n  onToggleShowDetails,\n  onToggleSkipClick,\n  onSetDelay,\n  className,\n  style,\n  isOpen = true,\n  theme = 'dark'\n}) => {\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  const disableRequireClick = currentConfirmConfig?.uiMode === 'skip';\n  const disableDelaySlider = disableRequireClick || currentConfirmConfig?.behavior !== 'autoProceed';\n  const disableAll = !isOpen;\n  const selectedSignerMode = signerMode?.mode ?? 'local-signer';\n\n  return (\n    <div\n      className={`w3a-dropdown-tx-settings-root ${isOpen ? 'is-expanded' : ''} ${className || ''}`}\n      style={style}\n      onClick={handleClick}\n    >\n      <div className=\"w3a-dropdown-toggle-tx-settings\">\n        <div\n          className=\"w3a-dropdown-toggle-tx-settings-content\"\n          aria-hidden={!isOpen}\n          style={{ pointerEvents: isOpen ? 'auto' : 'none' }}\n        >\n          <div style={{\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 8\n          }}>\n            {signerMode && onToggleThresholdSigning && (\n              <div>\n                <div className=\"w3a-confirmation-options\">\n                  Signing Mode\n                </div>\n                <div style={{ width: '100%' }}>\n                  <SegmentedControl\n                    items={[\n                      { value: 'local-signer', label: 'Local Signer', disabled: disableAll },\n                      { value: 'threshold-signer', label: 'MPC Signer', disabled: disableAll },\n                    ]}\n                    value={selectedSignerMode}\n                    onValueChange={(v) => onToggleThresholdSigning(v === 'threshold-signer')}\n                    activeBg={'var(--w3a-colors-primary)'}\n                    height={40}\n                    buttonFontSize={12}\n                    containerStyle={{ background: 'var(--w3a-colors-surface2)', width: '100%' }}\n                    buttonStyle={{ display: 'grid', placeItems: 'center', lineHeight: 1, padding: '0 10px' }}\n                    activeButtonStyle={{ color: 'var(--w3a-colors-buttonPrimary)' }}\n                  />\n                </div>\n              </div>\n            )}\n            <div>\n              <div className=\"w3a-confirmation-options\">\n                Confirmation Options\n              </div>\n              <div style={{ width: '100%' }}>\n                <SegmentedControl\n                  items={[\n                    { value: 'skip', label: 'skip', disabled: disableAll },\n                    { value: 'modal', label: 'modal', disabled: disableAll },\n                    { value: 'drawer', label: 'drawer', disabled: disableAll },\n                  ]}\n                  value={(currentConfirmConfig?.uiMode ?? 'modal')}\n                  onValueChange={(v) => onSetUiMode?.(v as 'skip' | 'modal' | 'drawer')}\n                  activeBg={'var(--w3a-colors-primary)'}\n                  height={40}\n                  buttonFontSize={12}\n                  containerStyle={{ background: 'var(--w3a-colors-surface2)', width: '100%' }}\n                  buttonStyle={{ display: 'grid', placeItems: 'center', lineHeight: 1, padding: '0 10px' }}\n                  activeButtonStyle={{ color: 'var(--w3a-colors-buttonPrimary)' }}\n                />\n              </div>\n            </div>\n            <div\n              style={{\n                opacity: disableRequireClick ? 0.6 : 1,\n                pointerEvents: disableRequireClick ? 'none' : 'auto'\n              }}\n            >\n              <div style={{ width: '100%' }}>\n                <SegmentedControl\n                  items={[\n                    { value: 'auto', label: 'auto proceed', disabled: disableAll || disableRequireClick },\n                    { value: 'require', label: 'require click', disabled: disableAll || disableRequireClick },\n                  ]}\n                  value={(currentConfirmConfig?.behavior === 'autoProceed') ? 'auto' : 'require'}\n                  onValueChange={(v) => {\n                    const wantsAuto = v === 'auto';\n                    const isAuto = currentConfirmConfig?.behavior === 'autoProceed';\n                    if (wantsAuto !== isAuto) onToggleSkipClick?.();\n                  }}\n                  activeBg={'var(--w3a-colors-primary)'}\n                  height={40}\n                  buttonFontSize={12}\n                  containerStyle={{ background: 'var(--w3a-colors-surface2)', width: '100%' }}\n                  buttonStyle={{ display: 'grid', placeItems: 'center', lineHeight: 1, padding: '0 10px' }}\n                  activeButtonStyle={{ color: 'var(--w3a-colors-buttonPrimary)' }}\n                />\n              </div>\n            </div>\n            <Slider\n              disabled={disableAll || disableDelaySlider}\n              min={0}\n              max={6}\n              step={1}\n              value={Math.round((currentConfirmConfig?.autoProceedDelay ?? 0) / 500)}\n              onChange={(v) => onSetDelay(v * 500)}\n              theme={theme}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAaA,8BAAyE,EACpF,sBACA,YACA,0BACA,aACA,qBACA,mBACA,YACA,WACA,OACA,SAAS,MACT,QAAQ,aACJ;CAEJ,MAAM,eAAe,MAAwB;AAC3C,IAAE;;CAGJ,MAAM,sBAAsB,sBAAsB,WAAW;CAC7D,MAAM,qBAAqB,uBAAuB,sBAAsB,aAAa;CACrF,MAAM,aAAa,CAAC;CACpB,MAAM,qBAAqB,YAAY,QAAQ;AAE/C,QACE,oBAAC;EACC,WAAW,iCAAiC,SAAS,gBAAgB,GAAG,GAAG,aAAa;EACjF;EACP,SAAS;YAET,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,WAAU;IACV,eAAa,CAAC;IACd,OAAO,EAAE,eAAe,SAAS,SAAS;cAE1C,qBAAC;KAAI,OAAO;MACV,OAAO;MACP,SAAS;MACT,eAAe;MACf,KAAK;;;MAEJ,cAAc,4BACb,qBAAC,oBACC,oBAAC;OAAI,WAAU;iBAA2B;UAG1C,oBAAC;OAAI,OAAO,EAAE,OAAO;iBACnB,oBAAC;QACC,OAAO,CACL;SAAE,OAAO;SAAgB,OAAO;SAAgB,UAAU;WAC1D;SAAE,OAAO;SAAoB,OAAO;SAAc,UAAU;;QAE9D,OAAO;QACP,gBAAgB,MAAM,yBAAyB,MAAM;QACrD,UAAU;QACV,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;SAAE,YAAY;SAA8B,OAAO;;QACnE,aAAa;SAAE,SAAS;SAAQ,YAAY;SAAU,YAAY;SAAG,SAAS;;QAC9E,mBAAmB,EAAE,OAAO;;;MAKpC,qBAAC,oBACC,oBAAC;OAAI,WAAU;iBAA2B;UAG1C,oBAAC;OAAI,OAAO,EAAE,OAAO;iBACnB,oBAAC;QACC,OAAO;SACL;UAAE,OAAO;UAAQ,OAAO;UAAQ,UAAU;;SAC1C;UAAE,OAAO;UAAS,OAAO;UAAS,UAAU;;SAC5C;UAAE,OAAO;UAAU,OAAO;UAAU,UAAU;;;QAEhD,OAAQ,sBAAsB,UAAU;QACxC,gBAAgB,MAAM,cAAc;QACpC,UAAU;QACV,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;SAAE,YAAY;SAA8B,OAAO;;QACnE,aAAa;SAAE,SAAS;SAAQ,YAAY;SAAU,YAAY;SAAG,SAAS;;QAC9E,mBAAmB,EAAE,OAAO;;;MAIlC,oBAAC;OACC,OAAO;QACL,SAAS,sBAAsB,KAAM;QACrC,eAAe,sBAAsB,SAAS;;iBAGhD,oBAAC;QAAI,OAAO,EAAE,OAAO;kBACnB,oBAAC;SACC,OAAO,CACL;UAAE,OAAO;UAAQ,OAAO;UAAgB,UAAU,cAAc;YAChE;UAAE,OAAO;UAAW,OAAO;UAAiB,UAAU,cAAc;;SAEtE,OAAQ,sBAAsB,aAAa,gBAAiB,SAAS;SACrE,gBAAgB,MAAM;UACpB,MAAM,YAAY,MAAM;UACxB,MAAM,SAAS,sBAAsB,aAAa;AAClD,cAAI,cAAc,OAAQ;;SAE5B,UAAU;SACV,QAAQ;SACR,gBAAgB;SAChB,gBAAgB;UAAE,YAAY;UAA8B,OAAO;;SACnE,aAAa;UAAE,SAAS;UAAQ,YAAY;UAAU,YAAY;UAAG,SAAS;;SAC9E,mBAAmB,EAAE,OAAO;;;;MAIlC,oBAAC;OACC,UAAU,cAAc;OACxB,KAAK;OACL,KAAK;OACL,MAAM;OACN,OAAO,KAAK,OAAO,sBAAsB,oBAAoB,KAAK;OAClE,WAAW,MAAM,WAAW,IAAI;OACzB"}

package/dist/esm/react/components/AccountMenuButton/index.js

@@ -1,4 +1,4 @@
-import { AccountId, init_accountIds, toAccountId } from "../../sdk/src/core/types/accountIds.js";
+import { AccountId, toAccountId } from "../../src/core/types/accountIds.js";
 import { useTatchi } from "../../context/index.js";
 import { Theme, useTheme } from "../theme/ThemeProvider.js";
 import { KeyIcon } from "./icons/KeyIcon.js";
@@ -14,12 +14,11 @@ import { PROFILE_MENU_ITEM_IDS } from "./types.js";
 import { QRCodeScanner } from "../QRCodeScanner.js";
 import { LinkedDevicesModal } from "./LinkedDevicesModal2.js";
 import "./Web3AuthProfileButton.js";
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 
 //#region src/react/components/AccountMenuButton/index.tsx
-init_accountIds();
 /**
 * Account Menu Button Component
 * Provides user settings, account management, and device linking.
@@ -59,6 +58,8 @@ const AccountMenuButtonInner = ({ nearAccountId: nearAccountIdProp, nearExplorer
 	const [showLinkedDevices, setShowLinkedDevices] = useState(false);
 	const [transactionSettingsOpen, setTransactionSettingsOpen] = useState(false);
 	const [currentConfirmConfig, setCurrentConfirmConfig] = useState(null);
+	const [currentSignerMode, setCurrentSignerMode] = useState(null);
+	const lastThresholdSignerModeRef = useRef(null);
 	const { isOpen, refs, handleToggle, handleClose } = useProfileState({
 		open: typeof isMenuOpen === "boolean" ? isMenuOpen : void 0,
 		onOpenChange: onMenuOpenChange
@@ -68,24 +69,34 @@ const AccountMenuButtonInner = ({ nearAccountId: nearAccountIdProp, nearExplorer
 		if (!tatchi) return;
 		if (!loginState.isLoggedIn || !loggedInAccountId) {
 			setCurrentConfirmConfig(null);
+			setCurrentSignerMode(null);
 			return;
 		}
 		let cancelled = false;
 		if (AccountId.validate(loggedInAccountId).valid) tatchi.userPreferences.setCurrentUser(toAccountId(loggedInAccountId));
 		setCurrentConfirmConfig(tatchi.getConfirmationConfig());
-		const unsub = tatchi.userPreferences.onConfirmationConfigChange?.((cfg) => {
+		setCurrentSignerMode(tatchi.getSignerMode());
+		const unsubConfirmConfig = tatchi.userPreferences.onConfirmationConfigChange?.((cfg) => {
 			if (cancelled) return;
 			setCurrentConfirmConfig(cfg);
 		});
+		const unsubSignerMode = tatchi.userPreferences.onSignerModeChange?.((mode) => {
+			if (cancelled) return;
+			setCurrentSignerMode(mode);
+		});
 		return () => {
 			cancelled = true;
-			unsub?.();
+			unsubConfirmConfig?.();
+			unsubSignerMode?.();
 		};
 	}, [
 		tatchi,
 		loginState.isLoggedIn,
 		loggedInAccountId
 	]);
+	useEffect(() => {
+		if (currentSignerMode?.mode === "threshold-signer") lastThresholdSignerModeRef.current = currentSignerMode;
+	}, [currentSignerMode]);
 	const handleSetUiMode = (mode) => {
 		tatchi.setConfirmationConfig({ uiMode: mode });
 	};
@@ -107,6 +118,14 @@ const AccountMenuButtonInner = ({ nearAccountId: nearAccountIdProp, nearExplorer
 			}, 220);
 		}
 	};
+	const handleToggleThresholdSigning = (enabled) => {
+		if (enabled) {
+			const prev = lastThresholdSignerModeRef.current;
+			tatchi.setSignerMode(prev?.mode === "threshold-signer" ? prev : "threshold-signer");
+			return;
+		}
+		tatchi.setSignerMode("local-signer");
+	};
 	const MENU_ITEMS = useMemo(() => [
 		{
 			id: PROFILE_MENU_ITEM_IDS.EXPORT_KEYS,
@@ -225,6 +244,8 @@ const AccountMenuButtonInner = ({ nearAccountId: nearAccountIdProp, nearExplorer
 				menuItemsRef: refs.menuItemsRef,
 				toggleColors,
 				currentConfirmConfig,
+				signerMode: currentSignerMode ?? void 0,
+				onToggleThresholdSigning: handleToggleThresholdSigning,
 				onSetUiMode: handleSetUiMode,
 				onToggleSkipClick: handleToggleSkipClick,
 				onSetDelay: handleSetDelay,