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

package/src/default-theme/updateDomCssVariables.tsx

@@ -1,176 +0,0 @@
-function getCssVarFromDom(key: string): string | undefined {
-    const value = getComputedStyle(document.documentElement).getPropertyValue(`--${key}`).trim();
-    return value || undefined;
-}
-
-function getAllCSSVariableNames(styleSheets: StyleSheetList = document.styleSheets): string[] {
-    const cssVars = new Set<string>();
-
-    for (let i = 0; i < styleSheets.length; i++) {
-        const sheet = styleSheets[i];
-        let rules: CSSRuleList | undefined;
-
-        try {
-            // Some stylesheets may be cross-origin and throw on access
-            rules = (sheet as CSSStyleSheet).cssRules;
-        } catch {
-            continue;
-        }
-
-        if (!rules) continue;
-
-        for (let j = 0; j < rules.length; j++) {
-            const rule = rules[j];
-            // Only process style rules (ignore @media, @font-face, etc.)
-            if ('style' in rule && rule.style) {
-                const style = rule.style as CSSStyleDeclaration;
-                for (let k = 0; k < style.length; k++) {
-                    const name = style[k];
-                    if (name.startsWith('--')) {
-                        cssVars.add(name);
-                    }
-                }
-            }
-        }
-    }
-
-    return Array.from(cssVars);
-}
-
-/**
- * Read CSS variables from all stylesheets EXCEPT the dynamic theme style element.
- * This gives us the "static" compiled LESS/CSS defaults, unaffected by our own dynamic overrides.
- */
-function getStaticCssVariables(): Record<string, string> {
-    const result: Record<string, string> = {};
-    for (let i = 0; i < document.styleSheets.length; i++) {
-        const sheet = document.styleSheets[i];
-        const ownerNode = sheet.ownerNode as HTMLElement;
-        // Skip our dynamic theme style element to avoid reading back our own values
-        if (ownerNode?.id === 'dash-theme-variables') continue;
-        try {
-            const rules = (sheet as CSSStyleSheet).cssRules;
-            if (!rules) continue;
-            for (let j = 0; j < rules.length; j++) {
-                const rule = rules[j];
-                if ('selectorText' in rule && (rule as CSSStyleRule).selectorText === ':root') {
-                    const style = (rule as CSSStyleRule).style;
-                    for (let k = 0; k < style.length; k++) {
-                        const name = style[k];
-                        if (name.startsWith('--')) {
-                            result[name] = style.getPropertyValue(name).trim();
-                        }
-                    }
-                }
-            }
-        } catch {
-            continue;
-        }
-    }
-    return result;
-}
-
-export const updateDomCssVariables = (
-    theme: string,
-    colors?: { [x: string]: string },
-    values?: { [x: string]: string }
-) => {
-    const debug = false;
-    const themeSuffix = `--${theme}`;
-    const logKeys = [
-        // "primary-color--light",
-        // "primary-color--dark",
-         "framed_layout-bg--light",
-         "framed_layout-bg--dark",
-        // "primary-color--light",
-        // "primary-contrast--light",
-        // "primary-contrast--dark",
-        // "secondary-color--light",
-        // "secondary-color--dark",
-        // "highlight-color--light",
-        // "highlight-color--dark",
-        //"framed_layout-bg--light",
-        //"framed_layout-bg--dark",
-    ];
-
-    // Find or create the style element
-    let themeStyleElement = document.getElementById('dash-theme-variables') as HTMLStyleElement | null;
-
-    if (!themeStyleElement) {
-        themeStyleElement = document.createElement('style');
-        themeStyleElement.id = 'dash-theme-variables';
-    }
-
-    // CRITICAL FIX: Always ensure the style element is at the END of <head>
-    // for highest CSS cascade priority. This ensures our dynamic tenant colors
-    // override the static compiled LESS/CSS defaults.
-    // appendChild on an already-attached element moves it to the new position.
-    document.head.appendChild(themeStyleElement);
-
-    let styleString = '';
-
-    values && Object.entries(values).forEach(([key, value]) => {
-        styleString += `--${key}: ${value}; `;
-    });
-
-    // When no colors provided, read from static stylesheets (excluding our dynamic style)
-    // to get compiled LESS defaults instead of reading back our own previous values.
-    const staticVars = colors ? undefined : getStaticCssVariables();
-
-    // Collect all keys to set (from colors or fallback to static stylesheets)
-    const allKeys = new Set<string>();
-    if (colors) {
-        Object.keys(colors).forEach(k => allKeys.add(k));
-    } else {
-        // Use static CSS variables (from compiled LESS, NOT our dynamic style)
-        Object.keys(staticVars!).forEach(name => {
-            allKeys.add(name.slice(2)); // remove leading '--'
-        });
-    }
-    logKeys.forEach(k => allKeys.add(k));
-
-    allKeys.forEach(key => {
-        // Get value: prefer colors param, then static vars, then computed DOM
-        let value = colors?.[key];
-        if (!value && staticVars) {
-            value = staticVars[`--${key}`];
-        }
-        if (!value) value = getCssVarFromDom(key);
-
-        if (value) {
-            // Only add the variable if it doesn't end with a theme suffix OR matches the current theme
-            // This prevents variables for other themes from being included
-            const isThemeVariable = key.includes('--');
-            const isCurrentTheme = key.endsWith(themeSuffix);
-            
-            // Add all non-theme variables and only the ones for current theme
-            if (!isThemeVariable || isCurrentTheme) {
-                styleString += `--${key}: ${value}; `;
-                if (logKeys.includes(key)) {
-                    debug && console.log(`%c ⬤ --${key}: ${value}; `, `color: ${value};`);
-                }
-            }
-        }
-        
-        // Only set baseKey for the current theme
-        if (key.endsWith(themeSuffix)) {
-            const baseKey = key.slice(0, -themeSuffix.length);
-            let baseValue = colors?.[key];
-            if (!baseValue && staticVars) {
-                baseValue = staticVars[`--${key}`];
-            }
-            if (!baseValue) baseValue = getCssVarFromDom(key);
-            if (baseValue) {
-                styleString += `--${baseKey}: ${baseValue}; `;
-                if (logKeys.includes(`${baseKey}${themeSuffix}`)) {
-                    debug && console.log(`%c ⬤ [DEFAULT][${themeSuffix}] --${baseKey}: ${baseValue}; `, `color: ${baseValue};`);
-                }
-            }
-        }
-    });
-    // Remove this log or set debug to false in production
-    debug && console.log("STYLES", styleString);
-    themeStyleElement.textContent = `:root { ${styleString} }`;
-};
-
-export default updateDomCssVariables;

package/src/helpers/checkRole.tsx

@@ -1,66 +0,0 @@
-import { getCookie } from '../utils/cookies';
-
-/**
- * Checks if the current user has the specified roles or permissions.
- *
- * @param permissions - An array of permission names to check.
- * @param roles - An array of role names to check.
- * @returns True if the user has the specified roles or permissions, false otherwise.
- */
-
-/**
- * Checks if the current user has the specified roles or permissions.
- *
- * @param permissions - An array of permission names to check.
- * @param roles - An array of role names to check.
- * @returns True if the user has the specified roles or permissions, false otherwise.
- */
-const checkRole = (permissions, roles) => {
-	const debug = false;
-  
-	if (debug) console.info('Check Roles', permissions, roles);
-	
-	if ((Array.isArray(roles) && roles.map(r => r.toLowerCase()).includes('*'))) return true;
-
-    if (permissions.map(r => r.toLowerCase()).includes('system')) return true;
-	const cookie_tenant_id = getCookie('tenant_id');
-	if (roles.map(r => r.toLowerCase()).includes('has_admin_id') && !cookie_tenant_id) return false;
-
-	return roles.map(r => r.toLowerCase()).find((role) => permissions.map(r => r.toLowerCase()).includes(role));
-};
-
-export default checkRole;
-
-// OLD CODE TO REVIEW: NEW LOGIC ONLY CHECK BY ROLE, NOT SPECIFIC PERMISSIONS. 
-/*const checkRole = (permissions, roles) => {
-	const debug = true;
-    
-	if (debug) console.info('Check Roles', permissions, roles);
-	
-	if ((Array.isArray(roles) && roles.includes('*'))) return true;
-
-	const userRoles = dashStorage.getItem('roles');
-	const userPermissions = dashStorage.getItem('permissions');
-
-	
-	const processedPermissions = {
-		roles: Array.isArray(JSON.parse(userRoles)) ? JSON.parse(userRoles).map((item) => item.name) : [],
-		list: userPermissions ? JSON.parse(userPermissions) : {},
-	};
-
-	if (debug) console.info('Checking if processedPermissions exists', processedPermissions);
-	if (!processedPermissions) return false;
-	
-	if (!Object.prototype.hasOwnProperty.call(processedPermissions, 'roles')) return false;
-
-	if (!roles) return true;
-
-
-	const cookie_tenant_id = getCookie('tenant_id');
-	if (roles.includes('HAS_ADMIN_ID') && !cookie_tenant_id) return false;
-
-
-	if (processedPermissions.roles.includes('SYSTEM_ADMIN')) return true;
-
-	return roles.find((role) => processedPermissions.roles.includes(role));
-};*/

package/src/helpers/parseAxiosError.tsx

@@ -1,41 +0,0 @@
-export const parseAxiosError = (error: any): string => {
-
-    // Handle array of validation errors
-    if (error?.originalError?.response?.data?.errors && typeof error?.originalError?.response?.data?.errors === 'object') {    
-        const originalErrors = error.originalError.response.data.errors;
-        const errorMessages = []
-        
-        for (const key in originalErrors) {
-            if (Array.isArray(originalErrors[key])) {
-                errorMessages.push(...originalErrors[key])
-            }
-        }
-        
-        if (errorMessages.length > 0) {
-            return errorMessages.join('\n')
-        }
-    }
-
-     // First priority - response data message
-     if (error?.response?.data?.message) {
-        return error.response.data.message;
-    }
-
-    // Second priority - error code + name + message
-    if (error?.code || error?.message) {
-        return [error.code, error.name || '', error.message]
-            .filter(Boolean)
-            .join(' - ');
-    }
-
-   
-    // Third priority - status + statusText
-    if (error?.response?.status || error?.response?.statusText) {
-        return [error.response.status, error.response.statusText]
-            .filter(Boolean)
-            .join(' - ');
-    }
-
-    // Fallback
-    return 'An unexpected error occurred';
-};

package/src/hooks/audio/useAudio.tsx

@@ -1,39 +0,0 @@
-import React, { useState, useEffect } from 'react';
-
-/**
- * Eexample.
- * const Player = ({ url }) => {
- * const [playing, toggle] = useAudio(url);
- * return (
- * <div>
- * <button onClick={toggle}>{playing ? "Pause" : "Play"}</button>
- * </div>
- * );
- * };
- */
-
-const useAudio = (url) => {
-	const [audio] = useState(new Audio(url));
-	const [playing, setPlaying] = useState(false);
-
-	const toggle = () => setPlaying(!playing);
-
-	useEffect(() => {
-		if (playing) {
-			audio.play();
-		} else { 
-			audio.pause();
-		}
-	}, [playing]);
-
-	useEffect(() => {
-		audio.addEventListener('ended', () => setPlaying(false));
-		return () => {
-			audio.removeEventListener('ended', () => setPlaying(false));
-		};
-	}, []);
-
-	return [playing, toggle];
-};
-
-export default useAudio;

package/src/hooks/axios.tsx

@@ -1,165 +0,0 @@
-import axios from 'axios';
-import constants from 'dash-constants/src/DASHAdminSystemConstants';
-import { dashStorage } from 'dash-utils';
-
-// Track refresh state to prevent multiple simultaneous refresh attempts
-let isRefreshing = false;
-let failedQueue: Array<{ resolve: (token: string) => void; reject: (error: any) => void }> = [];
-
-const processQueue = (error: any, token?: string) => {
-	failedQueue.forEach(prom => {
-		if (error) {
-			prom.reject(error);
-		} else {
-			prom.resolve(token!);
-		}
-	});
-
-	isRefreshing = false;
-	failedQueue = [];
-};
-
-export const initAxios = () => {
-	let CSRFAuth = false;
-
-	let options = {
-		baseURL: constants.system.ADMIN_API_URL,
-		headers: {
-			'Content-Type': 'application/json',
-			Accept: 'application/json',
-		},
-	};
-
-	const instance = axios.create(options);
-
-	if (CSRFAuth) {
-		instance.defaults.withCredentials = true;
-		instance.get('/csrf-cookie').then((response) => {
-			console.log('sanctum', response);
-		});
-	}
-
-	instance.interceptors.request.use(function (config) {
-		const token = dashStorage.getItem('token');
-		//console.log("axios Hook", axios, token);
-		if (token !== undefined && token !== 'undefined') {
-			config.headers.Authorization = 'Bearer ' + token;
-		}
-		return config;
-	});
-
-	instance.interceptors.response.use(
-		(response) => {
-			//console.log("Axios Success", response);
-			return response;
-		},
-		async (error) => {
-			const originalRequest = error.config;
-
-			// Skip refresh for auth-related endpoints to prevent infinite loops
-			const authEndpoints = ['/login', '/auth/refresh', '/logout', '/register'];
-			const isAuthEndpoint = authEndpoints.some(endpoint =>
-				originalRequest.url?.includes(endpoint)
-			);
-
-			// Handle 401 Unauthorized
-			if (error.response?.status === 401 && !isAuthEndpoint && !originalRequest._retry) {
-				if (isRefreshing) {
-					// If already refreshing, queue this request
-					return new Promise((resolve, reject) => {
-						failedQueue.push({ resolve, reject });
-					}).then(token => {
-						originalRequest.headers.Authorization = 'Bearer ' + token;
-						return instance(originalRequest);
-					}).catch(err => {
-						return Promise.reject(err);
-					});
-				}
-
-				originalRequest._retry = true;
-				isRefreshing = true;
-
-				try {
-					const refreshToken = dashStorage.getItem('refreshToken');
-
-					if (!refreshToken) {
-						// No refresh token available, logout user
-						await handleAuthFailure();
-						return Promise.reject(error);
-					}
-
-					// Attempt to refresh the access token
-					const refreshResponse = await axios.post(
-						`${constants.system.ADMIN_API_URL}/auth/refresh`,
-						{ refresh_token: refreshToken }
-					);
-
-					const { token, refresh_token } = refreshResponse.data;
-
-					// Store new tokens
-					dashStorage.setItem('token', token);
-					dashStorage.setItem('refreshToken', refresh_token);
-
-					// Update original request with new token
-					originalRequest.headers.Authorization = 'Bearer ' + token;
-
-					// Process queued requests
-					processQueue(null, token);
-
-					// Retry original request
-					return instance(originalRequest);
-				} catch (refreshError) {
-					// Refresh failed, logout user
-					await handleAuthFailure();
-					processQueue(refreshError, null);
-					return Promise.reject(refreshError);
-				}
-			}
-
-			// Dispatch global error event for other errors
-			if (error.response?.status !== 401) {
-				window.dispatchEvent(new MessageEvent('GlobalError', { data: { error } }));
-			}
-
-			if (error.response && error.response.status === 422) {
-				/**
-				 * Error Handling This is important for the system to parse Form field errors within AutoAdmin.
-				 * therefore, an extra handling for errors are implemented in dataProvider and authProvider
-				 **/
-				return Promise.reject(error.response.data?.errors || error);
-			}
-
-			return Promise.reject(error);
-		},
-	);
-
-	return instance;
-};
-
-// Helper function to handle authentication failure
-async function handleAuthFailure() {
-	// Clear auth data
-	dashStorage.removeItem('token');
-	dashStorage.removeItem('refreshToken');
-	dashStorage.removeItem('user');
-	dashStorage.removeItem('auth');
-	dashStorage.removeItem('authenticated');
-	dashStorage.removeItem('roles');
-
-	// Dispatch logout event
-	window.dispatchEvent(new MessageEvent('auth:logout'));
-
-	// Redirect to login if not already there
-	if (!window.location.pathname.includes('/login')) {
-		window.location.href = '/login';
-	}
-}
-
-const useAxios = () => {
-	const axios = initAxios();
-	return {
-		axios,
-	};
-};
-
-export default useAxios;

package/src/hooks/data/useDashboardStats.tsx

@@ -1,65 +0,0 @@
-import { useAxios } from 'dash-axios-hook';
-import { useEffect, useState } from 'react';
-import queryString from 'query-string';
-import { useStore } from 'react-admin';
-
-export interface IUseDashboardStats {
-	autoRefresh: boolean;
-	autoRefreshInterval?: number;
-	start?: string;
-	end?: string;
-}
-
-const useDashboardStats = (options: IUseDashboardStats) => {
-	const { autoRefresh } = options;
-	const axios = useAxios();
-	const [data, setData] = useStore('dashboard.stats.data', null);
-	const [error, setError] = useState(null);
-	const [loaded, setLoaded] = useState(false);
-
-	const loadDashboardStats = async (o:any) => {
-		const payload = queryString.stringify(
-			{
-				...(o.start && { start: o.start }),
-				...(o.end && { end: o.end }),
-			},
-			{ arrayFormat: 'bracket' },
-		);
-
-		if (o.autoRefresh) {
-			try {
-				const response = await axios({
-					method: 'GET',
-					url: `/admin/dashboard?${payload}`,
-				});
-
-				if (response.status === 200) {
-					setData(response.data);
-				}
-			} catch (e) {
-				setError(e);
-			} finally {
-				setLoaded(true);
-			}
-		}
-	};
-
-	useEffect(() => {
-		loadDashboardStats({ ...options, autoRefresh: true });
-		const intervalId = setInterval(() => {
-			loadDashboardStats(options);
-		}, 10000);
-
-		return () => {
-			clearInterval(intervalId);
-		};
-	}, [autoRefresh]);
-
-	const refresh = () => {
-		loadDashboardStats({ ...options, autoRefresh: true });
-	};
-
-	return { data, error, loaded, refresh };
-};
-
-export default useDashboardStats;

package/src/hooks/data/usePackageByClientsStats.tsx

@@ -1,44 +0,0 @@
-import { useAxios } from 'dash-axios-hook';
-import { useEffect, useState } from 'react';
-export interface IDataPackagesByClients {
-	totalPackages: number;
-	totalCreatedPackages: number;
-	totalLabelPrintedPackages: number;
-	totalPreparedPackages: number;
-	totalInWarehousePackages: number;
-}
-
-const usePackageByClientsStats = (
-	start = null,
-	end = null,
-) => {
-	const axios = useAxios();
-
-	const [data, setData] = useState<IDataPackagesByClients>(null);
-	const [error, setError] = useState(null);
-	const [loaded, setLoaded] = useState(false);
-
-	useEffect(() => {
-		const loadDashboardStats = async () => {
-			try {
-				const response = await axios({
-					method: 'GET',
-					url: `/admin/dashboard/total-contadores-paquetes-por-cliente?start=${start}&end=${end}`,
-				});
-
-				if (response.status === 200) {
-					setData(response.data);
-				}
-			} catch (e) {
-				setError(e);
-			} finally {
-				setLoaded(true);
-			}
-		};
-		loadDashboardStats();
-	}, []);
-
-	return { data, error, loaded };
-};
-
-export default usePackageByClientsStats;

package/src/hooks/data/usePackageByCommunesStats.tsx

@@ -1,44 +0,0 @@
-import { useAxios } from 'dash-axios-hook';
-import { useEffect, useState } from 'react';
-export interface IDataPackagesByCommunes {
-	totalPackages: number;
-	totalCreatedPackages: number;
-	totalLabelPrintedPackages: number;
-	totalPreparedPackages: number;
-	totalInWarehousePackages: number;
-}
-
-const usePackageByCommunesStats = (
-	start = null,
-	end = null,
-) => {
-	const axios = useAxios();
-
-	const [data, setData] = useState<IDataPackagesByCommunes>(null);
-	const [error, setError] = useState(null);
-	const [loaded, setLoaded] = useState(false);
-
-	useEffect(() => {
-		const loadDashboardStats = async () => {
-			try {
-				const response = await axios({
-					method: 'GET',
-					url: `/admin/dashboard/total-contadores-paquetes-por-comuna?start=${start}&end=${end}`,
-				});
-
-				if (response.status === 200) {
-					setData(response.data);
-				}
-			} catch (e) {
-				setError(e);
-			} finally {
-				setLoaded(true);
-			}
-		};
-		loadDashboardStats();
-	}, []);
-
-	return { data, error, loaded };
-};
-
-export default usePackageByCommunesStats;