@dashadmin/dash-admin 1.3.44 → 1.3.46

package/src/providers/i18n/es.ts

@@ -318,8 +318,57 @@ const dashSpanish = {
 		auto_reset_notice: 'Esta pantalla se reiniciará automáticamente en 30 segundos',
 		loading: 'Cargando...',
 	},
+	// Service account API keys
+	serviceAccount: {
+		reveal: {
+			title: 'Copia tu API Key ahora',
+			warning:
+				'Esta es la única vez que se mostrará esta clave. No se puede recuperar más adelante — si la pierdes, tendrás que emitir una nueva.',
+			forKey: 'Clave',
+			copy: 'Copiar',
+			copied: 'Copiado',
+			dismiss: 'La he guardado',
+		},
+		status: {
+			active: 'Activa',
+			disabled: 'Deshabilitada',
+		},
+		expiration: {
+			'1': '1 día',
+			'7': '7 días',
+			'30': '30 días',
+			never: 'Nunca',
+		},
+		notify: {
+			enabled: 'API Key habilitada',
+			disabled: 'API Key deshabilitada',
+			toggle_error: 'No se pudo cambiar el estado de la API Key',
+		},
+		action: {
+			enable: 'Habilitar',
+			disable: 'Deshabilitar',
+		},
+		// Shown when a tenancy-level role is selected: such a key reaches every
+		// tenant in the account, so the tenant field stops being a boundary.
+		tenancy_role_warning:
+			'Este rol otorga acceso a todos los locales de la cuenta. El local seleccionado es informativo, no un límite de seguridad.',
+	},
 	// Resource labels for admin panel
 	resource: {
+		tenancy: {
+			serviceAccounts: {
+				label: 'Cuentas de Servicio',
+				name: 'Nombre',
+				tenant: 'Local',
+				roles: 'Roles',
+				expiration: 'Expiración',
+				status: 'Estado',
+				token: 'Clave',
+				expires_at: 'Expira',
+				last_used_at: 'Último uso',
+				created_at: 'Creado',
+			},
+		},
 		// Groups
 		groups: {
 			system_resources: 'Recursos de Sistema',
@@ -531,6 +580,70 @@ const dashSpanish = {
 		has_modifiers: 'Personalizable',
 		no_more_products: 'No hay más productos',
 	},
+	// JSON Color Selector - extracción de tema desde imagen
+	colorSelector: {
+		imageExtractor: {
+			title_ai: 'Generador de Tema con IA',
+			title_local: 'Tema desde Imagen',
+			upload_prompt: 'Sube una Imagen para Extraer Colores',
+			upload_hint: 'Selecciona un archivo de imagen y extraeremos automáticamente una paleta de colores',
+			upload_button: 'Elegir Imagen',
+			drop_hint: 'o arrástrala aquí',
+			invalid_file_type: 'Por favor selecciona un archivo de imagen válido',
+			file_too_large: 'El archivo debe pesar menos de %{limit}MB',
+			extracting: 'Extrayendo colores de la imagen...',
+			extracted_colors: 'Colores Extraídos (%{count} colores encontrados)',
+			dominant_label: 'Dominante',
+			uploaded_image_alt: 'Imagen subida',
+			no_palette_error: 'Primero extrae los colores de una imagen',
+			theme_generation_failed: 'No se pudo generar el tema',
+			theme_description_label: 'Descripción del Tema (Opcional)',
+			theme_description_placeholder:
+				"Opcional: Describe el estilo de tema que deseas (ej: 'moderno y minimalista', 'cálido y acogedor', 'corporativo profesional')",
+			apply_colors_button: 'Aplicar Colores',
+			generate_button: 'Generar Tema con IA',
+			generating_button: 'Generando...',
+			apply_colors_help_label: 'Aplicar Colores:',
+			apply_colors_help_desc:
+				'Aplica la paleta extraída a los colores base de tu tema localmente — sin usar IA',
+			generate_help_label: 'Generar Tema con IA:',
+			generate_help_desc:
+				'Usa IA para crear un esquema de color completo basado en los colores extraídos y tu descripción',
+		},
+	},
+	// Profile page
+	profile: {
+		title: 'Perfil',
+		subtitle: 'Configuración de perfil',
+		info: {
+			title: 'Info',
+			name: 'Nombre',
+			lastname: 'Apellido',
+			email: 'Email',
+			save: 'Guardar',
+			saving: 'Guardando...',
+		},
+		password: {
+			title: 'Contraseñas',
+			current: 'Contraseña actual',
+			new: 'Nueva contraseña',
+			confirm: 'Repita nueva contraseña',
+			save: 'Guardar Contraseñas',
+			saving: 'Guardando Contraseñas...',
+		},
+		preferences: {
+			title: 'Preferencias',
+		},
+		validation: {
+			required: 'El campo es requerido',
+			password_mismatch: 'Las contraseñas no coinciden',
+		},
+		notify: {
+			success: 'Usuario actualizado correctamente',
+			error: 'Error al actualizar el usuario',
+			error_with_message: 'Error al actualizar el usuario, %{message}',
+		},
+	},
 };
 
 export default {

package/src/providers/i18n/languages.tsx

@@ -3,3 +3,6 @@ import esMessages from './es';
 
 export const en = enMessages;
 export const es = esMessages;
+
+export { mergeTranslations } from './mergeTranslations';
+export type { TranslationMessages } from './mergeTranslations';

package/src/providers/i18n/mergeTranslations.ts

@@ -0,0 +1,53 @@
+/**
+ * Deep-merge translation message trees.
+ *
+ * Apps compose their messages as `{ ...dashAdminEs, ...customSpanish }`. That
+ * spread is shallow, so any top-level key defined on BOTH sides is replaced
+ * wholesale by the app's version - every core key underneath it is silently
+ * dropped. Apps worked around this by hand-merging one extra level for
+ * `resource`, but that only moved the problem down a level: core's
+ * `resource.tenancy.*` is still erased by an app that defines any
+ * `resource.tenancy` key of its own.
+ *
+ * This merges recursively instead, so core can ship translations for a subtree
+ * an app also contributes to. App values still win on leaf collisions.
+ *
+ * Arrays are replaced, not concatenated - a translation array is a complete
+ * value (e.g. a list of month names), never something to append to.
+ *
+ * @example
+ *   mergeTranslations(dashAdminEs, customSpanish)
+ *   // core:  resource.tenancy.serviceAccounts.label
+ *   // app:   resource.tenancy.tenants.label
+ *   // -> both survive
+ */
+export type TranslationMessages = Record<string, any>;
+
+const isPlainObject = (value: unknown): value is TranslationMessages =>
+	typeof value === 'object' &&
+	value !== null &&
+	!Array.isArray(value);
+
+export const mergeTranslations = (
+	...sources: (TranslationMessages | undefined | null)[]
+): TranslationMessages => {
+	const result: TranslationMessages = {};
+
+	for (const source of sources) {
+		if (!isPlainObject(source)) continue;
+
+		for (const key of Object.keys(source)) {
+			const incoming = source[key];
+			const existing = result[key];
+
+			result[key] =
+				isPlainObject(existing) && isPlainObject(incoming)
+					? mergeTranslations(existing, incoming)
+					: incoming;
+		}
+	}
+
+	return result;
+};
+
+export default mergeTranslations;

package/src/resources/User/components/AvatarUploadField.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { IDashAutoAdminCustomFieldComponent } from 'dash-auto-admin';
+import { useRecordContext } from 'react-admin';
+import { SingleImageUploader } from 'dash-components';
+import { useFormContext } from 'react-hook-form';
+
+export type AvatarComponent = IDashAutoAdminCustomFieldComponent;
+
+export const AvatarHandler: React.FC<AvatarComponent> = (props) => {
+	const { method, attribute } = props;
+	const record = useRecordContext();
+	const {
+		setValue,
+		formState: { errors },
+	} = useFormContext();
+
+	const onChange = (file: File) => {
+		setValue(attribute.attribute, file, { shouldDirty: true });
+	};
+
+	return (
+		<>
+			<SingleImageUploader
+				classNamePrefix='dash-profile'
+				{...method === "edit" && { currentUrl: `${record.image_path}`} }
+				onChange={onChange}
+			/>
+			{errors[attribute.attribute] && (
+				<span style={{ color: 'red' }}>
+					{errors[attribute.attribute]?.message?.toString() || 'Error'}
+				</span>
+			)}
+		</>
+	);
+};
+
+/**
+ * Generic user-avatar upload field for the shared user resource schema.
+ *
+ * Moved from kt-ecommerce (components/User/Avatar.tsx) - purely generic
+ * (dash-auto-admin/dash-components/react-hook-form only, no kitchntabs- or
+ * vanexa-specific logic), so it belongs alongside userSchema.tsx here rather
+ * than duplicated per domain. Renamed from "Avatar" to avoid colliding with
+ * dash-admin's unrelated components/user/AvatarComponent.tsx (the topbar
+ * user-menu avatar widget - a different component for a different purpose).
+ */
+const AvatarUploadField = ({ method, attribute, resourceConfig }: IDashAutoAdminCustomFieldComponent) => {
+	switch (method) {
+		case 'edit':
+			return <AvatarHandler attribute={attribute} method={method} resourceConfig={resourceConfig} />;
+		case 'create':
+			return <AvatarHandler attribute={attribute} method={method} resourceConfig={resourceConfig} />;
+		case 'view':
+			return <></>;
+	}
+};
+export default AvatarUploadField;

package/src/resources/User/components/PasswordFields.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+import { IDashAutoAdminCustomFieldComponent } from 'dash-auto-admin';
+import {
+	PasswordInput,
+} from 'react-admin';
+import { Box } from '@mui/material';
+
+/**
+ * Generic password + confirm-password field pair for the shared user
+ * resource schema. Moved from kt-ecommerce (components/User/Password.tsx) -
+ * no kitchntabs- or vanexa-specific logic. Renamed from "Password" to avoid
+ * ambiguity with other password-related components in this package.
+ */
+export type PasswordComponent = IDashAutoAdminCustomFieldComponent;
+export const PasswordShow: React.FC<PasswordComponent> = (_props) => {
+	return <></>;
+};
+export const PasswordEdit: React.FC<PasswordComponent> = (_props) => {
+
+	return (
+		<>
+			<Box>
+				<PasswordInput
+					sx={{ width: '100%' }}
+					autoComplete='off'
+					source='Contraseña'
+					name='password'
+				/>
+			</Box>
+			<Box>
+				<PasswordInput
+					sx={{ width: '100%' }}
+					autoComplete='off'
+					source='Confirmar Contraseña'
+					name='password_confirmation'
+				/>
+			</Box>
+		</>
+	);
+};
+export const PasswordCreate: React.FC<PasswordComponent> = (_props) => {
+
+
+	return (
+		<>
+			<Box>
+				<PasswordInput
+					sx={{ width: '100%' }}
+					source='Contraseña'
+					name='password'
+				/>
+			</Box>
+			<Box>
+				<PasswordInput
+					sx={{ width: '100%' }}
+					source='Confirmar Contraseña'
+					name='password_confirmation'
+				/>
+			</Box>
+		</>
+	);
+};
+const PasswordFields = ({ method, attribute, resourceConfig }: IDashAutoAdminCustomFieldComponent) => {
+	switch (method) {
+		case 'edit':
+			return <PasswordEdit attribute={attribute} method={method} resourceConfig={resourceConfig} />;
+		case 'create':
+			return <PasswordCreate attribute={attribute} method={method} resourceConfig={resourceConfig} />;
+		case 'view':
+			return <PasswordShow attribute={attribute} method={method} resourceConfig={resourceConfig} />;
+	}
+};
+export default PasswordFields;

package/src/resources/User/getProfileMenu.ts

@@ -0,0 +1,57 @@
+/**
+ * Profile menu generator for user navigation.
+ *
+ * Moved here from kt-utils (getProfileMenu.ts) per the profile/user resource
+ * refactor - it is consumed by resources/User/profileResource.tsx, which now
+ * also lives in this package, and doesn't depend on anything kitchntabs- or
+ * vanexa-specific beyond the 'Cliente' role check below (kept verbatim - both
+ * domains currently use it identically; a domain that needs a different
+ * profile menu can still override profileResource.menu after importing it).
+ */
+
+import { dashStorage } from 'dash-utils';
+import type IApplicationLayoutMenuItem from 'dash-auto-admin/src/interfaces/IDashApplicationLayoutMenuItem';
+
+/**
+ * Generates the profile menu based on user roles
+ */
+const getProfileMenu = (resourceConfig?: any): IApplicationLayoutMenuItem[] => {
+    const userStr = dashStorage.getItem('user');
+    const rolesStr = dashStorage.getItem('roles');
+
+    const user = userStr ? JSON.parse(userStr) : null;
+    const roles: any[] = rolesStr ? JSON.parse(rolesStr) : [];
+
+    const profileMenu: IApplicationLayoutMenuItem[] = [
+        {
+            title: 'Perfil',
+            redirect: '/profile',
+        },
+    ];
+
+    const isCliente = roles
+        ? roles.map((role) => role.name).includes('Cliente')
+        : false;
+
+    if (isCliente) {
+        profileMenu.push(
+            {
+                title: 'Comunas',
+                redirect: '/profile/commune',
+            },
+            {
+                title: 'Centros Logísticos',
+                redirect: '/profile/logistic-center',
+            },
+            {
+                title: 'Notificaciones',
+                redirect: '/profile/notification',
+            },
+        );
+    }
+
+    return profileMenu;
+};
+
+export default getProfileMenu;
+export { getProfileMenu };

package/src/resources/User/profileResource.tsx

@@ -0,0 +1,51 @@
+import { IDashAutoAdminResourceConfig } from 'dash-auto-admin';
+import ResourceTemplate from '../../templates/ResourceTemplate';
+import Dashboard from '@mui/icons-material/Dashboard';
+import {DASHAdminSystemConstants} from 'dash-constants';
+
+import getProfileMenu from './getProfileMenu';
+
+/**
+ * Shared "/profile" resource shell.
+ *
+ * Moved here from kt-ecommerce (resources/user/profileResource.tsx) - the
+ * config itself is generic. `listComponent` is intentionally left unset: the
+ * kt-ecommerce original hardcoded kt-pages' CustomProfile page, which would
+ * have made this package depend on a kitchntabs-flavored consumer package
+ * (backwards - dash-admin is core, kt-pages/kt-ecommerce are domain layers
+ * built on top of it). Each app supplies its own profile page component by
+ * overriding `listComponent` after importing this base config, e.g.:
+ *
+ *   import profileResource from 'dash-admin/src/resources/User/profileResource';
+ *   import CustomProfile from 'kt-pages/src/pages/Account/CustomProfile';
+ *
+ *   export default {
+ *     ...profileResource,
+ *     listComponent: (_resourceConfig) => <CustomProfile />,
+ *   };
+ */
+const profileResource: IDashAutoAdminResourceConfig = {
+	filterWithSubmit: true,
+	roles: ["*"
+		/*
+        DASHAdminSystemConstants.system.DASH_SYSTEM_ROLE,
+		DASHAppConstants.system.TENANT_ROLE,
+		DASHAppConstants.system.USER_ROLE,
+		DASHAppConstants.system.CREATOR_ROLE,
+		DASHAppConstants.system.CLOSING_ROLE,
+		DASHAppConstants.system.GUNNER_ROLE,
+		DASHAppConstants.system.DRIVER_ROLE
+        */
+	],
+	component: ResourceTemplate,
+	hidden: true,
+	model: 'profile',
+	group: 'Perfil',
+	label: 'Perfil',
+	icon: <Dashboard />,
+	schema: null,
+	menu: getProfileMenu,
+	listProps : { perPage: DASHAdminSystemConstants.system.DEFAULT_PER_PAGE || 50}
+};
+
+export default profileResource;

package/src/resources/User/userLayout.tsx

@@ -0,0 +1,62 @@
+import { Box, Card, Grid } from '@mui/material';
+
+const userLayout = (render) => {
+	return (
+      <Grid container spacing={1}>
+							<Grid size={{ xs: 12, md: 4 }}>
+								<Grid container>
+									<Grid size={12}>
+										<Card sx={{ mb: 1 }} className='dash-widget'>
+											<Box
+												sx={{ p: 1 }}
+												style={{ display: 'flex', alignItems: 'center' }}
+											>
+												<span className='card-title'>Avatar</span>
+											</Box>
+											<Box sx={{ p: 1 }}>{render('Avatar')}</Box>
+										</Card>
+									</Grid>
+									<Grid size={12}>
+										<Card sx={{ mb: 1 }} className='dash-widget'>
+											<Box
+												sx={{ p: 1 }}
+												style={{ display: 'flex', alignItems: 'center' }}
+											>
+												<span className='card-title'>Credenciales</span>
+											</Box>
+											<Box sx={{ p: 1 }}>{render('Credenciales')}</Box>
+										</Card>
+									</Grid>
+								</Grid>
+							</Grid>
+							<Grid size={{ xs: 12, md: 8 }}>
+								<Grid container >
+									<Grid size={12}>
+										<Card sx={{ mb: 1 }} className='dash-widget'>
+											<Box
+												sx={{ p: 1 }}
+												style={{ display: 'flex', alignItems: 'center' }}
+											>
+												<span className='card-title'>Datos del usuario</span>
+											</Box>
+											<Box sx={{ p: 1 }}>{render('Datos del usuario')}</Box>
+										</Card>
+									</Grid>
+									<Grid size={12}>
+										<Card sx={{ mb: 1 }} className='dash-widget'>
+											<Box
+												sx={{ p: 1 }}
+												style={{ display: 'flex', alignItems: 'center' }}
+											>
+												<span className='card-title'>Configuración</span>
+											</Box>
+											<Box sx={{ p: 1 }}>{render('Configuración')}</Box>
+										</Card>
+									</Grid>
+								</Grid>
+							</Grid>
+						</Grid>
+
+	);};
+
+export default userLayout;

package/src/resources/User/userResource.tsx

@@ -0,0 +1,111 @@
+import { IDashAutoAdminResourceConfig } from 'dash-auto-admin';
+import ResourceTemplate from '../../templates/ResourceTemplate';
+import Settings from '@mui/icons-material/Settings';
+
+
+import { PaginationComponent } from 'dash-components';
+
+import { Card } from '@mui/material';
+import { downloadCSV } from 'react-admin';
+import {DASHAppConstants} from 'dash-constants';
+import jsonExport from 'jsonexport/dist';
+import {DASHAdminSystemConstants} from 'dash-constants';
+import userLayout from './userLayout';
+import userSchema from './userSchema';
+import { NoResults } from '../../components/misc/NoResults';
+import usersFilters from './usersFilters';
+
+/**
+ * Shared tenant-user CRUD resource (list/create/edit/trash for `tenant/user`).
+ *
+ * Moved here from kt-ecommerce (resources/user/userResource.tsx) - nothing in
+ * this config is kitchntabs- or vanexa-specific (model, schema, layout and
+ * filters were all already generic; the only reason it lived in kt-ecommerce
+ * was history), so every app - kitchntabs-* and vanexa-* alike - should
+ * consume this single copy instead of each domain package carrying its own.
+ */
+const userResource: IDashAutoAdminResourceConfig = {
+  filterWithSubmit: true,
+  roles: [
+    DASHAdminSystemConstants.system.DASH_SYSTEM_ROLE,
+    DASHAppConstants.system.TENANT_ROLE,
+  ],
+  component: ResourceTemplate,
+  trash: true,
+  model: 'tenant/user',
+
+  schema: userSchema,
+  icon: <Settings />,
+
+   group: "resource.groups.configuration",
+   label: "resource.ecommerce.users.label",
+
+  menu: [
+            {
+                title: 'Usuarios',
+                redirect: '/tenant/user',
+            },
+            {
+                title: "🗑",
+                redirect: "/tenant/user/trash",
+            }
+        ],
+  resourceMenuDisabled: false,
+  refreshAfter:true,
+  /*customListActions: (props) => {
+    const { children } = props;
+    return <Card sx={{ mb: 2 }} className='dash-card-content dash-module top-toolbar'>{children}</Card>;
+  },*/
+  isFormData: true,
+  /** @deprecated TODO: side effects? seems is not implemented anywhere */
+  listEditButton: { enabled: true },
+
+  postFormatter: (params, _method) => {
+    if (!params.avatar) {
+      // delete the param if value is falsy, undefined, null, etc..
+      delete params.avatar;
+    }
+    return params;
+  },
+  dataGridProps: { stickyHeader: true, empty: <NoResults />,  bulkActionButtons: false },
+  listProps: { perPage: DASHAdminSystemConstants.system.DEFAULT_PER_PAGE || 50, empty: false },
+  dataGridWrapper: (props) => {
+    const { children } = props;
+    return <div className='sticky-header-wrapper'>{children}</div>;
+  },
+  redirectAfterUpdate: false,
+  createLayout: userLayout,
+  editLayout: userLayout,
+  formGroupMode: 'layout',
+  /*exporter: (clients) => {
+    const clientsForExport = clients.map((client) => {
+      return client;
+    });
+    jsonExport(
+      clientsForExport,
+      {
+        //headers: ['id', 'title', 'author_name', 'body'] // order fields in the export
+      },
+      (err, csv) => {
+        downloadCSV(csv, 'clientes');
+      },
+    );
+  },*/
+  create: true,
+  edit: true,
+  view: false,
+  listViewButton: { enabled: false },
+  toolbarCreateButton: { enabled: true },
+  toolbarEditButton: { enabled: false },
+  toolbarExportButton: { enabled: false },
+  toolbarListButton: { enabled: true },
+  listDeleteButton: { enabled: true, props: { confirm: true } },
+  Pagination: PaginationComponent,
+  drawer: false,
+
+  mutationMode: 'pessimistic',
+  referenceFilters: usersFilters,
+
+};
+
+export default userResource;