@behio/storefront-sdk 0.24.1 → 0.26.0

package/dist/react.mjs

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOZAJG6T.mjs";
 import {
   BehioStorefront
-} from "./chunk-OFUECU3W.mjs";
+} from "./chunk-V5WU3XI4.mjs";
 
 // src/react/provider.tsx
 import { useRef, useEffect, useMemo, useState, useCallback } from "react";
@@ -334,11 +334,22 @@ function useCategory(slug, options) {
   });
 }
 
-// src/react/hooks/use-labels.ts
+// src/react/hooks/use-menu.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-function useLabels(locale, options) {
+function useMenu(handle, options) {
   const { client } = useBehio();
   return useQuery3({
+    queryKey: ["behio", "menu", handle, options?.locale],
+    queryFn: () => unwrap(client.catalog.getMenu(handle, { locale: options?.locale })),
+    enabled: options?.enabled !== false && !!handle
+  });
+}
+
+// src/react/hooks/use-labels.ts
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+function useLabels(locale, options) {
+  const { client } = useBehio();
+  return useQuery4({
     queryKey: ["behio", "labels", locale],
     queryFn: async () => {
       const result = await unwrap(client.catalog.getLabels(locale));
@@ -349,10 +360,10 @@ function useLabels(locale, options) {
 }
 
 // src/react/hooks/use-featured.ts
-import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useQuery as useQuery5 } from "@tanstack/react-query";
 function useFeatured(options) {
   const { client } = useBehio();
-  return useQuery4({
+  return useQuery5({
     queryKey: ["behio", "featured", options?.locale, options?.currency],
     queryFn: () => unwrap(client.catalog.getFeatured({
       locale: options?.locale,
@@ -364,10 +375,10 @@ function useFeatured(options) {
 }
 
 // src/react/hooks/use-filters.ts
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 function useFilters(options) {
   const { client } = useBehio();
-  return useQuery5({
+  return useQuery6({
     queryKey: ["behio", "filters"],
     queryFn: async () => {
       const result = await unwrap(client.catalog.getFilters());
@@ -379,7 +390,7 @@ function useFilters(options) {
 
 // src/react/hooks/use-search.ts
 import { useState as useState3, useEffect as useEffect2 } from "react";
-import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
 function useSearch(query, options) {
   const { client } = useBehio();
   const debounceMs = options?.debounceMs ?? 300;
@@ -392,7 +403,7 @@ function useSearch(query, options) {
     const timer = setTimeout(() => setDebouncedQuery(query), debounceMs);
     return () => clearTimeout(timer);
   }, [query, debounceMs]);
-  return useQuery6({
+  return useQuery7({
     queryKey: ["behio", "search", debouncedQuery, options?.page, options?.limit],
     queryFn: () => unwrap(client.catalog.search(debouncedQuery, {
       page: options?.page,
@@ -404,7 +415,7 @@ function useSearch(query, options) {
 
 // src/react/hooks/use-cart.ts
 import { useCallback as useCallback3 } from "react";
-import { useQuery as useQuery7, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useQuery as useQuery8, useMutation, useQueryClient } from "@tanstack/react-query";
 var CART_KEY = ["behio", "cart"];
 function useCart(options) {
   const { client, storage } = useBehio();
@@ -413,7 +424,7 @@ function useCart(options) {
     data: cart,
     isLoading,
     error
-  } = useQuery7({
+  } = useQuery8({
     queryKey: [...CART_KEY],
     queryFn: () => unwrap(client.cart.get()),
     // Only fetch if we have a cart session or are logged in
@@ -563,13 +574,13 @@ function useCart(options) {
 }
 
 // src/react/hooks/use-cart-count.ts
-import { useQuery as useQuery8, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import { useQuery as useQuery9, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 var CART_KEY2 = ["behio", "cart"];
 function useCartCount(options) {
   const { client } = useBehio();
   const queryClient = useQueryClient2();
   const cachedCart = queryClient.getQueryData([...CART_KEY2]);
-  const { data } = useQuery8({
+  const { data } = useQuery9({
     queryKey: [...CART_KEY2],
     queryFn: () => unwrap(client.cart.get()),
     enabled: options?.enabled !== false && !cachedCart && (!!client.getCartSession() || !!client.getAccessToken())
@@ -580,7 +591,7 @@ function useCartCount(options) {
 
 // src/react/hooks/use-auth.ts
 import { useCallback as useCallback4 } from "react";
-import { useQuery as useQuery9, useMutation as useMutation2, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { useQuery as useQuery10, useMutation as useMutation2, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 var CUSTOMER_KEY = ["behio", "customer"];
 var CART_KEY3 = ["behio", "cart"];
 function useAuth() {
@@ -590,7 +601,7 @@ function useAuth() {
   const {
     data: customer,
     isLoading
-  } = useQuery9({
+  } = useQuery10({
     queryKey: [...CUSTOMER_KEY],
     queryFn: () => unwrap(client.customer.getProfile()),
     enabled: isLoggedIn
@@ -703,7 +714,7 @@ function useAuth() {
 
 // src/react/hooks/use-customer.ts
 import { useCallback as useCallback5 } from "react";
-import { useQuery as useQuery10, useMutation as useMutation3, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { useQuery as useQuery11, useMutation as useMutation3, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 var CUSTOMER_KEY2 = ["behio", "customer"];
 function useCustomer(options) {
   const { client } = useBehio();
@@ -712,7 +723,7 @@ function useCustomer(options) {
     data,
     isLoading,
     error
-  } = useQuery10({
+  } = useQuery11({
     queryKey: [...CUSTOMER_KEY2],
     queryFn: () => unwrap(client.customer.getProfile()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
@@ -738,7 +749,7 @@ function useCustomer(options) {
 
 // src/react/hooks/use-addresses.ts
 import { useCallback as useCallback6 } from "react";
-import { useQuery as useQuery11, useMutation as useMutation4, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { useQuery as useQuery12, useMutation as useMutation4, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 var ADDRESSES_KEY = ["behio", "addresses"];
 function useAddresses(options) {
   const { client } = useBehio();
@@ -747,7 +758,7 @@ function useAddresses(options) {
     data,
     isLoading,
     error
-  } = useQuery11({
+  } = useQuery12({
     queryKey: [...ADDRESSES_KEY],
     queryFn: async () => {
       const result = await unwrap(client.customer.getAddresses());
@@ -799,7 +810,7 @@ function useAddresses(options) {
 
 // src/react/hooks/use-address-autocomplete.ts
 import { useState as useState4, useEffect as useEffect3, useRef as useRef2, useCallback as useCallback7 } from "react";
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 var AC_KEY = ["behio", "address-autocomplete"];
 function useAddressAutocomplete(options) {
   const { country, debounce = 300, minChars = 3, enabled = true } = options;
@@ -822,7 +833,7 @@ function useAddressAutocomplete(options) {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
   }, [query, debounce, minChars]);
-  const { data, isLoading } = useQuery12({
+  const { data, isLoading } = useQuery13({
     queryKey: [...AC_KEY, debouncedQuery, country],
     queryFn: () => unwrap(client.addresses.autocomplete(debouncedQuery, country)),
     enabled: enabled && debouncedQuery.length >= minChars,
@@ -914,7 +925,7 @@ function useOrders(options) {
 
 // src/react/hooks/use-order.ts
 import { useCallback as useCallback9 } from "react";
-import { useQuery as useQuery13, useMutation as useMutation5, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+import { useQuery as useQuery14, useMutation as useMutation5, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 function useOrder(orderNumber, options) {
   const { client } = useBehio();
   const queryClient = useQueryClient7();
@@ -922,7 +933,7 @@ function useOrder(orderNumber, options) {
     data,
     isLoading,
     error
-  } = useQuery13({
+  } = useQuery14({
     queryKey: ["behio", "order", orderNumber],
     queryFn: () => unwrap(client.orders.get(orderNumber)),
     enabled: options?.enabled !== false && !!orderNumber && !!client.getAccessToken()
@@ -1041,10 +1052,10 @@ function useCheckout() {
 }
 
 // src/react/hooks/use-pages.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 function usePages(locale, options) {
   const { client } = useBehio();
-  return useQuery14({
+  return useQuery15({
     queryKey: ["behio", "pages", locale],
     queryFn: async () => {
       const result = await unwrap(client.pages.list(locale));
@@ -1055,7 +1066,7 @@ function usePages(locale, options) {
 }
 function usePage(slug, locale, options) {
   const { client } = useBehio();
-  return useQuery14({
+  return useQuery15({
     queryKey: ["behio", "page", slug, locale],
     queryFn: () => unwrap(client.pages.get(slug, locale)),
     enabled: options?.enabled !== false && !!slug
@@ -1063,10 +1074,10 @@ function usePage(slug, locale, options) {
 }
 
 // src/react/hooks/use-shop-info.ts
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 function useShopInfo(options) {
   const { client } = useBehio();
-  return useQuery15({
+  return useQuery16({
     queryKey: ["behio", "shop-info"],
     queryFn: () => unwrap(client.getShopInfo()),
     enabled: options?.enabled !== false
@@ -1074,10 +1085,10 @@ function useShopInfo(options) {
 }
 
 // src/react/hooks/use-shop-scripts.ts
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 function useShopScripts(options) {
   const { client } = useBehio();
-  return useQuery16({
+  return useQuery17({
     queryKey: ["behio", "shop-scripts"],
     queryFn: () => unwrap(client.getShopScripts()),
     enabled: options?.enabled !== false
@@ -1085,11 +1096,11 @@ function useShopScripts(options) {
 }
 
 // src/react/hooks/use-shop-seo.ts
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 function useShopSeo(options) {
   const { client } = useBehio();
   const { locale, initialData, enabled = true } = options ?? {};
-  return useQuery17({
+  return useQuery18({
     queryKey: ["behio", "shop-seo", locale ?? "_default"],
     queryFn: () => unwrap(client.getShopSeo(locale)),
     initialData,
@@ -1152,11 +1163,11 @@ function CurrencySwitcher({
 import { useEffect as useEffect4, useMemo as useMemo4, useState as useState8 } from "react";
 
 // src/react/hooks/use-consent.ts
-import { useQuery as useQuery18, useMutation as useMutation8, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+import { useQuery as useQuery19, useMutation as useMutation8, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
 function useCookieConsent(visitorId) {
   const { client } = useBehio();
   const qc = useQueryClient9();
-  const query = useQuery18({
+  const query = useQuery19({
     queryKey: ["behio", "consent", visitorId],
     queryFn: () => unwrap(client.consent.get(visitorId)),
     enabled: Boolean(visitorId)
@@ -1497,10 +1508,10 @@ function utmFromSearch(search) {
 }
 
 // src/react/hooks/use-bundles.ts
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 function useBundles(options) {
   const { client } = useBehio();
-  return useQuery19({
+  return useQuery20({
     queryKey: ["behio", "bundles"],
     queryFn: () => unwrap(client.catalog.getBundles()),
     enabled: options?.enabled ?? true,
@@ -1509,7 +1520,7 @@ function useBundles(options) {
 }
 function useBundle(slug, options) {
   const { client } = useBehio();
-  return useQuery19({
+  return useQuery20({
     queryKey: ["behio", "bundle", slug],
     queryFn: () => unwrap(client.catalog.getBundle(slug)),
     enabled: Boolean(slug) && (options?.enabled ?? true),
@@ -1518,10 +1529,10 @@ function useBundle(slug, options) {
 }
 
 // src/react/hooks/use-cross-sell.ts
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery21 } from "@tanstack/react-query";
 function useCrossSell(productSlug, options) {
   const { client } = useBehio();
-  return useQuery20({
+  return useQuery21({
     queryKey: ["behio", "cross-sell", productSlug],
     queryFn: () => unwrap(client.catalog.getCrossSell(productSlug)),
     enabled: Boolean(productSlug) && (options?.enabled ?? true),
@@ -1530,10 +1541,10 @@ function useCrossSell(productSlug, options) {
 }
 
 // src/react/hooks/use-product-promotions.ts
-import { useQuery as useQuery21 } from "@tanstack/react-query";
+import { useQuery as useQuery22 } from "@tanstack/react-query";
 function useProductPromotions(productSlug, options) {
   const { client } = useBehio();
-  return useQuery21({
+  return useQuery22({
     queryKey: ["behio", "product-promotions", productSlug],
     queryFn: () => unwrap(client.catalog.getProductPromotions(productSlug)),
     enabled: Boolean(productSlug) && (options?.enabled ?? true),
@@ -1542,11 +1553,11 @@ function useProductPromotions(productSlug, options) {
 }
 
 // src/react/hooks/use-gift-card.ts
-import { useQuery as useQuery22 } from "@tanstack/react-query";
+import { useQuery as useQuery23 } from "@tanstack/react-query";
 function useGiftCardBalance(code, options) {
   const { client } = useBehio();
   const trimmed = code?.trim();
-  return useQuery22({
+  return useQuery23({
     queryKey: ["behio", "gift-card-balance", trimmed],
     queryFn: () => unwrap(client.catalog.checkGiftCard(trimmed)),
     enabled: Boolean(trimmed && trimmed.length >= 6) && (options?.enabled ?? true)
@@ -1554,11 +1565,11 @@ function useGiftCardBalance(code, options) {
 }
 
 // src/react/hooks/use-wishlist.ts
-import { useQuery as useQuery23, useMutation as useMutation9, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
+import { useQuery as useQuery24, useMutation as useMutation9, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 function useWishlist(options) {
   const { client } = useBehio();
   const qc = useQueryClient10();
-  const query = useQuery23({
+  const query = useQuery24({
     queryKey: ["behio", "wishlist"],
     queryFn: () => unwrap(client.wishlist.get()),
     enabled: options?.enabled ?? true
@@ -1581,7 +1592,7 @@ function useWishlist(options) {
 }
 function useIsInWishlist(productId) {
   const { client } = useBehio();
-  return useQuery23({
+  return useQuery24({
     queryKey: ["behio", "wishlist-check", productId],
     queryFn: () => unwrap(client.wishlist.isInWishlist(productId)),
     enabled: Boolean(productId)
@@ -1589,10 +1600,10 @@ function useIsInWishlist(productId) {
 }
 
 // src/react/hooks/use-reviews.ts
-import { useQuery as useQuery24, useMutation as useMutation10, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
+import { useQuery as useQuery25, useMutation as useMutation10, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 function useProductReviews(productId, options) {
   const { client } = useBehio();
-  return useQuery24({
+  return useQuery25({
     queryKey: ["behio", "reviews", productId, options?.page ?? 1],
     queryFn: () => unwrap(client.reviews.getProductReviews(productId, options?.page, options?.limit)),
     enabled: Boolean(productId) && (options?.enabled ?? true)
@@ -1608,7 +1619,7 @@ function useSubmitReview() {
 }
 
 // src/react/hooks/use-returns.ts
-import { useQuery as useQuery25, useMutation as useMutation11 } from "@tanstack/react-query";
+import { useQuery as useQuery26, useMutation as useMutation11 } from "@tanstack/react-query";
 function useLookupReturnableOrder() {
   const { client } = useBehio();
   return useMutation11({
@@ -1623,7 +1634,7 @@ function useSubmitReturn() {
 }
 function useReturnStatus(returnId, email) {
   const { client } = useBehio();
-  return useQuery25({
+  return useQuery26({
     queryKey: ["behio", "return-status", returnId],
     queryFn: () => unwrap(client.returns.getStatus(returnId, email)),
     enabled: Boolean(returnId && email)
@@ -1631,7 +1642,7 @@ function useReturnStatus(returnId, email) {
 }
 
 // src/react/hooks/use-quotes.ts
-import { useMutation as useMutation12, useQuery as useQuery26 } from "@tanstack/react-query";
+import { useMutation as useMutation12, useQuery as useQuery27 } from "@tanstack/react-query";
 function useSubmitQuote() {
   const { client } = useBehio();
   return useMutation12({
@@ -1640,7 +1651,7 @@ function useSubmitQuote() {
 }
 function useQuoteStatus(quoteId, email) {
   const { client } = useBehio();
-  return useQuery26({
+  return useQuery27({
     queryKey: ["behio", "quote-status", quoteId],
     queryFn: () => unwrap(client.quotes.getStatus(quoteId, email)),
     enabled: Boolean(quoteId && email)
@@ -1689,6 +1700,7 @@ export {
   useIsInWishlist,
   useLabels,
   useLookupReturnableOrder,
+  useMenu,
   useNotifyWhenAvailable,
   useOrder,
   useOrderAccess,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@behio/storefront-sdk",
-  "version": "0.24.1",
+  "version": "0.26.0",
   "description": "TypeScript SDK for Behio Headless E-Shop \u2014 core client + React hooks",
   "author": "Behio",
   "license": "MIT",