@opexa/portal-components 0.0.968 → 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/AccountSecurity/AccountSecurity.js

@@ -160,7 +160,7 @@ function TransactionPassword() {
             confirmPassword: '',
         },
     });
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Transaction password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "The transaction password secures and confirms your wallet withdrawals." })] }), profileCompletion?.transactionPassword ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-nowrap text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), !profileCompletion?.transactionPassword && (_jsx(AlertWarning, { title: "Please set your transaction password. This is required when making withdrawals and helps secure your account.", className: "my-3" })), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Withdrawal password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "The withdrawal password secures and confirms your wallet withdrawals." })] }), profileCompletion?.transactionPassword ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-nowrap text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), !profileCompletion?.transactionPassword && (_jsx(AlertWarning, { title: "Please set your withdrawal password. This is required when making withdrawals and helps secure your account.", className: "my-3" })), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
                         transactionPassword: data.password,
                     });

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.968",
+	"version": "0.0.970",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",