native-pytech 1.0.129 → 1.0.130

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 { handleSubmitLogInPerfil } from './utils';
+export default memo(({ routeOnSuccess, onSuccess }) => {
+    const { mail, first_name, abbreviation, 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={`${abbreviation}`} 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,22 @@
+import { ImperativeRouter } from 'expo-router';
+import { PerfilColorType } from '../constants';
+export type LoginData = {
+    first_name: string;
+    abbreviation: string;
+    color: PerfilColorType;
+    mail: string;
+};
+export declare const handleSubmitLogIn: ({ username, router }: {
+    username: string;
+    router: ImperativeRouter;
+}) => Promise<{
+    succeded: boolean;
+    message: string;
+}>;
+export declare const handleSubmitLogInPerfil: ({ mail, password }: {
+    mail: string;
+    password: string;
+}) => Promise<{
+    succeded: boolean;
+    message: string;
+}>;

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

@@ -0,0 +1,24 @@
+import supabase from "../../../../libs/supabase";
+export const handleSubmitLogIn = async ({ username, router }) => {
+    const identifier = username.trim();
+    const data = await supabase.execFunction({
+        name: 'login',
+        args: { p_identifier: identifier }
+    });
+    if (!data || data.length === 0)
+        return { succeded: false, message: 'Revisa la información de la cuenta que ingresaste y vuelve a intentarlo.' };
+    // Success
+    router.push({ pathname: '/login/inicio/perfil', params: data[0] });
+    return { succeded: true, message: '' };
+};
+export const handleSubmitLogInPerfil = async ({ mail, password }) => {
+    password = password.trim();
+    const { data, error } = await supabase.logIn({ email: mail, password });
+    if (error) {
+        if (error.message === 'Invalid login credentials') {
+            return { succeded: false, message: 'La contraseña que ingresaste es incorrecta, vuelve a intentarlo.' };
+        }
+        return { succeded: false, message: error.message };
+    }
+    return { succeded: true, message: '' };
+};

package/dist/libs/login/src/Screen/Container.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Screen/Container.ios.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Screen/Container.ios.js

@@ -0,0 +1,20 @@
+import { useApp } from "../../../../libs/providers/App";
+import { memo } from 'react';
+import { ScrollView, StyleSheet, TouchableWithoutFeedback } from 'react-native';
+import colors from '../constants';
+export default memo(({ children }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    return (<TouchableWithoutFeedback>
+            <ScrollView contentContainerStyle={[styles.pagina, { backgroundColor: Theme.backgroundColor }]} automaticallyAdjustKeyboardInsets={true}>
+                {children}
+            </ScrollView>
+        </TouchableWithoutFeedback>);
+});
+const styles = StyleSheet.create({
+    pagina: {
+        flex: 1,
+        display: 'flex',
+        alignItems: 'center',
+    }
+});

package/dist/libs/login/src/Screen/Container.js

@@ -0,0 +1,25 @@
+import { useApp } from "../../../../libs/providers/App";
+import { memo } from 'react';
+import { KeyboardAvoidingView, ScrollView, StyleSheet, TouchableWithoutFeedback, useWindowDimensions, View } from 'react-native';
+import colors from '../constants';
+export default memo(({ children }) => {
+    const { height } = useWindowDimensions();
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    return (<TouchableWithoutFeedback>
+            <KeyboardAvoidingView behavior={'height'} style={{ flex: 1 }}>
+                <ScrollView contentContainerStyle={{ minHeight: height, flexGrow: 1 }} keyboardShouldPersistTaps='handled' showsVerticalScrollIndicator={false}>
+                    <View style={[styles.pagina, { backgroundColor: Theme.backgroundColor }]}>
+                        {children}
+                    </View>
+                </ScrollView>
+            </KeyboardAvoidingView>
+        </TouchableWithoutFeedback>);
+});
+const styles = StyleSheet.create({
+    pagina: {
+        flex: 1,
+        display: 'flex',
+        alignItems: 'center',
+    }
+});

package/dist/libs/login/src/Screen/components/Gradient.d.ts

@@ -0,0 +1,6 @@
+import { PerfilColorType } from '../../constants';
+declare const _default: import("react").MemoExoticComponent<({ text, color }: {
+    text: string;
+    color: PerfilColorType;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Screen/components/Gradient.js

@@ -0,0 +1,23 @@
+import { LinearGradient } from "expo-linear-gradient";
+import { Text, StyleSheet } from "react-native";
+import { memo } from "react";
+import colors from '../../constants';
+export default memo(({ text, color = 'default' }) => (<LinearGradient style={styles.container} colors={[colors.perfil[color].light, colors.perfil[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
+        <Text style={styles.text}>{text}</Text>
+    </LinearGradient>));
+const styles = StyleSheet.create({
+    container: {
+        width: 200,
+        height: 200,
+        borderRadius: 100,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    text: {
+        lineHeight: 200,
+        fontSize: 90,
+        letterSpacing: -2,
+        fontWeight: 'bold',
+        color: 'white',
+    }
+});

package/dist/libs/login/src/Screen/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import Props from './types';
+declare const _default: React.MemoExoticComponent<({ placeholder, buttonSend, handleSubmit, messageError, onFocus, onChangeText, onBlur, styleMessageError, ...props }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/login/src/Screen/components/Input/index.js

@@ -0,0 +1,128 @@
+import React, { memo, useEffect, useRef, useState } from 'react';
+import { ActivityIndicator, Image, Keyboard, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useApp } from "../../../../../../libs/providers/App";
+import colors from '../../../constants';
+const anim = {
+    duration: 400,
+    easing: Easing.bezier(0.2, 0.2, 0, 1)
+};
+export default memo(({ placeholder = '', buttonSend = true, handleSubmit, messageError, onFocus, onChangeText, onBlur, styleMessageError, ...props }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const valueRef = useRef('');
+    const [isFocused, setIsFocused] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [errorMessage, setErrorMessage] = useState(messageError || null);
+    const inputRef = useRef(null);
+    const animShared = useSharedValue(0);
+    // ----------------- Functions-----------------
+    const _onFocus = () => {
+        setIsFocused(true);
+        animShared.value = withTiming(1, { ...anim, duration: 75 });
+        onFocus?.();
+    };
+    const _onBlur = () => {
+        setIsFocused(false);
+        if (!valueRef.current)
+            animShared.value = withTiming(0, { ...anim, duration: 75 });
+        onBlur?.();
+    };
+    const _onChangeText = (text) => {
+        valueRef.current = text.toLowerCase();
+        onChangeText?.(text);
+    };
+    const onClickSubmit = () => {
+        if (!isLoading) {
+            setIsLoading(true);
+            _handleSubmit();
+        }
+    };
+    const _handleSubmit = async () => {
+        const { succeded, message } = await handleSubmit?.({ value: valueRef.current }) || { succeded: true, message: '' };
+        if (!succeded)
+            setErrorMessage(message);
+        else
+            setErrorMessage(null);
+        Keyboard.dismiss();
+        setIsLoading(false);
+    };
+    // ----------------- useEffect -----------------
+    useEffect(() => {
+        setErrorMessage(messageError || null);
+    }, [messageError]);
+    // ----------------- useAnimatedStyle -----------------
+    const animatedStyle = useAnimatedStyle(() => {
+        return {
+            fontSize: interpolate(animShared.value, [0, 1], [17, 12]),
+            paddingTop: interpolate(animShared.value, [0, 1], [15, 5])
+        };
+    });
+    const borderColor = isFocused ? Theme.focus : errorMessage ? Theme.borderColorError : Theme.borderColor5;
+    const backgroundColor = errorMessage ? Theme.backgroundColorError : Theme.backgroundColor2;
+    return (<View style={{ gap: 10 }}>
+            <View onTouchEnd={(e) => e.stopPropagation()} style={[styles.container, { borderColor: borderColor, backgroundColor: backgroundColor }]}>
+                <Pressable style={styles.pressable} onPress={() => { inputRef?.current?.focus?.(); }}>
+
+                    <Animated.Text style={[styles.animatedText, { color: errorMessage ? Theme.borderColorError : Theme.borderColor }, animatedStyle]}>
+                        {placeholder}
+                    </Animated.Text>
+
+                    <TextInput style={[styles.textInput, { color: Theme.text }]} autoCapitalize='none' autoCorrect={false} {...props} ref={inputRef} onChangeText={_onChangeText} onFocus={_onFocus} onBlur={_onBlur} onSubmitEditing={onClickSubmit}/>
+                </Pressable>
+
+                {buttonSend && (!isLoading ? (<Pressable style={{ paddingHorizontal: 10 }} onPress={onClickSubmit} onTouchStart={onClickSubmit}>
+                            <View style={[styles.viewImage, { borderColor: Theme.borderColor }]}>
+                                <Image style={styles.image} tintColor={Theme.borderColor} source={require('../../../../../assets/images/flecha-hacia-abajo.png')}/>
+                            </View>
+                        </Pressable>) : (<View style={{ paddingHorizontal: 10 }}>
+                            <ActivityIndicator size='small' style={{ margin: 'auto' }} color={Theme.borderColor}/>
+                        </View>))}
+            </View>
+
+            {errorMessage && <Text style={[styles.textError, { color: Theme.borderColorError }, styleMessageError]}>{errorMessage}</Text>}
+        </View>);
+});
+const styles = StyleSheet.create({
+    container: {
+        display: 'flex',
+        flexDirection: 'row',
+        paddingLeft: 10,
+        borderWidth: 1,
+        borderRadius: 12
+    },
+    pressable: {
+        flex: 1,
+        position: 'relative',
+    },
+    animatedText: {
+        paddingTop: 15,
+        position: 'absolute',
+        fontSize: 17,
+        margin: 'auto',
+        cursor: 'text'
+    },
+    textInput: {
+        outlineStyle: 'none',
+        paddingTop: 20,
+        paddingBottom: 10,
+        fontSize: 17,
+    },
+    viewImage: {
+        margin: 'auto',
+        borderRadius: '100%',
+        borderWidth: 1,
+        padding: 5,
+        cursor: 'pointer',
+    },
+    image: {
+        margin: 'auto',
+        height: 15,
+        width: 15,
+        transform: [{ rotate: '-90deg' }],
+    },
+    textError: {
+        flex: 1,
+        textAlign: 'center',
+    }
+});

package/dist/libs/login/src/Screen/components/Input/types.d.ts

@@ -0,0 +1,46 @@
+import { StyleProp, TextInputProps, TextStyle } from "react-native";
+type Props = {
+    /**
+        Texto que aparece como placeholder en el input.
+        El valor por defecto es "", no puede ser undefined.
+    */
+    placeholder?: string;
+    /**
+        Función asíncrona que se ejecuta cuando se presiona el botón de enviar.
+        Tiene que retornar un diccionario con dos propiedades:
+        - succeded: boolean
+        - message: string
+    */
+    handleSubmit?: ({ value }: {
+        value: string;
+    }) => Promise<{
+        succeded: boolean;
+        message: string;
+    }>;
+    /**
+        Si es true, se muestra el botón de enviar.
+        El valor por defecto es true.
+    */
+    buttonSend?: boolean;
+    /**
+        Mensaje de error que se muestra debajo del input.
+    */
+    messageError?: string | null;
+    /**
+        Estilo del mensaje de error.
+    */
+    styleMessageError?: StyleProp<TextStyle>;
+    /**
+        Función que se ejecuta cuando se hace focus en el input.
+    */
+    onFocus?: () => void;
+    /**
+        Función que se ejecuta cuando se hace blur en el input.
+    */
+    onBlur?: () => void;
+    /**
+        Función que se ejecuta cuando se cambia el texto en el input.
+    */
+    onChangeText?: (text: string) => void;
+} & Omit<TextInputProps, 'ref' | 'onChangeText' | 'onFocus' | 'onBlur' | 'onSubmitEditing'>;
+export default Props;

package/dist/libs/login/src/Screen/components/Input/types.js

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

package/dist/libs/login/src/Screen/components/SvgLogoPytech.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ size }: {
+    size?: number;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Screen/components/SvgLogoPytech.js

@@ -0,0 +1,11 @@
+import { memo } from "react";
+import LogoSvg from '../../../../assets/images/logo_letras.svg';
+import LogoSvgDark from '../../../../assets/images/logo_letras_dark.svg';
+import { useApp } from "../../../../../libs/providers/App";
+export default memo(({ size = 200 }) => {
+    const { colorScheme } = useApp();
+    const props = { width: size, height: size };
+    if (colorScheme === 'dark')
+        return <LogoSvgDark {...props}/>;
+    return <LogoSvg {...props}/>;
+});

package/dist/libs/login/src/Screen/components/SvgPytech.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ size }: {
+    size?: number;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/login/src/Screen/components/SvgPytech.js

@@ -0,0 +1,11 @@
+import { memo } from "react";
+import LoginSvg from '../../../../assets/images/login_letras.svg';
+import LoginSvgDark from '../../../../assets/images/login_letras_dark.svg';
+import { useApp } from "../../../../../libs/providers/App";
+export default memo(({ size = 200 }) => {
+    const { colorScheme } = useApp();
+    const props = { width: size, height: size };
+    if (colorScheme === 'dark')
+        return <LoginSvgDark {...props}/>;
+    return <LoginSvg {...props}/>;
+});