@kasuvia/sdk 0.0.2 → 0.0.5

package/src/graphql/products.graphql.ts

@@ -29,11 +29,10 @@ export const GET_STOREFRONT_PRODUCTS = gql`
         is_bespoke
         base_price
         currency
-        images {
-          id
-          url
-          alt
-        }
+        sale_price
+        sale_start
+        sale_end
+        images
         tags
         custom_fields {
           label
@@ -58,11 +57,7 @@ export const GET_STOREFRONT_PRODUCTS = gql`
           sku
           attributes
           price
-          images {
-            id
-            url
-            alt
-          }
+          images
           weight_kg
           is_active
           inventory {
@@ -156,11 +151,7 @@ export const GET_STOREFRONT_PRODUCT_BY_SLUG = gql`
         sku
         attributes
         price
-        images {
-          id
-          url
-          alt
-        }
+        images
         weight_kg
         is_active
         inventory {
@@ -189,11 +180,7 @@ export const GET_STOREFRONT_PRODUCT_BY_SLUG = gql`
         description
         collection_type
         rules
-        image {
-          id
-          url
-          alt
-        }
+        image
         status
         sort_order
         created_at
@@ -221,11 +208,10 @@ export const GET_STOREFRONT_LATEST = gql`
         is_bespoke
         base_price
         currency
-        images {
-          id
-          url
-          alt
-        }
+        sale_price
+        sale_start
+        sale_end
+        images
         tags
         custom_fields {
           label
@@ -250,11 +236,7 @@ export const GET_STOREFRONT_LATEST = gql`
           sku
           attributes
           price
-          images {
-            id
-            url
-            alt
-          }
+          images
           weight_kg
           is_active
           inventory {
@@ -320,11 +302,10 @@ export const GET_STOREFRONT_POPULAR = gql`
         is_bespoke
         base_price
         currency
-        images {
-          id
-          url
-          alt
-        }
+        sale_price
+        sale_start
+        sale_end
+        images
         tags
         custom_fields {
           label
@@ -349,11 +330,7 @@ export const GET_STOREFRONT_POPULAR = gql`
           sku
           attributes
           price
-          images {
-            id
-            url
-            alt
-          }
+          images
           weight_kg
           is_active
           inventory {
@@ -419,11 +396,10 @@ export const GET_STOREFRONT_FEATURED = gql`
         is_bespoke
         base_price
         currency
-        images {
-          id
-          url
-          alt
-        }
+        sale_price
+        sale_start
+        sale_end
+        images
         tags
         custom_fields {
           label
@@ -448,11 +424,7 @@ export const GET_STOREFRONT_FEATURED = gql`
           sku
           attributes
           price
-          images {
-            id
-            url
-            alt
-          }
+          images
           weight_kg
           is_active
           inventory {
@@ -518,11 +490,104 @@ export const GET_STOREFRONT_NEW = gql`
         is_bespoke
         base_price
         currency
-        images {
+        sale_price
+        sale_start
+        sale_end
+        images
+        tags
+        custom_fields {
+          label
+          unit
+          required
+        }
+        is_published
+        is_featured
+        is_popular
+        is_new
+        is_temporary
+        digital_file_key
+        download_limit
+        download_expires_at
+        weight_kg
+        length_cm
+        width_cm
+        height_cm
+        variants {
           id
-          url
-          alt
+          product_id
+          sku
+          attributes
+          price
+          images
+          weight_kg
+          is_active
+          inventory {
+            id
+            product_id
+            variant_id
+            quantity
+            reserved
+            available
+            is_in_stock
+            is_low_stock
+            reorder_point
+            reorder_quantity
+            track_quantity
+            allow_backorder
+            updated_at
+          }
+          created_at
+          updated_at
+        }
+        collections {
+          id
+          business_id
+          name
+          slug
+          description
+          collection_type
+          rules
+          image {
+            id
+            url
+            alt
+          }
+          status
+          sort_order
+          created_at
+          updated_at
         }
+        created_at
+        updated_at
+      }
+      total
+      page
+      page_size
+      total_pages
+    }
+  }
+`
+
+export const GET_STOREFRONT_ON_SALE = gql`
+  query GetStorefrontOnSale($page: Int = 1, $pageSize: Int = 4) {
+    storefront_on_sale(page: $page, pageSize: $pageSize) {
+      items {
+        id
+        business_id
+        name
+        slug
+        description
+        brand
+        product_type
+        requires_shipping
+        is_consumable
+        is_bespoke
+        base_price
+        currency
+        sale_price
+        sale_start
+        sale_end
+        images
         tags
         custom_fields {
           label
@@ -547,11 +612,101 @@ export const GET_STOREFRONT_NEW = gql`
           sku
           attributes
           price
-          images {
+          images
+          weight_kg
+          is_active
+          inventory {
+            id
+            product_id
+            variant_id
+            quantity
+            reserved
+            available
+            is_in_stock
+            is_low_stock
+            reorder_point
+            reorder_quantity
+            track_quantity
+            allow_backorder
+            updated_at
+          }
+          created_at
+          updated_at
+        }
+        collections {
+          id
+          business_id
+          name
+          slug
+          description
+          collection_type
+          rules
+          image {
             id
             url
             alt
           }
+          status
+          sort_order
+          created_at
+          updated_at
+        }
+        created_at
+        updated_at
+      }
+      total
+      page
+      page_size
+      total_pages
+    }
+  }
+`
+
+export const GET_STOREFRONT_LOW_STOCK = gql`
+  query GetStorefrontLowStock($page: Int = 1, $pageSize: Int = 4) {
+    storefront_low_stock(page: $page, pageSize: $pageSize) {
+      items {
+        id
+        business_id
+        name
+        slug
+        description
+        brand
+        product_type
+        requires_shipping
+        is_consumable
+        is_bespoke
+        base_price
+        currency
+        sale_price
+        sale_start
+        sale_end
+        images
+        tags
+        custom_fields {
+          label
+          unit
+          required
+        }
+        is_published
+        is_featured
+        is_popular
+        is_new
+        is_temporary
+        digital_file_key
+        download_limit
+        download_expires_at
+        weight_kg
+        length_cm
+        width_cm
+        height_cm
+        variants {
+          id
+          product_id
+          sku
+          attributes
+          price
+          images
           weight_kg
           is_active
           inventory {
@@ -625,11 +780,10 @@ export const GET_STOREFRONT_RECOMMENDED = gql`
         is_bespoke
         base_price
         currency
-        images {
-          id
-          url
-          alt
-        }
+        sale_price
+        sale_start
+        sale_end
+        images
         tags
         custom_fields {
           label
@@ -654,11 +808,7 @@ export const GET_STOREFRONT_RECOMMENDED = gql`
           sku
           attributes
           price
-          images {
-            id
-            url
-            alt
-          }
+          images
           weight_kg
           is_active
           inventory {
@@ -707,4 +857,4 @@ export const GET_STOREFRONT_RECOMMENDED = gql`
     }
   }
 `
-
+

package/src/graphql/wishlist.graphql.ts

@@ -3,9 +3,9 @@
  */
 import { gql } from 'graphql-request'
 
-export const GET_WISHLIST = gql`
-  query GetWishlist($page: Int = 1, $pageSize: Int = 20) {
-    wishlist(page: $page, pageSize: $pageSize) {
+export const GET_STOREFRONT_WISHLIST = gql`
+  query GetStorefrontWishlist($page: Int = 1, $pageSize: Int = 20) {
+    storefront_wishlist(page: $page, pageSize: $pageSize) {
       items {
         id
         product_id
@@ -14,6 +14,7 @@ export const GET_WISHLIST = gql`
         product_name
         product_slug
         product_price
+        currency
         product_image
       }
       total
@@ -24,9 +25,9 @@ export const GET_WISHLIST = gql`
   }
 `
 
-export const CHECK_IN_WISHLIST = gql`
-  query CheckInWishlist($productId: String!) {
-    check_in_wishlist(productId: $productId) {
+export const CHECK_IN_STOREFRONT_WISHLIST = gql`
+  query CheckInStorefrontWishlist($productId: String!) {
+    check_in_storefront_wishlist(productId: $productId) {
       in_wishlist
     }
   }

package/src/hooks/index.ts

@@ -20,7 +20,9 @@ export * from './use-consultations'
 export * from './use-consultation-stream'
 export * from './use-order-stream'
 export * from './use-is-mounted'
+export * from './use-mobile'
 export * from './use-google-translate'
 export * from './use-payment'
 export * from './use-cms'
+export * from '../context/sdk-context'
 

package/src/hooks/use-auth.ts

@@ -1,182 +1,106 @@
 /**
- * Auth Hook & Context Provider
+ * Auth Hooks
  *
- * Provides customer authentication state and modal controls across the storefront.
+ * Stateless React Query hooks for authentication operations.
+ * The storefront should provide its own AuthProvider context that manages
+ * tokens and passes config to these hooks.
  */
-import React, { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import { getAuthUser, loginCustomer, registerCustomer, updateProfile, logout as logoutService, silentRefresh } from '../services/auth.service'
-import { tokenStore } from '../client/authClient'
-import { resetGraphQLClient } from '../client/graphqlClient'
+import { getAuthUser, loginCustomer, registerCustomer, updateProfile, logout as logoutService } from '../services/auth.service'
 import { logger } from '../utils/logger'
 import type {
   CustomerLoginPayload,
   CustomerRegisterPayload,
   UpdateProfilePayload,
   CustomerUser,
-  AuthContextValue,
 } from '../types/auth'
-
-// ── React Context ────────────────────────────────────────────────────────────
-
-export const AuthCtx = React.createContext ? React.createContext<AuthContextValue | null>(null) : null
-
-export function AuthProvider({ children }: { children: ReactNode }) {
-  const [customer, setCustomer] = useState<CustomerUser | null>(null)
-  const [isLoading, setIsLoading] = useState(true)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-
-  // Rehydrate session from stored refresh token on app boot
-  useEffect(() => {
-    let voided = false
-    ;(async () => {
-      setIsLoading(true)
-      try {
-        const result = await silentRefresh()
-        if (!voided && result) {
-          setCustomer(result.user)
-          resetGraphQLClient()
-        }
-      } catch (error: unknown) {
-        logger.error('[AuthProvider] Session restore failed:', error)
-        if (!voided) setCustomer(null)
-      } finally {
-        if (!voided) setIsLoading(false)
-      }
-    })()
-    return () => {
-      voided = true
-    }
-  }, [])
-
-  const openModal = useCallback(() => setIsModalOpen(true), [])
-  const closeModal = useCallback(() => {
-    setIsModalOpen(false)
-    if (typeof window !== 'undefined' && (window.location.hash === '#login' || window.location.hash === '#signup')) {
-      window.history.replaceState(null, '', window.location.pathname + window.location.search)
-    }
-  }, [])
-
-  // Listen for #login and #signup hashes to open modal automatically
-  useEffect(() => {
-    const handleHash = () => {
-      if (typeof window === 'undefined') return
-      if (window.location.hash === '#login' || window.location.hash === '#signup') {
-        if (!isLoading && customer) {
-          window.history.replaceState(null, '', window.location.pathname + window.location.search)
-        } else if (!isLoading && !customer) {
-          setIsModalOpen(true)
-        }
-      }
-    }
-    handleHash()
-    window.addEventListener('hashchange', handleHash)
-    return () => window.removeEventListener('hashchange', handleHash)
-  }, [customer, isLoading])
-
-  // Reset GraphQL client when customer state changes to ensure auth headers are included
-  useEffect(() => {
-    resetGraphQLClient()
-  }, [customer])
-
-  const handleLogout = useCallback(async () => {
-    await logoutService()
-    setCustomer(null)
-    setIsModalOpen(false)
-    resetGraphQLClient()
-  }, [])
-
-  const value: AuthContextValue = {
-    customer,
-    isLoading,
-    isModalOpen,
-    openModal,
-    closeModal,
-    setCustomer,
-    logout: handleLogout,
-  }
-
-  if (!AuthCtx) return children
-  return React.createElement(AuthCtx.Provider, { value }, children)
-}
+import type { SdkConfig } from '../config'
+import { useSdkContext, resolveHookArgs } from '../context/sdk-context'
 
 // ── Hooks ────────────────────────────────────────────────────────────────────
 
-export function useAuthUser() {
-  return useQuery({
-    queryKey: ['auth-user'],
-    queryFn: getAuthUser,
-    enabled: !!tokenStore.getAccessToken(),
-  })
-}
-
-export function useLogin() {
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    mutationFn: loginCustomer,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['auth-user'] })
-      queryClient.invalidateQueries({ queryKey: ['cart'] })
-    },
-  })
+export function useAuthUser(config?: SdkConfig, accessToken?: string) {
+  const ctx = useSdkContext()
+  try {
+    const { config: cfg, accessToken: token } = resolveHookArgs(config, accessToken ?? null, ctx)
+    return useQuery({
+      queryKey: ['auth-user'],
+      queryFn: () => getAuthUser(cfg, token ?? ''),
+      enabled: !!token,
+    })
+  } catch (error) {
+    logger.warn('[useAuthUser] Called outside QueryClientProvider, returning empty user')
+    return { data: undefined, isLoading: false, error: null, isFetching: false, refetch: () => Promise.resolve({ data: undefined }) } as any
+  }
 }
 
-export function useRegister() {
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    mutationFn: registerCustomer,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['auth-user'] })
-      queryClient.invalidateQueries({ queryKey: ['cart'] })
-    },
-  })
+export function useLogin(config?: SdkConfig) {
+  const ctx = useSdkContext()
+  try {
+    const { config: cfg } = resolveHookArgs(config, undefined, ctx)
+    const queryClient = useQueryClient()
+    return useMutation({
+      mutationFn: (payload: Omit<CustomerLoginPayload, 'tenant_id'>) => loginCustomer(cfg, payload),
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: ['auth-user'] })
+        queryClient.invalidateQueries({ queryKey: ['cart'] })
+      },
+    })
+  } catch (error) {
+    logger.warn('[useLogin] Called outside QueryClientProvider, returning no-op mutation')
+    return { mutate: () => {}, mutateAsync: () => Promise.resolve(undefined) } as any
+  }
 }
 
-export function useUpdateProfile() {
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    mutationFn: updateProfile,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['auth-user'] })
-    },
-  })
+export function useRegister(config?: SdkConfig) {
+  const ctx = useSdkContext()
+  try {
+    const { config: cfg } = resolveHookArgs(config, undefined, ctx)
+    const queryClient = useQueryClient()
+    return useMutation({
+      mutationFn: (payload: Omit<CustomerRegisterPayload, 'tenant_id'>) => registerCustomer(cfg, payload),
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: ['auth-user'] })
+        queryClient.invalidateQueries({ queryKey: ['cart'] })
+      },
+    })
+  } catch (error) {
+    logger.warn('[useRegister] Called outside QueryClientProvider, returning no-op mutation')
+    return { mutate: () => {}, mutateAsync: () => Promise.resolve(undefined) } as any
+  }
 }
 
-export function useLogout() {
-  const queryClient = useQueryClient()
-
-  return useMutation({
-    mutationFn: logoutService,
-    onSuccess: () => {
-      queryClient.clear()
-    },
-  })
+export function useUpdateProfile(config?: SdkConfig, accessToken?: string | null) {
+  const ctx = useSdkContext()
+  try {
+    const { config: cfg, accessToken: token } = resolveHookArgs(config, accessToken, ctx)
+    const queryClient = useQueryClient()
+    return useMutation({
+      mutationFn: (payload: UpdateProfilePayload) =>
+        token ? updateProfile(cfg, token, payload) : Promise.reject('No access token'),
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: ['auth-user'] })
+      },
+    })
+  } catch (error) {
+    logger.warn('[useUpdateProfile] Called outside QueryClientProvider, returning no-op mutation')
+    return { mutate: () => {}, mutateAsync: () => Promise.resolve(undefined) } as any
+  }
 }
 
-/**
- * useAuth()
- * Consumes the AuthCtx provider value. Falls back to local hook query if no provider exists.
- */
-export function useAuth(): AuthContextValue {
-  const context = AuthCtx ? useContext(AuthCtx) : null
-  if (context) return context
-
-  // Fallback if useAuth is called outside AuthProvider (e.g. simple SSR/unit tests)
-  const authUserQuery = useAuthUser()
-  const logoutMutation = useLogout()
-
-  return {
-    customer: authUserQuery.data as CustomerUser | null,
-    isLoading: authUserQuery.isLoading,
-    isModalOpen: false,
-    openModal: () => {},
-    closeModal: () => {},
-    setCustomer: () => {},
-    logout: async () => {
-      await logoutMutation.mutateAsync()
-    },
+export function useLogout(config?: SdkConfig, refreshToken?: string) {
+  const ctx = useSdkContext()
+  try {
+    const { config: cfg } = resolveHookArgs(config, undefined, ctx)
+    const queryClient = useQueryClient()
+    return useMutation({
+      mutationFn: () => logoutService(cfg, refreshToken),
+      onSuccess: () => {
+        queryClient.clear()
+      },
+    })
+  } catch (error) {
+    logger.warn('[useLogout] Called outside QueryClientProvider, returning no-op mutation')
+    return { mutate: () => {}, mutateAsync: () => Promise.resolve(undefined) } as any
   }
 }