@opexa/portal-components 0.0.560 → 0.0.562

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/KYCDefault/KYCDefault.js

@@ -28,5 +28,5 @@ export function KYCDefault(props) {
             session?.status !== 'unauthenticated';
     return (_jsxs(_Fragment, { children: [_jsx(KYCDefaultContext, { value: kyc, children: _jsx(Dialog.Root, { open: isDialogOpen && !globalStore.responsibleGamingReminder.open, onOpenChange: (details) => {
                         globalStore.kyc.setOpen(details.open);
-                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "mx-auto mt-[10rem] min-h-full w-full overflow-y-auto bg-bg-primary-alt lg:min-h-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(IdentityVerification, {}), kyc.step === 2 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
+                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "mx-auto min-h-full w-full overflow-y-auto bg-bg-primary-alt lg:min-h-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(IdentityVerification, {}), kyc.step === 2 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
 }

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