@tatchi-xyz/sdk 0.16.0 → 0.17.0

package/dist/cjs/react/deviceDetection.js

@@ -1,103 +1,86 @@
 const require_rolldown_runtime = require('./_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 = require_rolldown_runtime.__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
+init_deviceDetection();
 exports.detectDeviceType = detectDeviceType;
 exports.getOptimalCameraFacingMode = getOptimalCameraFacingMode;
 exports.hasActiveUserActivation = hasActiveUserActivation;
+Object.defineProperty(exports, 'init_deviceDetection', {
+  enumerable: true,
+  get: function () {
+    return init_deviceDetection;
+  }
+});
 exports.isIOS = isIOS;
 exports.isMobileDevice = isMobileDevice;
 exports.isSafari = isSafari;

package/dist/cjs/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/cjs/react/hooks/usePreconnectWalletAssets.js

@@ -14,9 +14,12 @@ function usePreconnectWalletAssets(config) {
 			if (typeof document === "undefined") return;
 			let isCrossOrigin = false;
 			let walletOriginOrigin = void 0;
+			let walletIsHttp = false;
 			try {
 				if (walletOrigin) {
-					walletOriginOrigin = new URL(walletOrigin, window.location.href).origin;
+					const url = new URL(walletOrigin, window.location.href);
+					walletOriginOrigin = url.origin;
+					walletIsHttp = url.protocol === "http:" || url.protocol === "https:";
 					const parentOrigin = window.location.origin;
 					isCrossOrigin = walletOriginOrigin !== parentOrigin;
 					if (isCrossOrigin) {
@@ -44,35 +47,37 @@ function usePreconnectWalletAssets(config) {
 				} catch {}
 			};
 			if (walletOrigin) {
-				ensureLink("dns-prefetch", walletOrigin);
-				ensureLink("preconnect", walletOrigin, { crossorigin: "" });
-				if (!isCrossOrigin) try {
-					const serviceUrl = new URL(servicePath, walletOrigin).toString();
-					ensureLink("prefetch", serviceUrl, { as: "document" });
-				} catch {}
-				try {
-					const sdkPath = sdkBasePath || "/sdk";
-					const withSlash = sdkPath.endsWith("/") ? sdkPath : sdkPath + "/";
-					const base = new URL(withSlash, walletOrigin);
-					const hostJs = new URL("wallet-iframe-host.js", base).toString();
-					ensureLink("modulepreload", hostJs, { crossorigin: "" });
-					try {
-						const signerWasm = new URL("workers/wasm_signer_worker_bg.wasm", base).toString();
-						ensureLink("prefetch", signerWasm, {
-							as: "fetch",
-							crossorigin: "",
-							type: "application/wasm"
-						});
+				if (walletIsHttp && walletOriginOrigin) {
+					ensureLink("dns-prefetch", walletOriginOrigin);
+					ensureLink("preconnect", walletOriginOrigin, { crossorigin: "" });
+					if (!isCrossOrigin) try {
+						const serviceUrl = new URL(servicePath, walletOriginOrigin).toString();
+						ensureLink("prefetch", serviceUrl, { as: "document" });
 					} catch {}
 					try {
-						const vrfWasm = new URL("workers/wasm_vrf_worker_bg.wasm", base).toString();
-						ensureLink("prefetch", vrfWasm, {
-							as: "fetch",
-							crossorigin: "",
-							type: "application/wasm"
-						});
+						const sdkPath = sdkBasePath || "/sdk";
+						const withSlash = sdkPath.endsWith("/") ? sdkPath : sdkPath + "/";
+						const base = new URL(withSlash, walletOriginOrigin);
+						const hostJs = new URL("wallet-iframe-host.js", base).toString();
+						ensureLink("modulepreload", hostJs, { crossorigin: "" });
+						try {
+							const signerWasm = new URL("workers/wasm_signer_worker_bg.wasm", base).toString();
+							ensureLink("prefetch", signerWasm, {
+								as: "fetch",
+								crossorigin: "",
+								type: "application/wasm"
+							});
+						} catch {}
+						try {
+							const vrfWasm = new URL("workers/wasm_vrf_worker_bg.wasm", base).toString();
+							ensureLink("prefetch", vrfWasm, {
+								as: "fetch",
+								crossorigin: "",
+								type: "application/wasm"
+							});
+						} catch {}
 					} catch {}
-				} catch {}
+				}
 			}
 			if (relayerUrl) {
 				ensureLink("dns-prefetch", relayerUrl);

package/dist/cjs/react/hooks/usePreconnectWalletAssets.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreconnectWalletAssets.js","names":["walletOriginOrigin: string | undefined"],"sources":["../../../../src/react/hooks/usePreconnectWalletAssets.ts"],"sourcesContent":["import React from 'react';\nimport type { TatchiContextProviderProps } from '../types';\nimport { setEmbeddedBase } from '../../core/sdkPaths';\n\n// Internal: Add preconnect/prefetch hints for wallet service + relayer and\n// expose an absolute embedded asset base for srcdoc iframes.\n//\n// What this hook does\n// - Adds resource hints for the configured wallet origin (dns‑prefetch, preconnect, prefetch)\n//   and modulepreload for the wallet host script.\n// - Sets `window.__W3A_WALLET_SDK_BASE__` to an absolute `${walletOrigin}${sdkBasePath}/` so\n//   any embedded srcdoc iframes created by the SDK load ESM bundles from the wallet origin,\n//   not from the host app origin.\n//\n// Requirements\n// - `config.iframeWallet.walletOrigin` points to the wallet site (e.g. https://web3authn.org)\n// - `config.iframeWallet.sdkBasePath` (default '/sdk') is served on that wallet site\n// - `config.iframeWallet.walletServicePath` (default '/wallet-service') is reachable\n//\n// Gotchas\n// - Always resolve `${sdkBasePath}/...` with a trailing slash; otherwise `new URL('file', '/sdk')`\n//   becomes `/file` instead of `/sdk/file`.\n// - For cross‑origin module/worker imports, ensure the wallet site sends CORS headers for\n//   `/sdk/*` and `/sdk/workers/*` (e.g. `Access-Control-Allow-Origin: *`) and `.wasm` has\n//   `Content-Type: application/wasm`.\n// - `/wallet-service` may 308 → `/wallet-service/` on Pages; both are fine.\nexport function usePreconnectWalletAssets(config: TatchiContextProviderProps['config']): void {\n  // Derive stable primitives to avoid re-running the effect on object identity changes.\n  const walletOrigin = config?.iframeWallet?.walletOrigin as string | undefined;\n  const servicePath = config?.iframeWallet?.walletServicePath || '/wallet-service';\n  const sdkBasePath = config?.iframeWallet?.sdkBasePath || '/sdk';\n  const relayerUrl = config?.relayer?.url as string | undefined;\n\n  React.useEffect(() => {\n    try {\n      if (typeof document === 'undefined') return;\n      // Determine cross‑origin once per effect and expose absolute embedded base\n      // for srcdoc iframes ONLY when wallet is cross‑origin.\n      let isCrossOrigin = false;\n      let walletOriginOrigin: string | undefined = undefined;\n      try {\n        if (walletOrigin) {\n          walletOriginOrigin = new URL(walletOrigin, window.location.href).origin;\n          const parentOrigin = window.location.origin;\n          isCrossOrigin = walletOriginOrigin !== parentOrigin;\n          if (isCrossOrigin) {\n            const sdkPath = (sdkBasePath || '/sdk') as string;\n            const withSlash = sdkPath.endsWith('/') ? sdkPath : sdkPath + '/';\n            const abs = new URL(withSlash, walletOriginOrigin).toString();\n            setEmbeddedBase(abs);\n          }\n        }\n      } catch {}\n      const ensureLink = (rel: string, href?: string, attrs?: Record<string, string>) => {\n        try {\n          if (!href) return;\n          const head = document.head || document.getElementsByTagName('head')[0];\n          if (!head) return;\n          const selector = `link[rel=\"${rel}\"][href=\"${href}\"]`;\n          if (head.querySelector(selector)) return;\n          const link = document.createElement('link');\n          link.rel = rel;\n          link.href = href;\n          if (attrs) {\n            for (const [k, v] of Object.entries(attrs)) {\n              try { link.setAttribute(k, v); } catch {}\n            }\n          }\n          head.appendChild(link);\n        } catch {}\n      };\n\n      if (walletOrigin) {\n        // Reduce DNS/TLS handshake and fetch delays for the wallet origin\n        ensureLink('dns-prefetch', walletOrigin);\n        ensureLink('preconnect', walletOrigin, { crossorigin: '' });\n\n        // Prefetch the service HTML document only in same‑origin dev.\n        // Cross‑origin prefetch would require ACAO on the HTML, which we purposely avoid.\n        if (!isCrossOrigin) {\n          try {\n            const serviceUrl = new URL(servicePath, walletOrigin).toString();\n            ensureLink('prefetch', serviceUrl, { as: 'document' });\n          } catch {}\n        }\n\n        // Preload the wallet host script module so the iframe boots faster\n        // Ensure the base URL ends with a trailing slash; otherwise new URL('file', base)\n        // would replace the last path segment (\"/sdk\") and yield \"/wallet-iframe-host.js\".\n        try {\n          const sdkPath = (sdkBasePath || '/sdk') as string;\n          const withSlash = sdkPath.endsWith('/') ? sdkPath : sdkPath + '/';\n          const base = new URL(withSlash, walletOrigin);\n          const hostJs = new URL('wallet-iframe-host.js', base).toString();\n          ensureLink('modulepreload', hostJs, { crossorigin: '' });\n\n          // Optionally prefetch WASM binaries to accelerate first-use while avoiding preload warnings\n          // Requires CORS + correct MIME (application/wasm) on the wallet origin\n          try {\n            const signerWasm = new URL('workers/wasm_signer_worker_bg.wasm', base).toString();\n            ensureLink('prefetch', signerWasm, { as: 'fetch', crossorigin: '', type: 'application/wasm' } as any);\n          } catch {}\n          try {\n            const vrfWasm = new URL('workers/wasm_vrf_worker_bg.wasm', base).toString();\n            ensureLink('prefetch', vrfWasm, { as: 'fetch', crossorigin: '', type: 'application/wasm' } as any);\n          } catch {}\n\n          // // Preload core CSS used by confirmer to reduce first-paint FOUC\n          // const tokensCss = new URL('w3a-components.css', base).toString();\n          // const txTreeCss = new URL('tx-tree.css', base).toString();\n          // const txConfirmerCss = new URL('tx-confirmer.css', base).toString();\n          // const drawerCss = new URL('drawer.css', base).toString();\n          // ensureLink('preload', tokensCss, { as: 'style', crossorigin: '' });\n          // ensureLink('preload', txTreeCss, { as: 'style', crossorigin: '' });\n          // ensureLink('preload', modalCss, { as: 'style', crossorigin: '' });\n          // ensureLink('preload', drawerCss, { as: 'style', crossorigin: '' });\n        } catch {}\n      }\n\n      if (relayerUrl) {\n        ensureLink('dns-prefetch', relayerUrl);\n        ensureLink('preconnect', relayerUrl, { crossorigin: '' });\n      }\n    } catch {}\n  }, [walletOrigin, servicePath, sdkBasePath, relayerUrl]);\n}\n\nexport default usePreconnectWalletAssets;\n"],"mappings":";;;;;;AA0BA,SAAgB,0BAA0B,QAAoD;CAE5F,MAAM,eAAe,QAAQ,cAAc;CAC3C,MAAM,cAAc,QAAQ,cAAc,qBAAqB;CAC/D,MAAM,cAAc,QAAQ,cAAc,eAAe;CACzD,MAAM,aAAa,QAAQ,SAAS;AAEpC,eAAM,gBAAgB;AACpB,MAAI;AACF,OAAI,OAAO,aAAa,YAAa;GAGrC,IAAI,gBAAgB;GACpB,IAAIA,qBAAyC;AAC7C,OAAI;AACF,QAAI,cAAc;AAChB,0BAAqB,IAAI,IAAI,cAAc,OAAO,SAAS,MAAM;KACjE,MAAM,eAAe,OAAO,SAAS;AACrC,qBAAgB,uBAAuB;AACvC,SAAI,eAAe;MACjB,MAAM,UAAW,eAAe;MAChC,MAAM,YAAY,QAAQ,SAAS,OAAO,UAAU,UAAU;MAC9D,MAAM,MAAM,IAAI,IAAI,WAAW,oBAAoB;AACnD,mCAAgB;;;WAGd;GACR,MAAM,cAAc,KAAa,MAAe,UAAmC;AACjF,QAAI;AACF,SAAI,CAAC,KAAM;KACX,MAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,QAAQ;AACpE,SAAI,CAAC,KAAM;KACX,MAAM,WAAW,aAAa,IAAI,WAAW,KAAK;AAClD,SAAI,KAAK,cAAc,UAAW;KAClC,MAAM,OAAO,SAAS,cAAc;AACpC,UAAK,MAAM;AACX,UAAK,OAAO;AACZ,SAAI,MACF,MAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,OAClC,KAAI;AAAE,WAAK,aAAa,GAAG;aAAY;AAG3C,UAAK,YAAY;YACX;;AAGV,OAAI,cAAc;AAEhB,eAAW,gBAAgB;AAC3B,eAAW,cAAc,cAAc,EAAE,aAAa;AAItD,QAAI,CAAC,cACH,KAAI;KACF,MAAM,aAAa,IAAI,IAAI,aAAa,cAAc;AACtD,gBAAW,YAAY,YAAY,EAAE,IAAI;YACnC;AAMV,QAAI;KACF,MAAM,UAAW,eAAe;KAChC,MAAM,YAAY,QAAQ,SAAS,OAAO,UAAU,UAAU;KAC9D,MAAM,OAAO,IAAI,IAAI,WAAW;KAChC,MAAM,SAAS,IAAI,IAAI,yBAAyB,MAAM;AACtD,gBAAW,iBAAiB,QAAQ,EAAE,aAAa;AAInD,SAAI;MACF,MAAM,aAAa,IAAI,IAAI,sCAAsC,MAAM;AACvE,iBAAW,YAAY,YAAY;OAAE,IAAI;OAAS,aAAa;OAAI,MAAM;;aACnE;AACR,SAAI;MACF,MAAM,UAAU,IAAI,IAAI,mCAAmC,MAAM;AACjE,iBAAW,YAAY,SAAS;OAAE,IAAI;OAAS,aAAa;OAAI,MAAM;;aAChE;YAWF;;AAGV,OAAI,YAAY;AACd,eAAW,gBAAgB;AAC3B,eAAW,cAAc,YAAY,EAAE,aAAa;;UAEhD;IACP;EAAC;EAAc;EAAa;EAAa"}
+{"version":3,"file":"usePreconnectWalletAssets.js","names":["walletOriginOrigin: string | undefined"],"sources":["../../../../src/react/hooks/usePreconnectWalletAssets.ts"],"sourcesContent":["import React from 'react';\nimport type { TatchiContextProviderProps } from '../types';\nimport { setEmbeddedBase } from '../../core/sdkPaths';\n\n// Internal: Add preconnect/prefetch hints for wallet service + relayer and\n// expose an absolute embedded asset base for srcdoc iframes.\n//\n// What this hook does\n// - Adds resource hints for the configured wallet origin (dns‑prefetch, preconnect, prefetch)\n//   and modulepreload for the wallet host script.\n// - Sets `window.__W3A_WALLET_SDK_BASE__` to an absolute `${walletOrigin}${sdkBasePath}/` so\n//   any embedded srcdoc iframes created by the SDK load ESM bundles from the wallet origin,\n//   not from the host app origin.\n//\n// Requirements\n// - `config.iframeWallet.walletOrigin` points to the wallet site (e.g. https://web3authn.org)\n// - `config.iframeWallet.sdkBasePath` (default '/sdk') is served on that wallet site\n// - `config.iframeWallet.walletServicePath` (default '/wallet-service') is reachable\n//\n// Gotchas\n// - Always resolve `${sdkBasePath}/...` with a trailing slash; otherwise `new URL('file', '/sdk')`\n//   becomes `/file` instead of `/sdk/file`.\n// - For cross‑origin module/worker imports, ensure the wallet site sends CORS headers for\n//   `/sdk/*` and `/sdk/workers/*` (e.g. `Access-Control-Allow-Origin: *`) and `.wasm` has\n//   `Content-Type: application/wasm`.\n// - `/wallet-service` may 308 → `/wallet-service/` on Pages; both are fine.\nexport function usePreconnectWalletAssets(config: TatchiContextProviderProps['config']): void {\n  // Derive stable primitives to avoid re-running the effect on object identity changes.\n  const walletOrigin = config?.iframeWallet?.walletOrigin as string | undefined;\n  const servicePath = config?.iframeWallet?.walletServicePath || '/wallet-service';\n  const sdkBasePath = config?.iframeWallet?.sdkBasePath || '/sdk';\n  const relayerUrl = config?.relayer?.url as string | undefined;\n\n  React.useEffect(() => {\n    try {\n      if (typeof document === 'undefined') return;\n      // Determine cross‑origin once per effect and expose absolute embedded base\n      // for srcdoc iframes ONLY when wallet is cross‑origin.\n      let isCrossOrigin = false;\n      let walletOriginOrigin: string | undefined = undefined;\n      let walletIsHttp = false;\n      try {\n        if (walletOrigin) {\n          const url = new URL(walletOrigin, window.location.href);\n          walletOriginOrigin = url.origin;\n          walletIsHttp = url.protocol === 'http:' || url.protocol === 'https:';\n          const parentOrigin = window.location.origin;\n          isCrossOrigin = walletOriginOrigin !== parentOrigin;\n          if (isCrossOrigin) {\n            const sdkPath = (sdkBasePath || '/sdk') as string;\n            const withSlash = sdkPath.endsWith('/') ? sdkPath : sdkPath + '/';\n            const abs = new URL(withSlash, walletOriginOrigin).toString();\n            setEmbeddedBase(abs);\n          }\n        }\n      } catch {}\n      const ensureLink = (rel: string, href?: string, attrs?: Record<string, string>) => {\n        try {\n          if (!href) return;\n          const head = document.head || document.getElementsByTagName('head')[0];\n          if (!head) return;\n          const selector = `link[rel=\"${rel}\"][href=\"${href}\"]`;\n          if (head.querySelector(selector)) return;\n          const link = document.createElement('link');\n          link.rel = rel;\n          link.href = href;\n          if (attrs) {\n            for (const [k, v] of Object.entries(attrs)) {\n              try { link.setAttribute(k, v); } catch {}\n            }\n          }\n          head.appendChild(link);\n        } catch {}\n      };\n\n      if (walletOrigin) {\n        // Resource hints only work for network origins; skip for schemes like chrome-extension://\n        // (which can cause confusing console errors and does not benefit DNS/TLS preconnect).\n        if (walletIsHttp && walletOriginOrigin) {\n          // Reduce DNS/TLS handshake and fetch delays for the wallet origin\n          ensureLink('dns-prefetch', walletOriginOrigin);\n          ensureLink('preconnect', walletOriginOrigin, { crossorigin: '' });\n\n          // Prefetch the service HTML document only in same‑origin dev.\n          // Cross‑origin prefetch would require ACAO on the HTML, which we purposely avoid.\n          if (!isCrossOrigin) {\n            try {\n              const serviceUrl = new URL(servicePath, walletOriginOrigin).toString();\n              ensureLink('prefetch', serviceUrl, { as: 'document' });\n            } catch {}\n          }\n\n          // Preload the wallet host script module so the iframe boots faster\n          // Ensure the base URL ends with a trailing slash; otherwise new URL('file', base)\n          // would replace the last path segment (\"/sdk\") and yield \"/wallet-iframe-host.js\".\n          try {\n            const sdkPath = (sdkBasePath || '/sdk') as string;\n            const withSlash = sdkPath.endsWith('/') ? sdkPath : sdkPath + '/';\n            const base = new URL(withSlash, walletOriginOrigin);\n            const hostJs = new URL('wallet-iframe-host.js', base).toString();\n            ensureLink('modulepreload', hostJs, { crossorigin: '' });\n\n            // Optionally prefetch WASM binaries to accelerate first-use while avoiding preload warnings\n            // Requires CORS + correct MIME (application/wasm) on the wallet origin\n            try {\n              const signerWasm = new URL('workers/wasm_signer_worker_bg.wasm', base).toString();\n              ensureLink('prefetch', signerWasm, { as: 'fetch', crossorigin: '', type: 'application/wasm' } as any);\n            } catch {}\n            try {\n              const vrfWasm = new URL('workers/wasm_vrf_worker_bg.wasm', base).toString();\n              ensureLink('prefetch', vrfWasm, { as: 'fetch', crossorigin: '', type: 'application/wasm' } as any);\n            } catch {}\n\n            // // Preload core CSS used by confirmer to reduce first-paint FOUC\n            // const tokensCss = new URL('w3a-components.css', base).toString();\n            // const txTreeCss = new URL('tx-tree.css', base).toString();\n            // const txConfirmerCss = new URL('tx-confirmer.css', base).toString();\n            // const drawerCss = new URL('drawer.css', base).toString();\n            // ensureLink('preload', tokensCss, { as: 'style', crossorigin: '' });\n            // ensureLink('preload', txTreeCss, { as: 'style', crossorigin: '' });\n            // ensureLink('preload', modalCss, { as: 'style', crossorigin: '' });\n            // ensureLink('preload', drawerCss, { as: 'style', crossorigin: '' });\n          } catch {}\n        }\n      }\n\n      if (relayerUrl) {\n        ensureLink('dns-prefetch', relayerUrl);\n        ensureLink('preconnect', relayerUrl, { crossorigin: '' });\n      }\n    } catch {}\n  }, [walletOrigin, servicePath, sdkBasePath, relayerUrl]);\n}\n\nexport default usePreconnectWalletAssets;\n"],"mappings":";;;;;;AA0BA,SAAgB,0BAA0B,QAAoD;CAE5F,MAAM,eAAe,QAAQ,cAAc;CAC3C,MAAM,cAAc,QAAQ,cAAc,qBAAqB;CAC/D,MAAM,cAAc,QAAQ,cAAc,eAAe;CACzD,MAAM,aAAa,QAAQ,SAAS;AAEpC,eAAM,gBAAgB;AACpB,MAAI;AACF,OAAI,OAAO,aAAa,YAAa;GAGrC,IAAI,gBAAgB;GACpB,IAAIA,qBAAyC;GAC7C,IAAI,eAAe;AACnB,OAAI;AACF,QAAI,cAAc;KAChB,MAAM,MAAM,IAAI,IAAI,cAAc,OAAO,SAAS;AAClD,0BAAqB,IAAI;AACzB,oBAAe,IAAI,aAAa,WAAW,IAAI,aAAa;KAC5D,MAAM,eAAe,OAAO,SAAS;AACrC,qBAAgB,uBAAuB;AACvC,SAAI,eAAe;MACjB,MAAM,UAAW,eAAe;MAChC,MAAM,YAAY,QAAQ,SAAS,OAAO,UAAU,UAAU;MAC9D,MAAM,MAAM,IAAI,IAAI,WAAW,oBAAoB;AACnD,mCAAgB;;;WAGd;GACR,MAAM,cAAc,KAAa,MAAe,UAAmC;AACjF,QAAI;AACF,SAAI,CAAC,KAAM;KACX,MAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,QAAQ;AACpE,SAAI,CAAC,KAAM;KACX,MAAM,WAAW,aAAa,IAAI,WAAW,KAAK;AAClD,SAAI,KAAK,cAAc,UAAW;KAClC,MAAM,OAAO,SAAS,cAAc;AACpC,UAAK,MAAM;AACX,UAAK,OAAO;AACZ,SAAI,MACF,MAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,OAClC,KAAI;AAAE,WAAK,aAAa,GAAG;aAAY;AAG3C,UAAK,YAAY;YACX;;AAGV,OAAI,cAGF;QAAI,gBAAgB,oBAAoB;AAEtC,gBAAW,gBAAgB;AAC3B,gBAAW,cAAc,oBAAoB,EAAE,aAAa;AAI5D,SAAI,CAAC,cACH,KAAI;MACF,MAAM,aAAa,IAAI,IAAI,aAAa,oBAAoB;AAC5D,iBAAW,YAAY,YAAY,EAAE,IAAI;aACnC;AAMV,SAAI;MACF,MAAM,UAAW,eAAe;MAChC,MAAM,YAAY,QAAQ,SAAS,OAAO,UAAU,UAAU;MAC9D,MAAM,OAAO,IAAI,IAAI,WAAW;MAChC,MAAM,SAAS,IAAI,IAAI,yBAAyB,MAAM;AACtD,iBAAW,iBAAiB,QAAQ,EAAE,aAAa;AAInD,UAAI;OACF,MAAM,aAAa,IAAI,IAAI,sCAAsC,MAAM;AACvE,kBAAW,YAAY,YAAY;QAAE,IAAI;QAAS,aAAa;QAAI,MAAM;;cACnE;AACR,UAAI;OACF,MAAM,UAAU,IAAI,IAAI,mCAAmC,MAAM;AACjE,kBAAW,YAAY,SAAS;QAAE,IAAI;QAAS,aAAa;QAAI,MAAM;;cAChE;aAWF;;;AAIZ,OAAI,YAAY;AACd,eAAW,gBAAgB;AAC3B,eAAW,cAAc,YAAY,EAAE,aAAa;;UAEhD;IACP;EAAC;EAAc;EAAa;EAAa"}

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

@@ -5,6 +5,7 @@ let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/react/hooks/useQRCamera.ts
+require_deviceDetection.init_deviceDetection();
 /**
 * QR Camera Scanning Hook
 *

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

@@ -1 +1 @@
-{"version":3,"file":"useQRCamera.js","names":["ScanQRCodeFlow","getOptimalCameraFacingMode","enumerateVideoDevices","detectFrontCamera","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAY,oDAAL;AACL;AACA;AACA;;;AAoCF,MAAa,eAAe,YAAmD;CAC7E,MAAM,EACJ,cACA,SACA,SAAS,MACT,aACE;CAGJ,MAAM,6BAAoC;CAC1C,MAAM,8BAAsC;CAC5C,MAAM,4BAAwC;CAG9C,MAAM,CAAC,YAAY,qCAA0B;CAC7C,MAAM,CAAC,cAAc,uCAA4B;CACjD,MAAM,CAAC,OAAO,gCAAoC;CAClD,MAAM,CAAC,SAAS,kCAA0C;CAC1D,MAAM,CAAC,gBAAgB,yCAAsC,YAAY;CACzE,MAAM,CAAC,UAAU,mCAAoC,WAAW;CAChE,MAAM,CAAC,eAAe,wCAAsC;CAC5D,MAAM,CAAC,gBAAgB,yCAAsC;AAI7D,4BAAgB;AACd,UAAQ,UAAU,IAAIA,iCACpB;GACE,UAAU;GACV,eAAe,EACb,YAAYC;GAEd,SAAS;KAEX;GACE,eAAe,WAAW;AACxB,YAAQ,IAAI,yCAAyC;KACnD,iBAAiB,OAAO;KACxB,WAAW,OAAO;KAClB,WAAW,IAAI,KAAK,OAAO,aAAa,GAAG;;AAE7C,oBAAgB;AAChB,kBAAc;AACd,sBAAkB;AAClB,mBAAe;;GAEjB,UAAU,QAAQ;AAChB,YAAQ,MAAM,gCAAgC;AAC9C,aAAS,IAAI;AACb,oBAAgB;AAChB,kBAAc;AACd,sBAAkB;AAClB,cAAU;;GAEZ,gBAAgB,WAAW;AAEzB,YAAQ,IAAI;;GAEd,iBAAiB,aAAa;AAC5B,sBAAkB;;;AAKxB,eAAa;AACX,OAAI,QAAQ,SAAS;AAEnB,YAAQ,QAAQ;AAChB,YAAQ,UAAU;;;IAGrB;AAGH,4BAAgB;EACd,MAAM,cAAc,YAAY;AAC9B,OAAI;IACF,MAAM,eAAe,MAAMC;AAC3B,eAAW;AAEX,QAAI,aAAa,SAAS,KAAK,CAAC,gBAAgB;KAC9C,MAAM,cAAc,aAAa;AACjC,uBAAkB,YAAY;AAC9B,sBAAiBC,oCAAkB;;YAE9BC,SAAY;AACnB,aAASC,QAAM;;;AAInB;IACC;AAGH,4BAAgB;AACd,MAAI,QAAQ,WAAW,eACrB,SAAQ,QAAQ,aAAa;IAE9B,CAAC;AAGJ,4BAAgB;AACd,MAAI,SAAS,WAAW,QAAQ,QAC9B,SAAQ,QAAQ,mBAAmB,SAAS;AAG9C,eAAa;AACX,OAAI,QAAQ,QACV,SAAQ,QAAQ;;IAGnB,CAAC,SAAS;AAGb,4BAAgB;EACd,MAAM,OAAO,QAAQ;AACrB,MAAI,CAAC,KAAM;AAEX,MAAI,UAAU,aAAa,WAAW,QAAQ;AAC5C,YAAS;AACT,mBAAgB;AAChB,iBAAc;AACd,qBAAkB;AAClB,QAAK;SACA;AACL,QAAK;AACL,iBAAc;AACd,mBAAgB;AAChB,qBAAkB;;IAEnB,CAAC,QAAQ;CAGZ,MAAM,uCAA4B,YAAY;AAC5C,MAAI,QAAQ,SAAS;AACnB,YAAS;AACT,mBAAgB;AAChB,iBAAc;AACd,qBAAkB;AAClB,SAAM,QAAQ,QAAQ;;IAEvB;CAGH,MAAM,4CAAiC;AACrC,MAAI,QAAQ,SAAS;AACnB,WAAQ,QAAQ;AAChB,iBAAc;AACd,mBAAgB;AAChB,qBAAkB;;IAEnB;CAGH,MAAM,4CAAiC,OAAO,aAAqB;AACjE,oBAAkB;EAElB,MAAM,uBAAuB,QAAQ,MAAK,WAAU,OAAO,aAAa;AACxE,MAAI,qBACF,kBAAiBF,oCAAkB;IAIpC,CAAC;CAEJ,MAAM,oDAAyCF,sDAA8B;AAE7E,QAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA"}
+{"version":3,"file":"useQRCamera.js","names":["ScanQRCodeFlow","getOptimalCameraFacingMode","enumerateVideoDevices","detectFrontCamera","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAY,oDAAL;AACL;AACA;AACA;;;AAoCF,MAAa,eAAe,YAAmD;CAC7E,MAAM,EACJ,cACA,SACA,SAAS,MACT,aACE;CAGJ,MAAM,6BAAoC;CAC1C,MAAM,8BAAsC;CAC5C,MAAM,4BAAwC;CAG9C,MAAM,CAAC,YAAY,qCAA0B;CAC7C,MAAM,CAAC,cAAc,uCAA4B;CACjD,MAAM,CAAC,OAAO,gCAAoC;CAClD,MAAM,CAAC,SAAS,kCAA0C;CAC1D,MAAM,CAAC,gBAAgB,yCAAsC,YAAY;CACzE,MAAM,CAAC,UAAU,mCAAoC,WAAW;CAChE,MAAM,CAAC,eAAe,wCAAsC;CAC5D,MAAM,CAAC,gBAAgB,yCAAsC;AAI7D,4BAAgB;AACd,UAAQ,UAAU,IAAIA,iCACpB;GACE,UAAU;GACV,eAAe,EACb,YAAYC;GAEd,SAAS;KAEX;GACE,eAAe,WAAW;AACxB,YAAQ,IAAI,yCAAyC;KACnD,iBAAiB,OAAO;KACxB,WAAW,OAAO;KAClB,WAAW,IAAI,KAAK,OAAO,aAAa,GAAG;;AAE7C,oBAAgB;AAChB,kBAAc;AACd,sBAAkB;AAClB,mBAAe;;GAEjB,UAAU,QAAQ;AAChB,YAAQ,MAAM,gCAAgC;AAC9C,aAAS,IAAI;AACb,oBAAgB;AAChB,kBAAc;AACd,sBAAkB;AAClB,cAAU;;GAEZ,gBAAgB,WAAW;AAEzB,YAAQ,IAAI;;GAEd,iBAAiB,aAAa;AAC5B,sBAAkB;;;AAKxB,eAAa;AACX,OAAI,QAAQ,SAAS;AAEnB,YAAQ,QAAQ;AAChB,YAAQ,UAAU;;;IAGrB;AAGH,4BAAgB;EACd,MAAM,cAAc,YAAY;AAC9B,OAAI;IACF,MAAM,eAAe,MAAMC;AAC3B,eAAW;AAEX,QAAI,aAAa,SAAS,KAAK,CAAC,gBAAgB;KAC9C,MAAM,cAAc,aAAa;AACjC,uBAAkB,YAAY;AAC9B,sBAAiBC,oCAAkB;;YAE9BC,SAAY;AACnB,aAASC,QAAM;;;AAInB;IACC;AAGH,4BAAgB;AACd,MAAI,QAAQ,WAAW,eACrB,SAAQ,QAAQ,aAAa;IAE9B,CAAC;AAGJ,4BAAgB;AACd,MAAI,SAAS,WAAW,QAAQ,QAC9B,SAAQ,QAAQ,mBAAmB,SAAS;AAG9C,eAAa;AACX,OAAI,QAAQ,QACV,SAAQ,QAAQ;;IAGnB,CAAC,SAAS;AAGb,4BAAgB;EACd,MAAM,OAAO,QAAQ;AACrB,MAAI,CAAC,KAAM;AAEX,MAAI,UAAU,aAAa,WAAW,QAAQ;AAC5C,YAAS;AACT,mBAAgB;AAChB,iBAAc;AACd,qBAAkB;AAClB,QAAK;SACA;AACL,QAAK;AACL,iBAAc;AACd,mBAAgB;AAChB,qBAAkB;;IAEnB,CAAC,QAAQ;CAGZ,MAAM,uCAA4B,YAAY;AAC5C,MAAI,QAAQ,SAAS;AACnB,YAAS;AACT,mBAAgB;AAChB,iBAAc;AACd,qBAAkB;AAClB,SAAM,QAAQ,QAAQ;;IAEvB;CAGH,MAAM,4CAAiC;AACrC,MAAI,QAAQ,SAAS;AACnB,WAAQ,QAAQ;AAChB,iBAAc;AACd,mBAAgB;AAChB,qBAAkB;;IAEnB;CAGH,MAAM,4CAAiC,OAAO,aAAqB;AACjE,oBAAkB;EAElB,MAAM,uBAAuB,QAAQ,MAAK,WAAU,OAAO,aAAa;AACxE,MAAI,qBACF,kBAAiBF,oCAAkB;IAIpC,CAAC;CAEJ,MAAM,oDAAyCF,sDAA8B;AAE7E,QAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA"}

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

@@ -6,11 +6,18 @@ const require_index = require('../IndexedDBManager/index.js');
 require_accountIds.init_accountIds();
 require_index.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 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();
 };
 const bytesToHex = (bytes) => {
 	const arr = bytes instanceof Uint8Array ? bytes : Uint8Array.from(bytes);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["hashed: number[][]","toAccountId","pairs: RecoveryEmailEntry[]","IndexedDBManager"],"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,YAAYC,+BAAY;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,SAAMC,+BAAiB,qBAAqB,WAAW;WAChD,OAAO;AACd,WAAQ,KAAK,2DAA2D;;;AAI5E,QAAO;EAAE,QAAQ;EAAqB;;;AAGxC,eAAsB,uBAAuB,eAA0D;AACrG,QAAOA,+BAAiB,kBAAkB"}
+{"version":3,"file":"index.js","names":["hashed: number[][]","toAccountId","pairs: RecoveryEmailEntry[]","IndexedDBManager"],"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  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":";;;;;;;AAWA,MAAa,qBAAqB,UAA0B;CAC1D,MAAM,MAAM,OAAO,SAAS,IAAI;AAChC,KAAI,CAAC,IAAK,QAAO;CAGjB,MAAM,oBAAoB,IAAI,QAAQ,uBAAuB,IAAI;CAEjE,MAAM,aACJ;CAIF,MAAM,aAAa,kBAAkB,MAAM;CAC3C,MAAM,aAAa,CACjB,aAAa,IACb,mBACA,QAAQ,MAAmB,OAAO,MAAM,YAAY,EAAE,SAAS;AAEjE,MAAK,MAAM,aAAa,YAAY;EAClC,MAAM,UAAU,UAAU,QAAQ,gBAAgB;EAClD,MAAM,QAAQ,QAAQ,MAAM;AAC5B,MAAI,QAAQ,GACV,QAAO,MAAM,GAAG,OAAO;;AAI3B,QAAO,kBAAkB;;AAG3B,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,YAAYC,+BAAY;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,SAAMC,+BAAiB,qBAAqB,WAAW;WAChD,OAAO;AACd,WAAQ,KAAK,2DAA2D;;;AAI5E,QAAO;EAAE,QAAQ;EAAqB;;;AAGxC,eAAsB,uBAAuB,eAA0D;AACrG,QAAOA,+BAAiB,kBAAkB"}

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

@@ -260,22 +260,17 @@ var init_passkeyClientDB = require_rolldown_runtime.__esm({ "src/core/IndexedDBM
 		* @returns filtered authenticators for allowCredentials, plus optional wrongPasskeyError
 		*/
 		async ensureCurrentPasskey(nearAccountId, authenticators, selectedCredentialRawId) {
-			let authenticatorsForPrompt = authenticators;
-			let wrongPasskeyError;
-			if (authenticators.length > 1) {
-				const accountIdNormalized = require_accountIds.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 = require_accountIds.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
@@ -386,30 +381,34 @@ var init_passkeyClientDB = require_rolldown_runtime.__esm({ "src/core/IndexedDBM
 		* @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 = require_accountIds.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() {