@tatchi-xyz/sdk 0.16.0 → 0.18.0

package/dist/esm/react/deviceDetection.js

@@ -1,97 +1,76 @@
+import { __esm } from "./_virtual/rolldown_runtime.js";
+
 //#region src/react/deviceDetection.ts
-/**
-* Detects the current device type based on multiple indicators
-*/
-const detectDeviceType = () => {
-	const userAgent = navigator.userAgent.toLowerCase();
-	const isMobileUA = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
-	const isTabletUA = /ipad|tablet|kindle|playbook|silk/i.test(userAgent);
-	const isTouchDevice = navigator.maxTouchPoints > 0;
-	const screenWidth = window.screen.width;
-	const isSmallScreen = screenWidth <= 480;
-	const isMediumScreen = screenWidth <= 1024;
-	const hasOrientation = "orientation" in window;
-	if (isMobileUA || isTouchDevice && isSmallScreen) return "mobile";
-	if (isTabletUA || isTouchDevice && isMediumScreen && hasOrientation) return "tablet";
-	return "desktop";
-};
-/**
-* Basic Safari detection (desktop Safari). Note: all iOS browsers use WebKit,
-* so use isIOS() to capture iOS Safari-like restrictions.
-*/
-const isSafari = () => {
-	try {
-		const ua = navigator.userAgent;
-		const isSafariEngine = /safari/i.test(ua) && !/chrome|crios|crmo|chromium|edg|edge|opr|opera|brave/i.test(ua);
-		return isSafariEngine;
-	} catch {
-		return false;
-	}
-};
-/**
-* Detect iOS (covers iPhone/iPad/iPod and iPadOS with desktop UA).
-* iOS has WebAuthn user-activation quirks that are shared by all iOS browsers.
-*/
-const isIOS = () => {
-	try {
-		const ua = navigator.userAgent;
-		const platform = navigator.platform || "";
-		const maxTouch = Number(navigator.maxTouchPoints || 0);
-		const iOSUA = /iPad|iPhone|iPod/.test(ua);
-		const iPadOSMacLike = /Macintosh/.test(ua) && maxTouch > 1;
-		const iOSPlatform = /iPad|iPhone|iPod/.test(platform);
-		return iOSUA || iPadOSMacLike || iOSPlatform;
-	} catch {
-		return false;
-	}
-};
-/**
-* Returns true when the page currently has a transient user activation
-* (click/tap/key within the allowed time window).
-*/
-const hasActiveUserActivation = () => {
-	try {
-		const ua = navigator.userActivation;
-		return !!(ua && typeof ua.isActive === "boolean" && ua.isActive);
-	} catch {
-		return false;
-	}
-};
-/**
-* Heuristic: when on Safari/iOS or on a mobile device AND no active user
-* activation, we should surface a clickable UI to capture activation.
-*/
-const needsExplicitActivation = () => {
-	try {
-		if (hasActiveUserActivation()) return false;
-		return isIOS() || isMobileDevice() || isSafari();
-	} catch {
-		return false;
-	}
-};
-/**
-* Determines optimal camera facing mode based on device type
-* - Mobile/Tablet: Back camera (environment) for QR scanning
-* - Desktop/Laptop: Front camera (user) for video calls/selfies
-*/
-const getOptimalCameraFacingMode = () => {
-	const deviceType = detectDeviceType();
-	switch (deviceType) {
-		case "mobile":
-		case "tablet":
-			console.log(`${deviceType} device detected - using back camera (environment)`);
-			return "environment";
-		case "desktop":
-		default: return "user";
-	}
-};
-/**
-* Check if the current device is likely mobile
-*/
-const isMobileDevice = () => {
-	return detectDeviceType() === "mobile";
-};
+var detectDeviceType, isSafari, isIOS, hasActiveUserActivation, needsExplicitActivation, getOptimalCameraFacingMode, isMobileDevice;
+var init_deviceDetection = __esm({ "src/react/deviceDetection.ts": (() => {
+	detectDeviceType = () => {
+		const userAgent = navigator.userAgent.toLowerCase();
+		const isMobileUA = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
+		const isTabletUA = /ipad|tablet|kindle|playbook|silk/i.test(userAgent);
+		const isTouchDevice = navigator.maxTouchPoints > 0;
+		const screenWidth = window.screen.width;
+		const isSmallScreen = screenWidth <= 480;
+		const isMediumScreen = screenWidth <= 1024;
+		const hasOrientation = "orientation" in window;
+		if (isMobileUA || isTouchDevice && isSmallScreen) return "mobile";
+		if (isTabletUA || isTouchDevice && isMediumScreen && hasOrientation) return "tablet";
+		return "desktop";
+	};
+	isSafari = () => {
+		try {
+			const ua = navigator.userAgent;
+			const isSafariEngine = /safari/i.test(ua) && !/chrome|crios|crmo|chromium|edg|edge|opr|opera|brave/i.test(ua);
+			return isSafariEngine;
+		} catch {
+			return false;
+		}
+	};
+	isIOS = () => {
+		try {
+			const ua = navigator.userAgent;
+			const platform = navigator.platform || "";
+			const maxTouch = Number(navigator.maxTouchPoints || 0);
+			const iOSUA = /iPad|iPhone|iPod/.test(ua);
+			const iPadOSMacLike = /Macintosh/.test(ua) && maxTouch > 1;
+			const iOSPlatform = /iPad|iPhone|iPod/.test(platform);
+			return iOSUA || iPadOSMacLike || iOSPlatform;
+		} catch {
+			return false;
+		}
+	};
+	hasActiveUserActivation = () => {
+		try {
+			const ua = navigator.userActivation;
+			return !!(ua && typeof ua.isActive === "boolean" && ua.isActive);
+		} catch {
+			return false;
+		}
+	};
+	needsExplicitActivation = () => {
+		try {
+			if (hasActiveUserActivation()) return false;
+			return isIOS() || isMobileDevice() || isSafari();
+		} catch {
+			return false;
+		}
+	};
+	getOptimalCameraFacingMode = () => {
+		const deviceType = detectDeviceType();
+		switch (deviceType) {
+			case "mobile":
+			case "tablet":
+				console.log(`${deviceType} device detected - using back camera (environment)`);
+				return "environment";
+			case "desktop":
+			default: return "user";
+		}
+	};
+	isMobileDevice = () => {
+		return detectDeviceType() === "mobile";
+	};
+}) });
 
 //#endregion
-export { detectDeviceType, getOptimalCameraFacingMode, hasActiveUserActivation, isIOS, isMobileDevice, isSafari, needsExplicitActivation };
+init_deviceDetection();
+export { detectDeviceType, getOptimalCameraFacingMode, hasActiveUserActivation, init_deviceDetection, isIOS, isMobileDevice, isSafari, needsExplicitActivation };
 //# sourceMappingURL=deviceDetection.js.map

package/dist/esm/react/deviceDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"deviceDetection.js","names":[],"sources":["../../../src/react/deviceDetection.ts"],"sourcesContent":["/**\n * Device detection utilities for camera and UI optimization\n */\n\nexport type DeviceType = 'mobile' | 'tablet' | 'desktop';\nexport type CameraFacingMode = 'user' | 'environment';\n\n/**\n * Detects the current device type based on multiple indicators\n */\nexport const detectDeviceType = (): DeviceType => {\n  // Method 1: User agent detection\n  const userAgent = navigator.userAgent.toLowerCase();\n  const isMobileUA = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent);\n  const isTabletUA = /ipad|tablet|kindle|playbook|silk/i.test(userAgent);\n\n  // Method 2: Touch and screen size detection\n  const isTouchDevice = navigator.maxTouchPoints > 0;\n  const screenWidth = window.screen.width;\n  const isSmallScreen = screenWidth <= 480;\n  const isMediumScreen = screenWidth <= 1024;\n\n  // Method 3: Orientation support (mobile/tablet indicator)\n  const hasOrientation = 'orientation' in window;\n\n  // Determine device type with priority: mobile > tablet > desktop\n  if (isMobileUA || (isTouchDevice && isSmallScreen)) {\n    return 'mobile';\n  }\n\n  if (isTabletUA || (isTouchDevice && isMediumScreen && hasOrientation)) {\n    return 'tablet';\n  }\n\n  return 'desktop';\n};\n\n/**\n * Basic Safari detection (desktop Safari). Note: all iOS browsers use WebKit,\n * so use isIOS() to capture iOS Safari-like restrictions.\n */\nexport const isSafari = (): boolean => {\n  try {\n    const ua = navigator.userAgent;\n    const isSafariEngine = /safari/i.test(ua) && !/chrome|crios|crmo|chromium|edg|edge|opr|opera|brave/i.test(ua);\n    return isSafariEngine;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Detect iOS (covers iPhone/iPad/iPod and iPadOS with desktop UA).\n * iOS has WebAuthn user-activation quirks that are shared by all iOS browsers.\n */\nexport const isIOS = (): boolean => {\n  try {\n    const ua = navigator.userAgent;\n    const platform = (navigator as any).platform || '';\n    const maxTouch = Number(navigator.maxTouchPoints || 0);\n    const iOSUA = /iPad|iPhone|iPod/.test(ua);\n    const iPadOSMacLike = /Macintosh/.test(ua) && maxTouch > 1; // iPadOS masquerading as Mac\n    const iOSPlatform = /iPad|iPhone|iPod/.test(platform);\n    return iOSUA || iPadOSMacLike || iOSPlatform;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Detect Mobile Safari (iOS Safari specifically). Chrome/Firefox on iOS still use WebKit,\n * so for WebAuthn activation rules, prefer checking isIOS() as well.\n */\nexport const isMobileSafari = (): boolean => {\n  try {\n    const ua = navigator.userAgent;\n    if (!isIOS()) return false;\n    // Exclude Chrome/Firefox/Edge branded iOS browsers (still WebKit underneath)\n    const branded = /crios|fxios|edgios|opios|mercury/i.test(ua);\n    const safariToken = /safari/i.test(ua);\n    return safariToken && !branded;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Returns true when the page currently has a transient user activation\n * (click/tap/key within the allowed time window).\n */\nexport const hasActiveUserActivation = (): boolean => {\n  try {\n    const ua = (navigator as any).userActivation;\n    return !!(ua && typeof ua.isActive === 'boolean' && ua.isActive);\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Heuristic: when on Safari/iOS or on a mobile device AND no active user\n * activation, we should surface a clickable UI to capture activation.\n */\nexport const needsExplicitActivation = (): boolean => {\n  try {\n    if (hasActiveUserActivation()) return false;\n    return isIOS() || isMobileDevice() || isSafari();\n  } catch {\n    // In non-browser or SSR/test environments, avoid forcing UI changes\n    return false;\n  }\n};\n\n/**\n * Determines optimal camera facing mode based on device type\n * - Mobile/Tablet: Back camera (environment) for QR scanning\n * - Desktop/Laptop: Front camera (user) for video calls/selfies\n */\nexport const getOptimalCameraFacingMode = (): CameraFacingMode => {\n  const deviceType = detectDeviceType();\n\n  switch (deviceType) {\n    case 'mobile':\n    case 'tablet':\n      console.log(`${deviceType} device detected - using back camera (environment)`);\n      return 'environment';\n\n    case 'desktop':\n    default:\n      return 'user';\n  }\n};\n\n/**\n * Check if the current device is likely mobile\n */\nexport const isMobileDevice = (): boolean => {\n  return detectDeviceType() === 'mobile';\n};\n\n/**\n * Check if the current device supports touch\n */\nexport const isTouchDevice = (): boolean => {\n  return navigator.maxTouchPoints > 0;\n};\n\n/**\n * Get device capabilities for camera constraints\n */\nexport const getDeviceCapabilities = () => {\n  const deviceType = detectDeviceType();\n  const isTouch = isTouchDevice();\n  const facingMode = getOptimalCameraFacingMode();\n\n  return {\n    deviceType,\n    isTouch,\n    recommendedFacingMode: facingMode,\n    // Recommended camera constraints based on device\n    cameraConstraints: {\n      video: {\n        facingMode,\n        width: deviceType === 'mobile' ? { ideal: 720, min: 480 } : { ideal: 1280, min: 720 },\n        height: deviceType === 'mobile' ? { ideal: 720, min: 480 } : { ideal: 720, min: 480 },\n        aspectRatio: deviceType === 'mobile' ? { ideal: 1.0 } : { ideal: 16/9 }\n      }\n    }\n  };\n};\n"],"mappings":";;;;AAUA,MAAa,yBAAqC;CAEhD,MAAM,YAAY,UAAU,UAAU;CACtC,MAAM,aAAa,sDAAsD,KAAK;CAC9E,MAAM,aAAa,oCAAoC,KAAK;CAG5D,MAAM,gBAAgB,UAAU,iBAAiB;CACjD,MAAM,cAAc,OAAO,OAAO;CAClC,MAAM,gBAAgB,eAAe;CACrC,MAAM,iBAAiB,eAAe;CAGtC,MAAM,iBAAiB,iBAAiB;AAGxC,KAAI,cAAe,iBAAiB,cAClC,QAAO;AAGT,KAAI,cAAe,iBAAiB,kBAAkB,eACpD,QAAO;AAGT,QAAO;;;;;;AAOT,MAAa,iBAA0B;AACrC,KAAI;EACF,MAAM,KAAK,UAAU;EACrB,MAAM,iBAAiB,UAAU,KAAK,OAAO,CAAC,uDAAuD,KAAK;AAC1G,SAAO;SACD;AACN,SAAO;;;;;;;AAQX,MAAa,cAAuB;AAClC,KAAI;EACF,MAAM,KAAK,UAAU;EACrB,MAAM,WAAY,UAAkB,YAAY;EAChD,MAAM,WAAW,OAAO,UAAU,kBAAkB;EACpD,MAAM,QAAQ,mBAAmB,KAAK;EACtC,MAAM,gBAAgB,YAAY,KAAK,OAAO,WAAW;EACzD,MAAM,cAAc,mBAAmB,KAAK;AAC5C,SAAO,SAAS,iBAAiB;SAC3B;AACN,SAAO;;;;;;;AAyBX,MAAa,gCAAyC;AACpD,KAAI;EACF,MAAM,KAAM,UAAkB;AAC9B,SAAO,CAAC,EAAE,MAAM,OAAO,GAAG,aAAa,aAAa,GAAG;SACjD;AACN,SAAO;;;;;;;AAQX,MAAa,gCAAyC;AACpD,KAAI;AACF,MAAI,0BAA2B,QAAO;AACtC,SAAO,WAAW,oBAAoB;SAChC;AAEN,SAAO;;;;;;;;AASX,MAAa,mCAAqD;CAChE,MAAM,aAAa;AAEnB,SAAQ,YAAR;EACE,KAAK;EACL,KAAK;AACH,WAAQ,IAAI,GAAG,WAAW;AAC1B,UAAO;EAET,KAAK;EACL,QACE,QAAO;;;;;;AAOb,MAAa,uBAAgC;AAC3C,QAAO,uBAAuB"}
+{"version":3,"file":"deviceDetection.js","names":[],"sources":["../../../src/react/deviceDetection.ts"],"sourcesContent":["/**\n * Device detection utilities for camera and UI optimization\n */\n\nexport type DeviceType = 'mobile' | 'tablet' | 'desktop';\nexport type CameraFacingMode = 'user' | 'environment';\n\n/**\n * Detects the current device type based on multiple indicators\n */\nexport const detectDeviceType = (): DeviceType => {\n  // Method 1: User agent detection\n  const userAgent = navigator.userAgent.toLowerCase();\n  const isMobileUA = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent);\n  const isTabletUA = /ipad|tablet|kindle|playbook|silk/i.test(userAgent);\n\n  // Method 2: Touch and screen size detection\n  const isTouchDevice = navigator.maxTouchPoints > 0;\n  const screenWidth = window.screen.width;\n  const isSmallScreen = screenWidth <= 480;\n  const isMediumScreen = screenWidth <= 1024;\n\n  // Method 3: Orientation support (mobile/tablet indicator)\n  const hasOrientation = 'orientation' in window;\n\n  // Determine device type with priority: mobile > tablet > desktop\n  if (isMobileUA || (isTouchDevice && isSmallScreen)) {\n    return 'mobile';\n  }\n\n  if (isTabletUA || (isTouchDevice && isMediumScreen && hasOrientation)) {\n    return 'tablet';\n  }\n\n  return 'desktop';\n};\n\n/**\n * Basic Safari detection (desktop Safari). Note: all iOS browsers use WebKit,\n * so use isIOS() to capture iOS Safari-like restrictions.\n */\nexport const isSafari = (): boolean => {\n  try {\n    const ua = navigator.userAgent;\n    const isSafariEngine = /safari/i.test(ua) && !/chrome|crios|crmo|chromium|edg|edge|opr|opera|brave/i.test(ua);\n    return isSafariEngine;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Detect iOS (covers iPhone/iPad/iPod and iPadOS with desktop UA).\n * iOS has WebAuthn user-activation quirks that are shared by all iOS browsers.\n */\nexport const isIOS = (): boolean => {\n  try {\n    const ua = navigator.userAgent;\n    const platform = (navigator as any).platform || '';\n    const maxTouch = Number(navigator.maxTouchPoints || 0);\n    const iOSUA = /iPad|iPhone|iPod/.test(ua);\n    const iPadOSMacLike = /Macintosh/.test(ua) && maxTouch > 1; // iPadOS masquerading as Mac\n    const iOSPlatform = /iPad|iPhone|iPod/.test(platform);\n    return iOSUA || iPadOSMacLike || iOSPlatform;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Detect Mobile Safari (iOS Safari specifically). Chrome/Firefox on iOS still use WebKit,\n * so for WebAuthn activation rules, prefer checking isIOS() as well.\n */\nexport const isMobileSafari = (): boolean => {\n  try {\n    const ua = navigator.userAgent;\n    if (!isIOS()) return false;\n    // Exclude Chrome/Firefox/Edge branded iOS browsers (still WebKit underneath)\n    const branded = /crios|fxios|edgios|opios|mercury/i.test(ua);\n    const safariToken = /safari/i.test(ua);\n    return safariToken && !branded;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Returns true when the page currently has a transient user activation\n * (click/tap/key within the allowed time window).\n */\nexport const hasActiveUserActivation = (): boolean => {\n  try {\n    const ua = (navigator as any).userActivation;\n    return !!(ua && typeof ua.isActive === 'boolean' && ua.isActive);\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Heuristic: when on Safari/iOS or on a mobile device AND no active user\n * activation, we should surface a clickable UI to capture activation.\n */\nexport const needsExplicitActivation = (): boolean => {\n  try {\n    if (hasActiveUserActivation()) return false;\n    return isIOS() || isMobileDevice() || isSafari();\n  } catch {\n    // In non-browser or SSR/test environments, avoid forcing UI changes\n    return false;\n  }\n};\n\n/**\n * Determines optimal camera facing mode based on device type\n * - Mobile/Tablet: Back camera (environment) for QR scanning\n * - Desktop/Laptop: Front camera (user) for video calls/selfies\n */\nexport const getOptimalCameraFacingMode = (): CameraFacingMode => {\n  const deviceType = detectDeviceType();\n\n  switch (deviceType) {\n    case 'mobile':\n    case 'tablet':\n      console.log(`${deviceType} device detected - using back camera (environment)`);\n      return 'environment';\n\n    case 'desktop':\n    default:\n      return 'user';\n  }\n};\n\n/**\n * Check if the current device is likely mobile\n */\nexport const isMobileDevice = (): boolean => {\n  return detectDeviceType() === 'mobile';\n};\n\n/**\n * Check if the current device supports touch\n */\nexport const isTouchDevice = (): boolean => {\n  return navigator.maxTouchPoints > 0;\n};\n\n/**\n * Get device capabilities for camera constraints\n */\nexport const getDeviceCapabilities = () => {\n  const deviceType = detectDeviceType();\n  const isTouch = isTouchDevice();\n  const facingMode = getOptimalCameraFacingMode();\n\n  return {\n    deviceType,\n    isTouch,\n    recommendedFacingMode: facingMode,\n    // Recommended camera constraints based on device\n    cameraConstraints: {\n      video: {\n        facingMode,\n        width: deviceType === 'mobile' ? { ideal: 720, min: 480 } : { ideal: 1280, min: 720 },\n        height: deviceType === 'mobile' ? { ideal: 720, min: 480 } : { ideal: 720, min: 480 },\n        aspectRatio: deviceType === 'mobile' ? { ideal: 1.0 } : { ideal: 16/9 }\n      }\n    }\n  };\n};\n"],"mappings":";;;;;CAUa,yBAAqC;EAEhD,MAAM,YAAY,UAAU,UAAU;EACtC,MAAM,aAAa,sDAAsD,KAAK;EAC9E,MAAM,aAAa,oCAAoC,KAAK;EAG5D,MAAM,gBAAgB,UAAU,iBAAiB;EACjD,MAAM,cAAc,OAAO,OAAO;EAClC,MAAM,gBAAgB,eAAe;EACrC,MAAM,iBAAiB,eAAe;EAGtC,MAAM,iBAAiB,iBAAiB;AAGxC,MAAI,cAAe,iBAAiB,cAClC,QAAO;AAGT,MAAI,cAAe,iBAAiB,kBAAkB,eACpD,QAAO;AAGT,SAAO;;CAOI,iBAA0B;AACrC,MAAI;GACF,MAAM,KAAK,UAAU;GACrB,MAAM,iBAAiB,UAAU,KAAK,OAAO,CAAC,uDAAuD,KAAK;AAC1G,UAAO;UACD;AACN,UAAO;;;CAQE,cAAuB;AAClC,MAAI;GACF,MAAM,KAAK,UAAU;GACrB,MAAM,WAAY,UAAkB,YAAY;GAChD,MAAM,WAAW,OAAO,UAAU,kBAAkB;GACpD,MAAM,QAAQ,mBAAmB,KAAK;GACtC,MAAM,gBAAgB,YAAY,KAAK,OAAO,WAAW;GACzD,MAAM,cAAc,mBAAmB,KAAK;AAC5C,UAAO,SAAS,iBAAiB;UAC3B;AACN,UAAO;;;CAyBE,gCAAyC;AACpD,MAAI;GACF,MAAM,KAAM,UAAkB;AAC9B,UAAO,CAAC,EAAE,MAAM,OAAO,GAAG,aAAa,aAAa,GAAG;UACjD;AACN,UAAO;;;CAQE,gCAAyC;AACpD,MAAI;AACF,OAAI,0BAA2B,QAAO;AACtC,UAAO,WAAW,oBAAoB;UAChC;AAEN,UAAO;;;CASE,mCAAqD;EAChE,MAAM,aAAa;AAEnB,UAAQ,YAAR;GACE,KAAK;GACL,KAAK;AACH,YAAQ,IAAI,GAAG,WAAW;AAC1B,WAAO;GAET,KAAK;GACL,QACE,QAAO;;;CAOA,uBAAgC;AAC3C,SAAO,uBAAuB"}

package/dist/esm/react/hooks/useQRCamera.js

@@ -1,8 +1,9 @@
-import { getOptimalCameraFacingMode } from "../deviceDetection.js";
+import { getOptimalCameraFacingMode, init_deviceDetection } from "../deviceDetection.js";
 import { ScanQRCodeFlow, detectFrontCamera, enumerateVideoDevices } from "../sdk/src/utils/qrScanner.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/react/hooks/useQRCamera.ts
+init_deviceDetection();
 /**
 * QR Camera Scanning Hook
 *

package/dist/esm/react/hooks/useQRCamera.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQRCamera.js","names":["error: any","error"],"sources":["../../../../src/react/hooks/useQRCamera.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react';\nimport { getOptimalCameraFacingMode } from '../deviceDetection';\nimport type { DeviceLinkingQRData } from '@/index';\nimport { ScanQRCodeFlow, enumerateVideoDevices, detectFrontCamera } from '../../utils/qrScanner';\n\n/**\n * QR Camera Scanning Hook\n *\n * Provides camera-based QR code scanning functionality for device linking.\n *\n * **Important:** This hook should be used with the TatchiPasskey provider.\n * Wrap your app with PasskeyProvider so useTatchi is available when needed.\n *\n * @example\n * ```tsx\n * import { PasskeyProvider } from '@tatchi-xyz/sdk/react';\n * import { useQRCamera } from '@tatchi-xyz/sdk/react';\n *\n * function QRScanner() {\n *   const qrCamera = useQRCamera({\n *     onQRDetected: (qrData) => console.log('QR detected:', qrData),\n *     onError: (error) => console.error('Error:', error)\n *   });\n *\n *   return <video ref={qrCamera.videoRef} />;\n * }\n * ```\n */\nexport enum QRScanMode {\n  CAMERA = 'camera',\n  FILE = 'file',\n  AUTO = 'auto'\n}\n\nexport interface UseQRCameraOptions {\n  onQRDetected?: (qrData: DeviceLinkingQRData) => void;\n  onError?: (error: Error) => void;\n  isOpen?: boolean;\n  cameraId?: string;\n}\n\nexport interface UseQRCameraReturn {\n  // State\n  isScanning: boolean;\n  isProcessing: boolean;\n  error: string | null;\n  cameras: MediaDeviceInfo[];\n  selectedCamera: string;\n  scanMode: QRScanMode;\n  isFrontCamera: boolean;\n  scanDurationMs: number;\n\n  // Refs for UI\n  videoRef: React.RefObject<HTMLVideoElement | null>;\n  canvasRef: React.RefObject<HTMLCanvasElement | null>;\n\n  // Controls\n  startScanning: () => Promise<void>;\n  stopScanning: () => void;\n  handleCameraChange: (deviceId: string) => void;\n  setScanMode: (mode: QRScanMode) => void;\n  setError: (error: string | null) => void;\n\n  // Utilities\n  getOptimalFacingMode: () => 'user' | 'environment';\n}\n\nexport const useQRCamera = (options: UseQRCameraOptions): UseQRCameraReturn => {\n  const {\n    onQRDetected,\n    onError,\n    isOpen = true,\n    cameraId\n  } = options;\n\n  // Refs\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const flowRef = useRef<ScanQRCodeFlow | null>(null);\n\n  // State\n  const [isScanning, setIsScanning] = useState(false);\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [cameras, setCameras] = useState<MediaDeviceInfo[]>([]);\n  const [selectedCamera, setSelectedCamera] = useState<string>(cameraId || '');\n  const [scanMode, setScanMode] = useState<QRScanMode>(QRScanMode.CAMERA);\n  const [isFrontCamera, setIsFrontCamera] = useState<boolean>(false);\n  const [scanDurationMs, setScanDurationMs] = useState<number>(0);\n\n  // Create ScanQRCodeFlow instance\n  // This is the core scanning engine that handles camera access and QR detection\n  useEffect(() => {\n    flowRef.current = new ScanQRCodeFlow(\n      {\n        cameraId: selectedCamera,\n        cameraConfigs: {\n          facingMode: getOptimalCameraFacingMode()\n        },\n        timeout: 60000 // 60 seconds\n      },\n      {\n        onQRDetected: (qrData) => {\n          console.log('useQRCamera: Valid QR data detected -', {\n            devicePublicKey: qrData.device2PublicKey,\n            accountId: qrData.accountId,\n            timestamp: new Date(qrData.timestamp || 0).toISOString()\n          });\n          setIsProcessing(false);\n          setIsScanning(false);\n          setScanDurationMs(0);\n          onQRDetected?.(qrData);\n        },\n        onError: (err) => {\n          console.error('useQRCamera: QR scan error -', err);\n          setError(err.message);\n          setIsProcessing(false);\n          setIsScanning(false);\n          setScanDurationMs(0);\n          onError?.(err);\n        },\n        onCameraReady: (stream) => {\n          // Camera stream is ready, but video element attachment is handled separately\n          console.log('useQRCamera: Camera stream ready');\n        },\n        onScanProgress: (duration) => {\n          setScanDurationMs(duration);\n        }\n      }\n    );\n\n    return () => {\n      if (flowRef.current) {\n        // Hook Cleanup Point 1: Stop scanning and cleanup\n        flowRef.current.stop();\n        flowRef.current = null;\n      }\n    };\n  }, []); // Only initialize once\n\n  // Load cameras on mount\n  useEffect(() => {\n    const loadCameras = async () => {\n      try {\n        const videoDevices = await enumerateVideoDevices();\n        setCameras(videoDevices);\n\n        if (videoDevices.length > 0 && !selectedCamera) {\n          const firstCamera = videoDevices[0];\n          setSelectedCamera(firstCamera.deviceId);\n          setIsFrontCamera(detectFrontCamera(firstCamera));\n        }\n      } catch (error: any) {\n        setError(error.message);\n      }\n    };\n\n    loadCameras();\n  }, []);\n\n  // Update flow camera when selectedCamera changes\n  useEffect(() => {\n    if (flowRef.current && selectedCamera) {\n      flowRef.current.switchCamera(selectedCamera);\n    }\n  }, [selectedCamera]);\n\n  // Attach/detach video element when ref changes\n  useEffect(() => {\n    if (videoRef.current && flowRef.current) {\n      flowRef.current.attachVideoElement(videoRef.current);\n    }\n\n    return () => {\n      if (flowRef.current) {\n        flowRef.current.detachVideoElement();\n      }\n    };\n  }, [videoRef.current]);\n\n  // Hook Cleanup Point 2: (when modal closes or scan mode changes from camera to file)\n  useEffect(() => {\n    const flow = flowRef.current;\n    if (!flow) return;\n\n    if (isOpen && scanMode === QRScanMode.CAMERA) {\n      setError(null);\n      setIsProcessing(true);\n      setIsScanning(true);\n      setScanDurationMs(0);\n      flow.startQRScanner();\n    } else {\n      flow.stop();\n      setIsScanning(false);\n      setIsProcessing(false);\n      setScanDurationMs(0);\n    }\n  }, [isOpen, scanMode]);\n\n  // Manual controls\n  const startScanning = useCallback(async () => {\n    if (flowRef.current) {\n      setError(null);\n      setIsProcessing(true);\n      setIsScanning(true);\n      setScanDurationMs(0);\n      await flowRef.current.startQRScanner();\n    }\n  }, []);\n\n  // Hook Cleanup Point 3: called when user explicitly stops scanning\n  const stopScanning = useCallback(() => {\n    if (flowRef.current) {\n      flowRef.current.stop();\n      setIsScanning(false);\n      setIsProcessing(false);\n      setScanDurationMs(0);\n    }\n  }, []);\n\n  // Handle camera change\n  const handleCameraChange = useCallback(async (deviceId: string) => {\n    setSelectedCamera(deviceId);\n\n    const selectedCameraDevice = cameras.find(camera => camera.deviceId === deviceId);\n    if (selectedCameraDevice) {\n      setIsFrontCamera(detectFrontCamera(selectedCameraDevice));\n    }\n\n    // The useEffect will handle updating the flow\n  }, [cameras]);\n\n  const getOptimalFacingMode = useCallback(() => getOptimalCameraFacingMode(), []);\n\n  return {\n    // State\n    isScanning,\n    isProcessing,\n    error,\n    cameras,\n    selectedCamera,\n    scanMode,\n    isFrontCamera,\n    scanDurationMs,\n\n    // Refs for UI\n    videoRef,\n    canvasRef,\n\n    // Controls\n    startScanning,\n    stopScanning,\n    handleCameraChange,\n    setScanMode,\n    setError,\n\n    // Utilities\n    getOptimalFacingMode\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useQRCamera.js","names":["error: any","error"],"sources":["../../../../src/react/hooks/useQRCamera.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react';\nimport { getOptimalCameraFacingMode } from '../deviceDetection';\nimport type { DeviceLinkingQRData } from '@/index';\nimport { ScanQRCodeFlow, enumerateVideoDevices, detectFrontCamera } from '../../utils/qrScanner';\n\n/**\n * QR Camera Scanning Hook\n *\n * Provides camera-based QR code scanning functionality for device linking.\n *\n * **Important:** This hook should be used with the TatchiPasskey provider.\n * Wrap your app with PasskeyProvider so useTatchi is available when needed.\n *\n * @example\n * ```tsx\n * import { PasskeyProvider } from '@tatchi-xyz/sdk/react';\n * import { useQRCamera } from '@tatchi-xyz/sdk/react';\n *\n * function QRScanner() {\n *   const qrCamera = useQRCamera({\n *     onQRDetected: (qrData) => console.log('QR detected:', qrData),\n *     onError: (error) => console.error('Error:', error)\n *   });\n *\n *   return <video ref={qrCamera.videoRef} />;\n * }\n * ```\n */\nexport enum QRScanMode {\n  CAMERA = 'camera',\n  FILE = 'file',\n  AUTO = 'auto'\n}\n\nexport interface UseQRCameraOptions {\n  onQRDetected?: (qrData: DeviceLinkingQRData) => void;\n  onError?: (error: Error) => void;\n  isOpen?: boolean;\n  cameraId?: string;\n}\n\nexport interface UseQRCameraReturn {\n  // State\n  isScanning: boolean;\n  isProcessing: boolean;\n  error: string | null;\n  cameras: MediaDeviceInfo[];\n  selectedCamera: string;\n  scanMode: QRScanMode;\n  isFrontCamera: boolean;\n  scanDurationMs: number;\n\n  // Refs for UI\n  videoRef: React.RefObject<HTMLVideoElement | null>;\n  canvasRef: React.RefObject<HTMLCanvasElement | null>;\n\n  // Controls\n  startScanning: () => Promise<void>;\n  stopScanning: () => void;\n  handleCameraChange: (deviceId: string) => void;\n  setScanMode: (mode: QRScanMode) => void;\n  setError: (error: string | null) => void;\n\n  // Utilities\n  getOptimalFacingMode: () => 'user' | 'environment';\n}\n\nexport const useQRCamera = (options: UseQRCameraOptions): UseQRCameraReturn => {\n  const {\n    onQRDetected,\n    onError,\n    isOpen = true,\n    cameraId\n  } = options;\n\n  // Refs\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const flowRef = useRef<ScanQRCodeFlow | null>(null);\n\n  // State\n  const [isScanning, setIsScanning] = useState(false);\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [cameras, setCameras] = useState<MediaDeviceInfo[]>([]);\n  const [selectedCamera, setSelectedCamera] = useState<string>(cameraId || '');\n  const [scanMode, setScanMode] = useState<QRScanMode>(QRScanMode.CAMERA);\n  const [isFrontCamera, setIsFrontCamera] = useState<boolean>(false);\n  const [scanDurationMs, setScanDurationMs] = useState<number>(0);\n\n  // Create ScanQRCodeFlow instance\n  // This is the core scanning engine that handles camera access and QR detection\n  useEffect(() => {\n    flowRef.current = new ScanQRCodeFlow(\n      {\n        cameraId: selectedCamera,\n        cameraConfigs: {\n          facingMode: getOptimalCameraFacingMode()\n        },\n        timeout: 60000 // 60 seconds\n      },\n      {\n        onQRDetected: (qrData) => {\n          console.log('useQRCamera: Valid QR data detected -', {\n            devicePublicKey: qrData.device2PublicKey,\n            accountId: qrData.accountId,\n            timestamp: new Date(qrData.timestamp || 0).toISOString()\n          });\n          setIsProcessing(false);\n          setIsScanning(false);\n          setScanDurationMs(0);\n          onQRDetected?.(qrData);\n        },\n        onError: (err) => {\n          console.error('useQRCamera: QR scan error -', err);\n          setError(err.message);\n          setIsProcessing(false);\n          setIsScanning(false);\n          setScanDurationMs(0);\n          onError?.(err);\n        },\n        onCameraReady: (stream) => {\n          // Camera stream is ready, but video element attachment is handled separately\n          console.log('useQRCamera: Camera stream ready');\n        },\n        onScanProgress: (duration) => {\n          setScanDurationMs(duration);\n        }\n      }\n    );\n\n    return () => {\n      if (flowRef.current) {\n        // Hook Cleanup Point 1: Stop scanning and cleanup\n        flowRef.current.stop();\n        flowRef.current = null;\n      }\n    };\n  }, []); // Only initialize once\n\n  // Load cameras on mount\n  useEffect(() => {\n    const loadCameras = async () => {\n      try {\n        const videoDevices = await enumerateVideoDevices();\n        setCameras(videoDevices);\n\n        if (videoDevices.length > 0 && !selectedCamera) {\n          const firstCamera = videoDevices[0];\n          setSelectedCamera(firstCamera.deviceId);\n          setIsFrontCamera(detectFrontCamera(firstCamera));\n        }\n      } catch (error: any) {\n        setError(error.message);\n      }\n    };\n\n    loadCameras();\n  }, []);\n\n  // Update flow camera when selectedCamera changes\n  useEffect(() => {\n    if (flowRef.current && selectedCamera) {\n      flowRef.current.switchCamera(selectedCamera);\n    }\n  }, [selectedCamera]);\n\n  // Attach/detach video element when ref changes\n  useEffect(() => {\n    if (videoRef.current && flowRef.current) {\n      flowRef.current.attachVideoElement(videoRef.current);\n    }\n\n    return () => {\n      if (flowRef.current) {\n        flowRef.current.detachVideoElement();\n      }\n    };\n  }, [videoRef.current]);\n\n  // Hook Cleanup Point 2: (when modal closes or scan mode changes from camera to file)\n  useEffect(() => {\n    const flow = flowRef.current;\n    if (!flow) return;\n\n    if (isOpen && scanMode === QRScanMode.CAMERA) {\n      setError(null);\n      setIsProcessing(true);\n      setIsScanning(true);\n      setScanDurationMs(0);\n      flow.startQRScanner();\n    } else {\n      flow.stop();\n      setIsScanning(false);\n      setIsProcessing(false);\n      setScanDurationMs(0);\n    }\n  }, [isOpen, scanMode]);\n\n  // Manual controls\n  const startScanning = useCallback(async () => {\n    if (flowRef.current) {\n      setError(null);\n      setIsProcessing(true);\n      setIsScanning(true);\n      setScanDurationMs(0);\n      await flowRef.current.startQRScanner();\n    }\n  }, []);\n\n  // Hook Cleanup Point 3: called when user explicitly stops scanning\n  const stopScanning = useCallback(() => {\n    if (flowRef.current) {\n      flowRef.current.stop();\n      setIsScanning(false);\n      setIsProcessing(false);\n      setScanDurationMs(0);\n    }\n  }, []);\n\n  // Handle camera change\n  const handleCameraChange = useCallback(async (deviceId: string) => {\n    setSelectedCamera(deviceId);\n\n    const selectedCameraDevice = cameras.find(camera => camera.deviceId === deviceId);\n    if (selectedCameraDevice) {\n      setIsFrontCamera(detectFrontCamera(selectedCameraDevice));\n    }\n\n    // The useEffect will handle updating the flow\n  }, [cameras]);\n\n  const getOptimalFacingMode = useCallback(() => getOptimalCameraFacingMode(), []);\n\n  return {\n    // State\n    isScanning,\n    isProcessing,\n    error,\n    cameras,\n    selectedCamera,\n    scanMode,\n    isFrontCamera,\n    scanDurationMs,\n\n    // Refs for UI\n    videoRef,\n    canvasRef,\n\n    // Controls\n    startScanning,\n    stopScanning,\n    handleCameraChange,\n    setScanMode,\n    setError,\n\n    // Utilities\n    getOptimalFacingMode\n  };\n};\n"],"mappings":"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"}

package/dist/esm/react/sdk/src/core/EmailRecovery/emailRecoveryPendingStore.js

@@ -0,0 +1,63 @@
+import { __esm } from "../../../../_virtual/rolldown_runtime.js";
+import { IndexedDBManager, init_IndexedDBManager } from "../IndexedDBManager/index.js";
+
+//#region src/core/EmailRecovery/emailRecoveryPendingStore.ts
+var EmailRecoveryPendingStore;
+var init_emailRecoveryPendingStore = __esm({ "src/core/EmailRecovery/emailRecoveryPendingStore.ts": (() => {
+	init_IndexedDBManager();
+	EmailRecoveryPendingStore = class {
+		getPendingTtlMs;
+		now;
+		constructor(options) {
+			this.getPendingTtlMs = options.getPendingTtlMs;
+			this.now = options.now ?? Date.now;
+		}
+		getPendingIndexKey(accountId) {
+			return `pendingEmailRecovery:${accountId}`;
+		}
+		getPendingRecordKey(accountId, nearPublicKey) {
+			return `${this.getPendingIndexKey(accountId)}:${nearPublicKey}`;
+		}
+		async get(accountId, nearPublicKey) {
+			const pendingTtlMs = this.getPendingTtlMs();
+			const indexKey = this.getPendingIndexKey(accountId);
+			const indexedNearPublicKey = await IndexedDBManager.clientDB.getAppState(indexKey);
+			const resolvedNearPublicKey = nearPublicKey ?? indexedNearPublicKey;
+			if (!resolvedNearPublicKey) return null;
+			const recordKey = this.getPendingRecordKey(accountId, resolvedNearPublicKey);
+			const record = await IndexedDBManager.clientDB.getAppState(recordKey);
+			const shouldClearIndex = indexedNearPublicKey === resolvedNearPublicKey;
+			if (!record) {
+				if (shouldClearIndex) await IndexedDBManager.clientDB.setAppState(indexKey, void 0).catch(() => {});
+				return null;
+			}
+			if (this.now() - record.createdAt > pendingTtlMs) {
+				await IndexedDBManager.clientDB.setAppState(recordKey, void 0).catch(() => {});
+				if (shouldClearIndex) await IndexedDBManager.clientDB.setAppState(indexKey, void 0).catch(() => {});
+				return null;
+			}
+			await this.touchIndex(accountId, record.nearPublicKey);
+			return record;
+		}
+		async set(record) {
+			const key = this.getPendingRecordKey(record.accountId, record.nearPublicKey);
+			await IndexedDBManager.clientDB.setAppState(key, record);
+			await this.touchIndex(record.accountId, record.nearPublicKey);
+		}
+		async clear(accountId, nearPublicKey) {
+			const indexKey = this.getPendingIndexKey(accountId);
+			const idx = await IndexedDBManager.clientDB.getAppState(indexKey).catch(() => void 0);
+			const resolvedNearPublicKey = nearPublicKey || idx || "";
+			if (resolvedNearPublicKey) await IndexedDBManager.clientDB.setAppState(this.getPendingRecordKey(accountId, resolvedNearPublicKey), void 0).catch(() => {});
+			if (!nearPublicKey || idx === nearPublicKey) await IndexedDBManager.clientDB.setAppState(indexKey, void 0).catch(() => {});
+		}
+		async touchIndex(accountId, nearPublicKey) {
+			await IndexedDBManager.clientDB.setAppState(this.getPendingIndexKey(accountId), nearPublicKey).catch(() => {});
+		}
+	};
+}) });
+
+//#endregion
+init_emailRecoveryPendingStore();
+export { EmailRecoveryPendingStore, init_emailRecoveryPendingStore };
+//# sourceMappingURL=emailRecoveryPendingStore.js.map

package/dist/esm/react/sdk/src/core/EmailRecovery/emailRecoveryPendingStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emailRecoveryPendingStore.js","names":[],"sources":["../../../../../../../src/core/EmailRecovery/emailRecoveryPendingStore.ts"],"sourcesContent":["import { IndexedDBManager } from '../IndexedDBManager';\nimport type { AccountId } from '../types/accountIds';\nimport type { PendingEmailRecovery } from '../TatchiPasskey/emailRecovery';\n\nexport interface PendingStore {\n  get(accountId: AccountId, nearPublicKey?: string): Promise<PendingEmailRecovery | null>;\n  set(record: PendingEmailRecovery): Promise<void>;\n  clear(accountId: AccountId, nearPublicKey?: string): Promise<void>;\n  touchIndex(accountId: AccountId, nearPublicKey: string): Promise<void>;\n}\n\ntype EmailRecoveryPendingStoreOptions = {\n  getPendingTtlMs: () => number;\n  now?: () => number;\n};\n\nexport class EmailRecoveryPendingStore implements PendingStore {\n  private getPendingTtlMs: () => number;\n  private now: () => number;\n\n  constructor(options: EmailRecoveryPendingStoreOptions) {\n    this.getPendingTtlMs = options.getPendingTtlMs;\n    this.now = options.now ?? Date.now;\n  }\n\n  private getPendingIndexKey(accountId: AccountId): string {\n    return `pendingEmailRecovery:${accountId}`;\n  }\n\n  private getPendingRecordKey(accountId: AccountId, nearPublicKey: string): string {\n    return `${this.getPendingIndexKey(accountId)}:${nearPublicKey}`;\n  }\n\n  async get(accountId: AccountId, nearPublicKey?: string): Promise<PendingEmailRecovery | null> {\n    const pendingTtlMs = this.getPendingTtlMs();\n    const indexKey = this.getPendingIndexKey(accountId);\n    const indexedNearPublicKey = await IndexedDBManager.clientDB.getAppState<string>(indexKey);\n    const resolvedNearPublicKey = nearPublicKey ?? indexedNearPublicKey;\n    if (!resolvedNearPublicKey) {\n      return null;\n    }\n\n    const recordKey = this.getPendingRecordKey(accountId, resolvedNearPublicKey);\n    const record = await IndexedDBManager.clientDB.getAppState<PendingEmailRecovery>(recordKey);\n    const shouldClearIndex = indexedNearPublicKey === resolvedNearPublicKey;\n    if (!record) {\n      if (shouldClearIndex) {\n        await IndexedDBManager.clientDB.setAppState(indexKey, undefined as any).catch(() => { });\n      }\n      return null;\n    }\n\n    if (this.now() - record.createdAt > pendingTtlMs) {\n      await IndexedDBManager.clientDB.setAppState(recordKey, undefined as any).catch(() => { });\n      if (shouldClearIndex) {\n        await IndexedDBManager.clientDB.setAppState(indexKey, undefined as any).catch(() => { });\n      }\n      return null;\n    }\n\n    await this.touchIndex(accountId, record.nearPublicKey);\n    return record;\n  }\n\n  async set(record: PendingEmailRecovery): Promise<void> {\n    const key = this.getPendingRecordKey(record.accountId, record.nearPublicKey);\n    await IndexedDBManager.clientDB.setAppState(key, record);\n    await this.touchIndex(record.accountId, record.nearPublicKey);\n  }\n\n  async clear(accountId: AccountId, nearPublicKey?: string): Promise<void> {\n    const indexKey = this.getPendingIndexKey(accountId);\n    const idx = await IndexedDBManager.clientDB.getAppState<string>(indexKey).catch(() => undefined);\n\n    const resolvedNearPublicKey = nearPublicKey || idx || '';\n    if (resolvedNearPublicKey) {\n      await IndexedDBManager.clientDB\n        .setAppState(this.getPendingRecordKey(accountId, resolvedNearPublicKey), undefined as any)\n        .catch(() => { });\n    }\n\n    if (!nearPublicKey || idx === nearPublicKey) {\n      await IndexedDBManager.clientDB.setAppState(indexKey, undefined as any).catch(() => { });\n    }\n  }\n\n  async touchIndex(accountId: AccountId, nearPublicKey: string): Promise<void> {\n    await IndexedDBManager.clientDB.setAppState(this.getPendingIndexKey(accountId), nearPublicKey).catch(() => { });\n  }\n}\n"],"mappings":";;;;;;;CAgBa,4BAAb,MAA+D;EAC7D,AAAQ;EACR,AAAQ;EAER,YAAY,SAA2C;AACrD,QAAK,kBAAkB,QAAQ;AAC/B,QAAK,MAAM,QAAQ,OAAO,KAAK;;EAGjC,AAAQ,mBAAmB,WAA8B;AACvD,UAAO,wBAAwB;;EAGjC,AAAQ,oBAAoB,WAAsB,eAA+B;AAC/E,UAAO,GAAG,KAAK,mBAAmB,WAAW,GAAG;;EAGlD,MAAM,IAAI,WAAsB,eAA8D;GAC5F,MAAM,eAAe,KAAK;GAC1B,MAAM,WAAW,KAAK,mBAAmB;GACzC,MAAM,uBAAuB,MAAM,iBAAiB,SAAS,YAAoB;GACjF,MAAM,wBAAwB,iBAAiB;AAC/C,OAAI,CAAC,sBACH,QAAO;GAGT,MAAM,YAAY,KAAK,oBAAoB,WAAW;GACtD,MAAM,SAAS,MAAM,iBAAiB,SAAS,YAAkC;GACjF,MAAM,mBAAmB,yBAAyB;AAClD,OAAI,CAAC,QAAQ;AACX,QAAI,iBACF,OAAM,iBAAiB,SAAS,YAAY,UAAU,QAAkB,YAAY;AAEtF,WAAO;;AAGT,OAAI,KAAK,QAAQ,OAAO,YAAY,cAAc;AAChD,UAAM,iBAAiB,SAAS,YAAY,WAAW,QAAkB,YAAY;AACrF,QAAI,iBACF,OAAM,iBAAiB,SAAS,YAAY,UAAU,QAAkB,YAAY;AAEtF,WAAO;;AAGT,SAAM,KAAK,WAAW,WAAW,OAAO;AACxC,UAAO;;EAGT,MAAM,IAAI,QAA6C;GACrD,MAAM,MAAM,KAAK,oBAAoB,OAAO,WAAW,OAAO;AAC9D,SAAM,iBAAiB,SAAS,YAAY,KAAK;AACjD,SAAM,KAAK,WAAW,OAAO,WAAW,OAAO;;EAGjD,MAAM,MAAM,WAAsB,eAAuC;GACvE,MAAM,WAAW,KAAK,mBAAmB;GACzC,MAAM,MAAM,MAAM,iBAAiB,SAAS,YAAoB,UAAU,YAAY;GAEtF,MAAM,wBAAwB,iBAAiB,OAAO;AACtD,OAAI,sBACF,OAAM,iBAAiB,SACpB,YAAY,KAAK,oBAAoB,WAAW,wBAAwB,QACxE,YAAY;AAGjB,OAAI,CAAC,iBAAiB,QAAQ,cAC5B,OAAM,iBAAiB,SAAS,YAAY,UAAU,QAAkB,YAAY;;EAIxF,MAAM,WAAW,WAAsB,eAAsC;AAC3E,SAAM,iBAAiB,SAAS,YAAY,KAAK,mBAAmB,YAAY,eAAe,YAAY"}

package/dist/esm/react/sdk/src/core/EmailRecovery/index.js

@@ -1,20 +1,9 @@
+import { __esm } from "../../../../_virtual/rolldown_runtime.js";
 import { init_accountIds, toAccountId } from "../types/accountIds.js";
 import { IndexedDBManager, init_IndexedDBManager } from "../IndexedDBManager/index.js";
+import { EmailRecoveryPendingStore, init_emailRecoveryPendingStore } from "./emailRecoveryPendingStore.js";
 
 //#region src/core/EmailRecovery/index.ts
-init_accountIds();
-init_IndexedDBManager();
-const canonicalizeEmail = (email) => {
-	let addr = email;
-	const angleStart = email.indexOf("<");
-	const angleEnd = email.indexOf(">");
-	if (angleStart !== -1 && angleEnd > angleStart) addr = email.slice(angleStart + 1, angleEnd);
-	return addr.trim().toLowerCase();
-};
-const bytesToHex = (bytes) => {
-	const arr = bytes instanceof Uint8Array ? bytes : Uint8Array.from(bytes);
-	return `0x${Array.from(arr).map((b) => b.toString(16).padStart(2, "0")).join("")}`;
-};
 async function hashRecoveryEmails(emails, accountId) {
 	const encoder = new TextEncoder();
 	const salt = (accountId || "").trim().toLowerCase();
@@ -61,7 +50,32 @@ async function prepareRecoveryEmails(nearAccountId, recoveryEmails) {
 async function getLocalRecoveryEmails(nearAccountId) {
 	return IndexedDBManager.getRecoveryEmails(nearAccountId);
 }
+var canonicalizeEmail, bytesToHex;
+var init_EmailRecovery = __esm({ "src/core/EmailRecovery/index.ts": (() => {
+	init_accountIds();
+	init_IndexedDBManager();
+	init_emailRecoveryPendingStore();
+	canonicalizeEmail = (email) => {
+		const raw = String(email || "").trim();
+		if (!raw) return "";
+		const withoutHeaderName = raw.replace(/^[a-z0-9-]+\s*:\s*/i, "").trim();
+		const emailRegex = /([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*)/;
+		const angleMatch = withoutHeaderName.match(/<([^>]+)>/);
+		const candidates = [angleMatch?.[1], withoutHeaderName].filter((v) => typeof v === "string" && v.length > 0);
+		for (const candidate of candidates) {
+			const cleaned = candidate.replace(/^mailto:\s*/i, "");
+			const match = cleaned.match(emailRegex);
+			if (match?.[1]) return match[1].trim().toLowerCase();
+		}
+		return withoutHeaderName.toLowerCase();
+	};
+	bytesToHex = (bytes) => {
+		const arr = bytes instanceof Uint8Array ? bytes : Uint8Array.from(bytes);
+		return `0x${Array.from(arr).map((b) => b.toString(16).padStart(2, "0")).join("")}`;
+	};
+}) });
 
 //#endregion
-export { bytesToHex, getLocalRecoveryEmails, prepareRecoveryEmails };
+init_EmailRecovery();
+export { bytesToHex, getLocalRecoveryEmails, init_EmailRecovery, prepareRecoveryEmails };
 //# sourceMappingURL=index.js.map

package/dist/esm/react/sdk/src/core/EmailRecovery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["hashed: number[][]","pairs: RecoveryEmailEntry[]"],"sources":["../../../../../../../src/core/EmailRecovery/index.ts"],"sourcesContent":["import type { AccountId } from '../types/accountIds';\nimport { toAccountId } from '../types/accountIds';\nimport { IndexedDBManager, type RecoveryEmailRecord } from '../IndexedDBManager';\n\nexport type RecoveryEmailEntry = {\n  hashHex: string;\n  email: string;\n};\n\nexport { type RecoveryEmailRecord };\n\nexport const canonicalizeEmail = (email: string): string => {\n  let addr = email;\n  const angleStart = email.indexOf('<');\n  const angleEnd = email.indexOf('>');\n  if (angleStart !== -1 && angleEnd > angleStart) {\n    addr = email.slice(angleStart + 1, angleEnd);\n  }\n  return addr.trim().toLowerCase();\n};\n\nexport const bytesToHex = (bytes: number[] | Uint8Array): string => {\n  const arr = bytes instanceof Uint8Array ? bytes : Uint8Array.from(bytes);\n  return `0x${Array.from(arr)\n    .map(b => b.toString(16).padStart(2, '0'))\n    .join('')}`;\n};\n\nasync function hashRecoveryEmails(emails: string[], accountId: AccountId): Promise<number[][]> {\n  const encoder = new TextEncoder();\n  const salt = (accountId || '').trim().toLowerCase();\n  const normalized = (emails || [])\n    .map(e => e.trim())\n    .filter(e => e.length > 0);\n\n  const hashed: number[][] = [];\n\n  for (const email of normalized) {\n    try {\n      const canonicalEmail = canonicalizeEmail(email);\n      const input = `${canonicalEmail}|${salt}`;\n      const data = encoder.encode(input);\n      const digest = await crypto.subtle.digest('SHA-256', data);\n      const bytes = new Uint8Array(digest);\n      hashed.push(Array.from(bytes));\n    } catch {\n      const bytes = encoder.encode(email.toLowerCase());\n      hashed.push(Array.from(bytes));\n    }\n  }\n\n  return hashed;\n}\n\n/**\n * Canonicalize and hash recovery emails for an account, and persist the mapping\n * (hashHex → canonical email) in IndexedDB on a best-effort basis.\n */\nexport async function prepareRecoveryEmails(nearAccountId: AccountId, recoveryEmails: string[]): Promise<{\n  hashes: number[][];\n  pairs: RecoveryEmailEntry[];\n}> {\n  const accountId = toAccountId(nearAccountId);\n\n  const trimmedEmails = (recoveryEmails || []).map(e => e.trim()).filter(e => e.length > 0);\n  const canonicalEmails = trimmedEmails.map(canonicalizeEmail);\n  const recoveryEmailHashes = await hashRecoveryEmails(recoveryEmails, accountId);\n\n  const pairs: RecoveryEmailEntry[] = recoveryEmailHashes.map((hashBytes, idx) => ({\n    hashHex: bytesToHex(hashBytes),\n    email: canonicalEmails[idx],\n  }));\n\n  void (async () => {\n    try {\n      await IndexedDBManager.upsertRecoveryEmails(accountId, pairs);\n    } catch (error) {\n      console.warn('[EmailRecovery] Failed to persist local recovery emails', error);\n    }\n  })();\n\n  return { hashes: recoveryEmailHashes, pairs };\n}\n\nexport async function getLocalRecoveryEmails(nearAccountId: AccountId): Promise<RecoveryEmailRecord[]> {\n  return IndexedDBManager.getRecoveryEmails(nearAccountId);\n}\n"],"mappings":";;;;;;AAWA,MAAa,qBAAqB,UAA0B;CAC1D,IAAI,OAAO;CACX,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,WAAW,MAAM,QAAQ;AAC/B,KAAI,eAAe,MAAM,WAAW,WAClC,QAAO,MAAM,MAAM,aAAa,GAAG;AAErC,QAAO,KAAK,OAAO;;AAGrB,MAAa,cAAc,UAAyC;CAClE,MAAM,MAAM,iBAAiB,aAAa,QAAQ,WAAW,KAAK;AAClE,QAAO,KAAK,MAAM,KAAK,KACpB,KAAI,MAAK,EAAE,SAAS,IAAI,SAAS,GAAG,MACpC,KAAK;;AAGV,eAAe,mBAAmB,QAAkB,WAA2C;CAC7F,MAAM,UAAU,IAAI;CACpB,MAAM,QAAQ,aAAa,IAAI,OAAO;CACtC,MAAM,cAAc,UAAU,IAC3B,KAAI,MAAK,EAAE,QACX,QAAO,MAAK,EAAE,SAAS;CAE1B,MAAMA,SAAqB;AAE3B,MAAK,MAAM,SAAS,WAClB,KAAI;EACF,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,QAAQ,GAAG,eAAe,GAAG;EACnC,MAAM,OAAO,QAAQ,OAAO;EAC5B,MAAM,SAAS,MAAM,OAAO,OAAO,OAAO,WAAW;EACrD,MAAM,QAAQ,IAAI,WAAW;AAC7B,SAAO,KAAK,MAAM,KAAK;SACjB;EACN,MAAM,QAAQ,QAAQ,OAAO,MAAM;AACnC,SAAO,KAAK,MAAM,KAAK;;AAI3B,QAAO;;;;;;AAOT,eAAsB,sBAAsB,eAA0B,gBAGnE;CACD,MAAM,YAAY,YAAY;CAE9B,MAAM,iBAAiB,kBAAkB,IAAI,KAAI,MAAK,EAAE,QAAQ,QAAO,MAAK,EAAE,SAAS;CACvF,MAAM,kBAAkB,cAAc,IAAI;CAC1C,MAAM,sBAAsB,MAAM,mBAAmB,gBAAgB;CAErE,MAAMC,QAA8B,oBAAoB,KAAK,WAAW,SAAS;EAC/E,SAAS,WAAW;EACpB,OAAO,gBAAgB;;AAGzB,EAAM,YAAY;AAChB,MAAI;AACF,SAAM,iBAAiB,qBAAqB,WAAW;WAChD,OAAO;AACd,WAAQ,KAAK,2DAA2D;;;AAI5E,QAAO;EAAE,QAAQ;EAAqB;;;AAGxC,eAAsB,uBAAuB,eAA0D;AACrG,QAAO,iBAAiB,kBAAkB"}
+{"version":3,"file":"index.js","names":["hashed: number[][]","pairs: RecoveryEmailEntry[]"],"sources":["../../../../../../../src/core/EmailRecovery/index.ts"],"sourcesContent":["import type { AccountId } from '../types/accountIds';\nimport { toAccountId } from '../types/accountIds';\nimport { IndexedDBManager, type RecoveryEmailRecord } from '../IndexedDBManager';\nexport { EmailRecoveryPendingStore, type PendingStore } from './emailRecoveryPendingStore';\n\nexport type RecoveryEmailEntry = {\n  hashHex: string;\n  email: string;\n};\n\nexport { type RecoveryEmailRecord };\n\nexport const canonicalizeEmail = (email: string): string => {\n  const raw = String(email || '').trim();\n  if (!raw) return '';\n\n  // Handle cases where a full header line is passed in (e.g. \"From: ...\").\n  const withoutHeaderName = raw.replace(/^[a-z0-9-]+\\s*:\\s*/i, '').trim();\n\n  const emailRegex =\n    /([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*)/;\n\n  // Prefer the common \"Name <email@domain>\" format when present, but still\n  // validate/extract the actual address via regex.\n  const angleMatch = withoutHeaderName.match(/<([^>]+)>/);\n  const candidates = [\n    angleMatch?.[1],\n    withoutHeaderName,\n  ].filter((v): v is string => typeof v === 'string' && v.length > 0);\n\n  for (const candidate of candidates) {\n    const cleaned = candidate.replace(/^mailto:\\s*/i, '');\n    const match = cleaned.match(emailRegex);\n    if (match?.[1]) {\n      return match[1].trim().toLowerCase();\n    }\n  }\n\n  return withoutHeaderName.toLowerCase();\n};\n\nexport const bytesToHex = (bytes: number[] | Uint8Array): string => {\n  const arr = bytes instanceof Uint8Array ? bytes : Uint8Array.from(bytes);\n  return `0x${Array.from(arr)\n    .map(b => b.toString(16).padStart(2, '0'))\n    .join('')}`;\n};\n\nasync function hashRecoveryEmails(emails: string[], accountId: AccountId): Promise<number[][]> {\n  const encoder = new TextEncoder();\n  const salt = (accountId || '').trim().toLowerCase();\n  const normalized = (emails || [])\n    .map(e => e.trim())\n    .filter(e => e.length > 0);\n\n  const hashed: number[][] = [];\n\n  for (const email of normalized) {\n    try {\n      const canonicalEmail = canonicalizeEmail(email);\n      const input = `${canonicalEmail}|${salt}`;\n      const data = encoder.encode(input);\n      const digest = await crypto.subtle.digest('SHA-256', data);\n      const bytes = new Uint8Array(digest);\n      hashed.push(Array.from(bytes));\n    } catch {\n      const bytes = encoder.encode(email.toLowerCase());\n      hashed.push(Array.from(bytes));\n    }\n  }\n\n  return hashed;\n}\n\n/**\n * Canonicalize and hash recovery emails for an account, and persist the mapping\n * (hashHex → canonical email) in IndexedDB on a best-effort basis.\n */\nexport async function prepareRecoveryEmails(nearAccountId: AccountId, recoveryEmails: string[]): Promise<{\n  hashes: number[][];\n  pairs: RecoveryEmailEntry[];\n}> {\n  const accountId = toAccountId(nearAccountId);\n\n  const trimmedEmails = (recoveryEmails || []).map(e => e.trim()).filter(e => e.length > 0);\n  const canonicalEmails = trimmedEmails.map(canonicalizeEmail);\n  const recoveryEmailHashes = await hashRecoveryEmails(recoveryEmails, accountId);\n\n  const pairs: RecoveryEmailEntry[] = recoveryEmailHashes.map((hashBytes, idx) => ({\n    hashHex: bytesToHex(hashBytes),\n    email: canonicalEmails[idx],\n  }));\n\n  void (async () => {\n    try {\n      await IndexedDBManager.upsertRecoveryEmails(accountId, pairs);\n    } catch (error) {\n      console.warn('[EmailRecovery] Failed to persist local recovery emails', error);\n    }\n  })();\n\n  return { hashes: recoveryEmailHashes, pairs };\n}\n\nexport async function getLocalRecoveryEmails(nearAccountId: AccountId): Promise<RecoveryEmailRecord[]> {\n  return IndexedDBManager.getRecoveryEmails(nearAccountId);\n}\n"],"mappings":";;;;;;AAgDA,eAAe,mBAAmB,QAAkB,WAA2C;CAC7F,MAAM,UAAU,IAAI;CACpB,MAAM,QAAQ,aAAa,IAAI,OAAO;CACtC,MAAM,cAAc,UAAU,IAC3B,KAAI,MAAK,EAAE,QACX,QAAO,MAAK,EAAE,SAAS;CAE1B,MAAMA,SAAqB;AAE3B,MAAK,MAAM,SAAS,WAClB,KAAI;EACF,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,QAAQ,GAAG,eAAe,GAAG;EACnC,MAAM,OAAO,QAAQ,OAAO;EAC5B,MAAM,SAAS,MAAM,OAAO,OAAO,OAAO,WAAW;EACrD,MAAM,QAAQ,IAAI,WAAW;AAC7B,SAAO,KAAK,MAAM,KAAK;SACjB;EACN,MAAM,QAAQ,QAAQ,OAAO,MAAM;AACnC,SAAO,KAAK,MAAM,KAAK;;AAI3B,QAAO;;;;;;AAOT,eAAsB,sBAAsB,eAA0B,gBAGnE;CACD,MAAM,YAAY,YAAY;CAE9B,MAAM,iBAAiB,kBAAkB,IAAI,KAAI,MAAK,EAAE,QAAQ,QAAO,MAAK,EAAE,SAAS;CACvF,MAAM,kBAAkB,cAAc,IAAI;CAC1C,MAAM,sBAAsB,MAAM,mBAAmB,gBAAgB;CAErE,MAAMC,QAA8B,oBAAoB,KAAK,WAAW,SAAS;EAC/E,SAAS,WAAW;EACpB,OAAO,gBAAgB;;AAGzB,EAAM,YAAY;AAChB,MAAI;AACF,SAAM,iBAAiB,qBAAqB,WAAW;WAChD,OAAO;AACd,WAAQ,KAAK,2DAA2D;;;AAI5E,QAAO;EAAE,QAAQ;EAAqB;;;AAGxC,eAAsB,uBAAuB,eAA0D;AACrG,QAAO,iBAAiB,kBAAkB;;;;;;;CA7F/B,qBAAqB,UAA0B;EAC1D,MAAM,MAAM,OAAO,SAAS,IAAI;AAChC,MAAI,CAAC,IAAK,QAAO;EAGjB,MAAM,oBAAoB,IAAI,QAAQ,uBAAuB,IAAI;EAEjE,MAAM,aACJ;EAIF,MAAM,aAAa,kBAAkB,MAAM;EAC3C,MAAM,aAAa,CACjB,aAAa,IACb,mBACA,QAAQ,MAAmB,OAAO,MAAM,YAAY,EAAE,SAAS;AAEjE,OAAK,MAAM,aAAa,YAAY;GAClC,MAAM,UAAU,UAAU,QAAQ,gBAAgB;GAClD,MAAM,QAAQ,QAAQ,MAAM;AAC5B,OAAI,QAAQ,GACV,QAAO,MAAM,GAAG,OAAO;;AAI3B,SAAO,kBAAkB;;CAGd,cAAc,UAAyC;EAClE,MAAM,MAAM,iBAAiB,aAAa,QAAQ,WAAW,KAAK;AAClE,SAAO,KAAK,MAAM,KAAK,KACpB,KAAI,MAAK,EAAE,SAAS,IAAI,SAAS,GAAG,MACpC,KAAK"}

package/dist/esm/react/sdk/src/core/IndexedDBManager/passkeyClientDB.js

@@ -259,22 +259,17 @@ var init_passkeyClientDB = __esm({ "src/core/IndexedDBManager/passkeyClientDB.ts
 		* @returns filtered authenticators for allowCredentials, plus optional wrongPasskeyError
 		*/
 		async ensureCurrentPasskey(nearAccountId, authenticators, selectedCredentialRawId) {
-			let authenticatorsForPrompt = authenticators;
-			let wrongPasskeyError;
-			if (authenticators.length > 1) {
-				const accountIdNormalized = toAccountId(nearAccountId);
-				const lastUser = await this.getLastUser().catch(() => null);
-				const expectedAccountId = lastUser?.nearAccountId;
-				const expectedDeviceNumber = lastUser?.deviceNumber;
-				if (expectedAccountId && expectedDeviceNumber && expectedAccountId === accountIdNormalized) {
-					const filtered = authenticators.filter((a) => a.deviceNumber === expectedDeviceNumber);
-					if (filtered.length > 0) authenticatorsForPrompt = filtered;
-					if (selectedCredentialRawId) {
-						const matched = authenticators.find((a) => a.credentialId === selectedCredentialRawId);
-						if (matched && matched.deviceNumber !== expectedDeviceNumber) wrongPasskeyError = `You have multiple passkeys (deviceNumbers) for account ${accountIdNormalized}, but used a passkey from a different device. Please use the passkey for the most recently logged-in device.`;
-					}
-				}
-			}
+			if (authenticators.length <= 1) return { authenticatorsForPrompt: authenticators };
+			const accountIdNormalized = toAccountId(nearAccountId);
+			const lastUser = await this.getLastUser().catch(() => null);
+			if (!lastUser || lastUser.nearAccountId !== accountIdNormalized) return { authenticatorsForPrompt: authenticators };
+			const expectedDeviceNumber = lastUser.deviceNumber;
+			const byDeviceNumber = authenticators.filter((a) => a.deviceNumber === expectedDeviceNumber);
+			let expectedCredentialId = lastUser.passkeyCredential.rawId;
+			if (byDeviceNumber.length > 0 && !byDeviceNumber.some((a) => a.credentialId === expectedCredentialId)) expectedCredentialId = byDeviceNumber[0].credentialId;
+			const byCredentialId = authenticators.filter((a) => a.credentialId === expectedCredentialId);
+			const authenticatorsForPrompt = byCredentialId.length > 0 ? byCredentialId : byDeviceNumber.length > 0 ? byDeviceNumber : authenticators;
+			const wrongPasskeyError = selectedCredentialRawId && selectedCredentialRawId !== expectedCredentialId ? `You have multiple passkeys (deviceNumbers) for account ${accountIdNormalized}, but used a different passkey than the most recently logged-in one. Please use the passkey for the most recently logged-in device.` : void 0;
 			return {
 				authenticatorsForPrompt,
 				wrongPasskeyError
@@ -385,30 +380,34 @@ var init_passkeyClientDB = __esm({ "src/core/IndexedDBManager/passkeyClientDB.ts
 		* @param userData - User data with nearAccountId as primary identifier
 		*/
 		async storeWebAuthnUserData(userData) {
-			if (userData.deviceNumber === void 0) console.warn("WARNING: deviceNumber is undefined in storeWebAuthnUserData, will default to 1");
 			const validation = this.validateNearAccountId(userData.nearAccountId);
 			if (!validation.valid) throw new Error(`Cannot store WebAuthn data for invalid account ID: ${validation.error}`);
-			let existingUser = await this.getUser(userData.nearAccountId);
-			if (!existingUser) {
-				const deviceNumberToUse = userData.deviceNumber || 1;
-				existingUser = await this.registerUser({
-					nearAccountId: userData.nearAccountId,
-					deviceNumber: deviceNumberToUse,
-					clientNearPublicKey: userData.clientNearPublicKey,
-					passkeyCredential: userData.passkeyCredential,
-					encryptedVrfKeypair: userData.encryptedVrfKeypair,
-					version: userData.version || 2,
-					serverEncryptedVrfKeypair: userData.serverEncryptedVrfKeypair
-				});
-			}
-			const finalDeviceNumber = userData.deviceNumber || existingUser.deviceNumber;
-			await this.updateUser(userData.nearAccountId, {
+			const accountId = toAccountId(userData.nearAccountId);
+			const deviceNumber = userData.deviceNumber;
+			let user = await this.getUser(accountId, deviceNumber);
+			if (!user) user = await this.registerUser({
+				nearAccountId: accountId,
+				deviceNumber,
 				clientNearPublicKey: userData.clientNearPublicKey,
+				passkeyCredential: userData.passkeyCredential,
 				encryptedVrfKeypair: userData.encryptedVrfKeypair,
-				serverEncryptedVrfKeypair: userData.serverEncryptedVrfKeypair,
-				version: userData.version || existingUser.version,
-				deviceNumber: finalDeviceNumber,
-				lastUpdated: userData.lastUpdated || Date.now()
+				version: userData.version || 2,
+				serverEncryptedVrfKeypair: userData.serverEncryptedVrfKeypair
+			});
+			const updatedUser = {
+				...user,
+				clientNearPublicKey: userData.clientNearPublicKey,
+				passkeyCredential: userData.passkeyCredential,
+				encryptedVrfKeypair: userData.encryptedVrfKeypair,
+				serverEncryptedVrfKeypair: userData.serverEncryptedVrfKeypair ?? user.serverEncryptedVrfKeypair,
+				version: userData.version ?? user.version,
+				lastUpdated: userData.lastUpdated ?? Date.now()
+			};
+			await this.storeUser(updatedUser);
+			this.emitEvent({
+				type: "user-updated",
+				accountId,
+				data: { updatedUser }
 			});
 		}
 		async getAllUsers() {