feat: multi client id use added

src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next';
 import { Box, Button, Stack, Typography } from '@mui/material';
 import { Edit2 } from 'iconsax-react';
 import DigitInput from '@/components/DigitsInput';
-import type { AuthMode, AuthType } from '../../types/authTypes';
+import type { AuthFactory, AuthMode, AuthType } from '../../types/authTypes';
 import { useEffect, useState } from 'react';
 import { AuthenticationCard } from '../AuthenticationCard';
 import type { LoginRequest, LoginResult } from '../../types/userTypes';
@@ -14,7 +14,10 @@ import {
 import type { CountryCode } from '@/types/commonTypes';
 import { Icon, useToast } from '@rkheftan/harmony-ui';
 import { useApi } from '@/hooks/useApi';
-import { generateTokenWithOtp } from '../../api/identityAPI';
+import {
+  generateTokenWithOtp,
+  type GenerateTokenResponse,
+} from '../../api/identityAPI';
 import { useAuth } from '@/hooks/useAuth';
 
 interface OtpVerifyFormProps {
@@ -23,8 +26,11 @@ interface OtpVerifyFormProps {
   authType: AuthType;
   authMode: AuthMode;
   onEditValue: () => void;
-  onOTPVerified: (loginResult: LoginResult) => void;
-  authReturnUrl: string;
+  onOTPVerified: (
+    loginResult: LoginResult,
+    tokenResponse: GenerateTokenResponse,
+  ) => void;
+  authFactory: AuthFactory;
 }
 
 export function OtpVerifyForm({
@@ -34,7 +40,7 @@ export function OtpVerifyForm({
   authMode,
   onEditValue,
   onOTPVerified,
-  authReturnUrl,
+  authFactory,
 }: OtpVerifyFormProps) {
   const [otpCode, setOtpCode] = useState<string>('');
   const [otpDigitInvalid, setOtpDigitInvalid] = useState<boolean>(false);
@@ -49,7 +55,6 @@ export function OtpVerifyForm({
     useApi(sendEmailOtp);
   const { loading: loginSignUpLoading, execute: loginSignUpCall } =
     useApi(loginOrSignUpWithOtp);
-  const auth = useAuth();
 
   useEffect(() => {
     let interval: NodeJS.Timeout;
@@ -96,7 +101,7 @@ export function OtpVerifyForm({
       otpCode: otpCode,
       phoneNumber: authType === 'phone' ? countryCode + value : undefined,
       email: authType === 'email' ? value : undefined,
-      returnUrl: authReturnUrl,
+      returnUrl: authFactory.redirectUrl,
     };
     const res = await loginSignUpCall(loginRequest);
 
@@ -111,12 +116,10 @@ export function OtpVerifyForm({
         email: loginRequest.email,
         phonenumber: loginRequest.phoneNumber,
         otp: loginRequest.otpCode,
-      });
-      auth.login({
-        ...tokenRes.data,
+        client_id: authFactory.clientId,
       });
 
-      onOTPVerified(res);
+      onOTPVerified(res, tokenRes.data);
 
       toast({
         message: