native-pytech 1.0.129 → 1.0.131

package/dist/libs/editPage/src/components/TextField/index.ios.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ itemKey, defaultValue, placeholder, keyboardType, autocapitalization, secureTextEntry, isValid, }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/editPage/src/components/TextField/index.ios.js

@@ -0,0 +1,35 @@
+import React, { useMemo, memo, useRef, useCallback, useEffect } from "react";
+import { useValue } from "@legendapp/state/react";
+import { SecureField, TextField } from "@expo/ui/swift-ui";
+import { keyboardType as keyboardTypeModifier, submitLabel, textInputAutocapitalization, onSubmit } from '@expo/ui/swift-ui/modifiers';
+import { usePage } from '../../context/page';
+export default memo(({ itemKey, defaultValue, placeholder, keyboardType, autocapitalization = true, secureTextEntry, isValid, }) => {
+    const { store, registerItem, onSubmit: _onSubmit } = usePage();
+    const isUniqueItem = useValue(() => store.isUniqueItem.get());
+    const ref = useRef(null);
+    // Key
+    const keyRef = useRef(itemKey ?? 0);
+    useEffect(() => {
+        keyRef.current = registerItem(itemKey, ref);
+    }, []);
+    // onChange
+    const onValueChange = useCallback((value) => {
+        const _value = value.trim() === '' ? null : value.trim();
+        store.values[keyRef.current].set({
+            value: _value,
+            hasChanged: _value !== defaultValue,
+            isValid: isValid?.(_value) ?? true,
+        });
+    }, []);
+    // Props
+    const modifiers = useMemo(() => [
+        ...(isUniqueItem ? [submitLabel('done')] : []),
+        ...(keyboardType ? [keyboardTypeModifier(keyboardType)] : []),
+        ...(!autocapitalization ? [textInputAutocapitalization('never')] : []),
+        onSubmit(() => _onSubmit(keyRef.current)),
+    ], [keyboardType, autocapitalization, isUniqueItem]);
+    const props = { autoFocus: isUniqueItem, modifiers, placeholder, defaultValue, onValueChange };
+    if (secureTextEntry)
+        return <SecureField {...props} ref={ref}/>;
+    return <TextField {...props} ref={ref}/>;
+});

package/dist/libs/editPage/src/components/TextField/index.js

@@ -0,0 +1 @@
+export default ({ ...props }) => null;

package/dist/libs/editPage/src/components/TextField/types.d.ts

@@ -0,0 +1,32 @@
+type Props = {
+    /**
+        identification key of the text field.
+    */
+    itemKey?: string;
+    /**
+        Default value of the text field.
+    */
+    defaultValue?: string;
+    /**
+        Placeholder of the text field.
+    */
+    placeholder?: string;
+    /**
+        Keyboard type. Uses the keyboardType modifier.
+    */
+    keyboardType?: "default" | "email-address" | "numeric" | "phone-pad" | "ascii-capable" | "numbers-and-punctuation" | "url" | "name-phone-pad" | "decimal-pad" | "twitter" | "web-search" | "ascii-capable-number-pad";
+    /**
+        If true, the text field will be autocapitalized. Uses the textInputAutocapitalization modifier.
+        @default true
+    */
+    autocapitalization?: boolean;
+    /**
+        If true, the text field will be secure (password).
+    */
+    secureTextEntry?: boolean;
+    /**
+        Function to validate the value.
+    */
+    isValid?: (value: string | null) => boolean;
+};
+export default Props;

package/dist/libs/editPage/src/components/TextField/types.js

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

package/dist/libs/editPage/src/components/Wrapper/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import Props from './types';
+declare const _default: React.MemoExoticComponent<({ children, onSave }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/editPage/src/components/Wrapper/index.js

@@ -0,0 +1,84 @@
+import { useObservable, useValue } from '@legendapp/state/react';
+import { Stack, router } from 'expo-router';
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { Provider } from '../../context/page';
+import Screen from '../Screen';
+export default memo(({ children, onSave }) => {
+    const textFieldsRefs = useRef({});
+    const indexRef = useRef(0);
+    // Store
+    const store = useObservable({
+        values: {},
+        saveEnabled: () => {
+            const listValues = Object.values(store.values.get());
+            const hasChanged = listValues.some(value => value.hasChanged);
+            const allValid = listValues.every(value => value.isValid);
+            return hasChanged && allValid;
+        },
+        isUniqueItem: () => {
+            const listValues = Object.values(store.values.get());
+            return listValues.length === 1;
+        },
+    });
+    const saveEnabled = useValue(() => store.saveEnabled.get());
+    // onPress
+    const onPressSave = useCallback(async () => {
+        // Obtengo los valores del store
+        const values = store.values.peek();
+        const valuesToSave = Object.values(values).map(value => value.value ?? null);
+        // Llamo a la función onSave
+        const result = await onSave?.(valuesToSave);
+        if (result === false)
+            return;
+        router.back();
+    }, [onSave, store.values]);
+    // Register
+    const registerItem = (itemKey, ref) => {
+        const key = itemKey ?? indexRef.current;
+        indexRef.current++;
+        ref && (textFieldsRefs.current[key] = ref);
+        return key;
+    };
+    const next = (itemKey) => {
+        const keys = Object.keys(textFieldsRefs.current);
+        const index = keys.findIndex(key => key > itemKey);
+        if (index === -1)
+            return;
+        const nextKey = keys[index + 1];
+        if (!nextKey)
+            return;
+        textFieldsRefs.current[nextKey].current?.focus();
+    };
+    const onSubmit = async (itemKey) => {
+        console.log('onSubmit', 'itemKey', itemKey);
+        // Guarda los cambios
+        if (store.isUniqueItem.peek()) {
+            if (!saveEnabled)
+                return;
+            await onPressSave();
+            return;
+        }
+        // Va al siguiente campo
+        next(itemKey);
+    };
+    const value = useMemo(() => ({ store, onSubmit, registerItem }), []);
+    return (<>
+			<Stack.Toolbar placement="left">
+				<Stack.Toolbar.Button onPress={() => router.back()}>
+					<Stack.Toolbar.Icon sf="xmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+			<Stack.Toolbar placement="right">
+				<Stack.Toolbar.Button disabled={!saveEnabled} variant="done" onPress={onPressSave}>
+					<Stack.Toolbar.Icon sf="checkmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+			<Screen>
+				<Provider value={value}>
+					{children}
+				</Provider>
+			</Screen>
+		</>);
+});

package/dist/libs/editPage/src/components/Wrapper/types.d.ts

@@ -0,0 +1,23 @@
+type Props = {
+    /**
+        Children to be rendered inside the wrapper.
+    */
+    children: React.ReactNode;
+    /**
+        Function to be called when the user saves the changes.
+        If the function returns false, the user will not be redirected to the previous screen.
+    */
+    onSave?: (items: (string | null | Date)[]) => boolean | void | Promise<boolean | void>;
+};
+export type Value = {
+    value?: string | null | Date;
+    hasChanged: boolean;
+    isValid: boolean;
+};
+export type Values = Record<string, Value>;
+export type Store = {
+    values: Values;
+    saveEnabled: boolean;
+    isUniqueItem: boolean;
+};
+export default Props;

package/dist/libs/editPage/src/components/Wrapper/types.js

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

package/dist/libs/editPage/src/context/page.d.ts

@@ -0,0 +1,13 @@
+import type { Observable } from '@legendapp/state';
+import { RefObject } from 'react';
+import type { Store } from '../components/Wrapper/types';
+export type TextFieldsRefsType = Record<number | string, RefObject<any>>;
+export declare const Provider: import("react").Provider<{
+    store: Observable<Store>;
+    registerItem: (itemKey?: string, ref?: RefObject<any>) => string | number;
+    onSubmit: (itemKey: string | number) => Promise<void>;
+} | null>, usePage: () => {
+    store: Observable<Store>;
+    registerItem: (itemKey?: string, ref?: RefObject<any>) => string | number;
+    onSubmit: (itemKey: string | number) => Promise<void>;
+};

package/dist/libs/editPage/src/context/page.js

@@ -0,0 +1,2 @@
+import Utils from '../../../../libs/constants/utils';
+export const [Provider, usePage] = Utils.createCtx();

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

@@ -0,0 +1 @@
+export { default } from './src';

package/dist/libs/footer/index.js

@@ -0,0 +1 @@
+export { default } from './src';

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

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

package/dist/libs/footer/src/components/Background/index.ios.d.ts

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

package/dist/libs/footer/src/components/Background/index.ios.js

@@ -0,0 +1,22 @@
+import { MeshGradientView } from 'expo-mesh-gradient';
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import Utils from '../../../../../libs/constants/utils';
+export default memo(({ backgroundColorPage }) => {
+    const c06 = Utils.applyOpacity(backgroundColorPage, 0.6);
+    const c08 = Utils.applyOpacity(backgroundColorPage, 0.8);
+    const c09 = Utils.applyOpacity(backgroundColorPage, 0.9);
+    return (<MeshGradientView style={[StyleSheet.absoluteFill]} columns={2} rows={5} colors={[
+            'transparent', 'transparent',
+            c06, c06,
+            c08, c08,
+            c09, c09,
+            c09, c09
+        ]} points={[
+            [0.0, 0.0], [1.0, 0.0],
+            [0.0, 0.25], [1.0, 0.25],
+            [0.0, 0.5], [1.0, 0.5],
+            [0.0, 0.75], [1.0, 0.75],
+            [0.0, 1.0], [1.0, 1.0],
+        ]}/>);
+});

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

@@ -0,0 +1,21 @@
+import MaskedView from '@react-native-masked-view/masked-view';
+import { LinearGradient } from 'expo-linear-gradient';
+import { memo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Utils from '../../../../../libs/constants/utils';
+export default memo(({ backgroundColorPage }) => {
+    const c06 = Utils.applyOpacity(backgroundColorPage, 0.6);
+    const c08 = Utils.applyOpacity(backgroundColorPage, 0.8);
+    const c09 = Utils.applyOpacity(backgroundColorPage, 0.9);
+    return (<MaskedView style={[StyleSheet.absoluteFill]} maskElement={<LinearGradient colors={[
+                'transparent',
+                c06,
+                c08,
+                c09,
+                c09
+            ]} start={{ x: 0.5, y: 0 }} // arriba-centro
+         end={{ x: 0.5, y: 1 }} // abajo-centro
+         style={[StyleSheet.absoluteFill]}/>}>
+                <View style={[StyleSheet.absoluteFill, { backgroundColor: backgroundColorPage }]}></View>
+            </MaskedView>);
+});

package/dist/libs/footer/src/components/Button/Text.d.ts

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

package/dist/libs/footer/src/components/Button/Text.js

@@ -0,0 +1,18 @@
+import colors from '../../constants';
+import { useApp } from "../../../../../libs/providers/App";
+import { memo, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+export default memo(({ text, enabled, themeColor = 'default' }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const color = useMemo(() => enabled ? (themeColor === 'default' ? colors.especiales.celeste : Theme.text2) : Theme.colorTextButtonFooterDisabled, [enabled, themeColor]);
+    return (<Text style={[styles.text, { color: color }]}>
+            {text}
+        </Text>);
+});
+const styles = StyleSheet.create({
+    text: {
+        fontSize: 17,
+        fontWeight: '600',
+    },
+});

package/dist/libs/footer/src/components/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/components/Button/index.ios.d.ts

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

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

@@ -0,0 +1,30 @@
+import { Button, Text } from '@expo/ui/swift-ui';
+import { frame, font, foregroundStyle, buttonStyle, controlSize, disabled } from '@expo/ui/swift-ui/modifiers';
+import React, { memo, useCallback, useMemo } from 'react';
+import { useWindowDimensions } from 'react-native';
+export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
+    const { width } = useWindowDimensions();
+    const modifiers = useMemo(() => [
+        disabled(!enabled),
+        buttonStyle('glassProminent'),
+        controlSize('large')
+    ], [enabled]);
+    const modifiersText = useMemo(() => [
+        frame({ width: width - 110 }),
+        font({ weight: 'semibold' }),
+        ...(enabled ? [foregroundStyle('#85fffd')] : []), // colors.especiales.celeste
+    ], [width, enabled]);
+    const _onPress = useCallback(async () => {
+        if (onPress) {
+            const result = await onPress();
+            if (!result)
+                return;
+        }
+        onSubmit?.();
+    }, [onPress, onSubmit]);
+    return (<Button onPress={_onPress} modifiers={modifiers}>
+            <Text modifiers={modifiersText}>
+                {text}
+            </Text>
+        </Button>);
+});

package/dist/libs/footer/src/components/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 Utils 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' ? Utils.adjustLightness(backgroundColorPage ?? 'white', 10) : backgroundColorPage ?? 'white'
+            : themeColor === 'default' ?
+                Utils.adjustLightness(colors.especiales.azul, -10) :
+                colorScheme === 'dark' ? backgroundColorPage : Utils.adjustLightness(backgroundColorPage ?? 'white', -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/components/Button/types.d.ts

@@ -0,0 +1,22 @@
+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.
+        @android
+        @web
+    */
+    backgroundColorPage?: string;
+} & TextProps;

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

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

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

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

package/dist/libs/footer/src/components/Footer/index.ios.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    backgroundColorPage?: string;
+};
+declare const _default: React.MemoExoticComponent<({ children, backgroundColorPage }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/footer/src/components/Footer/index.ios.js

@@ -0,0 +1,9 @@
+import React, { memo } from 'react';
+import { Overlay, VStack } from '@expo/ui/swift-ui';
+export default memo(({ children, backgroundColorPage }) => {
+    return (<Overlay.Content>
+            <VStack spacing={10}>
+                {children}
+            </VStack>
+        </Overlay.Content>);
+});

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

@@ -0,0 +1,38 @@
+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 ButtonView from '../View';
+export default memo(({ children, backgroundColorPage }) => {
+    const insets = useSafeAreaInsets();
+    return (<View style={styles.footer}>
+            <MaskedView style={[StyleSheet.absoluteFill]} maskElement={<LinearGradient colors={['transparent', 'transparent', 'rgba(0, 0, 0, 0.8)', 'black', 'black']} locations={[0, 0.05, 0.2, 0.5, 1]} style={StyleSheet.absoluteFill}/>}>
+                <BlurView intensity={6} tint='dark' style={StyleSheet.absoluteFill}/>
+            </MaskedView>
+
+            {backgroundColorPage && <Background backgroundColorPage={backgroundColorPage}/>}
+
+            <View style={[styles.view, { paddingBottom: insets.bottom + 5 }]}>
+                <ButtonView>
+                    {children}
+                </ButtonView>
+            </View>
+
+        </View>);
+});
+const styles = StyleSheet.create({
+    footer: {
+        position: 'absolute',
+        bottom: 0,
+        width: '100%',
+    },
+    view: {
+        position: 'relative',
+        paddingTop: 70,
+        justifyContent: 'center',
+        alignItems: 'center'
+    }
+});

package/dist/libs/footer/src/components/View.d.ts

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

package/dist/libs/footer/src/components/View.js

@@ -0,0 +1,11 @@
+import { View, StyleSheet } from 'react-native';
+import React, { memo } from 'react';
+export default memo(({ children }) => (<View style={styles.view}>
+        {children}
+    </View>));
+const styles = StyleSheet.create({
+    view: {
+        paddingHorizontal: 17 * 2,
+        gap: 10,
+    }
+});

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,9 @@
+import Footer from './components/Footer';
+import View from './components/View';
+import Button from './components/Button';
+type Component = typeof Footer & {
+    ButtonView: typeof View;
+    Button: typeof Button;
+};
+declare const FooterComponent: Component;
+export default FooterComponent;

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

@@ -0,0 +1,7 @@
+import Footer from './components/Footer';
+import View from './components/View';
+import Button from './components/Button';
+const FooterComponent = Footer;
+FooterComponent.ButtonView = View;
+FooterComponent.Button = Button;
+export default FooterComponent;

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 {};