Changes

framework/bigcommerce/wishlist/use-wishlist.tsx

@@ -16,7 +16,7 @@ export interface UseWishlistOptions {
 }
 
 export interface UseWishlistInput extends UseWishlistOptions {
-  customerId?: Customer['id']
+  customerId?: number
 }
 
 export const fetcher: HookFetcher<Wishlist | null, UseWishlistInput> = (

framework/commerce/wishlist/index.ts

@@ -0,0 +1,3 @@
+export { default as useAddItem } from './use-add-item'
+export { default as useWishlist } from './use-wishlist'
+export { default as useRemoveItem } from './use-remove-item'

framework/types.d.ts

@@ -36,11 +36,14 @@ interface Wishlist {
 interface Order {}
 
 interface Customer {
-  id: string
-  name: string
-  email: string
+  id: string | number | undefined
+  [prop: string]: any
 }
 
+type UseCustomerResponse = {
+  customer: Customer
+} | null
+
 interface Category {
   id: string
   name: string

pages/wishlist.tsx

@@ -7,6 +7,7 @@ import { Heart } from '@components/icons'
 import { Text, Container } from '@components/ui'
 import { WishlistCard } from '@components/wishlist'
 import { defatultPageProps } from '@lib/defaults'
+import { useCustomer } from '@framework/customer'
 
 export async function getStaticProps({
   preview,
@@ -20,7 +21,8 @@ export async function getStaticProps({
 }
 
 export default function Wishlist() {
-  const { data, isEmpty } = useWishlist({ includeProducts: true })
+  const { data: customer } = useCustomer()
+  const { data, isEmpty } = useWishlist()
 
   return (
     <Container>