npm-pkg-hook 1.3.8 → 1.4.0

package/src/hooks/usePushNotifications/helpers/index.ts

@@ -0,0 +1,123 @@
+/* eslint-disable consistent-return */
+const pushServerPublicKey = 'BIN2Jc5Vmkmy-S3AUrcMlpKxJpLeVRAfu9WBqUbJ70SJOCWGCGXKY-Xzyh7HDr6KbRDGYHjqZ06OcS3BjD7uAm8'
+
+/**
+ * checks if Push notification and service workers are supported by your browser
+ */
+function isPushNotificationSupported () {
+  if (typeof window !== 'undefined' && window.Notification && window.ServiceWorker) {
+    return 'serviceWorker' in navigator && 'PushManager' in window
+  }
+}
+
+/**
+ * asks user consent to receive push notifications and returns the response of the user, one of granted, default, denied
+ */
+async function askUserPermission () {
+  return await Notification.requestPermission()
+}
+/**
+ * shows a notification
+ */
+function sendNotification () {
+  const img = '/images/jason-leung-HM6TMmevbZQ-unsplash.jpg'
+  const text = 'Take a look at this brand new t-shirt!'
+  const title = 'New Product Available'
+  const options = {
+    body: text,
+    icon: '/images/jason-leung-HM6TMmevbZQ-unsplash.jpg',
+    vibrate: [200, 100, 200],
+    tag: 'new-product',
+    image: img,
+    badge: 'https://spyna.it/icons/android-icon-192x192.png',
+    actions: [{ action: 'Detail', title: 'View', icon: 'https://via.placeholder.com/128/ff0000' }]
+  }
+  navigator.serviceWorker.ready.then(function (serviceWorker) {
+    serviceWorker.showNotification(title, options)
+  })
+}
+
+/**
+ *
+ */
+function registerServiceWorker () {
+  return navigator.serviceWorker.register('/sw.js')
+}
+
+/**
+ *
+ * using the registered service worker creates a push notification subscription and returns it
+ *
+ */
+async function createNotificationSubscription () {
+  // wait for service worker installation to be ready
+  const serviceWorker = await navigator.serviceWorker.ready
+  // subscribe and return the subscription
+  return await serviceWorker.pushManager.subscribe({
+    userVisibleOnly: true,
+    applicationServerKey: pushServerPublicKey
+  })
+}
+
+/**
+ * returns the subscription if present or nothing
+ */
+function getUserSubscription () {
+  // wait for service worker installation to be ready, and then
+  return navigator.serviceWorker.ready
+    .then(function (serviceWorker) {
+      return serviceWorker.pushManager.getSubscription()
+    })
+    .then(function (pushSubscription) {
+      return pushSubscription
+    })
+}
+
+const host = process.env.NODE_ENV === 'production' ? 'http://localhost:4000' : 'http://localhost:4000'
+
+/**
+ *
+ * @param path
+ * @param body
+ */
+function post (path, body) {
+  return fetch(`${host}${path}`, {
+    body: JSON.stringify(body),
+    method: 'POST',
+    mode: 'cors'
+  })
+    .then(function (response) {
+      return response.json()
+    })
+    .then(function (data) {
+      return data
+    })
+}
+
+/**
+ *
+ * @param path
+ */
+function get (path) {
+  return fetch(`${host}${path}`, {
+    method: 'GET',
+    mode: 'cors'
+  })
+    .then(function (response) {
+      return response.json()
+    })
+    .then(function (data) {
+      return data
+    })
+}
+
+export {
+  isPushNotificationSupported,
+  askUserPermission,
+  post,
+  get,
+  registerServiceWorker,
+  sendNotification,
+  createNotificationSubscription,
+  getUserSubscription
+}

package/src/hooks/usePushNotifications/index.ts

@@ -0,0 +1,150 @@
+/* eslint-disable no-console */
+import { useState, useEffect } from 'react'
+
+import {
+  isPushNotificationSupported,
+  post,
+  get,
+  askUserPermission,
+  registerServiceWorker,
+  createNotificationSubscription,
+  getUserSubscription
+} from './helpers'
+// import all the function created to manage the push notifications
+
+const pushNotificationSupported = isPushNotificationSupported()
+// first thing to do: check if the push notifications are supported by the browser
+
+export const usePushNotifications = () => {
+  const [userConsent, setSuserConsent] = useState()
+  useEffect(() => {
+    if (typeof Notification !== 'undefined') {
+      setSuserConsent(Notification.permission)
+    }
+  }, [])
+
+  // to manage the user consent: Notification.permission is a JavaScript native function that return the current state of the permission
+  // We initialize the userConsent with that value
+  const [userSubscription, setUserSubscription] = useState(null)
+  // to manage the use push notification subscription
+  const [pushServerSubscriptionId, setPushServerSubscriptionId] = useState()
+  // to manage the push server subscription
+  const [error, setError] = useState(null)
+  // to manage errors
+  const [loading, setLoading] = useState(true)
+  // to manage async actions
+
+  useEffect(() => {
+    if (pushNotificationSupported) {
+      setLoading(true)
+      setError(false)
+      registerServiceWorker().then(() => {
+        setLoading(false)
+      })
+    }
+  }, [])
+  // if the push notifications are supported, registers the service worker
+  // this effect runs only the first render
+
+  useEffect(() => {
+    setLoading(true)
+    setError(false)
+    const getExixtingSubscription = async () => {
+      const existingSubscription = await getUserSubscription()
+      setUserSubscription(existingSubscription)
+      setLoading(false)
+    }
+    getExixtingSubscription()
+  }, [])
+  // Retrieve if there is any push notification subscription for the registered service worker
+  // this use effect runs only in the first render
+
+  /**
+   * define a click handler that asks the user permission,
+   * it uses the setSuserConsent state, to set the consent of the user
+   * If the user denies the consent, an error is created with the setError hook
+   */
+  const onClickAskUserPermission = () => {
+    setLoading(true)
+    setError(false)
+    askUserPermission().then(consent => {
+      setSuserConsent(consent)
+      if (consent !== 'granted') {
+        setError({
+          name: 'consentimiento denegado',
+          message: 'Negaste el consentimiento para recibir notificaciones',
+          code: 0
+        })
+      }
+      setLoading(false)
+    })
+  }
+  //
+
+  /**
+   * define a click handler that creates a push notification subscription.
+   * Once the subscription is created, it uses the setUserSubscription hook
+   */
+  const onClickSusbribeToPushNotification = () => {
+    setLoading(true)
+    setError(false)
+    createNotificationSubscription()
+      .then(function (subscrition) {
+        setUserSubscription(subscrition)
+        setLoading(false)
+      })
+      .catch(err => {
+        console.error("Couldn't create the notification subscription", err, 'name:', err.name, 'message:', err.message, 'code:', err.code)
+        setError(err)
+        setLoading(false)
+      })
+  }
+
+  /**
+   * define a click handler that sends the push susbcribtion to the push server.
+   * Once the subscription ics created on the server, it saves the id using the hook setPushServerSubscriptionId
+   */
+  const onClickSendSubscriptionToPushServer = () => {
+    setLoading(true)
+    setError(false)
+    post('/subscription2', userSubscription)
+      .then(function (response) {
+        setPushServerSubscriptionId(response.id)
+        setLoading(false)
+      })
+      .catch(err => {
+        setLoading(false)
+        setError(err)
+      })
+  }
+
+  /**
+   * define a click handler that request the push server to send a notification, passing the id of the saved subscription
+   */
+  const onClickSendNotification = async () => {
+    setLoading(true)
+    setError(false)
+    console.log(pushServerSubscriptionId)
+    await get(`/subscription/${pushServerSubscriptionId}`).catch(err => {
+      setLoading(false)
+      setError(err)
+    })
+    setLoading(false)
+  }
+
+  /**
+   * returns all the stuff needed by a Component
+   */
+  return {
+    onClickAskUserPermission,
+    onClickSusbribeToPushNotification,
+    onClickSendSubscriptionToPushServer,
+    pushServerSubscriptionId,
+    onClickSendNotification,
+    userConsent,
+    pushNotificationSupported,
+    userSubscription,
+    error,
+    loading
+  }
+}

package/src/hooks/useQueryLocationsMap/index.ts

@@ -0,0 +1,20 @@
+import { useLazyQuery } from '@apollo/client'
+
+import { GET_ONE_COUNTRY, GET_ONE_DEPARTMENT, GET_ONE_CITY } from './queries'
+
+const useGetOneCountry = () => {
+  const [getOneCountry, { data: dataCountry }] = useLazyQuery(GET_ONE_COUNTRY)
+  return { getOneCountry, dataCountry }
+}
+
+const useGetOneDepartment = () => {
+  const [getOneDepartment, { data: dataDepartment }] = useLazyQuery(GET_ONE_DEPARTMENT)
+  return { getOneDepartment, dataDepartment }
+}
+
+const useGetOneCity = () => {
+  const [getOneCities, { data: dataGetOneCity }] = useLazyQuery(GET_ONE_CITY)
+  return { getOneCities, dataGetOneCity }
+}
+
+export { useGetOneCountry, useGetOneDepartment, useGetOneCity }

package/src/hooks/useQueryLocationsMap/queries.ts

@@ -0,0 +1,40 @@
+import { gql } from '@apollo/client'
+
+export const GET_ONE_COUNTRY = gql`
+query getOneCountry($cId: ID){
+  getOneCountry(cId: $cId) {
+    cId
+    cName
+    cName
+    cDatCre
+    cCalCod
+    cState
+    cDatMod
+
+  }
+}
+`
+export const GET_ONE_DEPARTMENT = gql`
+query getOneDepartment($dId: ID){
+    getOneDepartment(dId: $dId) {
+    dId
+    cId
+    dName
+    dState
+    dDatCre
+    dDatMod
+  }
+}
+`
+export const GET_ONE_CITY = gql`
+query getOneCities($ctId: ID){
+    getOneCities(ctId: $ctId) {
+        ctId
+        dId
+        cName
+        cState
+        cDatCre
+        cDatMod
+  }
+}
+`

package/src/hooks/useRatingArrayData/{index.js → index.ts}

@@ -1,6 +1,6 @@
-import { useState, useEffect } from 'react'
 import { useQuery } from '@apollo/client'
-// eslint-disable-next-line camelcase
+import { useState, useEffect } from 'react'
+ 
 import { GET_All_RATING_STORE } from './queries'
 
 export const useRatingArrayData = () => {
@@ -8,12 +8,12 @@ export const useRatingArrayData = () => {
 
   const calculateTotalRatings = (ratings = []) => {
     return ratings.reduce(
-      (total, rating) => ({
+      (total, rating) => {return {
         rAppearance: total?.rAppearance + rating?.rAppearance,
         rTasty: total?.rTasty + rating?.rTasty,
         rGoodCondition: total?.rGoodCondition + rating?.rGoodCondition,
         rGoodTemperature: total?.rGoodTemperature + rating?.rGoodTemperature
-      }),
+      }},
       {
         rAppearance: 0,
         rTasty: 0,

package/src/hooks/useRatingArrayData/{queries.js → queries.ts}

@@ -1,6 +1,6 @@
 import { gql } from '@apollo/client'
 
-// eslint-disable-next-line camelcase
+ 
 export const GET_All_RATING_STORE = gql`
 query getAllRating($idStore: ID){
   getAllRating(idStore: $idStore){

package/src/hooks/useReactToPrint/index.ts

@@ -0,0 +1,4 @@
+export const useReactToPrint = () => {
+  // Placeholder implementation
+  console.log("useReactToPrint hook called");
+}

package/src/hooks/useRemoveExtraProductFoodsOptional/{index.js → index.ts}

@@ -1,4 +1,5 @@
-import { useMutation } from '@apollo/client'
+import { useMutation } from '@apollo/client'
+
 import { DELETE_CAT_EXTRA_PRODUCTS } from './queries'
 
 export const useRemoveExtraProductFoodsOptional = () => {

package/src/hooks/useRemoveExtraProductFoodsOptional/{queries.js → queries.ts}

@@ -28,9 +28,9 @@ export const GET_EXTRAS_PRODUCT_FOOD_OPTIONAL = gql`
       state
       code
       numbersOptionalOnly
-      pDatCre
+      createdAt
       required
-      pDatMod
+      updatedAt
       ExtProductFoodsSubOptionalAll {
         pId
         opExPid
@@ -40,8 +40,8 @@ export const GET_EXTRAS_PRODUCT_FOOD_OPTIONAL = gql`
         exCodeOptionExtra
         exCode
         state
-        pDatCre
-        pDatMod
+        createdAt
+        updatedAt
       }
     }
   }

package/src/hooks/useReport/{index.js → index.ts}

@@ -1,4 +1,5 @@
-import { useQuery, useLazyQuery } from '@apollo/client'
+import { useQuery, useLazyQuery } from '@apollo/client'
+
 import { GET_ALL_SALES, GET_ALL_TOTAL_SALES } from './queries'
 
 export const useReport = ({
@@ -30,15 +31,14 @@ export const useReport = ({
     variables: {
       fromDate,
       toDate
-    },
-    skip: !data || data?.getAllSalesStore?.length === 0 // Skip if main query hasn't loaded or has no data
+    }
   })
 
   const totalSales = totalSalesData?.getAllSalesStoreTotal ?? {}
-
+  console.log(totalSales)
   return {
     getAllSalesStore: lazyQuery ? getAllSalesStore : () => { }, // Return function only if in lazy mode
-    data: lazyQuery ? data || lazyDataSales : data, // Use data from lazy query if available
+    data: lazyQuery ? lazyDataSales : data, // Use data from lazy query if available
     loading: lazyQuery ? lazyLoading || loading : loading,
     totalSales: totalSales.TOTAL || 0,
     restaurant: totalSales.restaurant || 0,

package/src/hooks/useReport/{queries.js → queries.ts}

@@ -1,7 +1,7 @@
 import { gql } from '@apollo/client'
 
 export const GET_ALL_SALES = gql`
-query getAllSalesStore($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: DateTime, $toDate: DateTime ) {
+query getAllSalesStore($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: String, $toDate: String ) {
   getAllSalesStore(idStore: $idStore, search: $search, min: $min, max: $max, toDate: $toDate, fromDate: $fromDate) {
     totalProductsPrice
     channel
@@ -12,7 +12,7 @@ query getAllSalesStore($idStore: ID,$search: String, $min: Int, $max: Int $fromD
 `
 
 export const GET_ALL_TOTAL_SALES = gql`
-query getAllSalesStoreTotal($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: DateTime, $toDate: DateTime ) {
+query getAllSalesStoreTotal($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: String, $toDate: String) {
     getAllSalesStoreTotal(idStore: $idStore, search: $search, min: $min, max: $max, toDate: $toDate, fromDate: $fromDate) {
     restaurant
     delivery
@@ -26,7 +26,7 @@ query getAllSalesStoreStatistic($idStore: ID,$search: String, $min: Int, $max: I
     pdpId
     idStore
     pCodeRef
-    payMethodPState
+    payId
     pPRecoger
     totalProductsPrice
     pSState
@@ -40,7 +40,7 @@ query getAllSalesStoreStatistic($idStore: ID,$search: String, $min: Int, $max: I
         ShoppingCard
         pCodeRef
         pPStateP
-        payMethodPState
+        payId
         pPRecoger
         pDatCre
         pDatMod
@@ -70,54 +70,3 @@ query getAllSalesStoreStatistic($idStore: ID,$search: String, $min: Int, $max: I
   }
 }
 `
-
-export const GET_ONE_SALES = gql`
-query getOneSalesStore($pCodeRef: String) {
-  getOneSalesStore(pCodeRef: $pCodeRef) {
-    pdpId
-    idStore
-    pCodeRef
-    payMethodPState
-    pPRecoger
-    totalProductsPrice
-    pSState
-    pDatCre
-    locationUser
-    pDatMod
-    getAllPedidoStore{
-        pdpId
-        pId
-        idStore
-        ShoppingCard
-        pCodeRef
-        pPStateP
-        payMethodPState
-        pPRecoger
-        pDatCre
-        pDatMod
-        getAllShoppingCard {
-          ShoppingCard
-          comments
-          cantProducts
-          pId
-        productFood{
-          pId
-          carProId
-          colorId
-          idStore
-          pName
-          ProPrice
-          ProDescuento
-          ProDescription
-          ValueDelivery
-          ProImage
-          ProStar
-          pState
-          pDatCre
-          pDatMod
-        }
-      }
-    }
-  }
-}
-`

package/src/hooks/useRestaurant/helpers/index.ts

@@ -0,0 +1,28 @@
+/**
+ *
+ * @param array
+ */
+export function filterAndSortByDate (array = []) {
+  const isError = !Array.isArray(array) || !array.length
+  try {
+    if (isError) return []
+
+    const currentDate = new Date()
+    const sevenDaysAgo = currentDate.getTime() - 7 * 24 * 60 * 60 * 1000
+
+    const filteredAndSorted = array.map(item => {
+      const createdAtDate = new Date(item.createdAt)
+      const isNew = (createdAtDate.getTime() <= sevenDaysAgo)
+      return { ...item, isNew }
+    }).sort((a, b) => {
+      const dateA = new Date(a.createdAt).getTime()
+      const dateB = new Date(b.createdAt).getTime()
+      return dateB - dateA
+    })
+
+    return filteredAndSorted
+  } catch (error) {
+    if (isError) return []
+    if (Array.isArray(array)) return array
+  }
+}

package/src/hooks/useRestaurant/helpers/manageStatusOpen.ts

@@ -0,0 +1,26 @@
+import { addTenMinutes } from '../../addTenMinutes'
+import { statusOpenStores } from '../../statusOpenStores'
+
+export const getStatusForStores = (stores = []) => {
+  return stores.map((store) => {
+    const min = addTenMinutes(store?.deliveryTimeMinutes)
+    if (store?.scheduleOpenAll) {
+      return {
+        ...store,
+        status: { message: '', open: true },
+        open: 1,
+        min: min ?? ''
+      }
+    }
+    const dataSchedules =
+      (store?.getStoreSchedules?.length > 0 && store.getStoreSchedules) || []
+    const status = statusOpenStores({ dataSchedules })
+
+    return {
+      ...store,
+      status,
+      min: min ?? '',
+      open: status?.open ? 1 : 0
+    }
+  }).sort((a, b) => {return b.open - a.open})
+}

package/src/hooks/useRestaurant/index.ts

@@ -0,0 +1,71 @@
+import { useLazyQuery } from '@apollo/client'
+import { useEffect, useState } from 'react'
+
+import { useManageQueryParams } from '../useManageQueryParams'
+
+import { filterAndSortByDate } from './helpers'
+import { getStatusForStores } from './helpers/manageStatusOpen'
+import { GET_ALL_RESTAURANT } from './queries'
+
+export const useRestaurant = ({
+  location = {
+    query: {},
+    push: (props, state, { shallow }) => {
+      return { ...props, state, shallow }
+    }
+  }
+} = {}) => {
+  const [loadingFilter, setLoadingFilter] = useState(false)
+  const { handleQuery, handleCleanQuery } = useManageQueryParams({
+    location
+  })
+
+  const [getAllStoreInStore, {
+    data,
+    loading,
+    error,
+    fetchMore
+  }] = useLazyQuery(GET_ALL_RESTAURANT, {
+    fetchPolicy: 'cache-and-network',
+    notifyOnNetworkStatusChange: true,
+    nextFetchPolicy: 'cache-first',
+    refetchWritePolicy: 'merge',
+    context: { clientName: 'admin-store' }
+  })
+
+  useEffect(() => {
+    getAllStoreInStore({})
+  }, [location])
+  const handleSendQueries = (name, value) => {
+    if (value) handleQuery(name, value)
+  }
+
+  const handleCleanQueries = (name) => {
+    handleCleanQuery(name)
+  }
+  const handleFilterStore = async () => {
+    setLoadingFilter(true)
+    try {
+      await getAllStoreInStore({
+
+      }).then(() => {
+        setLoadingFilter(false)
+      })
+    } catch (error) {
+      setLoadingFilter(false)
+    }
+  }
+  const dataRestaurant = data?.getAllStoreInStore || []
+  const dataSort = filterAndSortByDate(dataRestaurant)
+  const statuses = getStatusForStores(dataSort)
+
+  return [statuses, {
+    loading,
+    loadingFilter,
+    error,
+    fetchMore,
+    handleSendQueries,
+    handleFilterStore,
+    handleCleanQueries
+  }]
+}

package/src/hooks/useRestaurant/{queries.js → queries.ts}

@@ -3,6 +3,7 @@ export const GET_ALL_RESTAURANT = gql`
 query getAllStoreInStore($search: String, $min: Int, $max: Int){
   getAllStoreInStore(search: $search, min: $min, max: $max) {
     open
+    scheduleOpenAll
     getStoreSchedules {
       idStore
       schId
@@ -15,6 +16,7 @@ query getAllStoreInStore($search: String, $min: Int, $max: Int){
     cId
     id
     dId
+    deliveryTimeMinutes
     ctId
     catStore
     neighborhoodStore
@@ -75,6 +77,5 @@ query getAllStoreInStore($search: String, $min: Int, $max: Int){
       createAt
     }
   }
-  
 }
 `

package/src/hooks/useRoads/index.ts

@@ -0,0 +1,20 @@
+import { useQuery } from '@apollo/client'
+
+import { GET_ALL_ROAD } from './queries'
+
+/**
+ * Custom hook to fetch all roads.
+ *
+ * @returns {Object} - Returns an object containing road data and any associated query state/error.
+ */
+export function useRoads () {
+  const { data, loading, error } = useQuery(GET_ALL_ROAD)
+
+  // Here, you can handle any additional logic you might need, like mapping data, handling errors, etc.
+
+  return {
+    data: data || [],
+    loading,
+    error
+  }
+}