@joelbarron/react-web-dev-kit 0.1.0

package/dist/auth/types.js

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

package/dist/auth/ui/AuthPagesMessageSection.d.ts

@@ -0,0 +1,3 @@
+import { AuthMessageSectionProps } from './types';
+export declare function AuthPagesMessageSection(props: AuthMessageSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthPagesMessageSection.d.ts.map

package/dist/auth/ui/AuthPagesMessageSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPagesMessageSection.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthPagesMessageSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAalD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,2CAoHrE"}

package/dist/auth/ui/AuthPagesMessageSection.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Avatar from '@mui/material/Avatar';
+import AvatarGroup from '@mui/material/AvatarGroup';
+import Box from '@mui/material/Box';
+const defaultTitleLines = ['Bienvenido a', 'nuestra comunidad'];
+const defaultDescription = 'Fuse ayuda a desarrolladores a construir paneles organizados, bien estructurados y con módulos visuales de alta calidad. Únete y empieza a construir tu aplicación hoy.';
+const defaultFooterText = 'Más de 17k personas ya se unieron, ahora te toca a ti.';
+const defaultAvatarUrls = [
+    '/assets/images/avatars/female-18.jpg',
+    '/assets/images/avatars/female-11.jpg',
+    '/assets/images/avatars/male-09.jpg',
+    '/assets/images/avatars/male-16.jpg'
+];
+export function AuthPagesMessageSection(props) {
+    const { titleLines = defaultTitleLines, description = defaultDescription, footerText = defaultFooterText, avatarUrls = defaultAvatarUrls } = props;
+    return (_jsxs(Box, { sx: {
+            position: 'relative',
+            display: { xs: 'none', md: 'flex' },
+            height: '100%',
+            flex: '1 1 auto',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'hidden',
+            p: 6,
+            px: { lg: 10 },
+            backgroundColor: 'primary.dark',
+            color: 'primary.contrastText'
+        }, children: [_jsx("svg", { style: { pointerEvents: 'none', position: 'absolute', inset: 0 }, viewBox: "0 0 960 540", width: "100%", height: "100%", preserveAspectRatio: "xMidYMax slice", xmlns: "http://www.w3.org/2000/svg", children: _jsxs(Box, { component: "g", sx: { opacity: 0.05 }, fill: "none", stroke: "currentColor", strokeWidth: "100", children: [_jsx("circle", { r: "234", cx: "196", cy: "23" }), _jsx("circle", { r: "234", cx: "790", cy: "491" })] }) }), _jsxs(Box, { component: "svg", sx: {
+                    position: 'absolute',
+                    top: -64,
+                    right: -64,
+                    opacity: 0.2,
+                    color: 'primary.light'
+                }, viewBox: "0 0 220 192", width: "220px", height: "192px", fill: "none", children: [_jsx("defs", { children: _jsx("pattern", { id: "jb-auth-message-pattern", x: "0", y: "0", width: "20", height: "20", patternUnits: "userSpaceOnUse", children: _jsx("rect", { x: "0", y: "0", width: "4", height: "4", fill: "currentColor" }) }) }), _jsx("rect", { width: "220", height: "192", fill: "url(#jb-auth-message-pattern)" })] }), _jsxs(Box, { sx: { position: 'relative', zIndex: 10, width: '100%', maxWidth: 896 }, children: [_jsx(Box, { sx: { fontSize: 64, lineHeight: 1, fontWeight: 700, color: 'grey.100' }, children: titleLines.map((line) => (_jsx(Box, { children: line }, line))) }), _jsx(Box, { sx: { mt: 3, fontSize: 18, lineHeight: 1.5, letterSpacing: '-0.01em', color: 'grey.400' }, children: description }), _jsxs(Box, { sx: { mt: 4, display: 'flex', alignItems: 'center' }, children: [_jsx(AvatarGroup, { sx: {
+                                    '& .MuiAvatar-root': {
+                                        borderColor: 'primary.main'
+                                    }
+                                }, children: avatarUrls.map((avatarUrl) => (_jsx(Avatar, { src: avatarUrl }, avatarUrl))) }), _jsx(Box, { sx: { ml: 2, fontWeight: 500, letterSpacing: '-0.01em', color: 'grey.400' }, children: footerText })] })] })] }));
+}

package/dist/auth/ui/AuthPrimaryButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '@mui/material/Button';
+import { ReactNode } from 'react';
+type AuthPrimaryButtonProps = Omit<ButtonProps, 'variant' | 'color'> & {
+    loading?: boolean;
+    loadingLabel?: ReactNode;
+};
+export declare function AuthPrimaryButton(props: AuthPrimaryButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthPrimaryButton.d.ts.map

package/dist/auth/ui/AuthPrimaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAiC9D"}

package/dist/auth/ui/AuthPrimaryButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+export function AuthPrimaryButton(props) {
+    const { loading = false, loadingLabel, children, disabled, sx, ...rest } = props;
+    return (_jsx(Button, { ...rest, variant: "contained", color: "secondary", disabled: Boolean(disabled) || loading, startIcon: loading ? (_jsx(CircularProgress, { size: 16, color: "inherit" })) : undefined, sx: {
+            width: '100%',
+            minHeight: 38,
+            '&.Mui-disabled': {
+                opacity: 1,
+                color: 'common.white',
+                backgroundColor: 'secondary.main'
+            },
+            '&.Mui-disabled.MuiButton-contained': {
+                opacity: 0.6
+            },
+            ...(sx ?? {})
+        }, children: loading ? loadingLabel ?? children : children }));
+}

package/dist/auth/ui/AuthRoleSelectionDialog.d.ts

@@ -0,0 +1,14 @@
+import { SelectOption } from '../../forms';
+export type AuthRoleSelectionDialogProps = {
+    open: boolean;
+    options: SelectOption<string>[];
+    initialRole?: string;
+    title?: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onCancel: () => void;
+    onConfirm: (role: string) => void;
+};
+export declare function AuthRoleSelectionDialog(props: AuthRoleSelectionDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthRoleSelectionDialog.d.ts.map

package/dist/auth/ui/AuthRoleSelectionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthRoleSelectionDialog.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthRoleSelectionDialog.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAqB,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ9D,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAuE1E"}

package/dist/auth/ui/AuthRoleSelectionDialog.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { JBRadioGroupField } from '../../forms';
+import { AuthPrimaryButton } from './AuthPrimaryButton';
+import { AuthSecondaryButton } from './AuthSecondaryButton';
+const roleSelectionSchema = z.object({
+    role: z.string().nonempty('Selecciona un rol para continuar.')
+});
+export function AuthRoleSelectionDialog(props) {
+    const { open, options, initialRole, title = 'Selecciona tu rol', description = 'Elige el tipo de perfil con el que deseas continuar.', confirmLabel = 'Continuar', cancelLabel = 'Cancelar', onCancel, onConfirm } = props;
+    const fallbackRole = initialRole ?? options[0]?.value ?? '';
+    const { control, handleSubmit, reset, formState } = useForm({
+        mode: 'onSubmit',
+        resolver: zodResolver(roleSelectionSchema),
+        defaultValues: {
+            role: fallbackRole
+        }
+    });
+    const { isSubmitting } = formState;
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        reset({
+            role: initialRole ?? options[0]?.value ?? ''
+        });
+    }, [open, initialRole, options, reset]);
+    return (_jsxs(Dialog, { open: open, onClose: onCancel, fullWidth: true, maxWidth: 'xs', children: [_jsx(DialogTitle, { children: title }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { sx: { mb: 2 }, children: description }), _jsx(JBRadioGroupField, { control: control, name: 'role', options: options, formControlProps: { fullWidth: true } })] }), _jsxs(DialogActions, { children: [_jsx(AuthSecondaryButton, { sx: { mt: 0 }, type: 'button', onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), _jsx(AuthPrimaryButton, { sx: { mt: 0 }, type: 'button', onClick: () => {
+                            void handleSubmit((values) => onConfirm(values.role))();
+                        }, loading: isSubmitting, loadingLabel: 'Guardando...', children: confirmLabel })] })] }));
+}

package/dist/auth/ui/AuthRoutePageWrapper.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType, ReactNode } from 'react';
+import { AuthPageWrapperProps } from '../routes';
+import { AuthMessageSectionProps, AuthPageLayoutVariant } from './types';
+type AuthRoutePageWrapperProps = AuthPageWrapperProps & {
+    children: ReactNode;
+    layoutVariant?: AuthPageLayoutVariant;
+    messageSectionProps?: AuthMessageSectionProps;
+    MessageSectionComponent?: ComponentType<AuthMessageSectionProps>;
+};
+export declare function AuthRoutePageWrapper(props: AuthRoutePageWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthRoutePageWrapper.d.ts.map

package/dist/auth/ui/AuthRoutePageWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthRoutePageWrapper.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthRoutePageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzE,KAAK,yBAAyB,GAAG,oBAAoB,GAAG;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,uBAAuB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;CAClE,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAmFpE"}

package/dist/auth/ui/AuthRoutePageWrapper.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import { AuthPagesMessageSection } from './AuthPagesMessageSection';
+export function AuthRoutePageWrapper(props) {
+    const { children, routeKey, layoutVariant = 'split', messageSectionProps, MessageSectionComponent = AuthPagesMessageSection } = props;
+    const isSignOut = routeKey === 'signOut';
+    if (layoutVariant === 'modern') {
+        return (_jsx(Box, { sx: {
+                display: 'flex',
+                minWidth: 0,
+                flex: '1 1 auto',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+                p: { md: 4 }
+            }, children: _jsxs(Paper, { sx: {
+                    display: 'flex',
+                    minHeight: { xs: '100%', sm: 'auto' },
+                    width: { xs: '100%', md: '100%' },
+                    maxWidth: { md: 1280 },
+                    overflow: 'hidden',
+                    borderRadius: { xs: 0, sm: 3 },
+                    boxShadow: { xs: 'none', sm: 1 }
+                }, children: [_jsx(Box, { sx: {
+                            width: { xs: '100%', md: '50%' },
+                            px: { xs: 2, sm: 6, md: 8 },
+                            py: { xs: 2, sm: 6, md: 8 },
+                            borderRight: (theme) => (theme.direction === 'ltr' ? 1 : 0),
+                            borderLeft: (theme) => (theme.direction === 'rtl' ? 1 : 0),
+                            borderColor: 'divider',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: isSignOut ? 'center' : 'flex-start'
+                        }, children: children }), _jsx(MessageSectionComponent, { ...(messageSectionProps ?? {}) })] }) }));
+    }
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            minWidth: 0,
+            flex: '1 1 auto',
+            flexDirection: { xs: 'column', sm: 'row' },
+            alignItems: { xs: 'center', md: 'flex-start' },
+            justifyContent: { sm: 'center', md: 'flex-start' }
+        }, children: [_jsx(Paper, { sx: {
+                    height: { xs: '100%', sm: 'auto', md: '100%' },
+                    width: { xs: '100%', sm: 'auto', md: layoutVariant === 'split' ? '50%' : '100%' },
+                    px: { xs: 2, sm: 6, md: 8 },
+                    py: { xs: layoutVariant === 'fullScreen' ? 2 : 1, sm: 6, md: layoutVariant === 'fullScreen' ? 12 : 8 },
+                    borderRadius: { xs: 0, sm: 3, md: 0 },
+                    boxShadow: { xs: 'none', sm: 1, md: 'none' },
+                    display: { md: 'flex' },
+                    alignItems: { md: 'center' },
+                    justifyContent: { md: 'flex-end' },
+                    borderRight: (theme) => (theme.direction === 'ltr' ? 1 : 0),
+                    borderLeft: (theme) => (theme.direction === 'rtl' ? 1 : 0),
+                    borderColor: 'divider',
+                    ...(isSignOut ? { alignItems: { xs: 'center', md: 'center' } } : null)
+                }, children: children }), _jsx(MessageSectionComponent, { ...(messageSectionProps ?? {}) })] }));
+}

package/dist/auth/ui/AuthSecondaryButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "@mui/material/Button";
+type AuthSecondaryButtonProps = Omit<ButtonProps, "variant"> & {
+    to?: string;
+};
+export declare function AuthSecondaryButton(props: AuthSecondaryButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthSecondaryButton.d.ts.map

package/dist/auth/ui/AuthSecondaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthSecondaryButton.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthSecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAsBlE"}

package/dist/auth/ui/AuthSecondaryButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Button from "@mui/material/Button";
+export function AuthSecondaryButton(props) {
+    const { sx, ...rest } = props;
+    return (_jsx(Button, { ...rest, variant: "outlined", sx: {
+            width: "100%",
+            minHeight: 38,
+            borderWidth: 1,
+            borderColor: "rgba(15, 23, 42, 0.28)",
+            color: "text.primary",
+            fontWeight: 600,
+            "&:hover": {
+                borderWidth: 1,
+                borderColor: "rgba(15, 23, 42, 0.45)",
+            },
+            ...(sx ?? {}),
+        } }));
+}

package/dist/auth/ui/AuthSocialProviderButton.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '@mui/material/Button';
+import { ReactNode } from 'react';
+import { SocialProvider } from '../types';
+type AuthSocialProviderButtonProps = Omit<ButtonProps, 'variant' | 'color'> & {
+    provider: SocialProvider;
+    loading?: boolean;
+    loadingLabel?: ReactNode;
+};
+export declare function AuthSocialProviderButton(props: AuthSocialProviderButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthSocialProviderButton.d.ts.map

package/dist/auth/ui/AuthSocialProviderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthSocialProviderButton.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthSocialProviderButton.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,6BAA6B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAC5E,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAcF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAkC5E"}

package/dist/auth/ui/AuthSocialProviderButton.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import AppleIcon from '@mui/icons-material/Apple';
+import FacebookIcon from '@mui/icons-material/Facebook';
+import GoogleIcon from '@mui/icons-material/Google';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+const providerIcon = {
+    google: _jsx(GoogleIcon, { fontSize: 'small' }),
+    facebook: _jsx(FacebookIcon, { fontSize: 'small' }),
+    apple: _jsx(AppleIcon, { fontSize: 'small' })
+};
+const providerLabel = {
+    google: 'Google',
+    facebook: 'Facebook',
+    apple: 'Apple'
+};
+export function AuthSocialProviderButton(props) {
+    const { provider, loading = false, loadingLabel, children, disabled, sx, ...rest } = props;
+    const label = children ?? providerLabel[provider];
+    return (_jsx(Button, { ...rest, variant: 'outlined', color: 'inherit', disabled: Boolean(disabled) || loading, "aria-label": providerLabel[provider], startIcon: loading ? (_jsx(CircularProgress, { size: 16, color: 'inherit' })) : (providerIcon[provider]), sx: {
+            width: '100%',
+            minWidth: 0,
+            minHeight: 38,
+            justifyContent: 'center',
+            '& .MuiButton-startIcon': {
+                marginRight: 1
+            },
+            ...(sx ?? {})
+        }, children: loading ? loadingLabel ?? label : label }));
+}

package/dist/auth/ui/SignInPageTitle.d.ts

@@ -0,0 +1,6 @@
+type SignInPageTitleProps = {
+    logoSrc?: string;
+};
+export declare function SignInPageTitle(props: SignInPageTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SignInPageTitle.d.ts.map

package/dist/auth/ui/SignInPageTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInPageTitle.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/SignInPageTitle.tsx"],"names":[],"mappings":"AAGA,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAiB1D"}

package/dist/auth/ui/SignInPageTitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+export function SignInPageTitle(props) {
+    const { logoSrc = '/assets/images/logo/logo.svg' } = props;
+    return (_jsxs(Box, { sx: { width: '100%' }, children: [_jsx("img", { style: { width: 48 }, src: logoSrc, alt: "logo" }), _jsx(Typography, { sx: { mt: 4, fontSize: 36, lineHeight: 1.25, fontWeight: 800, letterSpacing: '-0.02em' }, children: "Iniciar sesi\u00F3n" })] }));
+}

package/dist/auth/ui/SignOutPageTitle.d.ts

@@ -0,0 +1,6 @@
+type SignOutPageTitleProps = {
+    logoSrc?: string;
+};
+export declare function SignOutPageTitle(props: SignOutPageTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SignOutPageTitle.d.ts.map

package/dist/auth/ui/SignOutPageTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignOutPageTitle.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/SignOutPageTitle.tsx"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiB5D"}

package/dist/auth/ui/SignOutPageTitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+export function SignOutPageTitle(props) {
+    const { logoSrc = '/assets/images/logo/logo.svg' } = props;
+    return (_jsxs(Box, { sx: { width: '100%' }, children: [_jsx("img", { style: { width: 48, display: 'block', marginInline: 'auto' }, src: logoSrc, alt: "logo" }), _jsx(Typography, { sx: { mt: 4, textAlign: 'center', fontSize: 36, lineHeight: 1.25, fontWeight: 800, letterSpacing: '-0.02em' }, children: "Has cerrado sesi\u00F3n" })] }));
+}

package/dist/auth/ui/SignUpPageTitle.d.ts

@@ -0,0 +1,6 @@
+type SignUpPageTitleProps = {
+    logoSrc?: string;
+};
+export declare function SignUpPageTitle(props: SignUpPageTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SignUpPageTitle.d.ts.map

package/dist/auth/ui/SignUpPageTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpPageTitle.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/SignUpPageTitle.tsx"],"names":[],"mappings":"AAGA,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAiB1D"}

package/dist/auth/ui/SignUpPageTitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+export function SignUpPageTitle(props) {
+    const { logoSrc = '/assets/images/logo/logo.svg' } = props;
+    return (_jsxs(Box, { sx: { width: '100%' }, children: [_jsx("img", { style: { width: 48 }, src: logoSrc, alt: "logo" }), _jsx(Typography, { sx: { mt: 4, fontSize: 36, lineHeight: 1.25, fontWeight: 800, letterSpacing: '-0.02em' }, children: "Crear cuenta" })] }));
+}

package/dist/auth/ui/index.d.ts

@@ -0,0 +1,11 @@
+export * from './types';
+export * from './AuthPagesMessageSection';
+export * from './AuthRoutePageWrapper';
+export * from './AuthPrimaryButton';
+export * from './AuthSecondaryButton';
+export * from './AuthSocialProviderButton';
+export * from './AuthRoleSelectionDialog';
+export * from './SignInPageTitle';
+export * from './SignUpPageTitle';
+export * from './SignOutPageTitle';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/auth/ui/index.js

@@ -0,0 +1,10 @@
+export * from './types';
+export * from './AuthPagesMessageSection';
+export * from './AuthRoutePageWrapper';
+export * from './AuthPrimaryButton';
+export * from './AuthSecondaryButton';
+export * from './AuthSocialProviderButton';
+export * from './AuthRoleSelectionDialog';
+export * from './SignInPageTitle';
+export * from './SignUpPageTitle';
+export * from './SignOutPageTitle';

package/dist/auth/ui/types.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType, ReactNode } from 'react';
+export type AuthLinkComponentProps = {
+    to: string;
+    className?: string;
+    children?: ReactNode;
+};
+export type AuthLinkComponent = ComponentType<AuthLinkComponentProps>;
+export type AuthPageLayoutVariant = 'split' | 'fullScreen' | 'modern';
+export type AuthMessageSectionProps = {
+    titleLines?: string[];
+    description?: string;
+    footerText?: string;
+    avatarUrls?: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/auth/ui/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC"}

package/dist/auth/ui/types.js

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

package/dist/config/createConfig.d.ts

@@ -0,0 +1,13 @@
+import { JBApiHostConfig, JBAppConfig, JBAppConfigOverrides, JBAppStage, JBAuthProfileRoleOption, JBAuthSocialConfig, JBStageValueMap } from './types';
+export declare const createJBWebConfig: (baseConfig?: JBAppConfigOverrides, overrides?: JBAppConfigOverrides) => JBAppConfig;
+export declare const resolveApiHostByStage: (hostConfig: JBApiHostConfig, stage: JBAppStage) => string;
+export declare const getStageValue: <T>(stageMap: JBStageValueMap<T> | undefined, stage: JBAppStage, fallback?: T) => T | undefined;
+export declare const getApiBaseUrl: (config: JBAppConfig) => string;
+export declare const getConfigStageValue: <T>(config: Pick<JBAppConfig, "stage">, stageMap: JBStageValueMap<T> | undefined, fallback?: T) => T | undefined;
+export declare const createJBWebConfigFromEnv: (baseConfig?: JBAppConfigOverrides, env?: Record<string, string | undefined>) => JBAppConfig;
+export declare const getAuthBasePath: (config: JBAppConfig) => string;
+export declare const getAuthProfileRoles: (config: JBAppConfig) => JBAuthProfileRoleOption[];
+export declare const getAuthSignupProfileRoles: (config: JBAppConfig) => JBAuthProfileRoleOption[];
+export declare const getAuthDefaultProfileRole: (config: JBAppConfig) => string | undefined;
+export declare const getAuthSocialConfig: (config: JBAppConfig) => JBAuthSocialConfig;
+//# sourceMappingURL=createConfig.d.ts.map

package/dist/config/createConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createConfig.d.ts","sourceRoot":"","sources":["../../src/config/createConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,UAAU,EAEV,uBAAuB,EACvB,kBAAkB,EAElB,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,GAC5B,aAAa,oBAAoB,EACjC,YAAY,oBAAoB,KAC/B,WA6BF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,YAAY,eAAe,EAAE,OAAO,UAAU,KAAG,MAEtF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAC7B,UAAU,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,OAAO,UAAU,EACjB,WAAW,CAAC,KACX,CAAC,GAAG,SAQN,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,WAAW,KAAG,MAEnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,QAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAClC,UAAU,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,WAAW,CAAC,KACX,CAAC,GAAG,SAEN,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,aAAa,oBAAoB,EACjC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,KACvC,WAgDF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,WAAW,KAAG,MAErD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,KAAG,uBAAuB,EAEhF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,KAAG,uBAAuB,EAEtF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,KAAG,MAAM,GAAG,SAExE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,KAAG,kBAEzD,CAAC"}

package/dist/config/createConfig.js

@@ -0,0 +1,104 @@
+import { defaultJBAppConfig } from './defaults';
+import { deepMerge } from './merge';
+export const createJBWebConfig = (baseConfig, overrides) => {
+    const withBase = deepMerge(defaultJBAppConfig, baseConfig);
+    const resolvedConfig = deepMerge(withBase, overrides);
+    const signupRoles = (resolvedConfig.auth?.profileRoles ?? []).filter((role) => role.allowSignup === true);
+    const defaultProfileRole = resolvedConfig.auth?.defaultProfileRole;
+    if (defaultProfileRole) {
+        const hasValidDefaultSignupRole = signupRoles.some((role) => role.value === defaultProfileRole);
+        if (!hasValidDefaultSignupRole) {
+            throw new Error(`[jb-web-config] auth.defaultProfileRole="${defaultProfileRole}" must exist in auth.profileRoles with allowSignup=true.`);
+        }
+    }
+    const socialConfig = resolvedConfig.auth?.social;
+    if (socialConfig) {
+        Object.keys(socialConfig).forEach((providerName) => {
+            const providerConfig = socialConfig[providerName];
+            if (providerConfig?.enabled && !providerConfig.clientId?.trim()) {
+                throw new Error(`[jb-web-config] auth.social.${providerName}.clientId is required when auth.social.${providerName}.enabled=true.`);
+            }
+        });
+    }
+    return resolvedConfig;
+};
+export const resolveApiHostByStage = (hostConfig, stage) => {
+    return hostConfig[stage];
+};
+export const getStageValue = (stageMap, stage, fallback) => {
+    if (!stageMap) {
+        return fallback;
+    }
+    const lowerStage = stage.toLowerCase();
+    const value = stageMap[stage] ?? stageMap[lowerStage];
+    return value ?? fallback;
+};
+export const getApiBaseUrl = (config) => {
+    return resolveApiHostByStage(config.api.host, config.stage);
+};
+export const getConfigStageValue = (config, stageMap, fallback) => {
+    return getStageValue(stageMap, config.stage, fallback);
+};
+export const createJBWebConfigFromEnv = (baseConfig, env) => {
+    const runtimeEnv = env ?? {};
+    const parseBooleanEnv = (value) => {
+        if (typeof value === 'undefined') {
+            return undefined;
+        }
+        if (value === 'true') {
+            return true;
+        }
+        if (value === 'false') {
+            return false;
+        }
+        return undefined;
+    };
+    const googleEnabled = parseBooleanEnv(runtimeEnv.VITE_AUTH_SOCIAL_GOOGLE_ENABLED);
+    const facebookEnabled = parseBooleanEnv(runtimeEnv.VITE_AUTH_SOCIAL_FACEBOOK_ENABLED);
+    const appleEnabled = parseBooleanEnv(runtimeEnv.VITE_AUTH_SOCIAL_APPLE_ENABLED);
+    return createJBWebConfig(baseConfig, {
+        debug: runtimeEnv.VITE_DEBUG === 'true' ? true : undefined,
+        stage: runtimeEnv.VITE_STAGE,
+        integrations: {
+            mapboxToken: runtimeEnv.VITE_MAPBOX_TOKEN
+        },
+        auth: {
+            apiBasePath: runtimeEnv.VITE_AUTH_BASE_PATH,
+            social: {
+                google: {
+                    ...(typeof googleEnabled === 'boolean' ? { enabled: googleEnabled } : {}),
+                    clientId: runtimeEnv.VITE_AUTH_SOCIAL_GOOGLE_CLIENT_ID,
+                    redirectUri: runtimeEnv.VITE_AUTH_SOCIAL_GOOGLE_REDIRECT_URI,
+                    scope: runtimeEnv.VITE_AUTH_SOCIAL_GOOGLE_SCOPE
+                },
+                facebook: {
+                    ...(typeof facebookEnabled === 'boolean' ? { enabled: facebookEnabled } : {}),
+                    clientId: runtimeEnv.VITE_AUTH_SOCIAL_FACEBOOK_CLIENT_ID,
+                    redirectUri: runtimeEnv.VITE_AUTH_SOCIAL_FACEBOOK_REDIRECT_URI,
+                    scope: runtimeEnv.VITE_AUTH_SOCIAL_FACEBOOK_SCOPE
+                },
+                apple: {
+                    ...(typeof appleEnabled === 'boolean' ? { enabled: appleEnabled } : {}),
+                    clientId: runtimeEnv.VITE_AUTH_SOCIAL_APPLE_CLIENT_ID,
+                    redirectUri: runtimeEnv.VITE_AUTH_SOCIAL_APPLE_REDIRECT_URI,
+                    scope: runtimeEnv.VITE_AUTH_SOCIAL_APPLE_SCOPE
+                }
+            }
+        }
+    });
+};
+export const getAuthBasePath = (config) => {
+    return config.auth?.apiBasePath || '/authentication';
+};
+export const getAuthProfileRoles = (config) => {
+    return config.auth?.profileRoles ?? [];
+};
+export const getAuthSignupProfileRoles = (config) => {
+    return getAuthProfileRoles(config).filter((role) => role.allowSignup);
+};
+export const getAuthDefaultProfileRole = (config) => {
+    return config.auth?.defaultProfileRole;
+};
+export const getAuthSocialConfig = (config) => {
+    return config.auth?.social ?? defaultJBAppConfig.auth.social;
+};

package/dist/config/defaults.d.ts

@@ -0,0 +1,3 @@
+import { JBAppConfig } from './types';
+export declare const defaultJBAppConfig: JBAppConfig;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/config/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,kBAAkB,EAAE,WAsChC,CAAC"}

package/dist/config/defaults.js

@@ -0,0 +1,38 @@
+export const defaultJBAppConfig = {
+    debug: false,
+    forceHideStage: false,
+    stage: 'DEVELOPMENT',
+    defaultRows: 10,
+    maxRows: 999999999,
+    momentLocale: 'es-mx',
+    defaultLocaleDate: 'es',
+    dateFormat: 'YYYY-MM-DD',
+    dateTimeFormat: 'dddd DD MMM YYYY HH:mm:ss',
+    defaultFormatDateAPI: 'YYYY-MM-DD',
+    api: {
+        version: 'v1',
+        host: {
+            PRODUCTION: 'https://api.example.com',
+            QA: 'https://api-qa.example.com',
+            DEVELOPMENT: 'http://127.0.0.1:8000',
+            LOCAL: 'http://localhost:8000'
+        }
+    },
+    auth: {
+        apiBasePath: '/authentication',
+        profileRoles: [],
+        defaultProfileRole: undefined,
+        social: {
+            google: {
+                enabled: false
+            },
+            facebook: {
+                enabled: false
+            },
+            apple: {
+                enabled: false
+            }
+        }
+    },
+    integrations: {}
+};

package/dist/config/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './defaults';
+export * from './merge';
+export * from './createConfig';
+//# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/config/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './defaults';
+export * from './merge';
+export * from './createConfig';

package/dist/config/merge.d.ts

@@ -0,0 +1,2 @@
+export declare const deepMerge: <T extends Record<string, unknown>>(base: T, overrides?: Record<string, unknown>) => T;
+//# sourceMappingURL=merge.d.ts.map

package/dist/config/merge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/config/merge.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,CAqB3G,CAAC"}