Empty SWRhooks

framework/commerce/types/cart.ts

@@ -165,15 +165,13 @@ export type AddItemHandler<T extends CartTypes = CartTypes> = AddItemHook<T> & {
   body: { cartId: string }
 }
 
-export type UpdateItemHandler<
-  T extends CartTypes = CartTypes
-> = UpdateItemHook<T> & {
+export type UpdateItemHandler<T extends CartTypes = CartTypes> =
+  UpdateItemHook<T> & {
     data: T['cart']
     body: { cartId: string }
   }
 
-export type RemoveItemHandler<
-  T extends CartTypes = CartTypes
-> = RemoveItemHook<T> & {
+export type RemoveItemHandler<T extends CartTypes = CartTypes> =
+  RemoveItemHook<T> & {
     body: { cartId: string }
   }

framework/local/auth/use-login.tsx

@@ -1,15 +1,16 @@
-import { useCallback } from 'react'
+import { MutationHook } from '@commerce/utils/types'
+import useLogin, { UseLogin } from '@commerce/auth/use-login'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useLogin as UseLogin<typeof handler>
+
+export const handler: MutationHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher() {
+    return null
+  },
+  useHook: () => () => {
+    return async function () {}
+  },
 }
-
-  return useEmptyHook
-}
-
-export const handler = {}
-
-export default emptyHook

framework/local/auth/use-logout.tsx

@@ -1,15 +1,17 @@
-import { useCallback } from 'react'
+import { MutationHook } from '@commerce/utils/types'
+import useLogout, { UseLogout } from '@commerce/auth/use-logout'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useLogout as UseLogout<typeof handler>
+
+export const handler: MutationHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher() {
+    return null
+  },
+  useHook:
+    ({ fetch }) =>
+    () =>
+    async () => {},
 }
-
-  return useEmptyHook
-}
-
-export const handler = {}
-
-export default emptyHook

framework/local/auth/use-signup.tsx

@@ -1,15 +1,19 @@
 import { useCallback } from 'react'
+import useCustomer from '../customer/use-customer'
+import { MutationHook } from '@commerce/utils/types'
+import useSignup, { UseSignup } from '@commerce/auth/use-signup'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useSignup as UseSignup<typeof handler>
+
+export const handler: MutationHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher() {
+    return null
+  },
+  useHook:
+    ({ fetch }) =>
+    () =>
+    () => {},
 }
-
-  return useEmptyHook
-}
-
-export const handler = {}
-
-export default emptyHook

framework/local/cart/use-add-item.tsx

@@ -1,15 +1,17 @@
-import { useCallback } from 'react'
+import useAddItem, { UseAddItem } from '@commerce/cart/use-add-item'
+import { MutationHook } from '@commerce/utils/types'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useAddItem as UseAddItem<typeof handler>
+export const handler: MutationHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher({ input, options, fetch }) {},
+  useHook:
+    ({ fetch }) =>
+    () => {
+      return async function addItem() {
+        return {}
       }
-
-  return useEmptyHook
+    },
 }
-
-export const handler = {}
-
-export default emptyHook

framework/local/cart/use-cart.tsx

@@ -1,15 +1,42 @@
-import { useCallback } from 'react'
+import { useMemo } from 'react'
+import { SWRHook } from '@commerce/utils/types'
+import useCart, { UseCart } from '@commerce/cart/use-cart'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useCart as UseCart<typeof handler>
+
+export const handler: SWRHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher() {
+    return {
+      id: '',
+      createdAt: '',
+      currency: { code: '' },
+      taxesIncluded: '',
+      lineItems: [],
+      lineItemsSubtotalPrice: '',
+      subtotalPrice: 0,
+      totalPrice: 0,
     }
-
-  return useEmptyHook
+  },
+  useHook:
+    ({ useData }) =>
+    (input) => {
+      return useMemo(
+        () =>
+          Object.create(
+            {},
+            {
+              isEmpty: {
+                get() {
+                  return true
+                },
+                enumerable: true,
+              },
+            }
+          ),
+        []
+      )
+    },
 }
-
-export const handler = {}
-
-export default emptyHook

framework/local/cart/use-remove-item.tsx

@@ -1,15 +1,18 @@
-import { useCallback } from 'react'
+import { MutationHook } from '@commerce/utils/types'
+import useRemoveItem, { UseRemoveItem } from '@commerce/cart/use-remove-item'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useRemoveItem as UseRemoveItem<typeof handler>
+
+export const handler: MutationHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher({ input, options, fetch }) {},
+  useHook:
+    ({ fetch }) =>
+    () => {
+      return async function removeItem(input) {
+        return {}
       }
-
-  return useEmptyHook
+    },
 }
-
-export const handler = {}
-
-export default emptyHook

framework/local/cart/use-update-item.tsx

@@ -1,15 +1,18 @@
-import { useCallback } from 'react'
+import { MutationHook } from '@commerce/utils/types'
+import useUpdateItem, { UseUpdateItem } from '@commerce/cart/use-update-item'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useUpdateItem as UseUpdateItem<any>
+
+export const handler: MutationHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher({ input, options, fetch }) {},
+  useHook:
+    ({ fetch }) =>
+    () => {
+      return async function addItem() {
+        return {}
       }
-
-  return useEmptyHook
+    },
 }
-
-export const handler = {}
-
-export default emptyHook

framework/local/customer/use-customer.tsx

@@ -1,14 +1,15 @@
-import { useCallback } from 'react'
+import { SWRHook } from '@commerce/utils/types'
+import useCustomer, { UseCustomer } from '@commerce/customer/use-customer'
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export default useCustomer as UseCustomer<typeof handler>
+export const handler: SWRHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher({ input, options, fetch }) {},
+  useHook: () => () => {
+    return async function addItem() {
+      return {}
     }
-
-  return useEmptyHook
+  },
 }
-export const handler = {}
-
-export default emptyHook

framework/local/product/use-search.tsx

@@ -1,15 +1,13 @@
-import { useCallback } from 'react'
+import { SWRHook } from '@commerce/utils/types'
+import useSearch, { UseSearch } from '@commerce/product/use-search'
+export default useSearch as UseSearch<typeof handler>
 
-export function emptyHook() {
-  const useEmptyHook = async (options = {}) => {
-    return useCallback(async function () {
-      return Promise.resolve()
-    }, [])
+export const handler: SWRHook<any> = {
+  fetchOptions: {
+    query: '',
+  },
+  async fetcher({ input, options, fetch }) {},
+  useHook: () => () => {
+    return {}
+  },
 }
-
-  return useEmptyHook
-}
-
-export const handler = {}
-
-export default emptyHook

framework/vendure/auth/use-logout.tsx

@@ -18,7 +18,9 @@ export const handler: MutationHook<LogoutHook> = {
     })
     return null
   },
-  useHook: ({ fetch }) => () => {
+  useHook:
+    ({ fetch }) =>
+    () => {
       const { mutate } = useCustomer()
 
       return useCallback(