npm-pkg-hook 1.0.2 → 1.0.4

package/src/hooks/useCatWithProduct/queries.js

@@ -0,0 +1,172 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_FOOD_PRODUCT = gql`
+  mutation  newRegisterFoodProduct($input: FoodProductInput){
+    newRegisterFoodProduct(input: $input){
+      success
+      message
+    }
+  }
+`
+export const GET_BANNER_PROMO_DASHBOARD = gql`
+query getPromoStoreAdmin($min: Int, $max: Int){
+getPromoStoreAdmin(min: $min, max: $max){
+    pSoId
+    comments
+    mainName
+    metaTags
+    urlImage
+    bPromoState
+    createAt
+    updateAt
+  }
+}
+`
+
+export const CREATE_STORE_CALENDAR = gql`
+mutation  setStoreSchedule($input: ITstoreSchedule!){
+  setStoreSchedule(input: $input){
+    message
+    success
+  }
+}
+`
+export const DELETE_ONE_CAT_PRODUCTS = gql`
+  mutation  deleteCatOfProducts($idPc: ID!, $pState: Int){
+  deleteCatOfProducts(idPc: $idPc, pState: $pState){
+    success
+    message
+  }
+}
+`
+export const DELETE_ONE_CAT_PRODUCTS_FINAL = gql`
+
+mutation  deleteCatFinalOfProducts($idPc: ID){
+  deleteCatFinalOfProducts(idPc: $idPc){
+    success
+    message
+  }
+}
+`
+export const DELETE_EXTRA_PRODUCTS = gql`
+  mutation  deleteextraproductfoods($id: ID, $state: Int){
+    deleteextraproductfoods(id: $id, state: $state){
+      success, 
+      message
+  }
+}
+`
+export const EDIT_EXTRA_PRODUCTS = gql`
+mutation editExtProductFoods($input: InputExtProductFood!) {
+  editExtProductFoods(input: $input) {
+    success
+    message
+  }
+}
+`
+export const DELETE_CAT_EXTRA_PRODUCTS = gql`
+  mutation  DeleteExtProductFoodsOptional($opExPid: ID, $state: Int){
+    DeleteExtProductFoodsOptional(opExPid: $opExPid, state: $state){
+      success, 
+      message
+  }
+}
+`
+export const DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS = gql`
+  mutation  DeleteExtFoodSubsOptional($opSubExPid: ID, $state: Int){
+    DeleteExtFoodSubsOptional(opSubExPid: $opSubExPid, state: $state){
+      success, 
+      message
+  }
+}
+`
+export const UPDATE_CAT_IN_PRODUCT = gql`
+mutation  updatedCatWithProducts($input: LineItemsIdPro){
+  updatedCatWithProducts(input: $input){
+    success
+    message
+  }
+}
+`
+export const GET_ULTIMATE_CATEGORY_PRODUCTS = gql`
+query catProductsAll($search: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
+  catProductsAll(search: $search, min: $min, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
+    carProId
+    idStore
+    pName
+    ProDescription
+    ProImage
+    pState
+    pDatCre
+    pDatMod
+  }
+}
+`
+export const GET_ALL_EXTRA_PRODUCT = gql`
+query ExtProductFoodsAll($search: String, $min: Int, $max: Int, $pId: ID) {
+  ExtProductFoodsAll(search: $search, min: $min, max: $max, pId: $pId) {
+    pId
+    exPid
+    exState
+    extraName
+    extraPrice
+    state
+    pDatCre
+    pDatMod
+  }
+}
+`
+export const GET_ALL_CATEGORIES_WITH_PRODUCT = gql`
+query getCatProductsWithProduct($search: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
+  getCatProductsWithProduct(search: $search, min: $min, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
+        totalCount,
+    catProductsWithProduct {
+    carProId
+    pState
+    pState
+    ProImage
+    idStore
+    pName
+    totalCount
+    ProDescription
+    ProImage
+    pState
+    pDatCre
+    pDatMod
+    productFoodsAll {
+         pId
+        sizeId
+        colorId
+        carProId
+        cId
+        dId
+        ctId
+        idStore
+        caId
+        fId
+        pName
+        ProPrice
+        ProDescuento
+        ProUniDisponibles
+        ProDescription
+        ProProtegido
+        ProAssurance
+        ProImage
+        ProStar
+        ProWidth
+        ProHeight
+        ProLength
+        ProWeight
+        ProQuantity
+        ProOutstanding
+        ProDelivery
+        ProVoltaje
+        pState
+        sTateLogistic
+        pDatCre
+        pDatMod
+    }
+    }
+  }
+}
+`

package/src/hooks/useCategoryInStore/index.js

@@ -0,0 +1,94 @@
+import { useMutation, useQuery } from '@apollo/client';
+import { useState } from 'react';
+import { DELETE_ONE_CAT_PRODUCTS, GET_ULTIMATE_CATEGORY_PRODUCTS } from '../useProductsFood/queriesStore';
+import { UPDATE_CAT_IN_PRODUCT } from './../useProductsFood/queriesStore';
+import { GET_ONE_STORE_IN_CATEGORY } from './queries';
+export const useCategoryInStore = ({ catStoreId }) => {
+  // STATES
+  const [categories, setOneCategoryInStore] = useState([])
+  const [deleteCatOfProducts] = useMutation(DELETE_ONE_CAT_PRODUCTS, {
+    onError: (e) => {
+      setAlertBox({
+        message: e.graphQLErrors[0].message,
+        color: WColor
+      })
+    },
+    update(cache) {
+      cache.modify({
+        fields: {
+          catProductsAll(dataOld = []) {
+            return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
+          }
+        }
+      })
+    }
+  })
+  const [updatedCatWithProducts] = useMutation(UPDATE_CAT_IN_PRODUCT, {
+    onError: (e) => {
+      console.log({
+        message: e.graphQLErrors[0].message,
+        color: WColor
+      })
+    },
+    update(cache) {
+      cache.modify({
+        fields: {
+          catProductsAll(dataOld = []) {
+            return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
+          }
+        }
+      })
+    }
+  })
+  // QUERIES
+  const { data } = useQuery(GET_ULTIMATE_CATEGORY_PRODUCTS)
+  const {
+    loading,
+    error
+  } = useQuery(GET_ONE_STORE_IN_CATEGORY, {
+    variables: {
+      catStore: catStoreId
+    },
+    onError: () => {
+      console.log({ message: '', duration: 5000 })
+    },
+    onCompleted: () => {
+      setOneCategoryInStore(data.getOneCatStore)
+    }
+  })
+    // HANDLESS
+    const handlerDeleteCategoryInStore = (category) => {
+      const { pState, idPc } = category || {}
+      if (!idPc || !pState) return
+      return deleteCatOfProducts({
+        variables: { idPc, pState }, update(cache) {
+          cache.modify({
+            fields: {
+              catProductsAll(dataOld = []) {
+                return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
+              }
+            }
+          })
+        }
+      })
+    }
+    const handleUpdateCatInProduct = async ({ data }) => {
+      await updatedCatWithProducts({
+        variables: {
+          input: {
+            setData: data?.map(x => { return { idProduct: x.pId } }),
+            idCat: idCat
+          }
+        }
+      })
+    }
+  return {
+    categories,
+    data: data?.catProductsAll || [],
+    loading,
+    error,
+    handlerDeleteCategoryInStore,
+    handleUpdateCatInProduct
+  }
+}
+

package/src/hooks/{useGetCategorieStore → useCategoryInStore}/queries.js

@@ -1,78 +1,78 @@
-import { gql } from "@apollo/client";
-
-export const GET_ONE_STORE_IN_CATEGORY = gql`
-query getOneCatStore($catStore: ID){
-getOneCatStore(catStore: $catStore){
-  catStore
-  idUser
-  cName
-  cState
-  cDatCre
-  cPathImage
-  cDatMod
-  csDescription
-  getAllStore {
-      idStore
-      cId
-      id
-      dId
-      ctId
-      catStore
-      neighborhoodStore
-      Viaprincipal
-      storeOwner
-      storeName
-      emailStore
-      storePhone
-      socialRaz
-      Image
-      banner
-      documentIdentifier
-      uPhoNum
-      ULocation
-      upLat
-      upLon
-      uState
-      siteWeb
-      description
-      NitStore
-      typeRegiments
-      typeContribute
-      secVia
-      addressStore
-      createdAt
-      pais {
-        cId
-        cName
-        cCalCod
-        cState
-        cDatCre
-        cDatMod
-      }
-      city {
-        ctId
-        dId
-        cName
-        cState
-        cDatCre
-        cDatMod
-      } 
-      department {
-        dId
-        cId
-        dName
-        dState
-        dDatCre
-        dDatMod
-      }
-      getAllRatingStar {
-      rSId
-      rScore
-      idStore
-      createAt
-      
-    }
-  }
-  }
-}
+import { gql } from "@apollo/client";
+
+export const GET_ONE_STORE_IN_CATEGORY = gql`
+query getOneCatStore($catStore: ID){
+getOneCatStore(catStore: $catStore){
+  catStore
+  idUser
+  cName
+  cState
+  cDatCre
+  cPathImage
+  cDatMod
+  csDescription
+  getAllStore {
+      idStore
+      cId
+      id
+      dId
+      ctId
+      catStore
+      neighborhoodStore
+      Viaprincipal
+      storeOwner
+      storeName
+      emailStore
+      storePhone
+      socialRaz
+      Image
+      banner
+      documentIdentifier
+      uPhoNum
+      ULocation
+      upLat
+      upLon
+      uState
+      siteWeb
+      description
+      NitStore
+      typeRegiments
+      typeContribute
+      secVia
+      addressStore
+      createdAt
+      pais {
+        cId
+        cName
+        cCalCod
+        cState
+        cDatCre
+        cDatMod
+      }
+      city {
+        ctId
+        dId
+        cName
+        cState
+        cDatCre
+        cDatMod
+      } 
+      department {
+        dId
+        cId
+        dName
+        dState
+        dDatCre
+        dDatMod
+      }
+      getAllRatingStar {
+      rSId
+      rScore
+      idStore
+      createAt
+      
+    }
+  }
+  }
+}
 `

package/src/hooks/useCategoryStore/index.js

@@ -1,7 +1,7 @@
-import { useQuery } from '@apollo/client'
-import { GET_ALL_CAT_STORE } from './queries'
-
-export const useCategoryStore = () => {
-    const { data } = useQuery(GET_ALL_CAT_STORE)
-    return [data]
-}
+import { useQuery } from '@apollo/client'
+import { GET_ALL_CAT_STORE } from './queries'
+
+export const useCategoryStore = () => {
+    const { data } = useQuery(GET_ALL_CAT_STORE)
+    return [data]
+}

package/src/hooks/useCategoryStore/queries.js

@@ -1,16 +1,16 @@
-import { gql } from '@apollo/client'
-
-export const GET_ALL_CAT_STORE = gql`
-query getAllCatStore{
-getAllCatStore{
-  catStore
-  idUser
-  cPathImage
-  cName
-  cState
-  cDatCre
-  cDatMod
-  csDescription
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const GET_ALL_CAT_STORE = gql`
+query getAllCatStore{
+getAllCatStore{
+  catStore
+  idUser
+  cPathImage
+  cName
+  cState
+  cDatCre
+  cDatMod
+  csDescription
+  }
+}
+`

package/src/hooks/useChartData/index.js

@@ -0,0 +1,168 @@
+import { useQuery } from '@apollo/client';
+import { useState } from 'react';
+import { SPANISH_MONTHS } from "../../utils/index";
+import { GET_ALL_SALES } from "../useReport/queries";
+
+export const useChartData = ({ year }) => {
+    // Construcción del nuevo array:
+    const { data, loading } = useQuery(GET_ALL_SALES)
+    const [chartType, setChartType] = useState('bar')
+    const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear())
+    const [asFilter, setFilter] = useState(false)
+    const [newResult, setNewResult] = useState([])
+    let result = []
+    data?.getAllSalesStore?.length > 0 && data?.getAllSalesStore.reduce(function (res, value) {
+        // Creamos la posición del array para cada mes
+        let mes = new Date(value.pDatCre).getMonth()
+        let Year = new Date(value.pDatCre).getFullYear()
+        if (!res[mes]) {
+            res[mes] = { Mes: mes, Year }
+            // Inicializamos a 0 el valor de cada key
+            Object.keys(value).forEach((key) => {
+                if (key != 'pDatCre') {
+                    res[mes][key] = 0
+                }
+            })
+
+            result.push(res[mes])
+        }
+        // Sumamos el valor de cada clave dentro de un bucle
+        Object.keys(value).forEach(function (key) {
+            if (key != 'pDatCre') {
+                res[mes]['totalProductsPrice'] += value['totalProductsPrice']
+            }
+        })
+        return res
+    }, {})
+
+    let allMonths = Array.from({ length: 12 }, (_, i) => { return i })
+    let missingMonths = allMonths.filter(month => { return !result.some(data => { return data.Mes === month }) })
+
+    for (const element of missingMonths) {
+        result.push({
+            'Mes': element,
+            'totalProductsPrice': 0,
+            'Year': ''
+        })
+    }
+
+    result.sort((a, b) => { return a.Mes - b.Mes })
+
+    const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
+    // Resultado:
+
+    const dataChart = {
+        labels: asFilter ? newResult.map(data => {
+            return SPANISH_MONTHS[data.Mes]
+        }) : result.map(data => {
+            return SPANISH_MONTHS[data.Mes]
+        }),
+        datasets: [
+            {
+                label: labelTitle,
+                data: asFilter ? newResult.map(data => { return data.totalProductsPrice }) : result.map(data => { return data.totalProductsPrice }),
+                backgroundColor: [
+                    'rgba(255, 99, 132, 0.2)',
+                    'rgba(54, 162, 235, 0.2)',
+                    'rgba(255, 206, 86, 0.2)',
+                    'rgba(75, 192, 192, 0.2)',
+                    'rgba(153, 102, 255, 0.2)',
+                    'rgba(255, 159, 64, 0.2)'
+                ],
+                borderColor: chartType === 'bar' ?  [
+                    'rgba(255, 99, 132, 1)',
+                    'rgba(54, 162, 235, 1)',
+                    'rgba(255, 206, 86, 1)',
+                    'rgba(75, 192, 192, 1)',
+                    'rgba(153, 102, 255, 1)',
+                    'rgba(255, 159, 64, 1)'
+                ] : 'rgb(255 0 0)',
+                tension: 0.6,
+                fill: false,
+                borderWidth: 1,
+                barPercentage: 1,
+                barThickness: 50,
+                minBarLength: 3,
+            }
+        ]
+    }
+    const options =  {
+        interaction: {
+          mode: 'index',
+          intersect: false,
+        },
+        scales: {
+            x: {
+                stacked: true
+            },
+            y: {
+                stacked: true
+            }
+        },
+        plugins: {
+          title: {
+            display: true,
+            text: labelTitle
+          },
+        }
+      }
+    const groupedData = {}
+
+    data && data.getAllSalesStore.forEach((item) => {
+        const year = new Date(item.pDatCre).getFullYear()
+        if (!groupedData[year]) {
+            groupedData[year] = []
+        }
+        groupedData[year].push(item)
+    })
+    const years = []
+    data && data.getAllSalesStore.forEach((item) => {
+        const y = new Date(item.pDatCre).getFullYear()
+        if (!years.includes(y)) {
+            years.push(y)
+        }
+    })
+    const handleChangeYear = (value) => {
+        setFilter(true)
+        if (result?.length > 0) {
+            const filterToYear = result.filter((elem) => {
+                return elem?.Year == parseInt(value)
+            })
+            let missingNewMonths = allMonths.filter(month => { return !filterToYear.some(data => { return data.Mes === month }) })
+            for (const element of missingNewMonths) {
+                filterToYear.push({
+                    'Mes': element,
+                    'totalProductsPrice': 0,
+                    'Year': ''
+                })
+            }
+            filterToYear.sort((a, b) => { return a.Mes - b.Mes })
+            setNewResult(filterToYear)
+            return filterToYear
+        }
+    }
+    const cleanFilter = () => {
+        setFilter(false)
+        setChartTypeYear(new Date().getFullYear())
+    }
+    const sortYear = () => {
+        return  years.sort((a, b) => { return b - a });
+    }
+
+    const organiceYears = sortYear()
+    return {
+        handleChangeYear,
+        setFilter,
+        cleanFilter,
+        setChartType,
+        years: organiceYears,
+        asFilter,
+        chartTypeYear,
+        options,
+        chartType,
+        labelTitle,
+        result,
+        dataChart,
+        loading
+    }
+}