catalyst-core 0.2.0-beta.3 → 0.3.0-beta.2

package/dist/native/bridge/hooks/useCamera.js

@@ -1,9 +1,347 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useCameraPermission=exports.useCamera=exports.requestCameraPermission=void 0;var _react=require("react");var _NativeBridge=_interopRequireDefault(require("../utils/NativeBridge.js"));var _NativeInterfaces=require("../constants/NativeInterfaces.js");var _useBaseHook=require("../useBaseHook.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}/* eslint-disable react-compiler/react-compiler, react-hooks/exhaustive-deps */const useCamera=({webFallback}={})=>{const base=(0,_useBaseHook.useBaseHook)("useCamera",{hasWebFallback:true,webFallback});const[permission,setPermission]=(0,_react.useState)(null);if(typeof window==="undefined"){return{data:null,loading:false,progress:null,error:null,isWeb:true,isNative:false,webFallbackActive:false,webFallbackDisabled:false,setWebFallback:()=>{},execute:()=>{},clear:()=>{},clearError:()=>{},permission:null,photo:null,takePhoto:()=>{},isLoading:false,clearPhoto:()=>{}};}if(base.webFallbackDisabled){return{data:null,loading:false,progress:null,error:null,isWeb:true,isNative:false,webFallbackActive:false,webFallbackDisabled:true,setWebFallback:base.setWebFallback,execute:()=>{},clear:()=>{},clearError:()=>{},permission:null,photo:null,takePhoto:()=>{},isLoading:false,clearPhoto:()=>{}};}// Web fallback callback — always declared (Rules of Hooks)
-const webTakePhoto=(0,_react.useCallback)(()=>{const input=document.createElement("input");input.type="file";input.accept="image/*";input.capture="environment";input.onchange=()=>{const file=input.files?.[0];if(!file)return;const fileSrc=URL.createObjectURL(file);base.setDataAndComplete({fileSrc,fileName:file.name,size:file.size,mimeType:file.type,transport:"OBJECT_URL",source:"camera"});};input.click();},[base]);if(base.webFallbackActive){return{data:base.data,loading:base.loading,progress:base.progress,error:base.error,isWeb:true,isNative:false,webFallbackActive:true,webFallbackDisabled:false,setWebFallback:base.setWebFallback,execute:webTakePhoto,clear:base.clear,clearError:base.clearError,permission:null,photo:base.data,takePhoto:webTakePhoto,isLoading:base.loading,clearPhoto:base.clear};}(0,_react.useEffect)(()=>{window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_CAPTURE,data=>{try{const result=typeof data==="string"?JSON.parse(data):data;console.log("📷 Camera capture result:",result);const photoData=result.fileSrc?{fileSrc:result.fileSrc,fileName:result.fileName,size:result.size,mimeType:result.mimeType,transport:result.transport,source:result.source}:{fileSrc:result.imageUrl,fileName:"camera_photo.jpg",size:0,mimeType:"image/jpeg",transport:"LEGACY",source:"camera"};base.setDataAndComplete(photoData);if(photoData.transport){base.updateProgress({transport:photoData.transport,bytesTotal:photoData.size||null});}console.log("📷 Photo captured successfully via transport:",photoData.transport);}catch(parseError){console.error("📷 Error parsing camera capture data:",parseError);base.handleNativeError("Failed to process captured photo");}});window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS,data=>{setPermission(data);console.log("📷 Camera permission status:",data);});window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_ERROR,data=>{console.error("📷 Camera error:",data);base.handleNativeError(data);});return()=>{window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS);window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_CAPTURE);window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_ERROR);};},[base.setDataAndComplete,base.handleNativeError,base.updateProgress]);const takePhoto=()=>{console.log("📷 Camera open requested");base.executeOperation(()=>{base.updateProgress({state:"capturing",phase:"requesting",message:"Opening camera..."});_NativeBridge.default.camera.open();},"camera capture");};return{data:base.data,loading:base.loading,progress:base.progress,error:base.error,isWeb:base.isWeb,isNative:base.isNative,webFallbackActive:false,webFallbackDisabled:false,setWebFallback:base.setWebFallback,execute:takePhoto,clear:base.clear,clearError:base.clearError,permission,photo:base.data,takePhoto,isLoading:base.loading,clearPhoto:base.clear};};exports.useCamera=useCamera;const requestCameraPermission=()=>{if(typeof window==="undefined"){return Promise.resolve(null);}if(!window.WebBridge){throw new Error("WebBridge is not initialized. Call WebBridge.init() first.");}return new Promise((resolve,reject)=>{try{if(!_NativeBridge.default.isAvailable()){reject(new Error("Native bridge not available"));return;}const handlePermissionStatus=data=>{window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS);if(data===_NativeInterfaces.PERMISSION_STATUS.GRANTED){resolve(data);}else{reject(new Error(`Camera permission ${data.toLowerCase()}`));}};window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS,handlePermissionStatus);_NativeBridge.default.camera.requestPermission();console.log("📷 Camera permission requested");}catch(error){reject(error);}});};exports.requestCameraPermission=requestCameraPermission;const useCameraPermission=({webFallback}={})=>{const isWeb=typeof window==="undefined"?true:!_NativeBridge.default.isAvailable();// All hooks unconditionally at top level (Rules of Hooks)
-const[webFallbackState,setWebFallback]=(0,_react.useState)(true);const webFallbackResolved=webFallback!==undefined?webFallback!==false:webFallbackState;const webFallbackActive=isWeb&&webFallbackResolved;const webFallbackDisabled=isWeb&&!webFallbackResolved;const[permission,setPermission]=(0,_react.useState)(null);const[isLoading,setIsLoading]=(0,_react.useState)(true);const permResultRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(typeof window==="undefined"){setIsLoading(false);return;}if(webFallbackDisabled){setIsLoading(false);return;}if(!window.WebBridge){// Web fallback: navigator.permissions API (query only — never prompts)
-if(typeof navigator==="undefined"||!navigator.permissions){setPermission(_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);setIsLoading(false);return;}const PERM_MAP={granted:_NativeInterfaces.PERMISSION_STATUS.GRANTED,denied:_NativeInterfaces.PERMISSION_STATUS.DENIED,prompt:_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED};navigator.permissions.query({name:"camera"}).then(result=>{permResultRef.current=result;setPermission(PERM_MAP[result.state]??_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);setIsLoading(false);result.onchange=()=>{setPermission(PERM_MAP[result.state]??_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);};}).catch(()=>{setPermission(_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);setIsLoading(false);});return;}// Native path
-const requestPermission=async()=>{try{if(!_NativeBridge.default.isAvailable()){setPermission(_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);setIsLoading(false);return;}window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS,data=>{setPermission(data);setIsLoading(false);console.log("📷 Camera permission status updated:",data);});_NativeBridge.default.camera.requestPermission();}catch(error){console.error("📷 Error requesting camera permission:",error);setPermission(_NativeInterfaces.PERMISSION_STATUS.DENIED);setIsLoading(false);}};requestPermission();return()=>{if(window.WebBridge&&_NativeBridge.default.isAvailable()){window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS);}};},[webFallbackDisabled]);// Web: navigator.permissions.query() never prompts. request() triggers getUserMedia
-// which causes the browser to show the permission dialog, then re-reads permission state.
-const request=(0,_react.useCallback)(async()=>{if(!isWeb||typeof window==="undefined")return;if(!navigator.mediaDevices?.getUserMedia)return;try{setIsLoading(true);const stream=await navigator.mediaDevices.getUserMedia({video:true,audio:false});stream.getTracks().forEach(t=>t.stop());}catch(_){// Ignore — the permission state change fires via permResultRef.current.onchange
-}// Re-query to get the authoritative state after the prompt
-if(navigator.permissions){try{const result=await navigator.permissions.query({name:"camera"});const PERM_MAP={granted:_NativeInterfaces.PERMISSION_STATUS.GRANTED,denied:_NativeInterfaces.PERMISSION_STATUS.DENIED,prompt:_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED};setPermission(PERM_MAP[result.state]??_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);}catch(_){/* permission query not supported */}}setIsLoading(false);},[isWeb]);if(typeof window==="undefined"){return{permission:null,isLoading:false,webFallbackActive:false,webFallbackDisabled:false,setWebFallback:()=>{},request:()=>{}};}return{permission,isLoading,webFallbackActive,webFallbackDisabled,setWebFallback,request};};exports.useCameraPermission=useCameraPermission;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCameraPermission = exports.useCamera = exports.requestCameraPermission = void 0;
+var _react = require("react");
+var _NativeBridge = _interopRequireDefault(require("../utils/NativeBridge.js"));
+var _NativeInterfaces = require("../constants/NativeInterfaces.js");
+var _useBaseHook = require("../useBaseHook.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable react-compiler/react-compiler, react-hooks/exhaustive-deps */
+
+const useCamera = ({
+  webFallback
+} = {}) => {
+  const base = (0, _useBaseHook.useBaseHook)("useCamera", {
+    hasWebFallback: true,
+    webFallback
+  });
+  const [permission, setPermission] = (0, _react.useState)(null);
+  if (typeof window === "undefined") {
+    return {
+      data: null,
+      loading: false,
+      progress: null,
+      error: null,
+      isWeb: true,
+      isNative: false,
+      webFallbackActive: false,
+      webFallbackDisabled: false,
+      setWebFallback: () => {},
+      execute: () => {},
+      clear: () => {},
+      clearError: () => {},
+      permission: null,
+      photo: null,
+      takePhoto: () => {},
+      isLoading: false,
+      clearPhoto: () => {}
+    };
+  }
+  if (base.webFallbackDisabled) {
+    return {
+      data: null,
+      loading: false,
+      progress: null,
+      error: null,
+      isWeb: true,
+      isNative: false,
+      webFallbackActive: false,
+      webFallbackDisabled: true,
+      setWebFallback: base.setWebFallback,
+      execute: () => {},
+      clear: () => {},
+      clearError: () => {},
+      permission: null,
+      photo: null,
+      takePhoto: () => {},
+      isLoading: false,
+      clearPhoto: () => {}
+    };
+  }
+
+  // Web fallback callback — always declared (Rules of Hooks)
+  const webTakePhoto = (0, _react.useCallback)(() => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "image/*";
+    input.capture = "environment";
+    input.onchange = () => {
+      const file = input.files?.[0];
+      if (!file) return;
+      const fileSrc = URL.createObjectURL(file);
+      base.setDataAndComplete({
+        fileSrc,
+        fileName: file.name,
+        size: file.size,
+        mimeType: file.type,
+        transport: "OBJECT_URL",
+        source: "camera"
+      });
+    };
+    input.click();
+  }, [base]);
+  if (base.webFallbackActive) {
+    return {
+      data: base.data,
+      loading: base.loading,
+      progress: base.progress,
+      error: base.error,
+      isWeb: true,
+      isNative: false,
+      webFallbackActive: true,
+      webFallbackDisabled: false,
+      setWebFallback: base.setWebFallback,
+      execute: webTakePhoto,
+      clear: base.clear,
+      clearError: base.clearError,
+      permission: null,
+      photo: base.data,
+      takePhoto: webTakePhoto,
+      isLoading: base.loading,
+      clearPhoto: base.clear
+    };
+  }
+  (0, _react.useEffect)(() => {
+    window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_CAPTURE, data => {
+      try {
+        const result = typeof data === "string" ? JSON.parse(data) : data;
+        console.log("📷 Camera capture result:", result);
+        const photoData = result.fileSrc ? {
+          fileSrc: result.fileSrc,
+          fileName: result.fileName,
+          size: result.size,
+          mimeType: result.mimeType,
+          transport: result.transport,
+          source: result.source
+        } : {
+          fileSrc: result.imageUrl,
+          fileName: "camera_photo.jpg",
+          size: 0,
+          mimeType: "image/jpeg",
+          transport: "LEGACY",
+          source: "camera"
+        };
+        base.setDataAndComplete(photoData);
+        if (photoData.transport) {
+          base.updateProgress({
+            transport: photoData.transport,
+            bytesTotal: photoData.size || null
+          });
+        }
+        console.log("📷 Photo captured successfully via transport:", photoData.transport);
+      } catch (parseError) {
+        console.error("📷 Error parsing camera capture data:", parseError);
+        base.handleNativeError("Failed to process captured photo");
+      }
+    });
+    window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS, data => {
+      setPermission(data);
+      console.log("📷 Camera permission status:", data);
+    });
+    window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_ERROR, data => {
+      console.error("📷 Camera error:", data);
+      base.handleNativeError(data);
+    });
+    return () => {
+      window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS);
+      window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_CAPTURE);
+      window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.ON_CAMERA_ERROR);
+    };
+  }, [base.setDataAndComplete, base.handleNativeError, base.updateProgress]);
+  const takePhoto = () => {
+    console.log("📷 Camera open requested");
+    base.executeOperation(() => {
+      base.updateProgress({
+        state: "capturing",
+        phase: "requesting",
+        message: "Opening camera..."
+      });
+      _NativeBridge.default.camera.open();
+    }, "camera capture");
+  };
+  return {
+    data: base.data,
+    loading: base.loading,
+    progress: base.progress,
+    error: base.error,
+    isWeb: base.isWeb,
+    isNative: base.isNative,
+    webFallbackActive: false,
+    webFallbackDisabled: false,
+    setWebFallback: base.setWebFallback,
+    execute: takePhoto,
+    clear: base.clear,
+    clearError: base.clearError,
+    permission,
+    photo: base.data,
+    takePhoto,
+    isLoading: base.loading,
+    clearPhoto: base.clear
+  };
+};
+exports.useCamera = useCamera;
+const requestCameraPermission = () => {
+  if (typeof window === "undefined") {
+    return Promise.resolve(null);
+  }
+  if (!window.WebBridge) {
+    throw new Error("WebBridge is not initialized. Call WebBridge.init() first.");
+  }
+  return new Promise((resolve, reject) => {
+    try {
+      if (!_NativeBridge.default.isAvailable()) {
+        reject(new Error("Native bridge not available"));
+        return;
+      }
+      const handlePermissionStatus = data => {
+        window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS);
+        if (data === _NativeInterfaces.PERMISSION_STATUS.GRANTED) {
+          resolve(data);
+        } else {
+          reject(new Error(`Camera permission ${data.toLowerCase()}`));
+        }
+      };
+      window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS, handlePermissionStatus);
+      _NativeBridge.default.camera.requestPermission();
+      console.log("📷 Camera permission requested");
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+exports.requestCameraPermission = requestCameraPermission;
+const useCameraPermission = ({
+  webFallback
+} = {}) => {
+  const isWeb = typeof window === "undefined" ? true : !_NativeBridge.default.isAvailable();
+
+  // All hooks unconditionally at top level (Rules of Hooks)
+  const [webFallbackState, setWebFallback] = (0, _react.useState)(true);
+  const webFallbackResolved = webFallback !== undefined ? webFallback !== false : webFallbackState;
+  const webFallbackActive = isWeb && webFallbackResolved;
+  const webFallbackDisabled = isWeb && !webFallbackResolved;
+  const [permission, setPermission] = (0, _react.useState)(null);
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const permResultRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (typeof window === "undefined") {
+      setIsLoading(false);
+      return;
+    }
+    if (webFallbackDisabled) {
+      setIsLoading(false);
+      return;
+    }
+    if (!window.WebBridge) {
+      // Web fallback: navigator.permissions API (query only — never prompts)
+      if (typeof navigator === "undefined" || !navigator.permissions) {
+        setPermission(_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);
+        setIsLoading(false);
+        return;
+      }
+      const PERM_MAP = {
+        granted: _NativeInterfaces.PERMISSION_STATUS.GRANTED,
+        denied: _NativeInterfaces.PERMISSION_STATUS.DENIED,
+        prompt: _NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED
+      };
+      navigator.permissions.query({
+        name: "camera"
+      }).then(result => {
+        permResultRef.current = result;
+        setPermission(PERM_MAP[result.state] ?? _NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);
+        setIsLoading(false);
+        result.onchange = () => {
+          setPermission(PERM_MAP[result.state] ?? _NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);
+        };
+      }).catch(() => {
+        setPermission(_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);
+        setIsLoading(false);
+      });
+      return;
+    }
+
+    // Native path
+    const requestPermission = async () => {
+      try {
+        if (!_NativeBridge.default.isAvailable()) {
+          setPermission(_NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);
+          setIsLoading(false);
+          return;
+        }
+        window.WebBridge.register(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS, data => {
+          setPermission(data);
+          setIsLoading(false);
+          console.log("📷 Camera permission status updated:", data);
+        });
+        _NativeBridge.default.camera.requestPermission();
+      } catch (error) {
+        console.error("📷 Error requesting camera permission:", error);
+        setPermission(_NativeInterfaces.PERMISSION_STATUS.DENIED);
+        setIsLoading(false);
+      }
+    };
+    requestPermission();
+    return () => {
+      if (window.WebBridge && _NativeBridge.default.isAvailable()) {
+        window.WebBridge.unregister(_NativeInterfaces.NATIVE_CALLBACKS.CAMERA_PERMISSION_STATUS);
+      }
+    };
+  }, [webFallbackDisabled]);
+
+  // Web: navigator.permissions.query() never prompts. request() triggers getUserMedia
+  // which causes the browser to show the permission dialog, then re-reads permission state.
+  const request = (0, _react.useCallback)(async () => {
+    if (!isWeb || typeof window === "undefined") return;
+    if (!navigator.mediaDevices?.getUserMedia) return;
+    try {
+      setIsLoading(true);
+      const stream = await navigator.mediaDevices.getUserMedia({
+        video: true,
+        audio: false
+      });
+      stream.getTracks().forEach(t => t.stop());
+    } catch (_) {
+      // Ignore — the permission state change fires via permResultRef.current.onchange
+    }
+
+    // Re-query to get the authoritative state after the prompt
+    if (navigator.permissions) {
+      try {
+        const result = await navigator.permissions.query({
+          name: "camera"
+        });
+        const PERM_MAP = {
+          granted: _NativeInterfaces.PERMISSION_STATUS.GRANTED,
+          denied: _NativeInterfaces.PERMISSION_STATUS.DENIED,
+          prompt: _NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED
+        };
+        setPermission(PERM_MAP[result.state] ?? _NativeInterfaces.PERMISSION_STATUS.NOT_DETERMINED);
+      } catch (_) {
+        /* permission query not supported */
+      }
+    }
+    setIsLoading(false);
+  }, [isWeb]);
+  if (typeof window === "undefined") {
+    return {
+      permission: null,
+      isLoading: false,
+      webFallbackActive: false,
+      webFallbackDisabled: false,
+      setWebFallback: () => {},
+      request: () => {}
+    };
+  }
+  return {
+    permission,
+    isLoading,
+    webFallbackActive,
+    webFallbackDisabled,
+    setWebFallback,
+    request
+  };
+};
+exports.useCameraPermission = useCameraPermission;

package/dist/native/bridge/hooks/useDataProtection.js

@@ -1,2 +1,200 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useDataProtection=void 0;var _react=require("react");var _NativeBridge=_interopRequireDefault(require("../utils/NativeBridge.js"));var _NativeInterfaces=require("../constants/NativeInterfaces.js");var _useBaseHook=require("../useBaseHook.js");var _utils=require("./utils.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}/* eslint-disable react-compiler/react-compiler, react-hooks/exhaustive-deps */const useDataProtection=({webFallback}={})=>{const base=(0,_useBaseHook.useBaseHook)("useDataProtection",{hasWebFallback:true,webFallback});const[screenSecure,setScreenSecureState]=(0,_react.useState)(false);// Web fallback state — always declared (Rules of Hooks)
-const[screenSecureWeb,setScreenSecureWeb]=(0,_react.useState)(false);const secureOverlayRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(!base.webFallbackActive||!screenSecureWeb)return;const overlay=document.createElement("div");overlay.style.cssText="position:fixed;inset:0;background:#000;z-index:2147483647;display:none";document.body.appendChild(overlay);secureOverlayRef.current=overlay;const onVisibilityChange=()=>{overlay.style.display=document.hidden?"block":"none";};document.addEventListener("visibilitychange",onVisibilityChange);return()=>{document.removeEventListener("visibilitychange",onVisibilityChange);overlay.remove();secureOverlayRef.current=null;};},[base.webFallbackActive,screenSecureWeb]);const webSetScreenSecure=(0,_react.useCallback)(enable=>{setScreenSecureWeb(Boolean(enable));},[]);const webClearWebData=(0,_react.useCallback)(async()=>{try{localStorage.clear();sessionStorage.clear();}catch(_){/* storage may be unavailable in restricted contexts */}document.cookie.split(";").forEach(c=>{document.cookie=c.trim().split("=")[0]+"=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";});if(window.indexedDB?.databases){const dbs=await window.indexedDB.databases().catch(()=>[]);await Promise.all(dbs.map(db=>new Promise(res=>{const req=window.indexedDB.deleteDatabase(db.name);req.onsuccess=req.onerror=res;})));}},[]);if(typeof window==="undefined"){return{screenSecure:false,setScreenSecure:()=>{},clearWebData:()=>{},data:null,loading:false,progress:null,error:null,isWeb:true,isNative:false,webFallbackActive:false,webFallbackDisabled:false,setWebFallback:()=>{},clear:()=>{},clearError:()=>{}};}if(base.webFallbackDisabled){return{screenSecure:false,setScreenSecure:()=>{},clearWebData:()=>{},data:null,loading:false,progress:null,error:null,isWeb:true,isNative:false,webFallbackActive:false,webFallbackDisabled:true,setWebFallback:base.setWebFallback,clear:()=>{},clearError:()=>{}};}if(base.webFallbackActive){return{screenSecure:screenSecureWeb,setScreenSecure:webSetScreenSecure,clearWebData:webClearWebData,data:null,loading:false,progress:null,error:null,isWeb:true,isNative:false,webFallbackActive:true,webFallbackDisabled:false,setWebFallback:base.setWebFallback,clear:()=>{},clearError:()=>{}};}(0,_react.useEffect)(()=>{if(!_NativeBridge.default.isAvailable())return;const handleScreenSecureSet=data=>{try{const result=typeof data==="string"?JSON.parse(data):data;if(result?.error){base.handleNativeError(result.error);return;}setScreenSecureState(Boolean(result?.secure));base.setDataAndComplete(result);}catch(error){base.handleNativeError(error);}};const handleScreenSecureError=data=>{try{const result=typeof data==="string"?JSON.parse(data):data;base.handleNativeError(result?.error||"setScreenSecure failed");}catch(error){base.handleNativeError(error);}};const handleWebDataCleared=data=>{try{const result=typeof data==="string"?JSON.parse(data):data;if(result?.error){base.handleNativeError(result.error);return;}base.setDataAndComplete(result);}catch(error){base.handleNativeError(error);}};const handleWebDataClearError=data=>{try{const result=typeof data==="string"?JSON.parse(data):data;base.handleNativeError(result?.error||"clearWebData failed");}catch(error){base.handleNativeError(error);}};const handleScreenSecureStatus=data=>{try{const result=typeof data==="string"?JSON.parse(data):data;if(result?.error){base.handleNativeError(result.error);return;}setScreenSecureState(Boolean(result?.secure));}catch(error){base.handleNativeError(error);}};const cleanup=(0,_utils.registerNativeHandlers)([[_NativeInterfaces.NATIVE_CALLBACKS.ON_SCREEN_SECURE_SET,handleScreenSecureSet],[_NativeInterfaces.NATIVE_CALLBACKS.ON_SCREEN_SECURE_STATUS,handleScreenSecureStatus],[_NativeInterfaces.NATIVE_CALLBACKS.ON_SCREEN_SECURE_ERROR,handleScreenSecureError],[_NativeInterfaces.NATIVE_CALLBACKS.ON_WEB_DATA_CLEARED,handleWebDataCleared],[_NativeInterfaces.NATIVE_CALLBACKS.ON_WEB_DATA_CLEAR_ERROR,handleWebDataClearError]]);base.callNative(()=>_NativeBridge.default.security.getScreenSecure());return cleanup;},[base.setDataAndComplete,base.handleNativeError]);const setScreenSecure=(0,_react.useCallback)(enable=>{base.callNative(()=>_NativeBridge.default.security.setScreenSecure(enable));},[base.callNative]);const clearWebData=(0,_react.useCallback)(()=>{base.callNative(()=>_NativeBridge.default.security.clearWebData());},[base.callNative]);return{data:base.data,loading:base.loading,progress:base.progress,error:base.error,isWeb:base.isWeb,isNative:base.isNative,webFallbackActive:false,webFallbackDisabled:false,setWebFallback:base.setWebFallback,clear:base.clear,clearError:base.clearError,screenSecure,setScreenSecure,clearWebData};};exports.useDataProtection=useDataProtection;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataProtection = void 0;
+var _react = require("react");
+var _NativeBridge = _interopRequireDefault(require("../utils/NativeBridge.js"));
+var _NativeInterfaces = require("../constants/NativeInterfaces.js");
+var _useBaseHook = require("../useBaseHook.js");
+var _utils = require("./utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable react-compiler/react-compiler, react-hooks/exhaustive-deps */
+
+const useDataProtection = ({
+  webFallback
+} = {}) => {
+  const base = (0, _useBaseHook.useBaseHook)("useDataProtection", {
+    hasWebFallback: true,
+    webFallback
+  });
+  const [screenSecure, setScreenSecureState] = (0, _react.useState)(false);
+
+  // Web fallback state — always declared (Rules of Hooks)
+  const [screenSecureWeb, setScreenSecureWeb] = (0, _react.useState)(false);
+  const secureOverlayRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!base.webFallbackActive || !screenSecureWeb) return;
+    const overlay = document.createElement("div");
+    overlay.style.cssText = "position:fixed;inset:0;background:#000;z-index:2147483647;display:none";
+    document.body.appendChild(overlay);
+    secureOverlayRef.current = overlay;
+    const onVisibilityChange = () => {
+      overlay.style.display = document.hidden ? "block" : "none";
+    };
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      overlay.remove();
+      secureOverlayRef.current = null;
+    };
+  }, [base.webFallbackActive, screenSecureWeb]);
+  const webSetScreenSecure = (0, _react.useCallback)(enable => {
+    setScreenSecureWeb(Boolean(enable));
+  }, []);
+  const webClearWebData = (0, _react.useCallback)(async () => {
+    try {
+      localStorage.clear();
+      sessionStorage.clear();
+    } catch (_) {
+      /* storage may be unavailable in restricted contexts */
+    }
+    document.cookie.split(";").forEach(c => {
+      document.cookie = c.trim().split("=")[0] + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
+    });
+    if (window.indexedDB?.databases) {
+      const dbs = await window.indexedDB.databases().catch(() => []);
+      await Promise.all(dbs.map(db => new Promise(res => {
+        const req = window.indexedDB.deleteDatabase(db.name);
+        req.onsuccess = req.onerror = res;
+      })));
+    }
+  }, []);
+  if (typeof window === "undefined") {
+    return {
+      screenSecure: false,
+      setScreenSecure: () => {},
+      clearWebData: () => {},
+      data: null,
+      loading: false,
+      progress: null,
+      error: null,
+      isWeb: true,
+      isNative: false,
+      webFallbackActive: false,
+      webFallbackDisabled: false,
+      setWebFallback: () => {},
+      clear: () => {},
+      clearError: () => {}
+    };
+  }
+  if (base.webFallbackDisabled) {
+    return {
+      screenSecure: false,
+      setScreenSecure: () => {},
+      clearWebData: () => {},
+      data: null,
+      loading: false,
+      progress: null,
+      error: null,
+      isWeb: true,
+      isNative: false,
+      webFallbackActive: false,
+      webFallbackDisabled: true,
+      setWebFallback: base.setWebFallback,
+      clear: () => {},
+      clearError: () => {}
+    };
+  }
+  if (base.webFallbackActive) {
+    return {
+      screenSecure: screenSecureWeb,
+      setScreenSecure: webSetScreenSecure,
+      clearWebData: webClearWebData,
+      data: null,
+      loading: false,
+      progress: null,
+      error: null,
+      isWeb: true,
+      isNative: false,
+      webFallbackActive: true,
+      webFallbackDisabled: false,
+      setWebFallback: base.setWebFallback,
+      clear: () => {},
+      clearError: () => {}
+    };
+  }
+  (0, _react.useEffect)(() => {
+    if (!_NativeBridge.default.isAvailable()) return;
+    const handleScreenSecureSet = data => {
+      try {
+        const result = typeof data === "string" ? JSON.parse(data) : data;
+        if (result?.error) {
+          base.handleNativeError(result.error);
+          return;
+        }
+        setScreenSecureState(Boolean(result?.secure));
+        base.setDataAndComplete(result);
+      } catch (error) {
+        base.handleNativeError(error);
+      }
+    };
+    const handleScreenSecureError = data => {
+      try {
+        const result = typeof data === "string" ? JSON.parse(data) : data;
+        base.handleNativeError(result?.error || "setScreenSecure failed");
+      } catch (error) {
+        base.handleNativeError(error);
+      }
+    };
+    const handleWebDataCleared = data => {
+      try {
+        const result = typeof data === "string" ? JSON.parse(data) : data;
+        if (result?.error) {
+          base.handleNativeError(result.error);
+          return;
+        }
+        base.setDataAndComplete(result);
+      } catch (error) {
+        base.handleNativeError(error);
+      }
+    };
+    const handleWebDataClearError = data => {
+      try {
+        const result = typeof data === "string" ? JSON.parse(data) : data;
+        base.handleNativeError(result?.error || "clearWebData failed");
+      } catch (error) {
+        base.handleNativeError(error);
+      }
+    };
+    const handleScreenSecureStatus = data => {
+      try {
+        const result = typeof data === "string" ? JSON.parse(data) : data;
+        if (result?.error) {
+          base.handleNativeError(result.error);
+          return;
+        }
+        setScreenSecureState(Boolean(result?.secure));
+      } catch (error) {
+        base.handleNativeError(error);
+      }
+    };
+    const cleanup = (0, _utils.registerNativeHandlers)([[_NativeInterfaces.NATIVE_CALLBACKS.ON_SCREEN_SECURE_SET, handleScreenSecureSet], [_NativeInterfaces.NATIVE_CALLBACKS.ON_SCREEN_SECURE_STATUS, handleScreenSecureStatus], [_NativeInterfaces.NATIVE_CALLBACKS.ON_SCREEN_SECURE_ERROR, handleScreenSecureError], [_NativeInterfaces.NATIVE_CALLBACKS.ON_WEB_DATA_CLEARED, handleWebDataCleared], [_NativeInterfaces.NATIVE_CALLBACKS.ON_WEB_DATA_CLEAR_ERROR, handleWebDataClearError]]);
+    base.callNative(() => _NativeBridge.default.security.getScreenSecure());
+    return cleanup;
+  }, [base.setDataAndComplete, base.handleNativeError]);
+  const setScreenSecure = (0, _react.useCallback)(enable => {
+    base.callNative(() => _NativeBridge.default.security.setScreenSecure(enable));
+  }, [base.callNative]);
+  const clearWebData = (0, _react.useCallback)(() => {
+    base.callNative(() => _NativeBridge.default.security.clearWebData());
+  }, [base.callNative]);
+  return {
+    data: base.data,
+    loading: base.loading,
+    progress: base.progress,
+    error: base.error,
+    isWeb: base.isWeb,
+    isNative: base.isNative,
+    webFallbackActive: false,
+    webFallbackDisabled: false,
+    setWebFallback: base.setWebFallback,
+    clear: base.clear,
+    clearError: base.clearError,
+    screenSecure,
+    setScreenSecure,
+    clearWebData
+  };
+};
+exports.useDataProtection = useDataProtection;

package/dist/native/bridge/hooks/useDeviceInfo.js

@@ -1,2 +1,71 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useDeviceInfo=void 0;var _react=require("react");var _NativeBridge=_interopRequireDefault(require("../utils/NativeBridge.js"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}/* eslint-disable react-compiler/react-compiler, react-hooks/exhaustive-deps */const useDeviceInfo=({webFallback}={})=>{const[deviceInfo,setDeviceInfo]=(0,_react.useState)(null);const[loading,setLoading]=(0,_react.useState)(true);const[error,setError]=(0,_react.useState)(null);const isNative=_NativeBridge.default.isAvailable();const[webFallbackState,setWebFallback]=(0,_react.useState)(true);const webFallbackResolved=webFallback!==undefined?webFallback!==false:webFallbackState;const webFallbackActive=!isNative&&webFallbackResolved;const webFallbackDisabled=!isNative&&!webFallbackResolved;(0,_react.useEffect)(()=>{if(typeof window==="undefined"){setLoading(false);return;}if(!_NativeBridge.default.isAvailable()){if(webFallbackDisabled){setLoading(false);return;}// Web fallback: derive info from browser APIs
-const ua=navigator.userAgent||"";setDeviceInfo({model:ua,manufacturer:"browser",platform:"web",screenWidth:screen.width*(window.devicePixelRatio||1),screenHeight:screen.height*(window.devicePixelRatio||1),screenDensity:window.devicePixelRatio||1,appInfo:null});setLoading(false);return;}if(!window.WebBridge){setError("WebBridge not initialized");setLoading(false);return;}window.WebBridge.getDeviceInfo().then(info=>{setDeviceInfo(info);setLoading(false);}).catch(err=>{setError(err.message||"Failed to get device info");setLoading(false);});},[webFallbackDisabled]);return{deviceInfo,loading,error,isNative,isWeb:!isNative,webFallbackActive,webFallbackDisabled,setWebFallback};};exports.useDeviceInfo=useDeviceInfo;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeviceInfo = void 0;
+var _react = require("react");
+var _NativeBridge = _interopRequireDefault(require("../utils/NativeBridge.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable react-compiler/react-compiler, react-hooks/exhaustive-deps */
+
+const useDeviceInfo = ({
+  webFallback
+} = {}) => {
+  const [deviceInfo, setDeviceInfo] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [error, setError] = (0, _react.useState)(null);
+  const isNative = _NativeBridge.default.isAvailable();
+  const [webFallbackState, setWebFallback] = (0, _react.useState)(true);
+  const webFallbackResolved = webFallback !== undefined ? webFallback !== false : webFallbackState;
+  const webFallbackActive = !isNative && webFallbackResolved;
+  const webFallbackDisabled = !isNative && !webFallbackResolved;
+  (0, _react.useEffect)(() => {
+    if (typeof window === "undefined") {
+      setLoading(false);
+      return;
+    }
+    if (!_NativeBridge.default.isAvailable()) {
+      if (webFallbackDisabled) {
+        setLoading(false);
+        return;
+      }
+      // Web fallback: derive info from browser APIs
+      const ua = navigator.userAgent || "";
+      setDeviceInfo({
+        model: ua,
+        manufacturer: "browser",
+        platform: "web",
+        screenWidth: screen.width * (window.devicePixelRatio || 1),
+        screenHeight: screen.height * (window.devicePixelRatio || 1),
+        screenDensity: window.devicePixelRatio || 1,
+        appInfo: null
+      });
+      setLoading(false);
+      return;
+    }
+    if (!window.WebBridge) {
+      setError("WebBridge not initialized");
+      setLoading(false);
+      return;
+    }
+    window.WebBridge.getDeviceInfo().then(info => {
+      setDeviceInfo(info);
+      setLoading(false);
+    }).catch(err => {
+      setError(err.message || "Failed to get device info");
+      setLoading(false);
+    });
+  }, [webFallbackDisabled]);
+  return {
+    deviceInfo,
+    loading,
+    error,
+    isNative,
+    isWeb: !isNative,
+    webFallbackActive,
+    webFallbackDisabled,
+    setWebFallback
+  };
+};
+exports.useDeviceInfo = useDeviceInfo;