npm-pkg-hook 1.1.0 → 1.1.3

package/src/hooks/useFingerprintjs/index.js

@@ -0,0 +1,176 @@
+import md5 from 'md5'
+
+async function getCPUInfo() {
+    if (navigator.hardwareConcurrency) {
+        try {
+            const logicalCores = navigator.hardwareConcurrency;
+            const agent = window.navigator.userAgent;
+            const hyperThreaded = /Intel|Apple/.test(agent) && /Win64|Linux x86_64|MacIntel/.test(agent);
+
+            // Ajustar el número de núcleos lógicos si se sospecha hiperprocesamiento
+            const physicalCores = hyperThreaded ? logicalCores / 2 : logicalCores;
+
+            const cpuInfo = {
+                logicalCores: logicalCores,
+                physicalCores: physicalCores,
+                hyperThreaded: hyperThreaded
+            };
+            return JSON.stringify(cpuInfo);
+        } catch (error) {
+            console.error('Error al obtener información de la CPU:', error);
+            return 'cpu-info-error';
+        }
+    } else {
+        return 'cpu-info-not-available';
+    }
+}
+
+async function generateFingerprint() {
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('2d');
+    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+
+    const userAgent = navigator.userAgent;
+    const language = navigator.language;
+    const colorDepth = window.screen.colorDepth;
+    const availableScreenHeight = window.screen.availHeight;
+    const platform = navigator.platform;
+    const cpuClass = navigator.cpuClass || 'unknown';
+
+    const canvasFingerprint = await generateCanvasFingerprint(canvas);
+    const audioFingerprint = await generateAudioFingerprint(audioContext);
+
+    const cpuInfo = await getCPUInfo();
+    const webGLInfo = await getWebGLInfo();
+    const fonts = getInstalledFonts();
+    const touchscreenInfo = getTouchscreenInfo();
+
+    const fingerprintData = {
+        browser: {
+            userAgent,
+            language,
+            colorDepth,
+            availableScreenHeight,
+            plugins: Array.from(navigator.plugins).map(plugin => plugin.name).join(','),
+            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+            hardwareConcurrency: cpuInfo.logicalCores || 'unknown',
+            platformVersion: navigator.platformVersion || 'unknown',
+        },
+        device: {
+            platform,
+            cpuClass,
+        },
+        canvas: canvasFingerprint,
+        audio: audioFingerprint,
+        cpu: cpuInfo,
+        webgl: webGLInfo,
+        fonts,
+        touchscreen: touchscreenInfo,
+    };
+
+    const fingerprint = JSON.stringify(fingerprintData);
+    const uniqueID = md5(fingerprint);
+
+    return uniqueID;
+}
+
+// Función para generar huella digital del audio
+async function generateAudioFingerprint(audioContext) {
+    if (audioContext) {
+        try {
+            await audioContext.resume();
+
+            // Obtén propiedades del audio que puedas obtener en modo incógnito
+            const audioProperties = {
+                isAudioContextAvailable: true,
+                // Agrega más propiedades relevantes aquí
+            };
+
+            return audioProperties;
+        } catch (error) {
+            console.error('Error al generar huella digital de audio:', error);
+        }
+    }
+
+    return { isAudioContextAvailable: false };
+}
+
+// Función para generar huella digital del canvas
+async function generateCanvasFingerprint(canvas) {
+    if (canvas) {
+        try {
+            canvas.width = 200;
+            canvas.height = 200;
+            const context = canvas.getContext('2d');
+            context.clearRect(0, 0, canvas.width, canvas.height);
+            context.fillStyle = '#f60';
+            context.fillRect(125, 1, 62, 20);
+            context.fillStyle = '#069';
+            context.font = '16pt Arial';
+            context.fillText('Cwm fjordbank glyphs vext quiz', 125, 20);
+
+            // Obtén más propiedades del canvas que puedas obtener en modo incógnito
+            const canvasProperties = {
+                width: canvas.width,
+                height: canvas.height,
+                // Agrega más propiedades relevantes aquí
+            };
+
+            return canvasProperties;
+        } catch (error) {
+            console.error('Error al generar huella digital del canvas:', error);
+        }
+    }
+
+    return { width: 0, height: 0 };
+}
+
+
+
+async function getWebGLInfo() {
+    if ('WebGLRenderingContext' in window) {
+        const canvas = document.createElement('canvas');
+        const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
+
+        if (gl) {
+            const renderer = gl.getParameter(gl.RENDERER);
+            const version = gl.getParameter(gl.VERSION);
+
+            // Obtener más información sobre las capacidades WebGL si es necesario
+
+            return `${renderer}-${version}`;
+        }
+    }
+
+    return 'webgl-info-not-supported';
+}
+
+function getInstalledFonts() {
+    const fonts = [];
+
+    if ('fonts' in document) {
+        document.fonts.forEach(font => {
+            fonts.push(font.family);
+        });
+    }
+
+    return fonts.join(',');
+}
+
+function getTouchscreenInfo() {
+    if ('maxTouchPoints' in navigator) {
+        const maxTouchPoints = navigator.maxTouchPoints;
+        const touchEvent = 'ontouchstart' in window ? 'true' : 'false';
+
+        return `${maxTouchPoints}-${touchEvent}`;
+    }
+
+    return 'touchscreen-info-not-supported';
+}
+
+
+export async function fingerprintJs() {
+    const fingerprint = await generateFingerprint();
+    const uniqueID = md5(fingerprint)
+    return uniqueID;
+}

package/src/hooks/useFormTools/index.js

@@ -75,7 +75,7 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
 
     // Ejecuta la accion si es válido
     if (!errSub && action) {
-      action().then(res => {
+      action()?.then(res => {
         if (res) {
           sendNotification({
             message: msgSuccess || 'Operación exitosa',

package/src/hooks/useFullScreenMode/index.js

@@ -1,7 +1,10 @@
-import React, { useState, useRef, useEffect } from 'react'
-import styled from 'styled-components'
+import React, { 
+  useState, 
+  useRef, 
+  useEffect
+} from 'react'
 
-const useFullscreenMode = () => {
+export const useFullScreenMode = () => {
   const [isFullscreen, setFullscreen] = useState(false)
   const elementRef = useRef()
 
@@ -56,11 +59,7 @@ const useFullscreenMode = () => {
   }
 
   const ToggleIcon = (
-    <Button onDoubleClick={() => {return (!isFullscreen ? goFullscreen() : exitFullScreen())}}>{!isFullscreen ? 'FullScreen' : 'Normal'}</Button>
+    <button onDoubleClick={() => {return (!isFullscreen ? goFullscreen() : exitFullScreen())}}>{!isFullscreen ? 'FullScreen' : 'Normal'}</button>
   )
   return [elementRef, ToggleIcon] //Icon, ref
-}
-const Button = styled.button`
-
-`
-export default useFullscreenMode
+}

package/src/hooks/useGenerateNumberArray/index.js

@@ -0,0 +1,17 @@
+const addButtonValues = (values, max) => {
+    const value1 = values.splice(Math.floor(Math.random() * (max - 0)) + 0, 1)
+    return { max: max - 2, values: [value1] }
+}
+
+export const useGenerateNumberArray = () => {
+    const values = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+    let max = 9
+    const buttons = Array.from(Array(10)).map(() => {
+        return Array.from(Array(1)).map(() => {
+            const buttonValues = addButtonValues(values, max)
+            max = buttonValues.max
+            return buttonValues.values
+        })
+    })
+    return buttons
+}

package/src/hooks/useImagesStore/index.js

@@ -1,6 +1,7 @@
 import { useMutation } from '@apollo/client';
 import {
   useRef,
+  useCallback,
   useState
 } from 'react';
 import {
@@ -11,158 +12,191 @@ import {
   GET_ONE_BANNER_STORE
 } from '../useProductsFood/queriesStore';
 import { GET_ONE_STORE } from '../useStore/queries';
-
-export const useImageStore = ({ idStore, sendNotification = () => { return } } = {}) => {
-    // STATES
-    const fileInputRef = useRef(null)
-    const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({})
-    const initialState = { alt: '/images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' }
-    const [{ alt, src }, setPreviewImg] = useState(initialState)
-    const fileInputRefLogo = useRef(null)
-    // HOOKS
-    const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
-        onCompleted: (data) => { return console.log({ message: data?.registerBanner?.message }) },
-        context: { clientName: 'admin-server' }
-    })
-    const [setALogoStore] = useMutation(CREATE_LOGO, {
-    onCompleted: (data) => { return console.log({ message: data?.setALogoStore?.message }) },
-    context: { clientName: 'admin-server' }
-    })
-    const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
-        onCompleted: (data) => { return console.log({ message: data?.DeleteOneBanner?.message }) },
-        context: { clientName: 'admin-server' }
-    })
-    const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
-        onCompleted: (data) => {
-        console.log({
-            message: data.deleteALogoStore.message
-        })
-        setPreviewImgLogo(initialState)
+/**
+ * Custom hook to handle image upload and management for a store's banner and logo.
+ * @typedef {Object} ImageStoreHookResult
+ * @property {React.RefObject} fileInputRefLogo - Reference to the logo file input element.
+ * @property {string} src - Source URL of the store's banner image.
+ * @property {string} alt - Alternate text for the store's banner image.
+ * @property {Object} initialState - Initial state for the store's banner image.
+ * @property {string} srcLogo - Source URL of the store's logo image.
+ * @property {string} altLogo - Alternate text for the store's logo image.
+ * @property {React.RefObject} fileInputRef - Reference to the banner file input element.
+ * @property {function} handleDeleteLogo - Callback function to handle logo deletion.
+ * @property {function} onTargetClick - Callback function to trigger banner file input click.
+ * @property {function} onTargetClickLogo - Callback function to trigger logo file input click.
+ * @property {function} HandleDeleteBanner - Callback function to handle banner deletion.
+ * @property {function} handleInputChangeLogo - Callback function to handle logo file input change.
+ * @property {function} handleUpdateBanner - Callback function to handle banner file input change.
+ * @param {Object} options - Options for the hook.
+ * @param {string} options.idStore - ID of the store.
+ * @param {Function} options.sendNotification - Function to send a notification (optional).
+ * @returns {ImageStoreHookResult} Object containing image handling functions and state.
+ */
+export const useImageStore = ({ idStore, sendNotification = () => {} } = {}) => {
+  // STATES
+  const fileInputRef = useRef(null);
+  const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({});
+  const initialState = { alt: '/images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' };
+  const [{ alt, src }, setPreviewImg] = useState(initialState);
+  const fileInputRefLogo = useRef(null);
+  // HOOKS
+  const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
+    onCompleted: (data) => console.log({ message: data?.registerBanner?.message }),
+    context: { clientName: 'admin-server' },
+  });
+  const [setALogoStore] = useMutation(CREATE_LOGO, {
+    onCompleted: (data) => console.log({ message: data?.setALogoStore?.message }),
+    context: { clientName: 'admin-server' },
+  });
+  const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
+    onCompleted: (data) => console.log({ message: data?.DeleteOneBanner?.message }),
+    context: { clientName: 'admin-server' },
+  });
+  const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
+    onCompleted: (data) => {
+      console.log({ message: data.deleteALogoStore.message });
+      setPreviewImgLogo(initialState);
+    },
+    context: { clientName: 'admin-server' },
+    update(cache) {
+      cache.modify({
+        fields: {
+          getStore(dataOld = []) {
+            return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld });
+          },
         },
-        context: { clientName: 'admin-server' },
-        update(cache) {
-        cache.modify({
-            fields: {
-            getStore(dataOld = []) {
-                return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
-            }
-            }
-        })
-        }
-    })
-//   HANDLESS
-    const handleDeleteLogo = () => {
-        return deleteALogoStore({
-            variables: {
-            Image: ImageName || null
-            }
-        })
-    }
+      });
+    },
+  });
 
-    const handleUpdateBanner = event => {
-        try {
-          const { files } = event.target
-          setPreviewImg(
-            files.length
-              ? {
-                src: URL.createObjectURL(files[0]),
-                alt: files[0].name
-              }
-              : initialState
-          )
-          registerBanner({
-            variables: {
-              input: {
-                bnImage: files[0],
-                idStore: idStore
-              }
-            }, update(cache) {
-              cache.modify({
-                fields: {
-                  getOneBanners(dataOld = []) {
-                    return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
-                  }
-                }
-              })
-            }
-          }).catch(() => {
-            sendNotification({
-              title: 'No pudimos cargar la imagen',
-              description: 'Error',
-              backgroundColor: 'error'
-            })
-            setPreviewImg(initialState)
-          })
-        } catch {
-          setPreviewImg(initialState)
-          sendNotification({
-            title: 'No pudimos cargar la imagen',
-            description: 'Error',
-            backgroundColor: 'error'
-          })
-        }
-      }
-      const handleInputChangeLogo = event => {
-        const { files } = event.target
-        setPreviewImgLogo(
+  // HANDLESS
+  const handleDeleteLogo = useCallback(() => {
+    return deleteALogoStore({
+      variables: {
+        Image: ImageName || null,
+      },
+    });
+  }, [deleteALogoStore]);
+
+  const handleUpdateBanner = useCallback(
+    (event) => {
+      try {
+        const { files } = event.target;
+        setPreviewImg(
           files.length
             ? {
-              srcLogo: URL.createObjectURL(files[0]),
-              altLogo: files[0].name
-            }
+                src: URL.createObjectURL(files[0]),
+                alt: files[0].name,
+              }
             : initialState
-        )
-        setALogoStore({
+        );
+        registerBanner({
           variables: {
-            logo: files[0],
-            idStore: idStore
-          }, update(cache) {
+            input: {
+              bnImage: files[0],
+              idStore: idStore,
+            },
+          },
+          update(cache) {
             cache.modify({
               fields: {
-                getStore(dataOld = []) {
-                  return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
-                }
-              }
-            })
-          }
+                getOneBanners(dataOld = []) {
+                  return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld });
+                },
+              },
+            });
+          },
         }).catch(() => {
           sendNotification({
             title: 'No pudimos cargar la imagen',
             description: 'Error',
-            backgroundColor: 'error'
-          })
-          setPreviewImgLogo(initialState)
-        })
-      }
-      const HandleDeleteBanner = async () => {
-        setPreviewImg(initialState)
-        DeleteOneBanner({
-          variables: {
-            bnState: bnState,
-            bnImageFileName: bnImageFileName,
-            idStore,
-            bnId
-          }, update(cache) {
-            cache.modify({
-              fields: {
-                getOneBanners(dataOld = []) {
-                  return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
-                }
-              }
-            })
-          }
-        }).then(() => {
-          setPreviewImg(initialState)
-        })
+            backgroundColor: 'error',
+          });
+          setPreviewImg(initialState);
+        });
+      } catch {
+        setPreviewImg(initialState);
+        sendNotification({
+          title: 'No pudimos cargar la imagen',
+          description: 'Error',
+          backgroundColor: 'error',
+        });
       }
-    const onTargetClickLogo = e => {
-        e.preventDefault()
-        fileInputRefLogo.current.click()
-    }
-    const onTargetClick = e => {
-        e.preventDefault()
-        fileInputRef.current.click()
-    }
+    },
+    [setPreviewImg, initialState, sendNotification, idStore, registerBanner]
+  );
+
+  const handleInputChangeLogo = useCallback(
+    (event) => {
+      const { files } = event.target;
+      setPreviewImgLogo(
+        files.length
+          ? {
+              srcLogo: URL.createObjectURL(files[0]),
+              altLogo: files[0].name,
+            }
+          : initialState
+      );
+      setALogoStore({
+        variables: {
+          logo: files[0],
+          idStore: idStore,
+        },
+        update(cache) {
+          cache.modify({
+            fields: {
+              getStore(dataOld = []) {
+                return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld });
+              },
+            },
+          });
+        },
+      }).catch(() => {
+        sendNotification({
+          title: 'No pudimos cargar la imagen',
+          description: 'Error',
+          backgroundColor: 'error',
+        });
+        setPreviewImgLogo(initialState);
+      });
+    },
+    [setPreviewImgLogo, initialState, idStore, setALogoStore]
+  );
+
+  const HandleDeleteBanner = useCallback(async () => {
+    setPreviewImg(initialState);
+    DeleteOneBanner({
+      variables: {
+        bnState: bnState, // You should provide bnState and bnImageFileName
+        bnImageFileName: bnImageFileName,
+        idStore,
+        bnId,
+      },
+      update(cache) {
+        cache.modify({
+          fields: {
+            getOneBanners(dataOld = []) {
+              return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld });
+            },
+          },
+        });
+      },
+    }).then(() => {
+      setPreviewImg(initialState);
+    });
+  }, [setPreviewImg, initialState, DeleteOneBanner]);
+
+  const onTargetClickLogo = useCallback((e) => {
+    e.preventDefault();
+    fileInputRefLogo.current.click();
+  }, []);
+
+  const onTargetClick = useCallback((e) => {
+    e.preventDefault();
+    fileInputRef.current.click();
+  }, []);
+
   return {
     fileInputRefLogo,
     src,
@@ -176,7 +210,6 @@ export const useImageStore = ({ idStore, sendNotification = () => { return } } =
     onTargetClickLogo,
     HandleDeleteBanner,
     handleInputChangeLogo,
-    handleUpdateBanner
-  }
-}
-
+    handleUpdateBanner,
+  };
+};

package/src/hooks/useImagesStore/queries.js

@@ -8,29 +8,7 @@ export const CREATE_SCHEDULE_STORE = gql`
     }
   }
 `;
-export const GET_SCHEDULE_STORE = gql`
-  query getStoreSchedules($schDay: Int, $idStore: ID) {
-    getStoreSchedules(schDay: $schDay, idStore: $idStore) {
-      schId
-      idStore
-      schDay
-      schHoSta
-      schHoEnd
-      schState
-    }
-  }
-`;
-export const GET_ONE_SCHEDULE_STORE = gql`
-  query getOneStoreSchedules($schDay: Int, $idStore: ID) {
-    getOneStoreSchedules(schDay: $schDay, idStore: $idStore) {
-      schId
-      schDay
-      schHoSta
-      schHoEnd
-      schState
-    }
-  }
-`;
+
 export const GET_CAT_OF_PRODUCTS = gql`
   query getAllCatOfProducts($idStore: ID) {
     getAllCatOfProducts(idStore: $idStore) {
@@ -174,11 +152,6 @@ export const GET_ALL_VISITOR_STORE = gql`
     }
   }
 `;
-export const GET_MIN_PEDIDO = gql`
-  query getMinPrice($idStore: ID) {
-    getMinPrice(idStore: $idStore)
-  }
-`;
 
 export const GET_All_RATING_STORE = gql`
   query getAllRating($idStore: ID) {

package/src/hooks/useKeypress/index.js

@@ -25,4 +25,10 @@ export const useKeyPress = (targetKey) => {
   }, [targetKey])
   
   return keyPressed
-}
+}
+
+export function useMultiKeyPress(targetKeyA, targetKeyB) {
+  const keyPressedA = useKeyPress(targetKeyA)
+  const keyPressedB = useKeyPress(targetKeyB)
+  return keyPressedA && keyPressedB
+}

package/src/hooks/useLocalSorage/index.js

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-export default function useLocalStorage(key, initialValue) {
+export const useLocalStorage= (key, initialValue) => {
   // const { setAlertBox } = useContext(Context)
   // State to store our value
   // Pass initial state function to useState so logic is only executed once