pytech-ui 1.0.12 → 1.0.14

package/build/contexts/app/context.d.ts

@@ -1,6 +1,6 @@
-import { AppProps } from './src';
+import { WrapperProps } from './src/Wrapper';
 import { AppContext } from './types';
 import './src/styles.css';
 export declare const Provider: import("react").Provider<AppContext>, useApp: () => AppContext;
-declare const _default: import("react").MemoExoticComponent<({ children, ...props }: AppProps) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ children, ...props }: WrapperProps) => import("react").JSX.Element>;
 export default _default;

package/build/contexts/app/context.js

@@ -12,7 +12,7 @@ const expo_router_1 = require("expo-router");
 const constants_1 = require("@/constants");
 const router_1 = __importDefault(require("@/contexts/router"));
 const pathname_1 = __importDefault(require("@/contexts/pathname"));
-const src_1 = __importDefault(require("./src"));
+const Wrapper_1 = __importDefault(require("./src/Wrapper"));
 require("./src/styles.css");
 _a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useApp = _a[1];
 exports.default = (0, react_1.memo)(({ children, ...props }) => {
@@ -24,9 +24,9 @@ exports.default = (0, react_1.memo)(({ children, ...props }) => {
                 <react_native_safe_area_context_1.SafeAreaProvider>
                     <expo_router_1.ThemeProvider value={colorScheme === 'dark' ? expo_router_1.DarkTheme : expo_router_1.DefaultTheme}>
                         <exports.Provider value={value}>
-                            <src_1.default {...props}>
+                            <Wrapper_1.default {...props}>
                                 {children}
-                            </src_1.default>
+                            </Wrapper_1.default>
                         </exports.Provider>
                     </expo_router_1.ThemeProvider>
                 </react_native_safe_area_context_1.SafeAreaProvider>

package/build/contexts/app/index.d.ts

@@ -1,5 +1,14 @@
-export { default } from './context';
+import Provider from './context';
+import Head from './src/Head';
+import Loading from './src/Loading';
 export { useApp } from './context';
 export { useRouter } from '@/contexts/router';
 export { useAlert } from '@/contexts/alert';
+export { WrapperProps as AppProps } from './src/Wrapper';
 export type { AppContext } from './types';
+type Component = typeof Provider & {
+    Head: typeof Head;
+    Loading: typeof Loading;
+};
+declare const App: Component;
+export default App;

package/build/contexts/app/index.js

@@ -3,12 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAlert = exports.useRouter = exports.useApp = exports.default = void 0;
-var context_1 = require("./context");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(context_1).default; } });
+exports.useAlert = exports.useRouter = exports.useApp = void 0;
+const context_1 = __importDefault(require("./context"));
+const Head_1 = __importDefault(require("./src/Head"));
+const Loading_1 = __importDefault(require("./src/Loading"));
 var context_2 = require("./context");
 Object.defineProperty(exports, "useApp", { enumerable: true, get: function () { return context_2.useApp; } });
 var router_1 = require("@/contexts/router");
 Object.defineProperty(exports, "useRouter", { enumerable: true, get: function () { return router_1.useRouter; } });
 var alert_1 = require("@/contexts/alert");
 Object.defineProperty(exports, "useAlert", { enumerable: true, get: function () { return alert_1.useAlert; } });
+const App = context_1.default;
+App.Head = Head_1.default;
+App.Loading = Loading_1.default;
+exports.default = App;

package/build/contexts/app/src/Head/index.d.ts

@@ -0,0 +1,3 @@
+import Props from './types';
+declare const _default: (props: Props) => any;
+export default _default;

package/build/contexts/app/src/Head/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = (props) => null;

package/build/contexts/app/src/Head/index.web.d.ts

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

package/build/contexts/app/src/Head/index.web.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const expo_router_1 = require("expo-router");
+const react_native_1 = require("react-native");
+const head_1 = __importDefault(require("expo-router/head"));
+exports.default = (0, react_1.memo)(({ title = 'Pytech UI', description, ogDescription, siteUrl, ogImage }) => {
+    const pathname = (0, expo_router_1.usePathname)();
+    (0, react_1.useLayoutEffect)(() => {
+        if (react_native_1.Platform.OS === 'web')
+            document.title = title;
+    }, [pathname, title]);
+    return (<head_1.default>
+			<title>{title}</title>
+			<meta name="description" content={description}/>
+			<meta property="og:type" content="website"/>
+			<meta property="og:title" content={title}/>
+			<meta property="og:description" content={ogDescription ?? description}/>
+			<meta property="og:url" content={siteUrl}/>
+			<meta property="og:image" content={ogImage}/>
+			<meta name="twitter:card" content="summary_large_image"/>
+			<meta name="twitter:title" content={title}/>
+			<meta name="twitter:description" content={ogDescription ?? description}/>
+			<meta name="twitter:image" content={ogImage}/>
+		</head_1.default>);
+});

package/build/contexts/app/src/Head/types.d.ts

@@ -0,0 +1,24 @@
+type Props = {
+    /**
+        Title of the page.
+        @default 'Application'
+    */
+    title?: string;
+    /**
+        Description of the page.
+    */
+    description?: string;
+    /**
+        Description of the page for the Open Graph protocol.
+    */
+    ogDescription?: string;
+    /**
+        URL of the site.
+    */
+    siteUrl?: string;
+    /**
+        Image of the page for the Open Graph protocol.
+    */
+    ogImage?: string;
+};
+export default Props;

package/build/contexts/app/src/Head/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/app/src/Loading.d.ts

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

package/build/contexts/app/src/Loading.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+exports.default = (0, react_1.memo)(({ children }) => children);

package/build/contexts/app/src/Wrapper/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import Props from './types';
+export { Props as WrapperProps };
+declare const _default: React.MemoExoticComponent<({ children, getSession, onLoadingRealsed }: Props) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element>;
+export default _default;

package/build/contexts/app/src/Wrapper/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const universal_1 = require("@/universal");
+const constants_1 = require("@/constants");
+const Loading_1 = __importDefault(require("../Loading"));
+exports.default = (0, react_1.memo)(({ children, getSession, onLoadingRealsed }) => {
+    const getSlots = (0, react_1.useCallback)(() => {
+        const slots = {};
+        react_1.default.Children.map(children, (child) => {
+            if (!react_1.default.isValidElement(child))
+                return;
+            if (child.type === Loading_1.default)
+                slots.loading = child;
+        });
+        return slots;
+    }, [children]);
+    const { loading } = getSlots();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(getSession ? true : false);
+    const hasSessionRef = (0, react_1.useRef)(isLoading);
+    (0, react_1.useEffect)(() => {
+        if (!isLoading)
+            onLoadingRealsed?.({ hasSession: hasSessionRef.current });
+    }, [isLoading]);
+    (0, constants_1.useAsyncEffect)(async () => {
+        hasSessionRef.current = (await getSession?.()) ?? true;
+        setIsLoading(false);
+    }, []);
+    if (isLoading)
+        return loading ?? <universal_1.Host />;
+    return children;
+});

package/build/contexts/app/src/Wrapper/types.d.ts

@@ -0,0 +1,20 @@
+type Props = {
+    /**
+        Stack from expo-router.
+    */
+    children?: React.ReactNode;
+    /**
+        Function to get the current session.
+        This will active the loading page until the session is obtained.
+        @default true
+    */
+    getSession?: () => Promise<boolean> | boolean;
+    /**
+        Function to execute when the loading state is changed to false.
+        This will be used to redirect to the home page.
+    */
+    onLoadingRealsed?: ({ hasSession }: {
+        hasSession: boolean;
+    }) => Promise<void> | void;
+};
+export default Props;

package/build/contexts/app/src/Wrapper/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pytech-ui",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Librería de componentes de UI para Pytech",
   "keywords": [
     "react-native",