import { GenericFormProps } from '@energyweb/origin-ui-core' ; import { UnpackNestedValue } from 'react-hook-form' ; import { useTranslation } from 'react-i18next' ; import * as Yup from 'yup' ; export type TUserLoginFormValues = { username : string ; password : string ; } ; export const INITIAL_FORM_VALUES = { username : '' , password : '' , } ; export const useUserLogInFormConfig = ( formSubmitHandler ) : GenericFormProps < TUserLoginFormValues > => { const { t } = useTranslation ( ) ; return { buttonFullWidth : true , buttonText : t ( 'user.login.loginButton' ) , fields : [ { label : t ( 'user.login.email' ) , name : 'username' , required : true , inputProps : { [ 'data-cy' ] : 'email' , } , } , { label : t ( 'user.login.password' ) , type : 'password' , name : 'password' , required : true , inputProps : { [ 'data-cy' ] : 'password' , } , } , ] , buttonProps : { [ 'data-cy' ] : 'login-button' } , buttonWrapperProps : { justifyContent : 'flex-start' } , initialValues : INITIAL_FORM_VALUES , submitHandler : formSubmitHandler , validationMode : 'onTouched' , inputsVariant : 'filled' , validationSchema : Yup . object ( ) . shape ( { } ) , } ; } ;