npm-pkg-hook 1.1.0 → 1.1.3

package/src/hooks/useSales/index.js

@@ -20,13 +20,11 @@ import {
   GET_ONE_PRODUCTS_FOOD,
 } from "../useProductsFood/queriesStore";
 import { useStore } from "../useStore";
-import {
-  CREATE_SHOPPING_CARD_TO_USER_STORE,
-  GET_ALL_COUNT_SALES,
-  GET_ALL_PEDIDOS,
-  GET_ALL_SALES,
-  GET_ALL_SALES_STATISTICS,
-} from "./queries";
+import { CREATE_SHOPPING_CARD_TO_USER_STORE, GET_ALL_COUNT_SALES } from "./queries";
+import { useLogout } from "../useLogout";
+import { updateExistingOrders } from "../useUpdateExistingOrders";
+import { useGetSale } from "../useSales/useGetSale";
+export * from './useGetAllSales'
 
 const initialState = {
   PRODUCT: [],
@@ -51,9 +49,10 @@ const initializer = (initialValue = initialState) => {
 
 export const useSales = ({
   disabled,
-  sendNotification,
   router,
-  setAlertBox,
+  sendNotification = () => { return },
+  setAlertBox = () => { return },
+  setSalesOpen = () => { return },
 }) => {
   const domain = getCurrentDomain();
   const [loadingSale, setLoadingSale] = useState(false);
@@ -84,22 +83,31 @@ export const useSales = ({
   const [loadingExtraProduct, setLoadingExtraProduct] = useState(false);
   const [dataOptional, setDataOptional] = useState([]);
   const [dataExtra, setDataExtra] = useState([]);
+  const [onClickLogout] = useLogout({ setAlertBox })
 
   const [registerSalesStore, { loading: loadingRegisterSale }] = useMutation(
     CREATE_SHOPPING_CARD_TO_USER_STORE,
     {
       onCompleted: (data) => {
         const message = `${data?.registerSalesStore?.Response?.message}`;
-        const error = data?.registerSalesStore?.Response.success
+        const isSuccess = data?.registerSalesStore?.Response.success === true
+        const error = isSuccess
           ? "Éxito"
           : "Error";
+          if (message === 'Token expired') {
+            setSalesOpen(false)
+            onClickLogout()
+          }
         sendNotification({
-          backgroundColor: error ? 'success' : 'error',
+          backgroundColor: isSuccess ? 'success' : 'error',
           title: error,
           description: message
         });
         setAlertBox({ message: message, type: "success" });
-        setOpenCurrentSale(data?.registerSalesStore?.Response.success);
+      
+        if (isSuccess) {
+          setOpenCurrentSale(isSuccess);
+        }
       },
       onError: (error) => {
         console.log(error)
@@ -754,6 +762,7 @@ export const useSales = ({
   }
   const totalProductsPrice = totalProductPrice;
   const client = useApolloClient()
+  const { getOnePedidoStore, error: saleError } = useGetSale()
 
   const handleSubmit = () => {
     if (!values?.cliId)
@@ -777,14 +786,15 @@ export const useSales = ({
         discount: discount.discount || 0,
         totalProductsPrice: totalProductsPrice || 0,
       }
-    })
-      .then((responseRegisterR) => {
+    }).then((responseRegisterR) => {
         if (responseRegisterR) {
           const { data } = responseRegisterR || {};
           const { registerSalesStore } = data || {};
           const { Response } = registerSalesStore || {};
-          if (Response && Response.success === true) {
-            // dispatch({ type: 'REMOVE_ALL_PRODUCTS' })
+          const success = Response?.success === true
+          if (success) {
+            console.log(responseRegisterR)
+            if (!process.env.NODE_ENV === 'development') dispatch({ type: 'REMOVE_ALL_PRODUCTS' })
             client.query({
               query: GET_ALL_COUNT_SALES,
               fetchPolicy: 'network-only',
@@ -792,6 +802,28 @@ export const useSales = ({
                 client.writeQuery({ query: GET_ALL_COUNT_SALES, data: { getTodaySales: data.countSales.todaySales } })
               }
             })
+           getOnePedidoStore({
+              variables: {
+                pCodeRef: code || ''
+              }
+            }).then((res) => {
+              console.log(res)
+              const currentSale = res?.data?.getOnePedidoStore
+              if (currentSale && !saleError) {
+                client.cache.modify({
+                  fields: {
+                    getAllOrdersFromStore(existingOrders = []) {
+                      try {
+                        const cache = updateExistingOrders(existingOrders, code, 4, currentSale)
+                        return cache
+                      } catch (e) {
+                        return existingOrders
+                      }
+                    }
+                  }
+                })
+              }
+            })
             router.push(
               {
                 query: {
@@ -802,7 +834,7 @@ export const useSales = ({
               undefined,
               { shallow: true }
             );
-            // setValues({})
+            if (!process.env.NODE_ENV === 'development')  setValues({})
           }
         }
         setLoadingSale(false);
@@ -830,18 +862,17 @@ export const useSales = ({
       const optionalAll = await ExtProductFoodsSubOptionalAll({
         variables: { pId },
       });
-      const optionalFetch = optionalAll.data.ExtProductFoodsOptionalAll;
+      const optionalFetch = optionalAll?.data?.ExtProductFoodsOptionalAll || [];
       setDataOptional(optionalFetch || []);
       const existOptionalCookies = originalArray?.dataOptional;
       const filteredDataOptional = existOptionalCookies?.length
         ? existOptionalCookies
             ?.map((obj) => {
-              const filteredSubOptions =
-                obj.ExtProductFoodsSubOptionalAll.filter(
-                  (subObj) => subObj.check === true
+              const filteredSubOptions = obj?.ExtProductFoodsSubOptionalAll?.filter(
+                  (subObj) => subObj?.check === true
                 );
               // Excluya todo el objeto padre si filteredSubOptions está vacío
-              if (filteredSubOptions.length === 0) {
+              if (filteredSubOptions?.length === 0) {
                 return null;
               }
               return {

package/src/hooks/useSales/queries.js

@@ -94,52 +94,60 @@ export const GET_ALL_SALES_STATISTICS = gql`
 `;
 
 export const GET_ONE_SALES = gql`
-  query getOnePedidoStore($pCodeRef: String) {
-    getOnePedidoStore(pCodeRef: $pCodeRef) {
+query getOnePedidoStore($pCodeRef: String) {
+  getOnePedidoStore(pCodeRef: $pCodeRef) {
+    pdpId
+    pCodeRef
+    idStore
+    pPDate
+    channel
+    change
+    pSState
+    pDatCre
+    id
+    pDatMod
+    pPRecoger
+    payMethodPState
+    pdpId
+    totalProductsPrice
+    locationUser
+    getUser {
+      id
+      email
+      uPhoNum
+      ULocation
+    }
+    getAllPedidoStore {
       pdpId
-      pCodeRef
       idStore
-      pPDate
-      channel
-      pSState
-      pDatCre
-      pDatMod
-      pPRecoger
-      payMethodPState
-      pdpId
-      totalProductsPrice
-      locationUser
-      getAllPedidoStore {
-        pdpId
-        idStore
-        pCodeRef
+      pCodeRef
+      ShoppingCard
+      getAllShoppingCard {
         ShoppingCard
-        getAllShoppingCard {
-          ShoppingCard
-          cantProducts
-          subProductsId
-          comments
+        cantProducts
+        subProductsId
+        comments
+        pId
+        productFood {
           pId
-          productFood {
-            pId
-            carProId
-            colorId
-            idStore
-            pName
-            ProPrice
-            ProDescuento
-            ProDescription
-            ValueDelivery
-            ProImage
-            ProStar
-            pState
-            pDatCre
-            pDatMod
-          }
+          carProId
+          colorId
+          idStore
+          pName
+          ProPrice
+          ProDescuento
+          ProDescription
+          ValueDelivery
+          ProImage
+          ProStar
+          pState
+          pDatCre
+          pDatMod
         }
       }
     }
   }
+}
 `;
 
 export const CREATE_CLIENTS = gql`
@@ -258,7 +266,9 @@ export const  GET_ONE_SALE = gql`
       pCodeRef
       idStore
       pPDate
+      id
       channel
+      change
       pSState
       pDatCre
       pDatMod

package/src/hooks/useSales/useGetAllSales/index.js

@@ -0,0 +1,25 @@
+import { useQuery } from '@apollo/client';
+import { GET_ALL_SALES_STATISTICS } from '../queries';
+
+export const useGetAllSales = ({ 
+  fromDate = '',
+  toDate = ''
+} = {}) => {
+  const { 
+    data, 
+    loading, 
+    error
+  } = useQuery(GET_ALL_SALES_STATISTICS, {
+    fetchPolicy: 'cache-first',
+    variables: {
+      fromDate,
+      toDate,
+    },
+  });
+
+  return {
+    data: data?.getAllSalesStoreStatistic || [],
+    error,
+    loading
+  };
+};

package/src/hooks/useSales/useGetSale.js

@@ -1,8 +1,22 @@
 import { useLazyQuery } from '@apollo/client'
 import { GET_ONE_SALE } from './queries'
 
-export const useGetSale = () => {
-  const [getOnePedidoStore, { loading, data, called, error }] = useLazyQuery(GET_ONE_SALE)
+export const useGetSale = ({ callback = () => { return } } = {}) => {
+  const [getOnePedidoStore, { 
+    loading, 
+    data, 
+    called, 
+    error
+  }] = useLazyQuery(GET_ONE_SALE, {
+    onCompleted: (res) => {
+      if (res?.getOnePedidoStore) {
+        return callback(res)
+      }
+    },
+    onError: () => {
+      return callback(null)
+    }
+  })
   return {
     data: data?.getOnePedidoStore, // actualizado aquí
     loading,

package/src/hooks/useSchedule/index.js

@@ -0,0 +1,36 @@
+import { useQuery, useMutation } from '@apollo/client'
+import { GET_ONE_SCHEDULE_STORE, GET_SCHEDULE_STORE, CREATE_STORE_CALENDAR } from './queries'
+export { GET_ONE_SCHEDULE_STORE, GET_SCHEDULE_STORE, CREATE_STORE_CALENDAR } from './queries'
+
+export const useSchedule = ({ day = null }) => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_ONE_SCHEDULE_STORE, { variables: { schDay: day } })
+
+  return [data?.getOneStoreSchedules, { loading, error }]
+}
+
+export const useSchedules = ({ schDay = 1 }) => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_SCHEDULE_STORE, { variables: { schDay: schDay } })
+
+
+  return [data?.getStoreSchedules, { loading, error }]
+}
+
+export const useCreateSchedules = () => {
+  const [setStoreSchedule, { loading, error }] = useMutation(CREATE_STORE_CALENDAR, {
+    onError: (e) => {
+      console.error(e)
+    }
+  })
+
+
+
+  return [setStoreSchedule, { loading, error }]
+}

package/src/hooks/useSchedule/queries.js

@@ -0,0 +1,35 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_STORE_CALENDAR = gql`
+mutation  setStoreSchedule($input: ITstoreSchedule!){
+  setStoreSchedule(input: $input){
+    message
+    success
+  }
+}
+`
+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
+    }
+  }
+`;
+

package/src/hooks/useScheduleData/index.js

@@ -0,0 +1,171 @@
+export function useScheduleData(data) {
+
+    const days = {
+        1: 'Lunes',
+        2: 'Martes',
+        3: 'Miércoles',
+        4: 'Jueves',
+        5: 'Viernes',
+        6: 'Sabado',
+        0: 'Domingo'
+    }
+
+    const daysArray = [
+        { day: 0, schHoSta: "", schHoEnd: "" },
+        { day: 1, schHoSta: "", schHoEnd: "" },
+        { day: 2, schHoSta: "", schHoEnd: "" },
+        { day: 3, schHoSta: "", schHoEnd: "" },
+        { day: 4, schHoSta: "", schHoEnd: "" },
+        { day: 5, schHoSta: "", schHoEnd: "" },
+        { day: 6, schHoSta: "", schHoEnd: "" }
+    ];
+
+    const combinedArray = daysArray.map((dayObj) => {
+        const originalObj = data?.find((item) => item.schDay === dayObj.day);
+        return originalObj ? originalObj : { ...dayObj };
+    });
+
+    // Encontrar la hora de inicio más temprana en combinedArray
+    const earliestStartTime = Math.min(
+        ...combinedArray.map((item) => {
+            const time = new Date(`2023-08-01 ${item.schHoSta}`);
+            return time.getTime();
+        })
+    );
+
+    const calculateYPosition = (start) => {
+        const time = new Date(`2023-08-01 ${start}`);
+        const differenceInMinutes = (time.getTime() - earliestStartTime) / (1000 * 40);
+        return differenceInMinutes / 40; // Ajusta el valor para adaptarse a la posición deseada en el eje Y
+    }
+
+    /**
+     * Calcula la duración en horas entre dos horas de inicio y final.
+     * @param {string} startTime - Hora de inicio en formato 'HH:mm'.
+     * @param {string} endTime - Hora de fin en formato 'HH:mm'.
+     * @returns {number} Duración en horas con dos decimales.
+     */
+
+  // Función para calcular la duración en horas de un horario
+  function calculateDurationInHours(startTime, endTime) {
+    const startHour = new Date(`2000-01-01T${startTime}`);
+    const endHour = new Date(`2000-01-01T${endTime}`);
+    const duration = (endHour - startHour) / (1000 * 40 * 40); // Convertir la diferencia en horas
+    return duration.toFixed(2); // Redondear a 2 decimales
+  }
+
+    // Variables para controlar la posición en el eje X
+    let columnIndex = 0;
+    let lastDay = -1;
+    const uniqueHoursSet = new Set([
+        ...combinedArray.map((item) => item.schHoSta),
+        ...combinedArray.map((item) => item.schHoEnd),
+    ]);
+
+    
+    const uniqueHours = [];
+    for (const hour of uniqueHoursSet) {
+        const time = new Date(`2023-08-01 ${hour}`);
+        const formattedHour = time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
+        uniqueHours.push(formattedHour);
+    }
+
+    uniqueHours.sort((a, b) => {
+        const timeA = new Date(`2023-08-01 ${a}`);
+        const timeB = new Date(`2023-08-01 ${b}`);
+        return timeA - timeB;
+    });
+
+    // Agregar las horas que faltan al final del día
+    if (uniqueHours.length > 0) {
+        const lastHour = new Date(`2023-08-01 ${uniqueHours[uniqueHours.length - 1]}`);
+        const endTime = new Date(`2023-08-01 ${combinedArray[0].schHoEnd}`);
+        const hoursDifference = (endTime - lastHour) / (1000 * 60 * 60);
+
+        for (let i = 1; i <= hoursDifference; i++) {
+            const newHour = new Date(lastHour.getTime() + i * 60 * 60 * 1000);
+            const formattedNewHour = newHour.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
+            uniqueHours.push(formattedNewHour);
+        }
+    }
+
+    const dayWidth = 100;
+    const daysWithHours = Array.from(new Set(combinedArray.map((item) => (item.schDay !== undefined ? item.schDay : item.day))));
+    const totalDays = daysWithHours.length;
+    const totalWidth = totalDays * dayWidth;
+    const MINUTES_THRESHOLDS = [1, 2, 3, 4, 5, 15, 30]; // Define los umbrales de minutos para agrupar
+
+    const sortedUniqueHours = Array.from(uniqueHoursSet)
+      .sort((a, b) => {
+        const timeA = new Date(`2023-08-01 ${a}`);
+        const timeB = new Date(`2023-08-01 ${b}`);
+        return timeA - timeB;
+      });
+    
+    const groupedHours = [];
+    let currentGroup = [sortedUniqueHours[0]];
+    
+    for (let i = 1; i < sortedUniqueHours.length; i++) {
+      const prevTime = new Date(`2023-08-01 ${sortedUniqueHours[i - 1]}`);
+      const currentTime = new Date(`2023-08-01 ${sortedUniqueHours[i]}`);
+      const timeDifference = (currentTime - prevTime) / (1000 * 60);
+    
+      let shouldGroup = false;
+    
+      for (const threshold of MINUTES_THRESHOLDS) {
+        if (timeDifference <= threshold) {
+          shouldGroup = true;
+          break;
+        }
+      }
+    
+      if (shouldGroup) {
+        currentGroup.push(sortedUniqueHours[i]);
+      } else {
+        if (currentGroup.length > 2) {
+          groupedHours.push(currentGroup.join(' - '));
+        } else {
+          groupedHours.push(...currentGroup);
+        }
+        currentGroup = [sortedUniqueHours[i]];
+      }
+    }
+    
+    if (currentGroup.length > 2) {
+      groupedHours.push(currentGroup.join(' - '));
+    } else {
+      groupedHours.push(...currentGroup);
+    }
+    
+    const combinedHours = groupedHours.reduce((acc, group) => {
+      if (group.includes('-')) {
+        acc.push(group);
+      } else {
+        acc.push(...group.split(' - '));
+      }
+      return acc;
+    }, []);
+    
+    const formattedHours = combinedHours;
+    
+    
+  function calculateTimeLinesHeight() {
+    const totalHours = uniqueHours.length;
+    return totalHours * 60; // Cada hora ocupa 60 píxeles de altura
+}
+    return {
+        columnIndex,
+        combinedArray: combinedArray,
+        days,
+        daysArray,
+        daysWithHours,
+        dayWidth,
+        lastDay,
+        totalWidth,
+        sortedUniqueHours,
+        uniqueHours: formattedHours,
+        calculateDurationInHours,
+        calculateTimeLinesHeight,
+        calculateYPosition
+    };
+}

package/src/hooks/useScroll/index.js

@@ -0,0 +1,57 @@
+import { useEffect, useState } from 'react'
+
+export const useScrollY = () => {
+  // Función scroll Para mover verticalmente
+  const [offsetY, setOffsetY] = useState(0)
+  const handleScroll = () => {return setOffsetY(window.pageYOffset)}
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleScroll)
+    return () => {return window.removeEventListener('scroll', handleScroll)}
+  }, [])
+  return {
+    offsetY
+  }
+}
+
+
+export const useScrollColor = () => {
+  const [scrollNav, setScrollNav] = useState(false)
+  const changeNav = () => {
+    if (window?.scrollY >= 1) {
+      setScrollNav(true)
+    } else {
+      setScrollNav(false)
+    }
+  }
+  useEffect(() => {
+    window.addEventListener('scroll', changeNav)
+  }, [])
+  return {
+    scrollNav
+  }
+}
+
+export const useScrollHook = () => {
+  const [style, setStyle] = useState({})
+
+  useEffect(() => {
+    let scrollPos = 0
+    const handleChangeHeaderStyle = () => {
+      if ( document.body?.getBoundingClientRect && document.body.getBoundingClientRect().top > scrollPos) {
+        setStyle({})
+      } else {
+        setStyle({ transform: 'translateY(-300%)' })
+      }
+      scrollPos = document.body.getBoundingClientRect().top
+    }
+
+    window.addEventListener('scroll', handleChangeHeaderStyle)
+
+    return () => {
+      window.removeEventListener('scroll', handleChangeHeaderStyle)
+    }
+  }, [])
+
+  return style
+}

package/src/hooks/useScrollRotate/index.js

@@ -0,0 +1,14 @@
+// Función scroll Para rotar
+export const useScrollRotate = () => {
+    const [position, setPosition] = useState(0)
+  
+    useEffect(() => {
+      const handleScroll = () => {return setPosition(window.scrollY)}
+      window.addEventListener('scroll', handleScroll)
+      return () => {
+        window.removeEventListener('scroll', handleScroll)
+      }
+    }, [])
+  
+    return { position }
+  }