npm-pkg-hook 1.12.0 → 1.12.4

package/package.json

@@ -7,8 +7,8 @@
     "js-cookie": "3.0.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-query": "^3.39.2",
     "xlsx": "0.18.5"
   },
@@ -46,5 +46,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.12.0"
-}
+  "version": "1.12.4"
+}

package/src/hooks/index.ts

@@ -143,3 +143,5 @@ export * from './useImageUploaderProduct'
 export * from './useTagProducts'
 export * from './useOrderStatusTypes'
 export * from './useCreateOrderStatusType'
+export * from './useDevWS'
+export * from './usePrintSaleTicket'

package/src/hooks/useCreateOrderStatusType/index.ts

@@ -66,26 +66,49 @@ export const useCreateOrderStatusType = ({
     backgroundColor: 'success' | 'error' | 'info' | 'warning'
   }) => void
 }) => {
-  const [createOrderStatusType, { data, loading, error }] =useMutation<{ createOrderStatusType: ResponseOrderStatusType }>(CREATE_ORDER_STATUS_TYPE, {
-    onCompleted: (data) => {
-      const createOrderStatusType = data.createOrderStatusType
-      const { success, message } = createOrderStatusType ?? {
-        success: false,
-        message: 'Error desconocido'
+  const [createOrderStatusType, { data, loading, error }] =
+    useMutation<{ createOrderStatusType: ResponseOrderStatusType }>(
+      CREATE_ORDER_STATUS_TYPE,
+      {
+        update(cache, { data }) {
+          console.log("🚀 ~ useCreateOrderStatusType ~ data:", data, cache)
+          const newItem = data?.createOrderStatusType?.data
+          if (!newItem) return
+
+          cache.modify({
+            fields: {
+              getAllOrderStatusTypes(existing = {}) {
+              console.log("🚀 ~ useCreateOrderStatusType ~ existing:", existing)
+              
+              }
+            }
+          })
+        },
+
+        onCompleted: (data) => {
+          const res = data.createOrderStatusType
+          const { success, message } = res ?? {
+            success: false,
+            message: 'Error desconocido'
+          }
+
+          sendNotification({
+            title: success
+              ? 'Estado de orden creado'
+              : 'Error al crear el estado de orden',
+            description: message,
+            backgroundColor: success ? 'success' : 'error',
+          })
+        }
       }
-      sendNotification({
-        title: success ? 'Estado de orden creado' : 'Error al crear el estado de orden',
-        description: message,
-        backgroundColor: success ? 'success' : 'error',
-      })
-    }
-  })
+    )
 
   const handleCreateStatus = async (input: OrderStatusTypeInput) => {
     try {
       const response = await createOrderStatusType({
         variables: { data: input },
       })
+
       return response.data?.createOrderStatusType
     } catch (err) {
       sendNotification({
@@ -97,9 +120,13 @@ export const useCreateOrderStatusType = ({
     }
   }
 
-  return [handleCreateStatus, {
-    data: data?.createOrderStatusType,
-    loading,
-    error,
-  }]
+  return [
+    handleCreateStatus,
+    {
+      data: data?.createOrderStatusType,
+      loading,
+      error,
+    }
+  ]
 }
+

package/src/hooks/useDevWS/index.ts

@@ -0,0 +1,53 @@
+'use client'
+import { useEffect, useRef, useState } from 'react'
+
+export const useDevWS = () => {
+    const [status, setStatus] = useState("loading")
+    const wsRef = useRef<WebSocket | null>(null)
+
+    useEffect(() => {
+        let reconnectTimer: any
+
+        const connect = async () => {
+            try {
+                const r = await fetch('/api/ws-port')
+                const { port } = await r.json()
+
+                if (!port) {
+                    setStatus("down")
+                    reconnectTimer = setTimeout(connect, 2000)
+                    return
+                }
+
+                const ws = new WebSocket(`ws://localhost:${port}`)
+                wsRef.current = ws
+
+                ws.onopen = () => {
+                    setStatus("up")
+                }
+
+                ws.onerror = () => {
+                    setStatus("down")
+                    ws.close()
+                }
+
+                ws.onclose = () => {
+                    setStatus("down")
+                    reconnectTimer = setTimeout(connect, 2000)
+                }
+            } catch {
+                setStatus("down")
+                reconnectTimer = setTimeout(connect, 2000)
+            }
+        }
+
+        connect()
+
+        return () => {
+            wsRef.current?.close()
+            clearTimeout(reconnectTimer)
+        }
+    }, [])
+
+    return status
+}

package/src/hooks/usePrintSaleTicket/index.ts

@@ -0,0 +1,64 @@
+// usePrintSaleTicket.ts
+import { gql, useMutation, MutationHookOptions } from '@apollo/client'
+import { useCallback } from 'react'
+
+/* ------------------------------
+   TYPES
+------------------------------ */
+
+export interface PrintSaleTicketResponse {
+  printSaleTicket: {
+    message: string
+    success: boolean
+    data: string | null
+    __typename: string
+  }
+}
+
+export interface PrintSaleTicketVars {
+  saleId: string
+}
+
+/* ------------------------------
+   GQL
+------------------------------ */
+
+const PRINT_SALE_TICKET = gql`
+  mutation printSaleTicket($saleId: ID!) {
+    printSaleTicket(saleId: $saleId) {
+      message
+      success
+      data
+      __typename
+    }
+  }
+`
+
+/* ------------------------------
+   HOOK
+------------------------------ */
+
+export function usePrintSaleTicket(
+  options?: MutationHookOptions<PrintSaleTicketResponse, PrintSaleTicketVars>
+) {
+  const [runMutation, { loading, data, error }] = useMutation<
+    PrintSaleTicketResponse,
+    PrintSaleTicketVars
+  >(PRINT_SALE_TICKET, options)
+
+  const printSale = useCallback(
+    async (saleId: string) => {
+      const result = await runMutation({
+        variables: { saleId }
+      })
+      return result.data?.printSaleTicket
+    },
+    [runMutation]
+  )
+
+  return [printSale, {
+    loading,
+    data: data?.printSaleTicket,
+    error
+  }]
+}