chore: auth factory

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

@@ -1,6 +1,12 @@
-import { useState, type JSX } from 'react';
+import { useMemo, useState, type JSX } from 'react';
 import { LoginRegisterForm } from './LoginRegiserForm';
-import type { AuthMode, AuthStep, AuthType } from '../../types/authTypes';
+import type {
+  AuthFactory,
+  AuthMode,
+  AuthRedirector,
+  AuthStep,
+  AuthType,
+} from '../../types/authTypes';
 import { OtpVerifyForm } from './OtpVerifyForm';
 import { isNumeric } from '@/utils/regexes/isNumeric';
 import { CompleteSignUp } from './CompleteSignUp';
@@ -14,12 +20,6 @@ import { REFRESH_TOKEN_KEY } from '@/providers/AuthProvider';
 export const AuthenticationSteps = (): JSX.Element => {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
-  const authReturnUrl: string | null = searchParams.get('returnUrl');
-  const authReturnUrlWithRefreshToken =
-    authReturnUrl + `?token=${sessionStorage.getItem(REFRESH_TOKEN_KEY)}`;
-  authReturnUrl + `?token=${sessionStorage.getItem(REFRESH_TOKEN_KEY)}`;
-  const authReturnUrlOrDefault: string =
-    authReturnUrl ?? import.meta.env.VITE_DEFUALT_AUTH_RETURN_URL;
   const [authMode, setAuthMode] = useState<AuthMode>('register');
   const [authType, setAuthType] = useState<AuthType>('phone');
   const [currentStep, setCurrentStep] = useState<AuthStep>('emailOrPhone');
@@ -30,6 +30,33 @@ export const AuthenticationSteps = (): JSX.Element => {
   const [addedPhoneNumberValue, setAddedPhoneNumberValue] =
     useState<string>('');
 
+  const authFactory: AuthFactory = useMemo(() => {
+    const redirectUrl = searchParams.get('redirect_url');
+    const clientId = searchParams.get('client_id');
+
+    if (!clientId) {
+      const defaultFactory: AuthFactory = {
+        clientId: import.meta.env.VITE_IDENTITY_CLIENT_ID,
+        redirectUrl: 'accounts.',
+        accountsApplication
+        setLocalToken: true,
+      };
+
+      return defaultFactory;
+    }
+
+    const resFactory: AuthFactory = {
+      clientId: clientId,
+      redirectUrl: redirectUrl as string,
+      setLocalToken: true,
+      getFullRedirectUrl: function (token: string) {
+        return this.redirectUrl + '?token=' + token;
+      },
+    };
+
+    return resFactory;
+  }, [searchParams]);
+
   const handleLoginRegister = (value: string, userStatus: UserStatus) => {
     setAuthType(isNumeric(value) ? 'phone' : 'email');
 
@@ -53,40 +80,49 @@ export const AuthenticationSteps = (): JSX.Element => {
     }
   };
 
-  const handleUserLoggedIn = (loginResult: LoginResult) => {
+  const handleUserLoggedIn = (
+    loginResult: LoginResult,
+    refreshToken: string,
+  ) => {
     if (loginResult.registeredWithOutPhoneNumber) {
       setCurrentStep('addPhoneNumber');
       return;
     }
 
     if (!loginResult.completedUserInformation) {
-      if (authReturnUrl) {
-        navigate(`/signup?returnUrl=${authReturnUrlWithRefreshToken}`);
+      if (authFactory.redirectUrl) {
+        navigate(
+          `/signup?returnUrl=${authFactory.getFullRedirectUrl(refreshToken)}`,
+        );
       } else {
         navigate(`/signup`);
       }
       return;
     }
 
-    redirectToReturnUrl();
+    redirectToReturnUrl(refreshToken);
   };
 
-  const handlePhoneNumberVerified = () => {
-    if (authReturnUrl) {
-      navigate(`/signup?returnUrl=${authReturnUrlWithRefreshToken}`);
+  const handlePhoneNumberVerified = (refreshToken: string) => {
+    if (authFactory.redirectUrl) {
+      navigate(
+        `/signup?returnUrl=${authFactory.getFullRedirectUrl(refreshToken)}`,
+      );
     } else {
       navigate(`/signup`);
     }
   };
 
-  const redirectToReturnUrl = () => {
-    if (!authReturnUrl) {
+  const redirectToReturnUrl = (refreshToken: string) => {
+    if (!authFactory.redirectUrl) {
       navigate(import.meta.env.VITE_DEFUALT_AUTH_RETURN_URL);
     } else {
       if (authMode === 'register') {
-        navigate(`/account-created?returnUrl=${authReturnUrlWithRefreshToken}`);
+        navigate(
+          `/account-created?returnUrl=${authFactory.getFullRedirectUrl(refreshToken)}`,
+        );
       } else {
-        location.href = authReturnUrlWithRefreshToken;
+        location.href = authFactory.getFullRedirectUrl(refreshToken);
       }
     }
   };