@opexa/portal-components 0.0.969 → 0.0.970

package/dist/client/hooks/useCamera.js

@@ -142,7 +142,10 @@ export function useCamera(options = {}) {
             canvas.toBlob((blob) => {
                 if (!blob) {
                     resolve(null);
-                    return;
+                    return setError({
+                        name: 'CameraError',
+                        message: 'Failed to snap photo',
+                    });
                 }
                 const url = URL.createObjectURL(blob);
                 const file = new File([blob], `${crypto.randomUUID()}.jpeg`, {
@@ -168,6 +171,7 @@ export function useCamera(options = {}) {
     const reopen = useCallback(async () => {
         setSnapping(false);
         setLoading(true);
+        setData(null);
         await close();
         await sleep();
         await open();

package/dist/components/shared/SelfieImageField/useSelfieImageField.js

@@ -1,6 +1,6 @@
 import { useFieldContext } from '@ark-ui/react';
 import { FaceDetector, FilesetResolver } from '@mediapipe/tasks-vision';
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import invariant from 'tiny-invariant';
 import { useInterval } from 'usehooks-ts';
 import { useCamera } from '../../../client/hooks/useCamera.js';
@@ -111,13 +111,14 @@ export function useSelfieImageField(props) {
             if (open) {
                 camera.open();
             }
-            else {
-                setFaceFound(false);
-                camera.close();
-            }
         },
     });
     const [faceFound, setFaceFound] = useState(false);
+    // Reset faceFound when camera is reset or reopened
+    // biome-ignore lint/correctness/useExhaustiveDependencies: Reset faceFound on state change
+    useEffect(() => {
+        setFaceFound(false);
+    }, [camera.loading, camera.data]);
     useInterval(async () => {
         if (!camera.videoRef.current || !guideRef.current) {
             return setFaceFound(false);
@@ -197,14 +198,13 @@ async function getVideoFaceDetector() {
         return __video_face_detector_promise__;
     __video_face_detector_promise__ = (async () => {
         try {
-            const vision = await getVision();
+            const vision = await FilesetResolver.forVisionTasks('https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.0/wasm');
             const detector = await FaceDetector.createFromOptions(vision, {
-                runningMode: 'VIDEO',
-                minDetectionConfidence: 0.5,
                 baseOptions: {
-                    delegate: 'GPU',
                     modelAssetPath: 'https://storage.googleapis.com/mediapipe-models/face_detector/blaze_face_short_range/float16/1/blaze_face_short_range.tflite',
+                    delegate: 'GPU',
                 },
+                runningMode: 'VIDEO',
             });
             __video_face_detector__ = detector;
             return detector;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.969",
+	"version": "0.0.970",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",