@dashadmin/dash-admin 1.3.25 → 1.3.26

package/src/utils/cache/CacheInvalidatorListenerComponent.tsx

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import useCacheInvalidatorListener from "./useCacheInvalidatorListener";
+import React from "react";
+
+const CacheInvalidatorListenerComponent:FC<any> = () => {
+  const _cacheInvalidatorStore = useCacheInvalidatorListener();
+  return <></>
+}
+
+export default CacheInvalidatorListenerComponent;

package/src/utils/cache/useCacheInvalidatorListener.tsx

@@ -0,0 +1,27 @@
+
+import React, { useContext, useEffect, useState } from 'react';
+
+import CacheInvalidatorContext from './CacheInvalidatorContext';
+import LaravelEchoContext, { ILaravelEchoContext } from '../../contexts/com/LaravelEchoContext';
+
+const useCacheInvalidatorListener = () => {
+
+  const laravelEchoContext = useContext<ILaravelEchoContext>(LaravelEchoContext);
+	const {cacheInvalidatorStore,updateEntry} = useContext(CacheInvalidatorContext);
+
+  useEffect(() => {
+		const lastNotification = laravelEchoContext?.lastEvent;
+
+		/*if (lastNotification?.type === 'invalidate-cache') {
+            if(lastNotification.notificationPayload?.resource) {
+                updateEntry(lastNotification.notificationPayload?.resource)
+            }
+		}*/
+	}, [laravelEchoContext]);
+  
+	return {
+		cacheInvalidatorStore: cacheInvalidatorStore
+	};
+};
+
+export default useCacheInvalidatorListener;

package/src/utils/convertFileToBase64.tsx

@@ -0,0 +1,9 @@
+const convertFileToBase64 = (file) =>
+	new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => resolve(reader.result);
+		reader.onerror = reject;
+		reader.readAsDataURL(file.rawFile);
+	});
+
+export default convertFileToBase64;

package/src/utils/convertToFile.tsx

@@ -0,0 +1,14 @@
+const converToFile = (file) =>
+	new Promise((resolve, reject) => {
+		const reader = new FileReader();
+
+		reader.onload = () => {
+			//
+			resolve(reader.result);
+		};
+
+		reader.onerror = reject;
+		reader.readAsDataURL(file.rawFile);
+	});
+
+export default converToFile;

package/src/utils/cookies.tsx

@@ -0,0 +1,33 @@
+import cookie from 'js-cookie';
+
+export const setCookie = (
+    key: string,
+    value: string,
+    options: cookie.CookieAttributes = {},
+) => {
+    cookie.set(key, value, {
+        path: '/',
+        ...options,
+    });
+};
+
+export const removeCookie = (key) => {
+    cookie.remove(key, {
+        expires: 1,
+    });
+};
+
+export const getCookie = (key) => {
+    return getCookieFromBrowser(key);
+};
+
+const getCookieFromBrowser = (key) => {
+    return cookie.get(key);
+};
+
+export const clearAllCookies = () => {
+    const allCookies = cookie.get();
+    Object.keys(allCookies).forEach((key) => {
+        cookie.remove(key, { path: '/' });
+    });
+};

package/src/utils/dashDefaultQueryClient.tsx

@@ -0,0 +1,34 @@
+import { QueryClient } from "react-query";
+/*
+const dashDefaultQueryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                refetchOnWindowFocus: false, // default: true
+            },
+        },
+        // @ts-ignore: required to avoid error during development.
+        logger: {
+            log: (...args) => {
+                console.log(args);
+            },
+            warn: (...args) => {
+                console.warn(args);
+            },
+            error: (...args) => {
+                console.error(args);
+            },
+        },
+    });
+*/
+
+const dashDefaultQueryClient = new QueryClient({
+  defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false,
+            staleTime: 5 * 60 * 1000, // 5 minutes
+            retry: 1,
+        },
+    },
+});
+
+export default dashDefaultQueryClient;

package/src/utils/dataUrlToBlob.tsx

@@ -0,0 +1,30 @@
+function dataURLToBlob(dropFile) {
+	//https://gist.github.com/aermolaev/a96ba40cd68fe357195f
+
+	const BASE64_MARKER = ';base64,';
+	//
+	const dataURL = dropFile.src;
+
+	if (dataURL.indexOf(BASE64_MARKER) === -1) {
+		const parts = dataURL.split(',');
+		const contentType = parts[0].split(':')[1];
+		const raw = decodeURIComponent(parts[1]);
+
+		return new Blob([raw], { type: contentType });
+	}
+
+	const parts = dataURL.split(BASE64_MARKER);
+	const contentType = parts[0].split(':')[1];
+	const raw = window.atob(parts[1]);
+	const rawLength = raw.length;
+
+	const uInt8Array = new Uint8Array(rawLength);
+
+	for (let i = 0; i < rawLength; ++i) {
+		uInt8Array[i] = raw.charCodeAt(i);
+	}
+
+	return new Blob([uInt8Array], { type: contentType });
+}
+
+export default dataURLToBlob;

package/src/utils/deepReplace.tsx

@@ -0,0 +1,19 @@
+const deepReplace = (
+	obj: object,
+	keyName: string,
+	replacer: (from: any) => string,
+) => {
+	for (const key in obj) {
+		if (key === keyName) {
+			obj[key] = replacer(obj[key]);
+		} else if (Array.isArray(obj[key])) {
+			(obj[key] as any[]).forEach((member) =>
+				deepReplace(member, keyName, replacer),
+			);
+		} else if (typeof obj[key] === 'object') {
+			deepReplace(obj[key], keyName, replacer);
+		}
+	}
+};
+
+export default deepReplace;

package/src/utils/getProfileMenu.tsx

@@ -0,0 +1,41 @@
+/* deprecated used in domain */
+//import { IApplicationLayoutMenuItem } from '@dash-auto-admin/interfaces';
+
+import { IApplicationLayoutMenuItem } from "../layout/ApplicationLayout";
+import { dashStorage } from 'dash-utils';
+
+const getProfileMenu = (resourceConfig): IApplicationLayoutMenuItem[] => {
+	const user = JSON.parse(dashStorage.getItem('user'));
+	const roles: any[] = JSON.parse(dashStorage.getItem('roles'));
+
+	const profileMenu = [
+		{
+			title: 'Perfil',
+			redirect: '/profile',
+		},
+	];
+
+	const isCliente = roles
+		? roles.map((role) => role.name).includes('Cliente')
+		: false;
+
+	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;

package/src/utils/getTenantSettings.tsx

@@ -0,0 +1,9 @@
+import { ITenantSettings } from "../interfaces/user/ITenantSettings"
+import { dashStorage } from 'dash-utils';
+
+const getTenantSettings = ():ITenantSettings => {
+  const auth = JSON.parse(dashStorage.getItem('tenantSettings')) as ITenantSettings;
+  return auth;
+}
+
+export default getTenantSettings;

package/src/utils/getType.tsx

@@ -0,0 +1,8 @@
+const getType = (p: any) => {
+	if (Array.isArray(p)) return 'array';
+	else if (typeof p == 'string') return 'string';
+	else if (p != null && typeof p == 'object') return 'object';
+	else return 'other';
+};
+
+export default getType;

package/src/utils/getUserSettings.tsx

@@ -0,0 +1,8 @@
+import { IUserSettings } from "../interfaces/user/IUserSettings"
+import { dashStorage } from 'dash-utils';
+const getUserSettings = ():IUserSettings => {
+  const auth = JSON.parse(dashStorage.getItem('userSettings')) as IUserSettings;
+  return auth;
+}
+
+export default getUserSettings;

package/src/utils/hasCode.tsx

@@ -0,0 +1,14 @@
+const hashCode = (string: string) => {
+	var hash = 0,
+		i,
+		chr;
+	if (string.length === 0) return hash;
+	for (i = 0; i < string.length; i++) {
+		chr = string.charCodeAt(i);
+		hash = (hash << 5) - hash + chr;
+		hash |= 0; // Convert to 32bit integer
+	}
+	return hash;
+};
+
+export default hashCode;

package/src/utils/index.ts

@@ -0,0 +1,19 @@
+export * from "./convertFileToBase64"
+export * from "./convertToFile"
+export * from "./cookies"
+export * from "./dataUrlToBlob"
+export * from "./deepReplace"
+export * from "./getProfileMenu"
+export * from "./getTenantSettings"
+export * from "./getType"
+export * from "./getUserSettings"
+export * from "./hasCode"
+export * from "./injectTenantStyles"
+export * from "./isComponent"
+export * from "./regexp"
+export * from "./resolveObjectPath"
+export * from "./setNativeValue"
+export * from "./slugify"
+export * from "./validators"
+export * from './dashDefaultQueryClient';
+export * from './navEvents';

package/src/utils/injectTenantStyles.ts

@@ -0,0 +1,28 @@
+/**
+ * Tenant Styles Injection Utility
+ *
+ * Injects CSS variables from tenant settings into the DOM.
+ * This is placed in dash-admin to avoid cyclic dependencies between dash-utils and dash-auth.
+ */
+import { AuthPersistenceService } from 'dash-auth';
+import { updateDomCssVariables } from 'dash-utils';
+
+/**
+ * Inject tenant styles from persisted settings
+ * @param defaultTheme - The default theme type to use
+ */
+export const injectTenantStyles = (defaultTheme: string): void => {
+    const tenantSettings = AuthPersistenceService.getTenantSettings();
+
+    if (tenantSettings) {
+        try {
+            const colors = tenantSettings.colors;
+            console.log('Updating colors from local storage');
+            updateDomCssVariables(defaultTheme, colors);
+        } catch (error) {
+            console.error('Error parsing tenant settings:', error);
+        }
+    }
+};
+
+export default injectTenantStyles;

package/src/utils/isComponent.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+
+function isClassComponent(component) {
+	return (
+		typeof component === 'function' && !!component.prototype.isReactComponent
+	);
+}
+
+function isFunctionComponent(component) {
+	return (
+		typeof component === 'function' &&
+		String(component).includes('return React.createElement')
+	);
+}
+
+function isReactComponent(component) {
+	return isClassComponent(component) || isFunctionComponent(component);
+}
+
+function isElement(element) {
+	return React.isValidElement(element);
+}
+
+function isDOMTypeElement(element) {
+	return isElement(element) && typeof element.type === 'string';
+}
+
+function isCompositeTypeElement(element) {
+	return isElement(element) && typeof element.type === 'function';
+}
+
+export default isReactComponent;
+
+/*const isComponent = (Component) => {
+    
+    if (typeof Component === "undefined") return false;
+    return !!Component.name
+    return (
+        typeof Component === 'function' // can be various things
+        && !(
+            Component.prototype // native arrows don't have prototypes
+            && Component.prototype.isReactComponent // special property
+        )
+    );
+}*/

package/src/utils/navEvents.tsx

@@ -0,0 +1,91 @@
+// Custom event system for nav state communication
+export const NAV_EVENTS = {
+  TOGGLE_EXPANDED: 'nav:toggle-expanded',
+  SET_EXPANDED: 'nav:set-expanded',
+  STATE_CHANGED: 'nav:state-changed',
+  CLOSE_DRAWER: 'nav:close-drawer',
+  CLOSE_ALL_SUBMENUS: 'nav:close-all-submenus',
+  SUBMENU_OPENED: 'nav:submenu-opened'
+} as const;
+
+export interface NavStateChangeEvent extends CustomEvent {
+  detail: {
+    expanded: boolean;
+    size: 'small' | 'large';
+  };
+}
+
+export class NavEventManager {
+  static toggleExpanded() {
+    window.dispatchEvent(new CustomEvent(NAV_EVENTS.TOGGLE_EXPANDED));
+  }
+  
+  static setExpanded(expanded: boolean) {
+    window.dispatchEvent(new CustomEvent(NAV_EVENTS.SET_EXPANDED, { 
+      detail: { expanded } 
+    }));
+  }
+  
+  static notifyStateChange(expanded: boolean, size: 'small' | 'large') {
+    window.dispatchEvent(new CustomEvent(NAV_EVENTS.STATE_CHANGED, {
+      detail: { expanded, size }
+    }));
+  }
+
+  // Close drawer (used when navigating on mobile)
+  static closeDrawer() {
+    window.dispatchEvent(new CustomEvent(NAV_EVENTS.CLOSE_DRAWER));
+  }
+
+  static onCloseDrawer(callback: () => void) {
+    const handler = () => callback();
+    window.addEventListener(NAV_EVENTS.CLOSE_DRAWER, handler);
+    return () => window.removeEventListener(NAV_EVENTS.CLOSE_DRAWER, handler);
+  }
+
+  // Submenu accordion behavior - notify when a submenu opens
+  static notifySubmenuOpened(submenuKey: string) {
+    window.dispatchEvent(new CustomEvent(NAV_EVENTS.SUBMENU_OPENED, {
+      detail: { submenuKey }
+    }));
+  }
+
+  static onSubmenuOpened(callback: (submenuKey: string) => void) {
+    const handler = (event: CustomEvent<{submenuKey: string}>) => {
+      callback(event.detail.submenuKey);
+    };
+    window.addEventListener(NAV_EVENTS.SUBMENU_OPENED, handler as EventListener);
+    return () => window.removeEventListener(NAV_EVENTS.SUBMENU_OPENED, handler as EventListener);
+  }
+
+  // Close all submenus
+  static closeAllSubmenus() {
+    window.dispatchEvent(new CustomEvent(NAV_EVENTS.CLOSE_ALL_SUBMENUS));
+  }
+
+  static onCloseAllSubmenus(callback: () => void) {
+    const handler = () => callback();
+    window.addEventListener(NAV_EVENTS.CLOSE_ALL_SUBMENUS, handler);
+    return () => window.removeEventListener(NAV_EVENTS.CLOSE_ALL_SUBMENUS, handler);
+  }
+  
+  static onToggleExpanded(callback: () => void) {
+    const handler = () => callback();
+    window.addEventListener(NAV_EVENTS.TOGGLE_EXPANDED, handler);
+    return () => window.removeEventListener(NAV_EVENTS.TOGGLE_EXPANDED, handler);
+  }
+  
+  static onSetExpanded(callback: (expanded: boolean) => void) {
+    const handler = (event: CustomEvent) => callback(event.detail.expanded);
+    window.addEventListener(NAV_EVENTS.SET_EXPANDED, handler as EventListener);
+    return () => window.removeEventListener(NAV_EVENTS.SET_EXPANDED, handler as EventListener);
+  }
+  
+  static onStateChange(callback: (expanded: boolean, size: 'small' | 'large') => void) {
+    const handler = (event: CustomEvent<{expanded: boolean; size: 'small' | 'large'}>) => {
+      callback(event.detail.expanded, event.detail.size);
+    };
+    window.addEventListener(NAV_EVENTS.STATE_CHANGED, handler as EventListener);
+    return () => window.removeEventListener(NAV_EVENTS.STATE_CHANGED, handler as EventListener);
+  }
+}

package/src/utils/prototypes.tsx

@@ -0,0 +1,5 @@
+Object.defineProperty(Boolean.prototype, 'toInt', {
+	value: function () {
+		return this & 1;
+	},
+});

package/src/utils/regexp.tsx

@@ -0,0 +1,4 @@
+export const emailRegExp = new RegExp(
+	"([!#-'*+/-9=?A-Z^-~-]+(.[!#-'*+/-9=?A-Z^-~-]+)*|\"([]!#-[^-~ \t]|(\\[\t -~]))+\")@([!#-'*+/-9=?A-Z^-~-]+(.[!#-'*+/-9=?A-Z^-~-]+)*|[[\t -Z^-~]*])",
+	'gm',
+);

package/src/utils/resolveObjectPath.tsx

@@ -0,0 +1,4 @@
+const resolveObjectPath = (object, path, defaultValue) =>
+	path.split('.').reduce((o, p) => (o ? o[p] : defaultValue), object);
+
+export default resolveObjectPath;

package/src/utils/setNativeValue.tsx

@@ -0,0 +1,24 @@
+const setNativeValue = (element, value) => {
+  
+  if(!element) {
+    return;
+  }
+
+  let lastValue = element.value;
+  
+  element.value = value;
+
+  // @ts-ignore - Event constructor target property issue
+  let event = new Event("input", { target: element, bubbles: true });
+
+  let tracker = element._valueTracker;
+
+  if (tracker) {
+      tracker.setValue(lastValue);
+  }
+
+  element.dispatchEvent(event);
+
+}
+
+export default setNativeValue;

package/src/utils/slugify.tsx

@@ -0,0 +1,11 @@
+export const slugify = (...args: string[]): string => {
+	const value = args.join(' ');
+
+	return value
+		.normalize('NFD') // split an accented letter in the base letter and the acent
+		.replace(/[\u0300-\u036f]/g, '') // remove all previously split accents
+		.toLowerCase()
+		.trim()
+		.replace(/[^a-z0-9 ]/g, '') // remove all chars not letters, numbers and spaces (to be replaced)
+		.replace(/\s+/g, '-'); // separator
+};

package/src/utils/validators/emailValidator.tsx

@@ -0,0 +1,6 @@
+const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+const EmailValidator = (value) => {
+  return EMAIL_REGEX.test(value);
+};
+
+export default EmailValidator;

package/src/utils/validators/requiredValidator.tsx

@@ -0,0 +1,5 @@
+	const requiredValidator = (value) => {
+    if (!value) return false;
+  };
+
+export default requiredValidator;

package/src/utils/validators/rutValidator.tsx

@@ -0,0 +1,31 @@
+const RutValidator = (value) => {
+
+  const hasDot = value.includes('.') ? true : false;
+  if(hasDot) {
+    return /^[0-9]{1,2}\.[0-9]{3}\.[0-9]{3}-[0-9kK]$/.test(value);
+  }
+
+	const dv = (T) => {
+		var M = 0,
+			S = 1;
+		for (; T; T = Math.floor(T / 10)) S = (S + (T % 10) * (9 - (M++ % 6))) % 11;
+		return S ? S - 1 : 'k';
+	};
+
+	if (!/^[0-9]+[-|‐]{1}[0-9kK]{1}$/.test(value)) {
+		return false;
+	}
+
+	let tmp = value.split('-');
+	let digv = tmp[1];
+	let rut = tmp[0];
+
+	if (digv == 'K') {
+		digv = 'k';
+	}
+
+	return dv(rut) == digv;
+
+};
+
+export default RutValidator;

package/src/utils/validators.tsx

@@ -0,0 +1,96 @@
+export const RutValidator = (value) => {
+
+    const hasDot = value.includes('.') ? true : false;
+    if(hasDot) {
+      return /^[0-9]{1,2}\.[0-9]{3}\.[0-9]{3}-[0-9kK]$/.test(value);
+    }
+  
+      const dv = (T) => {
+          var M = 0,
+              S = 1;
+          for (; T; T = Math.floor(T / 10)) S = (S + (T % 10) * (9 - (M++ % 6))) % 11;
+          return S ? S - 1 : 'k';
+      };
+  
+      if (!/^[0-9]+[-|‐]{1}[0-9kK]{1}$/.test(value)) {
+          return false;
+      }
+
+      // @ts-ignore
+      if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'development') {
+          return true;
+      }
+  
+      let tmp = value.split('-');
+      let digv = tmp[1];
+      let rut = tmp[0];
+  
+      if (digv == 'K') {
+          digv = 'k';
+      }
+  
+      return dv(rut) == digv;
+  
+  };
+
+export const RutValidatorWithoutDots = (value) => {
+
+    /*
+
+    77317330-8
+    77317331-6
+    77317332-4
+    77317333-2
+    77317334-0
+    77317335-k
+    77317336-9
+    77317337-7
+    77317338-5
+    77317339-3
+
+    */
+
+  if (!value) return false;
+
+  // Must be numbers + single dash + digit or K/k
+  if (!/^[0-9]+-[0-9kK]{1}$/.test(value)) {
+    return false;
+  }
+
+    const dv = (T) => {
+          var M = 0,
+              S = 1;
+          for (; T; T = Math.floor(T / 10)) S = (S + (T % 10) * (9 - (M++ % 6))) % 11;
+          return S ? S - 1 : 'k';
+      };
+  
+      if (!/^[0-9]+[-|‐]{1}[0-9kK]{1}$/.test(value)) {
+          return false;
+      }
+  
+      // @ts-ignore
+      if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'development') {
+          return true;
+      }
+  
+      let tmp = value.split('-');
+      let digv = tmp[1];
+      let rut = tmp[0];
+  
+      if (digv == 'K') {
+          digv = 'k';
+      }
+  
+      return dv(rut) == digv;
+  
+      
+};
+
+
+
+  const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  export const EmailValidator = (value) => {
+    return EMAIL_REGEX.test(value);
+  };
+  
+