native-pytech 1.0.1

package/dist/libs/footer/src/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare const _default: import("react").MemoExoticComponent<({ text, onPress, onSubmit, backgroundColorPage, enabled, themeColor }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/Button/index.ios.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare const _default: import("react").MemoExoticComponent<({ text, onPress, onSubmit, backgroundColorPage, enabled, themeColor }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/Button/index.ios.js

@@ -0,0 +1,52 @@
+import colors from '../constants';
+import { GlassView } from 'expo-glass-effect';
+import { useApp } from "../../../../libs/providers/App";
+import { memo, useCallback, useMemo, useState } from 'react';
+import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
+import { adjustLightness } from '../../../../libs/constants/utils';
+import Text from './Text';
+export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const [isLoading, setIsLoading] = useState(false);
+    const _onPress = useCallback(async () => {
+        if (isLoading)
+            return;
+        if (onPress) {
+            setIsLoading(true);
+            const result = await onPress();
+            setIsLoading(false);
+            if (!result)
+                return;
+        }
+        onSubmit?.();
+    }, [onPress, onSubmit]);
+    const backgroundColor = useCallback((pressed) => {
+        return enabled ?
+            (themeColor === 'default' ? adjustLightness(colors.especiales.azul, -10) : undefined)
+            : Theme.colorButtonFooterDisabled;
+    }, [enabled, themeColor]);
+    const color = useMemo(() => themeColor === 'default' ? colors.especiales.celeste : Theme.text2, [themeColor]);
+    return (<Pressable disabled={!enabled} onPress={_onPress} style={{ width: '100%' }}>
+            <GlassView glassEffectStyle={themeColor === 'default' ? "clear" : "regular"} isInteractive={enabled} style={[
+            styles.button,
+            { backgroundColor: backgroundColor(true) }
+        ]}>
+                {!isLoading ? (<Text text={text} enabled={enabled} themeColor={themeColor}/>) : (<ActivityIndicator size='small' style={{ margin: 'auto' }} color={color}/>)}
+            </GlassView>
+        </Pressable>);
+});
+const styles = StyleSheet.create({
+    button: {
+        borderRadius: 99,
+        paddingHorizontal: 20,
+        paddingVertical: 15.5,
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+    },
+    text: {
+        fontSize: 17,
+        fontWeight: '600',
+    }
+});

package/dist/libs/footer/src/Button/index.js

@@ -0,0 +1,55 @@
+import colors from '../constants';
+import { useApp } from "../../../../libs/providers/App";
+import { memo, useCallback, useMemo, useState } from 'react';
+import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
+import { adjustLightness } from '../../../../libs/constants/utils';
+import Text from './Text';
+export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const [isLoading, setIsLoading] = useState(false);
+    const backgroundColor = useCallback((pressed) => {
+        return enabled ? (pressed ?
+            themeColor === 'default' ?
+                colors.especiales.azul_pressed :
+                colorScheme === 'dark' ? adjustLightness(backgroundColorPage, 10) : backgroundColorPage
+            : themeColor === 'default' ?
+                adjustLightness(colors.especiales.azul, -10) :
+                colorScheme === 'dark' ? backgroundColorPage : adjustLightness(backgroundColorPage, -1))
+            : Theme.colorButtonFooterDisabled;
+    }, [enabled, themeColor, backgroundColorPage, colorScheme]);
+    const _onPress = useCallback(async () => {
+        if (isLoading)
+            return;
+        if (onPress) {
+            setIsLoading(true);
+            const result = await onPress();
+            setIsLoading(false);
+            if (!result)
+                return;
+        }
+        onSubmit?.();
+    }, [onPress, onSubmit]);
+    const color = useMemo(() => themeColor === 'default' ? colors.especiales.celeste : Theme.text2, [themeColor]);
+    return (<Pressable disabled={!enabled} onPress={_onPress} style={({ pressed }) => [
+            styles.button,
+            {
+                backgroundColor: backgroundColor(pressed),
+                borderColor: backgroundColor(true)
+            }
+        ]}>
+            {!isLoading ? (<Text text={text} enabled={enabled} themeColor={themeColor}/>) : (<ActivityIndicator size='small' style={{ margin: 'auto' }} color={color}/>)}
+        </Pressable>);
+});
+const styles = StyleSheet.create({
+    button: {
+        borderRadius: 99,
+        paddingHorizontal: 20,
+        paddingVertical: 15.5,
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        borderWidth: 1,
+        boxShadow: '0 0 40px 0 rgba(0, 0, 0, 0.1)',
+    }
+});

package/dist/libs/footer/src/Button/types.d.ts

@@ -0,0 +1,20 @@
+export type TextProps = {
+    text: string;
+    enabled: boolean;
+    themeColor?: 'default' | 'special';
+};
+export type Props = {
+    /**
+        Función que se ejecuta cuando se presiona el botón.
+        Devuelve true/false si se debe continuar con la acción.
+    */
+    onPress?: () => boolean | Promise<boolean>;
+    /**
+        Función que se ejecuta cuando hubo onPress exitoso.
+    */
+    onSubmit?: () => void;
+    /**
+        Color de fondo de la página.
+    */
+    backgroundColorPage: string;
+} & TextProps;

package/dist/libs/footer/src/Button/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/footer/src/constants.d.ts

@@ -0,0 +1,20 @@
+declare const colors: {
+    theme: {
+        light: {
+            text2: string;
+            colorButtonFooterDisabled: string;
+            colorTextButtonFooterDisabled: string;
+        };
+        dark: {
+            text2: string;
+            colorButtonFooterDisabled: string;
+            colorTextButtonFooterDisabled: string;
+        };
+    };
+    especiales: {
+        azul: string;
+        celeste: string;
+        azul_pressed: string;
+    };
+};
+export default colors;

package/dist/libs/footer/src/constants.js

@@ -0,0 +1,21 @@
+import colorsLib from "../../../libs/constants/colors";
+const colors = {
+    theme: {
+        light: {
+            text2: colorsLib.light.text2Libretas,
+            colorButtonFooterDisabled: 'hsl(0, 0%, 80%)',
+            colorTextButtonFooterDisabled: 'hsl(240, 1%, 62%)',
+        },
+        dark: {
+            text2: colorsLib.dark.text2Libretas,
+            colorButtonFooterDisabled: 'hsl(240, 2%, 26%)',
+            colorTextButtonFooterDisabled: 'hsl(240, 1%, 50%)',
+        }
+    },
+    especiales: {
+        azul: colorsLib.especiales.azul,
+        celeste: colorsLib.especiales.celeste,
+        azul_pressed: colorsLib.especiales.azul_pressed
+    }
+};
+export default colors;

package/dist/libs/footer/src/index.d.ts

@@ -0,0 +1,3 @@
+import { Component } from './types';
+declare const Footer: Component;
+export default Footer;

package/dist/libs/footer/src/index.js

@@ -0,0 +1,40 @@
+import { View, StyleSheet } from 'react-native';
+import MaskedView from '@react-native-masked-view/masked-view';
+import { BlurView } from 'expo-blur';
+import { LinearGradient } from 'expo-linear-gradient';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { memo } from 'react';
+import Background from './Background';
+import Button from './Button';
+const Footer = memo(({ children, backgroundColorPage }) => {
+    const insets = useSafeAreaInsets();
+    return (<View style={styles.footer}>
+            <MaskedView style={[StyleSheet.absoluteFillObject]} maskElement={<LinearGradient colors={['transparent', 'transparent', 'rgba(0, 0, 0, 0.8)', 'black', 'black']} locations={[0, 0.05, 0.2, 0.5, 1]} style={StyleSheet.absoluteFillObject}/>}>
+                <BlurView intensity={6} tint='dark' style={StyleSheet.absoluteFillObject}/>
+            </MaskedView>
+
+            <Background backgroundColorPage={backgroundColorPage}/>
+
+            <View style={[styles.view, { paddingBottom: insets.bottom + 5 }]}>
+                {children}
+            </View>
+
+        </View>);
+});
+Footer.Button = Button;
+export default Footer;
+const styles = StyleSheet.create({
+    footer: {
+        position: 'absolute',
+        bottom: 0,
+        width: '100%',
+    },
+    view: {
+        position: 'relative',
+        paddingHorizontal: 17 * 2,
+        paddingTop: 70,
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: 10,
+    }
+});

package/dist/libs/footer/src/types.d.ts

@@ -0,0 +1,9 @@
+import Button from './Button';
+type Props = {
+    children: React.ReactNode;
+    backgroundColorPage: string;
+};
+export type Component = React.MemoExoticComponent<React.FC<Props>> & {
+    Button: typeof Button;
+};
+export default Props;

package/dist/libs/footer/src/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/login/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Screen } from './src/Screen';
+import * as Pages from './src/Pages';
+export default Pages;

package/dist/libs/login/index.js

@@ -0,0 +1,3 @@
+export { default as Screen } from './src/Screen';
+import * as Pages from './src/Pages';
+export default Pages;

package/dist/libs/login/src/Pages/Home/index.d.ts

@@ -0,0 +1,3 @@
+import Props from './types';
+declare const _default: import("react").MemoExoticComponent<({ title, subtitle, iconPage, textCreateAccount, enableCreateAccount, }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Pages/Home/index.js

@@ -0,0 +1,20 @@
+import { useRouter } from 'expo-router';
+import { memo, useEffect } from 'react';
+import supabase from '../../../../../libs/supabase';
+import Screen from '../../Screen';
+import { handleSubmitLogIn } from '../utils';
+import Link from '../../../../../libs/components/Link';
+export default memo(({ title = 'MiApp', subtitle = 'Inicia sesión con un correo electrónico o nombre de usuario para usar la aplicación.', iconPage = <Screen.SvgPytech />, textCreateAccount, enableCreateAccount = false, }) => {
+    const router = useRouter();
+    useEffect(() => {
+        (async () => {
+            const { error } = await supabase.logIn();
+            if (!error)
+                console.log('LogIn exitoso');
+        })();
+    }, []);
+    return (<Screen iconPage={iconPage} title={title} subtitle={subtitle} bottomElements={<>
+                    <Screen.Input placeholder='Correo o nombre de usuario' keyboardType='email-address' autoComplete='email' handleSubmit={async ({ value }) => await handleSubmitLogIn({ username: value, router })}/>
+                    {enableCreateAccount && (<Link text={textCreateAccount || `Crear tu cuenta de ${title}`} onPress={({ router }) => router.push({ pathname: '/login/inicio/signIn' })}/>)}
+                </>}/>);
+});

package/dist/libs/login/src/Pages/Home/types.d.ts

@@ -0,0 +1,19 @@
+import { type Props as ScreenProps } from "../../Screen";
+type Props = Omit<ScreenProps, 'inputElement' | 'subtitle'> & {
+    /**
+        Texto que aparece como subtítulo en la página.
+        @default "Inicia sesión con un correo electrónico o nombre de usuario para usar la aplicación."
+    */
+    subtitle?: string;
+    /**
+        Texto que aparece como enlace para crear una cuenta.
+        @default "Crear tu cuenta de ${title}"
+    */
+    textCreateAccount?: string;
+    /**
+        Indica si se debe mostrar el botón para crear una cuenta.
+        @default false
+    */
+    enableCreateAccount?: boolean;
+};
+export default Props;

package/dist/libs/login/src/Pages/Home/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/login/src/Pages/Perfil.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("react").MemoExoticComponent<({ routeOnSuccess, onSuccess }: {
+    routeOnSuccess?: string;
+    onSuccess?: () => Promise<void>;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Pages/Perfil.js

@@ -0,0 +1,19 @@
+import { useLocalSearchParams, useRouter } from 'expo-router';
+import { Platform } from 'react-native';
+import { memo } from 'react';
+import Screen from '../Screen';
+import { getAbbreviatedName, handleSubmitLogInPerfil } from './utils';
+export default memo(({ routeOnSuccess, onSuccess }) => {
+    const { user_id, mail, first_name, second_name, last_name, color } = useLocalSearchParams();
+    const router = useRouter();
+    const handleSubmit = async ({ value }) => {
+        const { succeded, message } = await handleSubmitLogInPerfil({ mail, password: value });
+        if (succeded) {
+            await onSuccess?.();
+            if (routeOnSuccess)
+                router.replace(routeOnSuccess);
+        }
+        return { succeded, message };
+    };
+    return (<Screen iconPage={<Screen.Gradient text={getAbbreviatedName({ first_name, last_name, mail })} color={color}/>} title={`¡Hola${first_name ? ` ${first_name}` : ''}!`} bottomElements={<Screen.Input placeholder='Contraseña' keyboardType='default' secureTextEntry={true} autoComplete='password' handleSubmit={handleSubmit} autoFocus={Platform.OS === 'web'}/>}/>);
+});

package/dist/libs/login/src/Pages/SignIn/Form/Input.d.ts

@@ -0,0 +1,9 @@
+import { Observable } from "@legendapp/state";
+import Screen from "../../../Screen";
+import { Store } from "../types";
+type Props = {
+    store: Observable<Store>;
+    fieldName: keyof Store['fields'];
+} & Omit<React.ComponentProps<typeof Screen.Input>, 'onFocus' | 'onChangeText' | 'messageError'>;
+declare const _default: import("react").MemoExoticComponent<({ store, fieldName, ...props }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Pages/SignIn/Form/Input.js

@@ -0,0 +1,10 @@
+import { useValue } from "@legendapp/state/react";
+import { memo, useRef } from "react";
+import Screen from "../../../Screen";
+export default memo(({ store, fieldName, ...props }) => {
+    const textRef = useRef(null);
+    const onChangeText = (text) => textRef.current = text;
+    const onBlur = () => store.fields[fieldName].value.set(textRef.current || '');
+    const messageError = useValue(() => store.fields[fieldName].error.get());
+    return (<Screen.Input {...props} onChangeText={onChangeText} onBlur={onBlur} messageError={messageError} styleMessageError={{ textAlign: 'left' }}/>);
+});

package/dist/libs/login/src/Pages/SignIn/Form/index.d.ts

@@ -0,0 +1,6 @@
+import { Observable } from "@legendapp/state";
+import { Store } from "../types";
+declare const _default: import("react").MemoExoticComponent<({ store }: {
+    store: Observable<Store>;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Pages/SignIn/Form/index.js

@@ -0,0 +1,34 @@
+import { memo } from "react";
+import { Platform, StyleSheet, View } from "react-native";
+import { useApp } from "../../../../../../libs/providers/App";
+import colors from "../../../constants";
+import Input from "./Input";
+export default memo(({ store }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    return (<>
+            <View style={styles.view}>
+                <Input store={store} fieldName="name" placeholder='Nombre' autoComplete='given-name' autoFocus={Platform.OS === 'web'} buttonSend={false} autoCapitalize='words'/>
+                <Input store={store} fieldName="lastName" placeholder='Apellidos' autoComplete='family-name' autoFocus={Platform.OS === 'web'} buttonSend={false} autoCapitalize='words'/>
+            </View>
+
+            <View style={[styles.hr, { backgroundColor: Theme.borderColor5 }]}/>
+
+            <View style={styles.view}>
+                <Input store={store} fieldName="email" placeholder='nombre@example.com' autoComplete='email' autoFocus={Platform.OS === 'web'} buttonSend={false}/>
+                <Input store={store} fieldName="newPassword" placeholder='Contraseña' autoComplete='new-password' autoFocus={Platform.OS === 'web'} buttonSend={false} secureTextEntry={true}/>
+                <Input store={store} fieldName="confirmPassword" placeholder='Contraseña' autoComplete='new-password' autoFocus={Platform.OS === 'web'} buttonSend={false} secureTextEntry={true}/>
+            </View>
+        </>);
+});
+const styles = StyleSheet.create({
+    view: {
+        flex: 1,
+        gap: 15,
+        display: 'flex',
+    },
+    hr: {
+        height: 1,
+        opacity: 0.6,
+    }
+});

package/dist/libs/login/src/Pages/SignIn/index.d.ts

@@ -0,0 +1,3 @@
+import Props from './types';
+declare const _default: import("react").MemoExoticComponent<({ title, subtitle, iconPage }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Pages/SignIn/index.js

@@ -0,0 +1,149 @@
+import { Ionicons } from '@expo/vector-icons';
+import { useObservable, useValue } from '@legendapp/state/react';
+import { memo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useRouter } from 'expo-router';
+import Link from '../../../../../libs/components/Link';
+import Footer from '../../../../../libs/footer';
+import Page from '../../../../../libs/page';
+import { useApp } from "../../../../../libs/providers/App";
+import supabase from "../../../../../libs/supabase";
+import colors from '../../constants';
+import Screen from '../../Screen';
+import Form from './Form';
+export default memo(({ title = 'Apple', subtitle, iconPage = <Screen.SvgLogoPytech size={40}/> }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const router = useRouter();
+    const store = useObservable({
+        fields: {
+            name: {
+                value: null,
+                error: (() => {
+                    const value = store.fields.name.value.get();
+                    if (value === '')
+                        return 'Ingresa tu nombre.';
+                    return null;
+                }),
+            },
+            lastName: {
+                value: null,
+                error: (() => {
+                    const value = store.fields.lastName.value.get();
+                    if (value === '')
+                        return 'Ingresa tus apellidos.';
+                    return null;
+                }),
+            },
+            email: {
+                value: null,
+                error: (() => {
+                    const value = store.fields.email.value.get();
+                    if (value === null)
+                        return null;
+                    const message = 'Ingresa una dirección válida para usarla como tu correo electrónico principal.';
+                    if (value === '')
+                        return message;
+                    if (!value.includes('@'))
+                        return message;
+                    if (!value.includes('.'))
+                        return message;
+                    return null;
+                }),
+            },
+            newPassword: {
+                value: null,
+                error: (() => {
+                    const value = store.fields.newPassword.value.get();
+                    if (value === null)
+                        return null;
+                    if (value.length < 8)
+                        return 'La contraseña debe tener al menos 8 caracteres';
+                    return null;
+                }),
+            },
+            confirmPassword: {
+                value: null,
+                error: (() => {
+                    const newPassword = store.fields.newPassword.value.get() || '';
+                    const confirmPassword = store.fields.confirmPassword.value.get();
+                    if (confirmPassword !== newPassword && confirmPassword !== null)
+                        return 'Las contraseñas que ingresaste no coinciden';
+                    return null;
+                }),
+            },
+        },
+        createAccountEnabled: () => {
+            const fields = store.fields.get();
+            const hasErrors = Object.values(fields).some(field => typeof field.error === 'string');
+            const hasValues = Object.values(fields).every(field => field.value !== null);
+            return !hasErrors && hasValues;
+        }
+    });
+    const createAccountEnabled = useValue(() => store.createAccountEnabled.get());
+    const _subtitle = subtitle || `Solo necesitas una cuenta de ${title} para acceder a todos los servicios de ${title}.\n¿Ya tienes una cuenta de ${title}?`;
+    const onPress = async ({ name, lastName, email, password }) => {
+        const { data, error } = await supabase.signUp({ email, password });
+        console.log('data', data);
+        console.log('error', error);
+        return !error;
+    };
+    const onSubmit = () => router.replace('/login/inicio');
+    return (<>
+            <Page style={{ paddingHorizontal: 40, marginTop: 34, paddingBottom: 200 }}>
+                <View style={styles.viewTitle}>
+
+                    {iconPage}
+
+                    <Text style={[styles.title, { color: Theme.text }]} adjustsFontSizeToFit numberOfLines={1} minimumFontScale={0.5}>
+                        {`Crear tu cuenta de ${title}`}
+                    </Text>
+
+                    <View style={{ alignItems: 'center', justifyContent: 'center', gap: 1 }}>
+                        <Text style={[styles.subtitle, { color: Theme.text }]}>{_subtitle}</Text>
+                        <Link text='Inicia sesión' onPress={({ router }) => router.replace('/login/inicio')} renderItems={({ pressed }) => <Ionicons name="arrow-forward-outline" size={15} color='hsl(207, 100%, 50%)' style={{ transform: [{ rotate: '315deg' }] }}/>} style={{ fontSize: 17 }}/>
+                    </View>
+                </View>
+
+                <View style={styles.container}>
+                    <Form store={store}/>
+                </View>
+            </Page>
+
+            <Footer backgroundColorPage={Theme.backgroundColorModal2}>
+                <Footer.Button text='Crear cuenta' enabled={createAccountEnabled} backgroundColorPage={Theme.backgroundColorModal2} onPress={async () => {
+            const fields = store.fields.peek();
+            return await onPress({
+                name: fields.name.value || '',
+                lastName: fields.lastName.value || '',
+                email: fields.email.value || '',
+                password: fields.newPassword.value || ''
+            });
+        }} onSubmit={onSubmit}/>
+            </Footer>
+        </>);
+});
+const styles = StyleSheet.create({
+    viewTitle: {
+        gap: 13,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 22,
+    },
+    title: {
+        fontSize: 27.5,
+        fontWeight: '600',
+        textAlign: 'center',
+    },
+    subtitle: {
+        fontSize: 17,
+        textAlign: 'center',
+        lineHeight: 24,
+    },
+    container: {
+        flex: 1,
+        gap: 32,
+        display: 'flex',
+    },
+});

package/dist/libs/login/src/Pages/SignIn/types.d.ts

@@ -0,0 +1,31 @@
+type Props = {
+    title: string;
+    subtitle?: string;
+    iconPage?: React.ReactNode;
+};
+export type Store = {
+    fields: {
+        name: {
+            value: string | null;
+            error: string | null;
+        };
+        lastName: {
+            value: string | null;
+            error: string | null;
+        };
+        email: {
+            value: string | null;
+            error: string | null;
+        };
+        newPassword: {
+            value: string | null;
+            error: string | null;
+        };
+        confirmPassword: {
+            value: string | null;
+            error: string | null;
+        };
+    };
+    createAccountEnabled: boolean;
+};
+export default Props;

package/dist/libs/login/src/Pages/SignIn/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/login/src/Pages/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Home } from './Home';
+export { default as Perfil } from './Perfil';
+export { default as SignIn } from './SignIn';

package/dist/libs/login/src/Pages/index.js

@@ -0,0 +1,3 @@
+export { default as Home } from './Home';
+export { default as Perfil } from './Perfil';
+export { default as SignIn } from './SignIn';

package/dist/libs/login/src/Pages/utils.d.ts

@@ -0,0 +1,20 @@
+import { Router } from 'expo-router';
+export declare const getAbbreviatedName: ({ first_name, last_name, mail }: {
+    first_name?: string;
+    last_name?: string;
+    mail: string;
+}) => string;
+export declare const handleSubmitLogIn: ({ username, router }: {
+    username: string;
+    router: Router;
+}) => Promise<{
+    succeded: boolean;
+    message: string;
+}>;
+export declare const handleSubmitLogInPerfil: ({ mail, password }: {
+    mail: string;
+    password: string;
+}) => Promise<{
+    succeded: boolean;
+    message: string;
+}>;