@kiosinc/commons-rn 0.1.42 → 0.1.44

package/src/auth/screens/LoginScreen.tsx

@@ -1,172 +0,0 @@
-import {
-  ParentView,
-  Text,
-  View,
-  TextInput,
-  Button,
-  LinkButton,
-  KeyboardAvoidingView,
-  Snackbar,
-  Header,
-} from '../../components';
-import { type NavigationProp, useNavigation } from '@react-navigation/native';
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import AppLogo from '../../assets/icons/appLogo.svg';
-import { Controller, useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { loginValidationSchema } from './validators';
-import auth from '@react-native-firebase/auth';
-import { useMMKVString } from 'react-native-mmkv';
-import { MMKV_KEYS } from '../../constants';
-import FastImage from 'react-native-fast-image';
-import Config from 'react-native-config';
-import { useQueryClient } from '@tanstack/react-query';
-import { StyleSheet } from 'react-native';
-
-type FormData = {
-  email: string;
-  password: string;
-};
-
-export const LoginScreen = () => {
-  const { t } = useTranslation();
-  const navigation = useNavigation<NavigationProp<RootStackType>>();
-  const [isLoading, setIsLoading] = useState(false);
-
-  const [_, setBusinessId] = useMMKVString(MMKV_KEYS.BUSINESS_ID);
-  const queryClient = useQueryClient();
-  useEffect(() => {
-    queryClient.invalidateQueries();
-    setBusinessId(undefined);
-    FastImage.clearMemoryCache();
-    FastImage.clearDiskCache();
-  }, [queryClient, setBusinessId]);
-
-  const {
-    handleSubmit,
-    control,
-    formState: { errors },
-  } = useForm<FormData>({
-    resolver: yupResolver(loginValidationSchema(t)),
-    defaultValues: {
-      email: '',
-      password: '',
-    },
-  });
-
-  const onSubmit = (data: FormData) => {
-    setIsLoading(true);
-    auth()
-      .signInWithEmailAndPassword(data.email, data.password)
-      .catch(() => {
-        Snackbar.show({ title: t('authentication.wrongCredentials') });
-      })
-      .finally(() => {
-        setIsLoading(false);
-      });
-  };
-
-  return (
-    <ParentView px="16">
-      <Header left={10} position={'absolute'} zIndex={'100'} />
-      <View flex={1} justifyContent={'center'}>
-        <KeyboardAvoidingView
-          flex={1}
-          behavior="padding"
-          alignSelf="center"
-          justifyContent={'center'}
-          width={{ phone: '100%', tablet: 372 }}
-        >
-          <View alignItems="center">
-            <AppLogo />
-            <Text style={styles.text} variant="titleLarge">
-              {t('authentication.logIn')}
-            </Text>
-          </View>
-          <Controller
-            control={control}
-            render={({ field: { onChange, onBlur, value } }) => {
-              return (
-                <TextInput
-                  my="5"
-                  keyboardType="email-address"
-                  autoCapitalize="none"
-                  mode="outlined"
-                  autoComplete="email"
-                  error={!!errors.email?.message}
-                  errorMessage={errors.email?.message}
-                  onBlur={onBlur}
-                  onChangeText={onChange}
-                  value={value}
-                  label={t('authentication.email')}
-                />
-              );
-            }}
-            name="email"
-          />
-          <Controller
-            control={control}
-            render={({ field: { onChange, onBlur, value } }) => {
-              return (
-                <TextInput
-                  my="5"
-                  secureTextEntry={true}
-                  mode="outlined"
-                  autoComplete="current-password"
-                  error={!!errors.password?.message}
-                  errorMessage={errors.password?.message}
-                  onBlur={onBlur}
-                  onChangeText={onChange}
-                  value={value}
-                  label={t('authentication.password')}
-                />
-              );
-            }}
-            name="password"
-          />
-          <LinkButton
-            alignSelf="flex-end"
-            mode="text"
-            onPress={() => {
-              navigation.navigate('ResetPassword');
-            }}
-          >
-            {t('authentication.forgotPassword')}
-          </LinkButton>
-          <Button
-            loading={isLoading}
-            style={styles.button}
-            mode="contained"
-            onPress={handleSubmit(onSubmit)}
-          >
-            {t('authentication.logIn')}
-          </Button>
-          {Config.APP_NAME !== 'git' && (
-            <View
-              alignItems="center"
-              justifyContent="center"
-              pt="8"
-              flexDirection="row"
-            >
-              <Text variant="labelLarge">{t('authentication.newToApp')}</Text>
-              <LinkButton
-                mode="text"
-                onPress={() => {
-                  navigation.navigate('SignUp');
-                }}
-              >
-                {t('authentication.signUp')}
-              </LinkButton>
-            </View>
-          )}
-        </KeyboardAvoidingView>
-      </View>
-    </ParentView>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: { marginVertical: '5%' },
-  text: { paddingVertical: '5%' },
-});