@opexa/portal-components 0.0.1127 → 0.0.1129

package/dist/client/hooks/useSignInMutation.d.ts

@@ -4,6 +4,5 @@ import type { Authenticator, MutationConfig } from '../../types';
 import { type SignInInput } from '../services/signIn';
 export interface UseSignInMutationOptions extends MutationConfig<Authenticator | null, SignInInput> {
     versionSession?: VersionSession;
-    fingerprint?: () => Promise<string | null> | string | null;
 }
 export declare const useSignInMutation: (options?: UseSignInMutationOptions) => UseMutationResult<Authenticator | null, Error, SignInInput>;

package/dist/client/hooks/useSignInMutation.js

@@ -1,7 +1,8 @@
 import { Capacitor } from '@capacitor/core';
 import { useMutation } from '@tanstack/react-query';
+import { Thumbmark } from '@thumbmarkjs/thumbmarkjs';
 import { useReCaptcha } from 'next-recaptcha-v3';
-import { FINGERPRINT_HEADER_KEY, RECAPTCHA_HEADER_KEY, } from '../../constants/index.js';
+import { FINGERPRINT_HEADER_KEY, RECAPTCHA_HEADER_KEY } from '../../constants/index.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSignInMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
@@ -10,7 +11,7 @@ import { signIn } from '../services/signIn.js';
 export const useSignInMutation = (options) => {
     const queryClient = getQueryClient();
     const recaptcha = useReCaptcha();
-    const { fingerprint, versionSession, ...config } = options ?? {};
+    const { versionSession, ...config } = options ?? {};
     return useMutation({
         ...config,
         mutationKey: getSignInMutationKey(),
@@ -19,9 +20,7 @@ export const useSignInMutation = (options) => {
             const token = recaptcha.reCaptchaKey
                 ? await recaptcha.executeRecaptcha('submit')
                 : null;
-            const fingerprintValue = versionSession === 'Inplay' && input.type === 'NAME_AND_PASSWORD'
-                ? await Promise.resolve(fingerprint?.()).catch(() => null)
-                : null;
+            const fingerprint = versionSession === 'Inplay' ? await getFingerprint() : null;
             const authenticator = await signIn(input, {
                 headers: {
                     ...(token && {
@@ -30,8 +29,8 @@ export const useSignInMutation = (options) => {
                     ...(session.domain && {
                         Domain: session.domain,
                     }),
-                    ...(fingerprintValue && {
-                        [FINGERPRINT_HEADER_KEY]: fingerprintValue,
+                    ...(fingerprint && {
+                        [FINGERPRINT_HEADER_KEY]: fingerprint,
                     }),
                     ...(Capacitor.getPlatform() === 'android'
                         ? { Channel: 'ANDROID' }
@@ -47,3 +46,26 @@ export const useSignInMutation = (options) => {
         },
     });
 };
+let thumbmark_instance;
+async function getFingerprint() {
+    if (typeof window === 'undefined')
+        return null;
+    if (!thumbmark_instance) {
+        thumbmark_instance = new Thumbmark({
+            logging: false,
+            timeout: 30000,
+            cache_lifetime_in_ms: 1 * 60 * 60 * 1000 /* 1h */,
+        });
+    }
+    try {
+        const cached = sessionStorage.getItem('fingerprint');
+        if (cached)
+            return cached;
+        const result = await thumbmark_instance.get();
+        sessionStorage.setItem('fingerprint', result.thumbmark);
+        return result.thumbmark;
+    }
+    catch {
+        return null;
+    }
+}

package/dist/components/SignIn/CrazyWin/NameAndPasswordSignIn.js

@@ -45,7 +45,6 @@ export function NameAndPasswordSignIn() {
         disclaimer: ctx.disclaimer,
     })));
     const signInMutation = useSignInMutation({
-        fingerprint: signInProps.fingerprint,
         versionSession: signInProps.versionSession,
         onSuccess: async (authenticator) => {
             if (authenticator) {

package/dist/components/SignIn/HappyBingo/NameAndPasswordSignIn.js

@@ -42,7 +42,6 @@ export function NameAndPasswordSignIn() {
         disclaimer: ctx.disclaimer,
     })));
     const signInMutation = useSignInMutation({
-        fingerprint: signInProps.fingerprint,
         versionSession: signInProps.versionSession,
         onSuccess: async (authenticator) => {
             if (authenticator) {

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -55,7 +55,6 @@ export function NameAndPasswordSignIn() {
     })));
     const [formType, setFormType] = useState('NAME_AND_PASSWORD');
     const signInMutation = useSignInMutation({
-        fingerprint: signInProps.fingerprint,
         versionSession: signInProps.versionSession,
         onSuccess: async (authenticator) => {
             if (authenticator) {

package/dist/components/UpdateMobilePhoneNumber/UpdateMobilePhoneNumber.js

@@ -33,11 +33,10 @@ export function UpdateMobilePhoneNumber() {
     const account = accountQuery.data;
     const isAccountLoading = accountQuery.isLoading;
     const isMobileNumberVerified = account?.mobileNumberVerified === true;
-    const hasNoMobileNumber = account?.mobileNumber == null;
     const hasExecuted = useRef(false);
     useEffect(() => {
         if (!isAccountLoading && !!account && !hasExecuted.current) {
-            if (!isMobileNumberVerified && hasNoMobileNumber) {
+            if (!isMobileNumberVerified) {
                 globalStore.updateMobilePhoneNumber.setOpen(true);
             }
             else {
@@ -49,7 +48,6 @@ export function UpdateMobilePhoneNumber() {
         isAccountLoading,
         account,
         isMobileNumberVerified,
-        hasNoMobileNumber,
         globalStore.updateMobilePhoneNumber,
     ]);
     const [step, setStep] = useState(1);

package/dist/services/auth.js

@@ -8,7 +8,9 @@ const SESSION_ENDPOINTS = {
 export async function createSession(input, options, versionSession = 'default') {
     const headers = new Headers();
     if (input.type === 'NAME_AND_PASSWORD') {
-        const password = await sha256(input.password);
+        const password = versionSession === 'Inplay'
+            ? input.password
+            : await sha256(input.password);
         headers.set('Authorization', `Basic ${Buffer.from(`${input.name}:${password}`).toString('base64')}`);
     }
     if (input.type === 'MOBILE_NUMBER') {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.1127",
+	"version": "0.0.1129",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",
@@ -98,6 +98,7 @@
 		"@sumsub/websdk": "^2.3.18",
 		"@sumsub/websdk-react": "^2.3.18",
 		"@tailwindcss/typography": "^0.5.16",
+		"@thumbmarkjs/thumbmarkjs": "^1.7.4",
 		"capacitor-native-biometric": "^4.2.2",
 		"capacitor-plugin-safe-area": "^4.0.0",
 		"date-fns": "^4.1.0",