@dashadmin/dash-admin 1.3.73 → 1.3.74-srcfree.2

package/src/schemas/subscription/components/SubscriptionPlanPreview.tsx

@@ -1,141 +0,0 @@
-import React from 'react';
-import {
-    Card,
-    CardContent,
-    Typography,
-    Box,
-    Chip,
-    List,
-    ListItem,
-    ListItemIcon,
-    ListItemText,
-    Button,
-    Divider
-} from '@mui/material';
-import { Check as CheckIcon, Star as StarIcon } from '@mui/icons-material';
-import { useRecordContext } from 'react-admin';
-import { IDashAutoAdminCustomFieldComponent } from "dash-auto-admin";
-import { priceFormatter } from 'dash-utils';
-
-const SubscriptionPlanPreview: React.FC<IDashAutoAdminCustomFieldComponent> = ({ method, attribute, resourceConfig }) => {
-    const record = useRecordContext();
-
-    if (!record) return null;
-
-    const formatPrice = (price: number) => {
-        return priceFormatter(price, 'CLP');
-    };
-
-    const getBillingCycleText = (cycle: string) => {
-        return cycle === 'monthly' ? 'mes' : 'año';
-    };
-
-    return (
-        <Box sx={{
-            maxWidth: 400
-        }}>
-            <Card elevation={3}>
-                <CardContent>
-                    {/* Header */}
-                    <Box
-                        sx={{
-                            textAlign: "center",
-                            mb: 2
-                        }}>
-                        <Typography variant="h5" component="h2" gutterBottom>
-                            {record.name}
-                        </Typography>
-                        
-                        {record.has_trial && (
-                            <Chip
-                                icon={<StarIcon />}
-                                label={`${record.trial_days} días gratis`}
-                                color="primary"
-                                size="small"
-                                sx={{ mb: 1 }}
-                            />
-                        )}
-                        
-                        <Typography variant="h3" component="div" color="primary">
-                            {formatPrice(record.price)}
-                        </Typography>
-                        
-                        <Typography variant="body2" color="textSecondary">
-                            por {getBillingCycleText(record.billing_cycle)}
-                        </Typography>
-
-                        {record.billing_cycle === 'yearly' && (
-                            <Typography variant="body2" sx={{
-                                color: "success.main"
-                            }}>
-                                {formatPrice(record.price_per_month)} por mes
-                            </Typography>
-                        )}
-                    </Box>
-
-                    <Divider sx={{ my: 2 }} />
-
-                    {/* Description */}
-                    {record.description && (
-                        <Typography variant="body2" color="textSecondary" sx={{
-                            marginBottom: "16px"
-                        }}>
-                            {record.description}
-                        </Typography>
-                    )}
-
-                    {/* Features */}
-                    {record.features && record.features.length > 0 && (
-                        <Box>
-                            <Typography variant="h6" gutterBottom>
-                                Características incluidas:
-                            </Typography>
-                            <List dense>
-                                {record.features.map((feature: string, index: number) => (
-                                    <ListItem key={index} disableGutters>
-                                        <ListItemIcon sx={{ minWidth: 32 }}>
-                                            <CheckIcon color="success" fontSize="small" />
-                                        </ListItemIcon>
-                                        <ListItemText 
-                                            primary={feature}
-                                            slotProps={{
-                                                primary: { variant: 'body2' }
-                                            }}
-                                        />
-                                    </ListItem>
-                                ))}
-                            </List>
-                        </Box>
-                    )}
-
-                    <Divider sx={{ my: 2 }} />
-
-                    {/* Action Button */}
-                    <Button
-                        variant="contained"
-                        fullWidth
-                        size="large"
-                        disabled={!record.is_active}
-                    >
-                        {record.has_trial ? 'Comenzar Prueba Gratis' : 'Suscribirse Ahora'}
-                    </Button>
-
-                    {!record.is_active && (
-                        <Typography
-                            variant="caption"
-                            color="error"
-                            sx={{
-                                display: "block",
-                                textAlign: "center",
-                                mt: 1
-                            }}>
-                            Plan no disponible
-                        </Typography>
-                    )}
-                </CardContent>
-            </Card>
-        </Box>
-    );
-};
-
-export default SubscriptionPlanPreview;

package/src/schemas/subscription/components/SubscriptionPlanStats.tsx

@@ -1,318 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-    Grid,
-    Card,
-    CardContent,
-    Typography,
-    Box,
-    CircularProgress,
-    Chip
-} from '@mui/material';
-import {
-    TrendingUp as TrendingUpIcon,
-    People as PeopleIcon,
-    AttachMoney as MoneyIcon,
-    Timeline as TimelineIcon
-} from '@mui/icons-material';
-import { useRecordContext, useDataProvider } from 'react-admin';
-import { IDashAutoAdminCustomFieldComponent } from "dash-auto-admin";
-import { priceFormatter } from 'dash-utils';
-
-interface PlanStats {
-    total_subscriptions: number;
-    active_subscriptions: number;
-    trial_subscriptions: number;
-    cancelled_subscriptions: number;
-    total_revenue: number;
-    monthly_revenue: number;
-    conversion_rate: number;
-}
-
-const StatsView: React.FC<IDashAutoAdminCustomFieldComponent> = ({ method, attribute, resourceConfig }) => {
-    const record = useRecordContext();
-    const dataProvider = useDataProvider();
-    const [stats, setStats] = useState<PlanStats | null>(null);
-    const [loading, setLoading] = useState(true);
-
-    useEffect(() => {
-        if (record?.id) {
-            fetchStats();
-        }
-    }, [record?.id]);
-
-    const fetchStats = async () => {
-        try {
-            setLoading(true);
-            const { data } = await dataProvider.getOne('system/subscription-plan/stats', {id:record.id});
-            setStats(data);
-        } catch (error) {
-            console.error('Error fetching plan stats:', error);
-            setStats({
-                total_subscriptions: record.active_subscriptions_count || 0,
-                active_subscriptions: record.active_subscriptions_count || 0,
-                trial_subscriptions: 0,
-                cancelled_subscriptions: 0,
-                total_revenue: 0,
-                monthly_revenue: 0,
-                conversion_rate: 0
-            });
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    const formatCurrency = (amount: number) => {
-        return priceFormatter(amount, 'CLP');
-    };
-
-    if (loading) {
-        return (
-            <Box
-                sx={{
-                    display: "flex",
-                    justifyContent: "center",
-                    p: 4
-                }}>
-                <CircularProgress />
-            </Box>
-        );
-    }
-
-    if (!stats) {
-        return (
-            <Typography variant="body2" color="error">
-                Error al cargar las estadísticas
-            </Typography>
-        );
-    }
-
-    return (
-        <Box>
-            <Typography variant="h6" gutterBottom>
-                Estadísticas del Plan
-            </Typography>
-
-            <Grid container spacing={2}>
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={{ xs: 12, sm: 6, md: 3 }}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    mb: 1
-                                }}>
-                                <PeopleIcon color="primary" sx={{ mr: 1 }} />
-                                <Typography variant="h6" color="primary">
-                                    {stats.total_subscriptions}
-                                </Typography>
-                            </Box>
-                            <Typography variant="body2" color="textSecondary">
-                                Total Suscripciones
-                            </Typography>
-                        </CardContent>
-                    </Card>
-                </Grid>
-
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={{ xs: 12, sm: 6, md: 3 }}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    mb: 1
-                                }}>
-                                <TrendingUpIcon color="success" sx={{ mr: 1 }} />
-                                <Typography variant="h6" sx={{
-                                    color: "success.main"
-                                }}>
-                                    {stats.active_subscriptions}
-                                </Typography>
-                            </Box>
-                            <Typography variant="body2" color="textSecondary">
-                                Suscripciones Activas
-                            </Typography>
-                        </CardContent>
-                    </Card>
-                </Grid>
-
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={{ xs: 12, sm: 6, md: 3 }}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    mb: 1
-                                }}>
-                                <TimelineIcon color="info" sx={{ mr: 1 }} />
-                                <Typography variant="h6" sx={{
-                                    color: "info.main"
-                                }}>
-                                    {stats.trial_subscriptions}
-                                </Typography>
-                            </Box>
-                            <Typography variant="body2" color="textSecondary">
-                                En Período de Prueba
-                            </Typography>
-                        </CardContent>
-                    </Card>
-                </Grid>
-
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={{ xs: 12, sm: 6, md: 3 }}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    mb: 1
-                                }}>
-                                <Typography variant="h6" sx={{
-                                    color: "error.main"
-                                }}>
-                                    {stats.cancelled_subscriptions}
-                                </Typography>
-                            </Box>
-                            <Typography variant="body2" color="textSecondary">
-                                Canceladas
-                            </Typography>
-                        </CardContent>
-                    </Card>
-                </Grid>
-
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={{ xs: 12, sm: 6 }}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    mb: 1
-                                }}>
-                                <MoneyIcon color="success" sx={{ mr: 1 }} />
-                                <Typography variant="h6" sx={{
-                                    color: "success.main"
-                                }}>
-                                    {formatCurrency(stats.total_revenue)}
-                                </Typography>
-                            </Box>
-                            <Typography variant="body2" color="textSecondary">
-                                Ingresos Totales
-                            </Typography>
-                        </CardContent>
-                    </Card>
-                </Grid>
-
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={{ xs: 12, sm: 6 }}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    mb: 1
-                                }}>
-                                <MoneyIcon color="primary" sx={{ mr: 1 }} />
-                                <Typography variant="h6" color="primary">
-                                    {formatCurrency(stats.monthly_revenue)}
-                                </Typography>
-                            </Box>
-                            <Typography variant="body2" color="textSecondary">
-                                Ingresos Mensuales
-                            </Typography>
-                        </CardContent>
-                    </Card>
-                </Grid>
-
-                {/* @ts-ignore - Grid API compatibility issue */}
-                <Grid component="div" item size={12}>
-                    <Card>
-                        <CardContent>
-                            <Box
-                                sx={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    justifyContent: "space-between"
-                                }}>
-                                <Box>
-                                    <Typography variant="h6">
-                                        Tasa de Conversión
-                                    </Typography>
-                                    <Typography variant="body2" color="textSecondary">
-                                        De prueba a suscripción pagada
-                                    </Typography>
-                                </Box>
-                                <Chip
-                                    label={`${stats.conversion_rate.toFixed(1)}%`}
-                                    color={stats.conversion_rate > 50 ? 'success' : stats.conversion_rate > 25 ? 'warning' : 'error'}
-                                    size="medium"
-                                />
-                            </Box>
-                        </CardContent>
-                    </Card>
-                </Grid>
-            </Grid>
-
-            <Box sx={{
-                mt: 3
-            }}>
-                <Typography variant="h6" gutterBottom>
-                    Información Adicional
-                </Typography>
-                <Grid container spacing={2}>
-                    {/* @ts-ignore - Grid API compatibility issue */}
-                    <Grid component="div" item size={{ xs: 12, sm: 6 }}>
-                        <Typography variant="body2" color="textSecondary">
-                            <strong>Estado del Plan:</strong>{' '}
-                            <Chip
-                                label={record.is_active ? 'Activo' : 'Inactivo'}
-                                color={record.is_active ? 'success' : 'error'}
-                                size="small"
-                            />
-                        </Typography>
-                    </Grid>
-                    {/* @ts-ignore - Grid API compatibility issue */}
-                    <Grid component="div" item size={{ xs: 12, sm: 6 }}>
-                        <Typography variant="body2" color="textSecondary">
-                            <strong>Período de Prueba:</strong>{' '}
-                            {record.has_trial ? `${record.trial_days} días` : 'No disponible'}
-                        </Typography>
-                    </Grid>
-                    {/* @ts-ignore - Grid API compatibility issue */}
-                    <Grid component="div" item size={{ xs: 12, sm: 6 }}>
-                        <Typography variant="body2" color="textSecondary">
-                            <strong>Ciclo de Facturación:</strong>{' '}
-                            {record.billing_cycle_label}
-                        </Typography>
-                    </Grid>
-                    {/* @ts-ignore - Grid API compatibility issue */}
-                    <Grid component="div" item size={{ xs: 12, sm: 6 }}>
-                        <Typography variant="body2" color="textSecondary">
-                            <strong>Precio por Mes:</strong>{' '}
-                            {formatCurrency(record.price_per_month)}
-                        </Typography>
-                    </Grid>
-                </Grid>
-            </Box>
-        </Box>
-    );
-};
-
-const SubscriptionPlanStats = ({ method, attribute, resourceConfig }: IDashAutoAdminCustomFieldComponent) => {
-    switch (method) {
-        case "view":
-            return <StatsView attribute={attribute} method={method} resourceConfig={resourceConfig} />;
-        default:
-            return <></>;
-    }
-};
-
-export default SubscriptionPlanStats;

package/src/schemas/subscription/components/SubscriptionStatusIndicator.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { Chip, Box } from '@mui/material';
-import { useRecordContext } from 'react-admin';
-import { IDashAutoAdminCustomFieldComponent } from "dash-auto-admin";
-
-const ListComponent: React.FC<IDashAutoAdminCustomFieldComponent> = ({ method, attribute, resourceConfig }) => {
-    const record = useRecordContext();
-    if (!record) return null;
-
-    const getStatusColor = (status: string) => {
-        switch (status) {
-            case 'active':
-                return 'success';
-            case 'trial':
-                return 'info';
-            case 'cancelled':
-                return 'warning';
-            case 'expired':
-                return 'error';
-            default:
-                return 'default';
-        }
-    };
-
-    const getStatusLabel = (status: string) => {
-        switch (status) {
-            case 'active':
-                return 'Activa';
-            case 'trial':
-                return 'Período de Prueba';
-            case 'cancelled':
-                return 'Cancelada';
-            case 'expired':
-                return 'Expirada';
-            default:
-                return status;
-        }
-    };
-
-    return (
-        <Box>
-            <Chip 
-                label={getStatusLabel(record.status)}
-                color={getStatusColor(record.status)}
-                size="small"
-            />
-            {record.is_on_trial && (
-                <Chip 
-                    label={`${record.days_until_expiry} días restantes`}
-                    color="info"
-                    size="small"
-                    variant="outlined"
-                    style={{ marginLeft: 8 }}
-                />
-            )}
-        </Box>
-    );
-};
-
-const SubscriptionStatusIndicator = ({ method, attribute, resourceConfig }: IDashAutoAdminCustomFieldComponent) => {
-    switch (method) {
-        case "edit":
-        case "create":
-        case "view":
-        case "list":
-            return <ListComponent attribute={attribute} method={method} resourceConfig={resourceConfig} />
-        default:
-            return <></>;
-    }
-};
-
-export default SubscriptionStatusIndicator;