Move SignIn & SignUp inside auth

brionmario · brionmario · commit 17f0a42b0395 · 2025-12-16T14:54:20.000+05:30
diff --git a/packages/react/src/components/adapters/FormContainer.tsx b/packages/react/src/components/adapters/FormContainer.tsx
@@ -17,7 +17,7 @@
  */
 
 import {FC} from 'react';
-import {createSignUpComponent} from '../presentation/SignUp/v1/SignUpOptionFactory';
+import {createSignUpComponent} from '../presentation/auth/SignUp/v1/SignUpOptionFactory';
 import {AdapterProps} from '../../models/adapters';
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignIn/BaseSignIn.styles.ts b/packages/react/src/components/presentation/auth/SignIn/BaseSignIn.styles.ts
diff --git a/packages/react/src/components/presentation/auth/SignIn/BaseSignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/BaseSignIn.tsx
@@ -20,7 +20,7 @@ import {Platform} from '@asgardeo/browser';
 import {FC} from 'react';
 import BaseSignInV1, {BaseSignInProps as BaseSignInV1Props} from './v1/BaseSignIn';
 import BaseSignInV2, {BaseSignInProps as BaseSignInV2Props} from './v2/BaseSignIn';
-import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
 
 /**
  * Props for the BaseSignIn component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/SignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/SignIn.tsx
@@ -24,7 +24,7 @@ import {
 } from '@asgardeo/browser';
 import {FC, ReactElement} from 'react';
 import SignInV2, {SignInRenderProps} from './v2/SignIn';
-import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
 import BaseSignIn, {BaseSignInProps} from './BaseSignIn';
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
@@ -33,17 +33,17 @@ import {
 import {cx} from '@emotion/css';
 import {FC, FormEvent, useEffect, useState, useCallback, useRef, ReactElement} from 'react';
 import {createSignInOptionFromAuthenticator} from './options/SignInOptionFactory';
-import FlowProvider from '../../../../contexts/Flow/FlowProvider';
-import useFlow from '../../../../contexts/Flow/useFlow';
-import {useForm, FormField} from '../../../../hooks/useForm';
-import useTranslation from '../../../../hooks/useTranslation';
-import useTheme from '../../../../contexts/Theme/useTheme';
-import Alert from '../../../primitives/Alert/Alert';
-import Card, {CardProps} from '../../../primitives/Card/Card';
-import Divider from '../../../primitives/Divider/Divider';
-import Logo from '../../../primitives/Logo/Logo';
-import Spinner from '../../../primitives/Spinner/Spinner';
-import Typography from '../../../primitives/Typography/Typography';
+import FlowProvider from '../../../../../contexts/Flow/FlowProvider';
+import useFlow from '../../../../../contexts/Flow/useFlow';
+import {useForm, FormField} from '../../../../../hooks/useForm';
+import useTranslation from '../../../../../hooks/useTranslation';
+import useTheme from '../../../../../contexts/Theme/useTheme';
+import Alert from '../../../../primitives/Alert/Alert';
+import Card, {CardProps} from '../../../../primitives/Card/Card';
+import Divider from '../../../../primitives/Divider/Divider';
+import Logo from '../../../../primitives/Logo/Logo';
+import Spinner from '../../../../primitives/Spinner/Spinner';
+import Typography from '../../../../primitives/Typography/Typography';
 import useStyles from '../BaseSignIn.styles';
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/EmailOtp.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/EmailOtp.tsx
@@ -18,13 +18,13 @@
 
 import {EmbeddedSignInFlowAuthenticator, EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@asgardeo/browser';
 import {FC, useEffect} from 'react';
-import {createField} from '../../../../factories/FieldFactory';
-import Button from '../../../../primitives/Button/Button';
-import OtpField from '../../../../primitives/OtpField/OtpField';
+import {createField} from '../../../../../factories/FieldFactory';
+import Button from '../../../../../primitives/Button/Button';
+import OtpField from '../../../../../primitives/OtpField/OtpField';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
-import useTranslation from '../../../../../hooks/useTranslation';
-import useFlow from '../../../../../contexts/Flow/useFlow';
-import useTheme from '../../../../../contexts/Theme/useTheme';
+import useTranslation from '../../../../../../hooks/useTranslation';
+import useFlow from '../../../../../../contexts/Flow/useFlow';
+import useTheme from '../../../../../../contexts/Theme/useTheme';
 
 /**
  * Email OTP Sign-In Option Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/IdentifierFirst.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/IdentifierFirst.tsx
@@ -18,12 +18,12 @@
 
 import {EmbeddedSignInFlowAuthenticator, EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@asgardeo/browser';
 import {FC, useEffect} from 'react';
-import {createField} from '../../../../factories/FieldFactory';
-import Button from '../../../../primitives/Button/Button';
+import {createField} from '../../../../../factories/FieldFactory';
+import Button from '../../../../../primitives/Button/Button';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
-import useTranslation from '../../../../../hooks/useTranslation';
-import useFlow from '../../../../../contexts/Flow/useFlow';
-import useTheme from '../../../../../contexts/Theme/useTheme';
+import useTranslation from '../../../../../../hooks/useTranslation';
+import useFlow from '../../../../../../contexts/Flow/useFlow';
+import useTheme from '../../../../../../contexts/Theme/useTheme';
 
 /**
  * Identifier First Sign-In Option Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/MultiOptionButton.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/MultiOptionButton.tsx
@@ -17,10 +17,10 @@
  */
 
 import {FC, JSX, ReactElement} from 'react';
-import Button from '../../../../primitives/Button/Button';
+import Button from '../../../../../primitives/Button/Button';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
 import {ApplicationNativeAuthenticationConstants, EmbeddedSignInFlowAuthenticatorKnownIdPType} from '@asgardeo/browser';
-import useTranslation from '../../../../../hooks/useTranslation';
+import useTranslation from '../../../../../../hooks/useTranslation';
 
 /**
  * Multi Option Button Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.tsx
@@ -25,12 +25,12 @@ import {
 import {ReactElement} from 'react';
 import UsernamePassword from './UsernamePassword';
 import IdentifierFirst from './IdentifierFirst';
-import GoogleButton from '../../../../adapters/GoogleButton';
-import GitHubButton from '../../../../adapters/GitHubButton';
-import MicrosoftButton from '../../../../adapters/MicrosoftButton';
-import FacebookButton from '../../../../adapters/FacebookButton';
-import LinkedInButton from '../../../../adapters/LinkedInButton';
-import SignInWithEthereumButton from '../../../../adapters/SignInWithEthereumButton';
+import GoogleButton from '../../../../../adapters/GoogleButton';
+import GitHubButton from '../../../../../adapters/GitHubButton';
+import MicrosoftButton from '../../../../../adapters/MicrosoftButton';
+import FacebookButton from '../../../../../adapters/FacebookButton';
+import LinkedInButton from '../../../../../adapters/LinkedInButton';
+import SignInWithEthereumButton from '../../../../../adapters/SignInWithEthereumButton';
 import EmailOtp from './EmailOtp';
 import Totp from './Totp';
 import SmsOtp from './SmsOtp';
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/SmsOtp.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/SmsOtp.tsx
@@ -18,13 +18,13 @@
 
 import {EmbeddedSignInFlowAuthenticator, EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@asgardeo/browser';
 import {FC, useEffect} from 'react';
-import {createField} from '../../../../factories/FieldFactory';
-import Button from '../../../../primitives/Button/Button';
-import OtpField from '../../../../primitives/OtpField/OtpField';
+import {createField} from '../../../../../factories/FieldFactory';
+import Button from '../../../../../primitives/Button/Button';
+import OtpField from '../../../../../primitives/OtpField/OtpField';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
-import useTranslation from '../../../../../hooks/useTranslation';
-import useFlow from '../../../../../contexts/Flow/useFlow';
-import useTheme from '../../../../../contexts/Theme/useTheme';
+import useTranslation from '../../../../../../hooks/useTranslation';
+import useFlow from '../../../../../../contexts/Flow/useFlow';
+import useTheme from '../../../../../../contexts/Theme/useTheme';
 
 /**
  * SMS OTP Sign-In Option Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/SocialButton.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/SocialButton.tsx
@@ -17,9 +17,9 @@
  */
 
 import {FC, HTMLAttributes} from 'react';
-import Button from '../../../../primitives/Button/Button';
+import Button from '../../../../../primitives/Button/Button';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
-import useTranslation from '../../../../../hooks/useTranslation';
+import useTranslation from '../../../../../../hooks/useTranslation';
 
 /**
  * Social Login Sign-In Option Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/Totp.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/Totp.tsx
@@ -18,13 +18,13 @@
 
 import {EmbeddedSignInFlowAuthenticator, EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@asgardeo/browser';
 import {FC, useEffect} from 'react';
-import {createField} from '../../../../factories/FieldFactory';
-import Button from '../../../../primitives/Button/Button';
-import OtpField from '../../../../primitives/OtpField/OtpField';
+import {createField} from '../../../../../factories/FieldFactory';
+import Button from '../../../../../primitives/Button/Button';
+import OtpField from '../../../../../primitives/OtpField/OtpField';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
-import useTranslation from '../../../../../hooks/useTranslation';
-import useFlow from '../../../../../contexts/Flow/useFlow';
-import useTheme from '../../../../../contexts/Theme/useTheme';
+import useTranslation from '../../../../../../hooks/useTranslation';
+import useFlow from '../../../../../../contexts/Flow/useFlow';
+import useTheme from '../../../../../../contexts/Theme/useTheme';
 
 /**
  * TOTP Sign-In Option Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/options/UsernamePassword.tsx b/packages/react/src/components/presentation/auth/SignIn/v1/options/UsernamePassword.tsx
@@ -18,12 +18,12 @@
 
 import {EmbeddedSignInFlowAuthenticator, EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@asgardeo/browser';
 import {FC, useEffect} from 'react';
-import {createField} from '../../../../factories/FieldFactory';
-import Button from '../../../../primitives/Button/Button';
+import {createField} from '../../../../../factories/FieldFactory';
+import Button from '../../../../../primitives/Button/Button';
 import {BaseSignInOptionProps} from './SignInOptionFactory';
-import useTranslation from '../../../../../hooks/useTranslation';
-import useFlow from '../../../../../contexts/Flow/useFlow';
-import useTheme from '../../../../../contexts/Theme/useTheme';
+import useTranslation from '../../../../../../hooks/useTranslation';
+import useFlow from '../../../../../../contexts/Flow/useFlow';
+import useTheme from '../../../../../../contexts/Theme/useTheme';
 
 /**
  * Username Password Sign-In Option Component.
diff --git a/packages/react/src/components/presentation/auth/SignIn/v1/types.ts b/packages/react/src/components/presentation/auth/SignIn/v1/types.ts
diff --git a/packages/react/src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
@@ -23,20 +23,20 @@ import {
   EmbeddedSignInFlowRequestV2 as EmbeddedSignInFlowRequest,
   EmbeddedFlowComponentV2 as EmbeddedFlowComponent,
 } from '@asgardeo/browser';
-import useTranslation from '../../../../hooks/useTranslation';
-import Card, {CardProps} from '../../../primitives/Card/Card';
-import Spinner from '../../../primitives/Spinner/Spinner';
-import Alert from '../../../primitives/Alert/Alert';
-import Logo from '../../../primitives/Logo/Logo';
-import Typography from '../../../primitives/Typography/Typography';
-import useTheme from '../../../../contexts/Theme/useTheme';
+import useTranslation from '../../../../../hooks/useTranslation';
+import Card, {CardProps} from '../../../../primitives/Card/Card';
+import Spinner from '../../../../primitives/Spinner/Spinner';
+import Alert from '../../../../primitives/Alert/Alert';
+import Logo from '../../../../primitives/Logo/Logo';
+import Typography from '../../../../primitives/Typography/Typography';
+import useTheme from '../../../../../contexts/Theme/useTheme';
 import useStyles from '../BaseSignIn.styles';
-import useFlow from '../../../../contexts/Flow/useFlow';
-import FlowProvider from '../../../../contexts/Flow/FlowProvider';
-import {FormField, useForm} from '../../../../hooks/useForm';
+import useFlow from '../../../../../contexts/Flow/useFlow';
+import FlowProvider from '../../../../../contexts/Flow/FlowProvider';
+import {FormField, useForm} from '../../../../../hooks/useForm';
 import {renderSignInComponents} from './SignInOptionFactory';
-import {extractErrorMessage} from '../../../../utils/v2/flowTransformer';
-import getAuthComponentHeadings from '../../../../utils/v2/getAuthComponentHeadings';
+import {extractErrorMessage} from '../../../../../utils/v2/flowTransformer';
+import getAuthComponentHeadings from '../../../../../utils/v2/getAuthComponentHeadings';
 
 /**
  * Render props for custom UI rendering
diff --git a/packages/react/src/components/presentation/auth/SignIn/v2/SignIn.tsx b/packages/react/src/components/presentation/auth/SignIn/v2/SignIn.tsx
@@ -18,7 +18,7 @@
 
 import {FC, useState, useEffect, useRef, ReactNode} from 'react';
 import BaseSignIn, {BaseSignInProps} from './BaseSignIn';
-import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
+import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
 import {
   AsgardeoRuntimeError,
   EmbeddedFlowComponentV2 as EmbeddedFlowComponent,
@@ -28,8 +28,8 @@ import {
   EmbeddedSignInFlowStatusV2,
   EmbeddedSignInFlowTypeV2,
 } from '@asgardeo/browser';
-import {normalizeFlowResponse} from '../../../../utils/v2/flowTransformer';
-import useTranslation from '../../../../hooks/useTranslation';
+import {normalizeFlowResponse} from '../../../../../utils/v2/flowTransformer';
+import useTranslation from '../../../../../hooks/useTranslation';
 
 /**
  * Render props function parameters
diff --git a/packages/react/src/components/presentation/auth/SignIn/v2/SignInOptionFactory.tsx b/packages/react/src/components/presentation/auth/SignIn/v2/SignInOptionFactory.tsx
@@ -24,15 +24,15 @@ import {
   EmbeddedFlowComponentTypeV2 as EmbeddedFlowComponentType,
   EmbeddedFlowTextVariantV2 as EmbeddedFlowTextVariant,
 } from '@asgardeo/browser';
-import {createField} from '../../../factories/FieldFactory';
-import Button from '../../../primitives/Button/Button';
-import GoogleButton from '../../../adapters/GoogleButton';
-import GitHubButton from '../../../adapters/GitHubButton';
-import FacebookButton from '../../../adapters/FacebookButton';
-import Typography from '../../../primitives/Typography/Typography';
-import Divider from '../../../primitives/Divider/Divider';
-import SmsOtpButton from '../../../adapters/SmsOtpButton';
-import {TypographyVariant} from '../../../primitives/Typography/Typography.styles';
+import {createField} from '../../../../factories/FieldFactory';
+import Button from '../../../../primitives/Button/Button';
+import GoogleButton from '../../../../adapters/GoogleButton';
+import GitHubButton from '../../../../adapters/GitHubButton';
+import FacebookButton from '../../../../adapters/FacebookButton';
+import Typography from '../../../../primitives/Typography/Typography';
+import Divider from '../../../../primitives/Divider/Divider';
+import SmsOtpButton from '../../../../adapters/SmsOtpButton';
+import {TypographyVariant} from '../../../../primitives/Typography/Typography.styles';
 
 /**
  * Get the appropriate FieldType for an input component.
diff --git a/packages/react/src/components/presentation/auth/SignUp/BaseSignUp.styles.ts b/packages/react/src/components/presentation/auth/SignUp/BaseSignUp.styles.ts
diff --git a/packages/react/src/components/presentation/auth/SignUp/BaseSignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/BaseSignUp.tsx
@@ -20,7 +20,7 @@ import {Platform} from '@asgardeo/browser';
 import {FC} from 'react';
 import BaseSignUpV1, {BaseSignUpProps as BaseSignUpV1Props} from './v1/BaseSignUp';
 import BaseSignUpV2, {BaseSignUpProps as BaseSignUpV2Props} from './v2/BaseSignUp';
-import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
 
 /**
  * Props for the BaseSignUp component.
diff --git a/packages/react/src/components/presentation/auth/SignUp/SignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/SignUp.tsx
@@ -20,7 +20,7 @@ import {Platform} from '@asgardeo/browser';
 import {FC} from 'react';
 import SignUpV1, {SignUpProps as SignUpV1Props} from './v1/SignUp';
 import SignUpV2, {SignUpProps as SignUpV2Props} from './v2/SignUp';
-import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
 
 /**
  * Props for the SignUp component.
diff --git a/packages/react/src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
@@ -27,17 +27,17 @@ import {
 import {cx} from '@emotion/css';
 import {FC, ReactElement, ReactNode, useEffect, useState, useCallback, useRef} from 'react';
 import {renderSignUpComponents} from './SignUpOptionFactory';
-import FlowProvider from '../../../../contexts/Flow/FlowProvider';
-import useFlow from '../../../../contexts/Flow/useFlow';
-import {useForm, FormField} from '../../../../hooks/useForm';
-import useTranslation from '../../../../hooks/useTranslation';
-import useTheme from '../../../../contexts/Theme/useTheme';
-import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
-import Alert from '../../../primitives/Alert/Alert';
-import Card, {CardProps} from '../../../primitives/Card/Card';
-import Logo from '../../../primitives/Logo/Logo';
-import Spinner from '../../../primitives/Spinner/Spinner';
-import Typography from '../../../primitives/Typography/Typography';
+import FlowProvider from '../../../../../contexts/Flow/FlowProvider';
+import useFlow from '../../../../../contexts/Flow/useFlow';
+import {useForm, FormField} from '../../../../../hooks/useForm';
+import useTranslation from '../../../../../hooks/useTranslation';
+import useTheme from '../../../../../contexts/Theme/useTheme';
+import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
+import Alert from '../../../../primitives/Alert/Alert';
+import Card, {CardProps} from '../../../../primitives/Card/Card';
+import Logo from '../../../../primitives/Logo/Logo';
+import Spinner from '../../../../primitives/Spinner/Spinner';
+import Typography from '../../../../primitives/Typography/Typography';
 import useStyles from '../BaseSignUp.styles';
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignUp/v1/SignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/v1/SignUp.tsx
@@ -24,7 +24,7 @@ import {
 } from '@asgardeo/browser';
 import {FC, ReactNode} from 'react';
 import BaseSignUp, {BaseSignUpProps, BaseSignUpRenderProps} from './BaseSignUp';
-import useAsgardeo from '../../../../contexts/Asgardeo/useAsgardeo';
+import useAsgardeo from '../../../../../contexts/Asgardeo/useAsgardeo';
 
 /**
  * Render props function parameters (re-exported from BaseSignUp for convenience)
diff --git a/packages/react/src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx b/packages/react/src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
@@ -18,25 +18,25 @@
 
 import {EmbeddedFlowComponent, EmbeddedFlowComponentType, WithPreferences} from '@asgardeo/browser';
 import {ReactElement} from 'react';
-import CheckboxInput from '../../../adapters/CheckboxInput';
-import DateInput from '../../../adapters/DateInput';
-import DividerComponent from '../../../adapters/DividerComponent';
-import EmailInput from '../../../adapters/EmailInput';
-import FormContainer from '../../../adapters/FormContainer';
-import ImageComponent from '../../../adapters/ImageComponent';
-import NumberInput from '../../../adapters/NumberInput';
-import PasswordInput from '../../../adapters/PasswordInput';
-import ButtonComponent from '../../../adapters/SubmitButton';
-import TelephoneInput from '../../../adapters/TelephoneInput';
-import TextInput from '../../../adapters/TextInput';
-import SelectInput from '../../../adapters/SelectInput';
-import Typography from '../../../adapters/Typography';
-import GoogleButton from '../../../adapters/GoogleButton';
-import GitHubButton from '../../../adapters/GitHubButton';
-import MicrosoftButton from '../../../adapters/MicrosoftButton';
-import LinkedInButton from '../../../adapters/LinkedInButton';
-import FacebookButton from '../../../adapters/FacebookButton';
-import SignInWithEthereumButton from '../../../adapters/SignInWithEthereumButton';
+import CheckboxInput from '../../../../adapters/CheckboxInput';
+import DateInput from '../../../../adapters/DateInput';
+import DividerComponent from '../../../../adapters/DividerComponent';
+import EmailInput from '../../../../adapters/EmailInput';
+import FormContainer from '../../../../adapters/FormContainer';
+import ImageComponent from '../../../../adapters/ImageComponent';
+import NumberInput from '../../../../adapters/NumberInput';
+import PasswordInput from '../../../../adapters/PasswordInput';
+import ButtonComponent from '../../../../adapters/SubmitButton';
+import TelephoneInput from '../../../../adapters/TelephoneInput';
+import TextInput from '../../../../adapters/TextInput';
+import SelectInput from '../../../../adapters/SelectInput';
+import Typography from '../../../../adapters/Typography';
+import GoogleButton from '../../../../adapters/GoogleButton';
+import GitHubButton from '../../../../adapters/GitHubButton';
+import MicrosoftButton from '../../../../adapters/MicrosoftButton';
+import LinkedInButton from '../../../../adapters/LinkedInButton';
+import FacebookButton from '../../../../adapters/FacebookButton';
+import SignInWithEthereumButton from '../../../../adapters/SignInWithEthereumButton';
 import {AdapterProps} from 'packages/react/src/models/adapters';
 
 /**
diff --git a/packages/react/src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
diff --git a/packages/react/src/components/presentation/auth/SignUp/v2/SignUp.tsx b/packages/react/src/components/presentation/auth/SignUp/v2/SignUp.tsx
diff --git a/packages/react/src/components/presentation/auth/SignUp/v2/SignUpOptionFactory.tsx b/packages/react/src/components/presentation/auth/SignUp/v2/SignUpOptionFactory.tsx
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
