@opexa/portal-components 0.0.560 → 0.0.561

package/dist/client/hooks/useCamera.js

@@ -1,4 +1,4 @@
-import { isBoolean, isObject } from 'lodash-es';
+import { isBoolean } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import invariant from 'tiny-invariant';
 import { useMediaQuery } from 'usehooks-ts';
@@ -10,7 +10,6 @@ export function useCamera(options = {}) {
     const [loading, setLoading] = useState(false);
     const [snapping, setSnapping] = useState(false);
     const desktop = useMediaQuery('(min-width: 1024px)');
-    const [mirror, setMirror] = useState(false);
     const open = useCallback(async () => {
         setData(null);
         setError(null);
@@ -51,11 +50,6 @@ export function useCamera(options = {}) {
             });
             node.srcObject = result;
             streamRef.current = result;
-            setMirror(!isObject(options.video)
-                ? true
-                : options.video.facingMode === 'environment'
-                    ? false
-                    : true);
         }
         catch (e) {
             if (e instanceof Error) {
@@ -110,10 +104,6 @@ export function useCamera(options = {}) {
         canvas.height = video.videoHeight;
         context.imageSmoothingEnabled = true;
         context.imageSmoothingQuality = 'high';
-        if (mirror) {
-            context.translate(canvas.width, 0);
-            context.scale(-1, 1);
-        }
         context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
         return new Promise((resolve) => {
             canvas.toBlob(async (blob) => {
@@ -169,7 +159,7 @@ export function useCamera(options = {}) {
                 setSnapping(false);
             }, 'image/jpeg', 1);
         });
-    }, [mirror, options]);
+    }, [options]);
     const reset = useCallback(() => {
         setData(null);
         setError(null);
@@ -197,10 +187,9 @@ export function useCamera(options = {}) {
             position: 'relative',
             boxSizing: 'border-box',
             background: 'transparent',
-            transform: mirror ? 'scaleX(-1)' : 'none',
             pointerEvents: 'none',
         },
-    }), [mirror]);
+    }), []);
     useEffect(() => {
         return () => {
             setData(null);

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -2,9 +2,9 @@
 import { usePathname } from 'next/navigation';
 import { useEffect } from 'react';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 export function KycOpenOnHomeMount(props) {
     const featureFlag = useFeatureFlag();
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
@@ -66,6 +66,8 @@ export function KycOpenOnHomeMount(props) {
         accountLoading,
         hasntCompletedKYC,
         isVerificationLocked,
+        isPending,
+        featureFlag.enabled,
     ]);
     return null;
 }

package/package.json

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