@behio/storefront-sdk 0.42.0 → 1.0.0

package/dist/react.js

@@ -83,6 +83,7 @@ __export(react_exports, {
   usePickupPoints: () => usePickupPoints,
   useProduct: () => useProduct,
   useProductGroup: () => useProductGroup,
+  useProductParameters: () => useProductParameters,
   useProductPromotions: () => useProductPromotions,
   useProductReviews: () => useProductReviews,
   useProducts: () => useProducts,
@@ -637,8 +638,7 @@ var CatalogModule = class {
       if (query.inStock !== void 0) q.inStock = query.inStock;
       if (query.ratingMin !== void 0) q.ratingMin = query.ratingMin;
       if (query.search) q.search = query.search;
-      if (query.customFields)
-        q.customFields = JSON.stringify(query.customFields);
+      if (query.parameters) q.parameters = JSON.stringify(query.parameters);
       if (query.facets) q.facets = JSON.stringify(query.facets);
       if (query.ids && query.ids.length > 0) q.ids = query.ids;
       if (query.slugs && query.slugs.length > 0) q.slugs = query.slugs;
@@ -730,18 +730,52 @@ var CatalogModule = class {
       }
     );
   }
-  /** Get available filter fields for dynamic filter UI */
-  async getFilters() {
+  /**
+   * Available filters for a dynamic filter UI.
+   *
+   * Derived from curated PARAMETERS the merchant marked filterable, so a
+   * visitor can never filter by something that does not appear in the
+   * product's parameters. Labels are per language, hence `locale`.
+   */
+  async getFilters(options) {
+    return this.client.request(
+      "GET",
+      "/catalog/filters",
+      { query: { locale: options?.locale } }
+    );
+  }
+  /**
+   * Curated parameter groups of a product, already resolved (label, value,
+   * unit, order). Returns an ARRAY of groups so a template can lay them out
+   * however it likes: one group as a spec table, another as badges.
+   *
+   * A variant's own parameters ride along on `ProductDetail.variants[]`, so
+   * this call is for the parent product.
+   */
+  async getProductParameters(slug, options) {
     return this.client.request(
       "GET",
-      "/catalog/filters"
+      `/catalog/products/${slug}/parameters`,
+      { query: { locale: options?.locale } }
     );
   }
   /**
-   * Facet groups + selection-aware counts for the current filter set (custom
-   * fields, labels, price, availability, rating, subcategories). Pass the SAME
-   * query you pass to `getProducts` (category, search, price, inStock, ratingMin,
-   * customFields, facets slugs, labels): counts for each facet are computed with
+   * One specific parameter group of a product, by its slug. 404 when the
+   * product does not have that group, which is deliberate: the caller asked
+   * for a named thing, so an empty array would hide a wrong slug.
+   */
+  async getProductParameterGroup(slug, groupSlug, options) {
+    return this.client.request(
+      "GET",
+      `/catalog/products/${slug}/parameters/${groupSlug}`,
+      { query: { locale: options?.locale } }
+    );
+  }
+  /**
+   * Facet groups + selection-aware counts for the current filter set
+   * (parameters, labels, price, availability, rating, subcategories). Pass the
+   * SAME query you pass to `getProducts` (category, search, price, inStock,
+   * ratingMin, parameters, facets slugs, labels): counts are computed with
    * that facet excluded, and values that drop to 0 are still returned (render
    * them disabled). Use this to build an Alza-style filter sidebar.
    */
@@ -757,8 +791,7 @@ var CatalogModule = class {
       if (query.inStock !== void 0) q.inStock = query.inStock;
       if (query.ratingMin !== void 0) q.ratingMin = query.ratingMin;
       if (query.search) q.search = query.search;
-      if (query.customFields)
-        q.customFields = JSON.stringify(query.customFields);
+      if (query.parameters) q.parameters = JSON.stringify(query.parameters);
       if (query.facets) q.facets = JSON.stringify(query.facets);
       if (query.labels && query.labels.length > 0) q.labels = query.labels;
       if (query.categories && query.categories.length > 0)
@@ -2167,10 +2200,11 @@ function useFeatured(options) {
 var import_react_query8 = require("@tanstack/react-query");
 function useFilters(options) {
   const { client } = useBehio();
+  const locale = options?.locale;
   return (0, import_react_query8.useQuery)({
-    queryKey: ["behio", "filters"],
+    queryKey: ["behio", "filters", locale ?? null],
     queryFn: async () => {
-      const result = await unwrap(client.catalog.getFilters());
+      const result = await unwrap(client.catalog.getFilters({ locale }));
       return result.filters;
     },
     enabled: options?.enabled !== false
@@ -2188,9 +2222,38 @@ function useFacets(query, options) {
   });
 }
 
+// src/react/hooks/use-product-parameters.ts
+var import_react_query10 = require("@tanstack/react-query");
+function useProductParameters(slug, options) {
+  const { client } = useBehio();
+  const { locale, groupSlug } = options ?? {};
+  return (0, import_react_query10.useQuery)({
+    queryKey: [
+      "behio",
+      "product-parameters",
+      slug,
+      locale ?? null,
+      groupSlug ?? null
+    ],
+    queryFn: async () => {
+      if (groupSlug) {
+        const group = await unwrap(
+          client.catalog.getProductParameterGroup(slug, groupSlug, { locale })
+        );
+        return [group];
+      }
+      const result = await unwrap(
+        client.catalog.getProductParameters(slug, { locale })
+      );
+      return result.groups;
+    },
+    enabled: options?.enabled !== false && !!slug
+  });
+}
+
 // src/react/hooks/use-search.ts
 var import_react4 = require("react");
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 function useSearch(query, options) {
   const { client } = useBehio();
   const debounceMs = options?.debounceMs ?? 300;
@@ -2203,7 +2266,7 @@ function useSearch(query, options) {
     const timer = setTimeout(() => setDebouncedQuery(query), debounceMs);
     return () => clearTimeout(timer);
   }, [query, debounceMs]);
-  return (0, import_react_query10.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: ["behio", "search", debouncedQuery, options?.page, options?.limit],
     queryFn: () => unwrap(client.catalog.search(debouncedQuery, {
       page: options?.page,
@@ -2215,22 +2278,22 @@ function useSearch(query, options) {
 
 // src/react/hooks/use-cart.ts
 var import_react5 = require("react");
-var import_react_query11 = require("@tanstack/react-query");
+var import_react_query12 = require("@tanstack/react-query");
 var CART_KEY = ["behio", "cart"];
 function useCart(options) {
   const { client, storage } = useBehio();
-  const queryClient = (0, import_react_query11.useQueryClient)();
+  const queryClient = (0, import_react_query12.useQueryClient)();
   const {
     data: cart,
     isLoading,
     error
-  } = (0, import_react_query11.useQuery)({
+  } = (0, import_react_query12.useQuery)({
     queryKey: [...CART_KEY],
     queryFn: () => unwrap(client.cart.get()),
     // Only fetch if we have a cart session or are logged in
     enabled: options?.enabled !== false && (!!client.getCartSession() || !!client.getAccessToken())
   });
-  const addMutation = (0, import_react_query11.useMutation)({
+  const addMutation = (0, import_react_query12.useMutation)({
     mutationFn: async ({ productId, quantity }) => {
       return unwrap(client.cart.addItem({ productId, quantity: quantity ?? 1 }));
     },
@@ -2241,7 +2304,7 @@ function useCart(options) {
       queryClient.setQueryData([...CART_KEY], result);
     }
   });
-  const updateMutation = (0, import_react_query11.useMutation)({
+  const updateMutation = (0, import_react_query12.useMutation)({
     mutationFn: async ({ itemId, quantity }) => {
       return unwrap(client.cart.updateQuantity(itemId, quantity));
     },
@@ -2269,7 +2332,7 @@ function useCart(options) {
       queryClient.invalidateQueries({ queryKey: [...CART_KEY] });
     }
   });
-  const removeMutation = (0, import_react_query11.useMutation)({
+  const removeMutation = (0, import_react_query12.useMutation)({
     mutationFn: async (itemId) => {
       return unwrap(client.cart.removeItem(itemId));
     },
@@ -2295,7 +2358,7 @@ function useCart(options) {
       queryClient.invalidateQueries({ queryKey: [...CART_KEY] });
     }
   });
-  const clearMutation = (0, import_react_query11.useMutation)({
+  const clearMutation = (0, import_react_query12.useMutation)({
     mutationFn: () => unwrap(client.cart.clear()),
     onSuccess: () => {
       queryClient.setQueryData([...CART_KEY], null);
@@ -2303,19 +2366,19 @@ function useCart(options) {
       storage.remove(STORAGE_KEYS.CART_SESSION);
     }
   });
-  const applyDiscountMutation = (0, import_react_query11.useMutation)({
+  const applyDiscountMutation = (0, import_react_query12.useMutation)({
     mutationFn: (code) => unwrap(client.cart.applyDiscount(code)),
     onSuccess: (result) => {
       queryClient.setQueryData([...CART_KEY], result);
     }
   });
-  const removeDiscountMutation = (0, import_react_query11.useMutation)({
+  const removeDiscountMutation = (0, import_react_query12.useMutation)({
     mutationFn: () => unwrap(client.cart.removeDiscount()),
     onSuccess: (result) => {
       queryClient.setQueryData([...CART_KEY], result);
     }
   });
-  const mergeMutation = (0, import_react_query11.useMutation)({
+  const mergeMutation = (0, import_react_query12.useMutation)({
     mutationFn: () => unwrap(client.cart.merge()),
     onSuccess: (result) => {
       queryClient.setQueryData([...CART_KEY], result);
@@ -2374,13 +2437,13 @@ function useCart(options) {
 }
 
 // src/react/hooks/use-cart-count.ts
-var import_react_query12 = require("@tanstack/react-query");
+var import_react_query13 = require("@tanstack/react-query");
 var CART_KEY2 = ["behio", "cart"];
 function useCartCount(options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query12.useQueryClient)();
+  const queryClient = (0, import_react_query13.useQueryClient)();
   const cachedCart = queryClient.getQueryData([...CART_KEY2]);
-  const { data } = (0, import_react_query12.useQuery)({
+  const { data } = (0, import_react_query13.useQuery)({
     queryKey: [...CART_KEY2],
     queryFn: () => unwrap(client.cart.get()),
     enabled: options?.enabled !== false && !cachedCart && (!!client.getCartSession() || !!client.getAccessToken())
@@ -2391,17 +2454,17 @@ function useCartCount(options) {
 
 // src/react/hooks/use-auth.ts
 var import_react6 = require("react");
-var import_react_query13 = require("@tanstack/react-query");
+var import_react_query14 = require("@tanstack/react-query");
 var CUSTOMER_KEY = ["behio", "customer"];
 var CART_KEY3 = ["behio", "cart"];
 function useAuth() {
   const { client, storage } = useBehio();
-  const queryClient = (0, import_react_query13.useQueryClient)();
+  const queryClient = (0, import_react_query14.useQueryClient)();
   const isLoggedIn = !!client.getAccessToken();
   const {
     data: customer,
     isLoading
-  } = (0, import_react_query13.useQuery)({
+  } = (0, import_react_query14.useQuery)({
     queryKey: [...CUSTOMER_KEY],
     queryFn: () => unwrap(client.customer.getProfile()),
     enabled: isLoggedIn
@@ -2434,7 +2497,7 @@ function useAuth() {
     }
     queryClient.invalidateQueries({ queryKey: [...CART_KEY3] });
   }, [client, storage, queryClient]);
-  const loginMutation = (0, import_react_query13.useMutation)({
+  const loginMutation = (0, import_react_query14.useMutation)({
     mutationFn: async ({ email, password }) => {
       return unwrap(client.auth.login({ email, password }));
     },
@@ -2443,7 +2506,7 @@ function useAuth() {
       await postAuth();
     }
   });
-  const registerMutation = (0, import_react_query13.useMutation)({
+  const registerMutation = (0, import_react_query14.useMutation)({
     mutationFn: async (input) => {
       return unwrap(client.auth.register(input));
     },
@@ -2454,19 +2517,19 @@ function useAuth() {
       }
     }
   });
-  const logoutMutation = (0, import_react_query13.useMutation)({
+  const logoutMutation = (0, import_react_query14.useMutation)({
     mutationFn: () => unwrap(client.auth.logout()),
     onSettled: () => {
       clearAuth();
     }
   });
-  const forgotPasswordMutation = (0, import_react_query13.useMutation)({
+  const forgotPasswordMutation = (0, import_react_query14.useMutation)({
     mutationFn: (email) => unwrap(client.auth.forgotPassword(email))
   });
-  const resetPasswordMutation = (0, import_react_query13.useMutation)({
+  const resetPasswordMutation = (0, import_react_query14.useMutation)({
     mutationFn: ({ token, newPassword }) => unwrap(client.auth.resetPassword(token, newPassword))
   });
-  const verifyEmailMutation = (0, import_react_query13.useMutation)({
+  const verifyEmailMutation = (0, import_react_query14.useMutation)({
     mutationFn: (token) => unwrap(client.auth.verifyEmail(token))
   });
   const login = (0, import_react6.useCallback)(
@@ -2514,21 +2577,21 @@ function useAuth() {
 
 // src/react/hooks/use-customer.ts
 var import_react7 = require("react");
-var import_react_query14 = require("@tanstack/react-query");
+var import_react_query15 = require("@tanstack/react-query");
 var CUSTOMER_KEY2 = ["behio", "customer"];
 function useCustomer(options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query14.useQueryClient)();
+  const queryClient = (0, import_react_query15.useQueryClient)();
   const {
     data,
     isLoading,
     error
-  } = (0, import_react_query14.useQuery)({
+  } = (0, import_react_query15.useQuery)({
     queryKey: [...CUSTOMER_KEY2],
     queryFn: () => unwrap(client.customer.getProfile()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
   });
-  const updateMutation = (0, import_react_query14.useMutation)({
+  const updateMutation = (0, import_react_query15.useMutation)({
     mutationFn: (data2) => unwrap(client.customer.updateProfile(data2)),
     onSuccess: (updated) => {
       queryClient.setQueryData([...CUSTOMER_KEY2], updated);
@@ -2549,16 +2612,16 @@ function useCustomer(options) {
 
 // src/react/hooks/use-addresses.ts
 var import_react8 = require("react");
-var import_react_query15 = require("@tanstack/react-query");
+var import_react_query16 = require("@tanstack/react-query");
 var ADDRESSES_KEY = ["behio", "addresses"];
 function useAddresses(options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query15.useQueryClient)();
+  const queryClient = (0, import_react_query16.useQueryClient)();
   const {
     data,
     isLoading,
     error
-  } = (0, import_react_query15.useQuery)({
+  } = (0, import_react_query16.useQuery)({
     queryKey: [...ADDRESSES_KEY],
     queryFn: async () => {
       const result = await unwrap(client.customer.getAddresses());
@@ -2566,19 +2629,19 @@ function useAddresses(options) {
     },
     enabled: options?.enabled !== false && !!client.getAccessToken()
   });
-  const createMutation = (0, import_react_query15.useMutation)({
+  const createMutation = (0, import_react_query16.useMutation)({
     mutationFn: (address) => unwrap(client.customer.createAddress(address)),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [...ADDRESSES_KEY] });
     }
   });
-  const updateMutation = (0, import_react_query15.useMutation)({
+  const updateMutation = (0, import_react_query16.useMutation)({
     mutationFn: ({ addressId, data: data2 }) => unwrap(client.customer.updateAddress(addressId, data2)),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [...ADDRESSES_KEY] });
     }
   });
-  const deleteMutation = (0, import_react_query15.useMutation)({
+  const deleteMutation = (0, import_react_query16.useMutation)({
     mutationFn: (addressId) => unwrap(client.customer.deleteAddress(addressId)),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [...ADDRESSES_KEY] });
@@ -2610,7 +2673,7 @@ function useAddresses(options) {
 
 // src/react/hooks/use-address-autocomplete.ts
 var import_react9 = require("react");
-var import_react_query16 = require("@tanstack/react-query");
+var import_react_query17 = require("@tanstack/react-query");
 var AC_KEY = ["behio", "address-autocomplete"];
 function useAddressAutocomplete(options) {
   const { country, debounce = 300, minChars = 3, enabled = true } = options;
@@ -2633,7 +2696,7 @@ function useAddressAutocomplete(options) {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
   }, [query, debounce, minChars]);
-  const { data, isLoading } = (0, import_react_query16.useQuery)({
+  const { data, isLoading } = (0, import_react_query17.useQuery)({
     queryKey: [...AC_KEY, debouncedQuery, country],
     queryFn: () => unwrap(client.addresses.autocomplete(debouncedQuery, country)),
     enabled: enabled && debouncedQuery.length >= minChars,
@@ -2673,11 +2736,11 @@ function useAddressAutocomplete(options) {
 }
 
 // src/react/hooks/use-loyalty.ts
-var import_react_query17 = require("@tanstack/react-query");
+var import_react_query18 = require("@tanstack/react-query");
 var LOYALTY_KEY = ["behio", "loyalty"];
 function useLoyalty(options) {
   const { client } = useBehio();
-  const { data, isLoading, error, refetch } = (0, import_react_query17.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query18.useQuery)({
     queryKey: [...LOYALTY_KEY],
     queryFn: () => unwrap(client.customer.getLoyalty()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
@@ -2686,11 +2749,11 @@ function useLoyalty(options) {
 }
 
 // src/react/hooks/use-courses.ts
-var import_react_query18 = require("@tanstack/react-query");
+var import_react_query19 = require("@tanstack/react-query");
 var COURSES_KEY = ["behio", "courses"];
 function useCourses(options) {
   const { client } = useBehio();
-  const { data, isLoading, error, refetch } = (0, import_react_query18.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query19.useQuery)({
     queryKey: [...COURSES_KEY],
     queryFn: () => unwrap(client.customer.getCourses()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
@@ -2699,13 +2762,13 @@ function useCourses(options) {
 }
 function useCourse(courseId, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query18.useQueryClient)();
-  const { data, isLoading, error, refetch } = (0, import_react_query18.useQuery)({
+  const queryClient = (0, import_react_query19.useQueryClient)();
+  const { data, isLoading, error, refetch } = (0, import_react_query19.useQuery)({
     queryKey: [...COURSES_KEY, courseId],
     queryFn: () => unwrap(client.customer.getCourse(courseId)),
     enabled: options?.enabled !== false && !!courseId && !!client.getAccessToken()
   });
-  const complete = (0, import_react_query18.useMutation)({
+  const complete = (0, import_react_query19.useMutation)({
     mutationFn: ({ lessonId }) => unwrap(client.customer.completeLesson(courseId, lessonId)),
     onSuccess: () => {
       void queryClient.invalidateQueries({ queryKey: [...COURSES_KEY] });
@@ -2722,15 +2785,15 @@ function useCourse(courseId, options) {
 }
 function useLessonQuiz(courseId, lessonId, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query18.useQueryClient)();
-  const { data, isLoading, error, refetch } = (0, import_react_query18.useQuery)({
+  const queryClient = (0, import_react_query19.useQueryClient)();
+  const { data, isLoading, error, refetch } = (0, import_react_query19.useQuery)({
     queryKey: [...COURSES_KEY, courseId, "quiz", lessonId],
     queryFn: () => unwrap(
       client.customer.getLessonQuiz(courseId, lessonId)
     ),
     enabled: options?.enabled !== false && !!courseId && !!lessonId && !!client.getAccessToken()
   });
-  const submit = (0, import_react_query18.useMutation)(
+  const submit = (0, import_react_query19.useMutation)(
     {
       mutationFn: ({ answers }) => unwrap(
         client.customer.submitLessonQuiz(
@@ -2758,7 +2821,7 @@ function useLessonQuiz(courseId, lessonId, options) {
 }
 function useCourseCertificates(options) {
   const { client } = useBehio();
-  const { data, isLoading, error, refetch } = (0, import_react_query18.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query19.useQuery)({
     queryKey: [...COURSES_KEY, "certificates"],
     queryFn: () => unwrap(client.customer.getCourseCertificates()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
@@ -2767,7 +2830,7 @@ function useCourseCertificates(options) {
 }
 function useCertificateVerification(code, options) {
   const { client } = useBehio();
-  const { data, isLoading, error, refetch } = (0, import_react_query18.useQuery)(
+  const { data, isLoading, error, refetch } = (0, import_react_query19.useQuery)(
     {
       queryKey: ["behio", "certificate-verification", code],
       queryFn: () => unwrap(client.certificates.verify(code)),
@@ -2779,12 +2842,12 @@ function useCertificateVerification(code, options) {
 }
 
 // src/react/hooks/use-lesson-tutor.ts
-var import_react_query19 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
 var TUTOR_KEY = ["behio", "course-tutor"];
 function useLessonTutor(courseId, lessonId, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query19.useQueryClient)();
-  const { data, isLoading, error, refetch } = (0, import_react_query19.useQuery)({
+  const queryClient = (0, import_react_query20.useQueryClient)();
+  const { data, isLoading, error, refetch } = (0, import_react_query20.useQuery)({
     queryKey: [...TUTOR_KEY, courseId, lessonId],
     queryFn: () => unwrap(
       client.customer.getLessonTutorThread(
@@ -2794,7 +2857,7 @@ function useLessonTutor(courseId, lessonId, options) {
     ),
     enabled: options?.enabled !== false && !!courseId && !!lessonId && !!client.getAccessToken()
   });
-  const ask = (0, import_react_query19.useMutation)({
+  const ask = (0, import_react_query20.useMutation)({
     mutationFn: ({ question }) => unwrap(
       client.customer.askLessonTutor(
         courseId,
@@ -2823,13 +2886,13 @@ function useLessonTutor(courseId, lessonId, options) {
 }
 
 // src/react/hooks/use-lesson-comments.ts
-var import_react_query20 = require("@tanstack/react-query");
+var import_react_query21 = require("@tanstack/react-query");
 var COMMENTS_KEY = ["behio", "course-comments"];
 function useLessonComments(courseId, lessonId, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query20.useQueryClient)();
+  const queryClient = (0, import_react_query21.useQueryClient)();
   const page = options?.page ?? 1;
-  const { data, isLoading, error, refetch } = (0, import_react_query20.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query21.useQuery)({
     queryKey: [...COMMENTS_KEY, courseId, lessonId, page],
     queryFn: () => unwrap(
       client.customer.getLessonComments(
@@ -2843,7 +2906,7 @@ function useLessonComments(courseId, lessonId, options) {
   const invalidate = () => queryClient.invalidateQueries({
     queryKey: [...COMMENTS_KEY, courseId, lessonId]
   });
-  const post = (0, import_react_query20.useMutation)({
+  const post = (0, import_react_query21.useMutation)({
     mutationFn: ({ body, parentId }) => unwrap(
       client.customer.postLessonComment(
         courseId,
@@ -2856,7 +2919,7 @@ function useLessonComments(courseId, lessonId, options) {
       void invalidate();
     }
   });
-  const remove = (0, import_react_query20.useMutation)({
+  const remove = (0, import_react_query21.useMutation)({
     mutationFn: ({ commentId }) => unwrap(
       client.customer.deleteLessonComment(
         courseId,
@@ -2886,19 +2949,19 @@ function useLessonComments(courseId, lessonId, options) {
 }
 
 // src/react/hooks/use-lesson-note.ts
-var import_react_query21 = require("@tanstack/react-query");
+var import_react_query22 = require("@tanstack/react-query");
 var NOTE_KEY = ["behio", "course-note"];
 function useLessonNote(courseId, lessonId, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query21.useQueryClient)();
-  const { data, isLoading, error, refetch } = (0, import_react_query21.useQuery)({
+  const queryClient = (0, import_react_query22.useQueryClient)();
+  const { data, isLoading, error, refetch } = (0, import_react_query22.useQuery)({
     queryKey: [...NOTE_KEY, courseId, lessonId],
     queryFn: () => unwrap(
       client.customer.getLessonNote(courseId, lessonId)
     ),
     enabled: options?.enabled !== false && !!courseId && !!lessonId && !!client.getAccessToken()
   });
-  const save = (0, import_react_query21.useMutation)({
+  const save = (0, import_react_query22.useMutation)({
     mutationFn: ({ body }) => unwrap(
       client.customer.saveLessonNote(
         courseId,
@@ -2927,26 +2990,26 @@ function useLessonNote(courseId, lessonId, options) {
 }
 
 // src/react/hooks/use-subscriptions.ts
-var import_react_query22 = require("@tanstack/react-query");
+var import_react_query23 = require("@tanstack/react-query");
 var SUBSCRIPTIONS_KEY = ["behio", "subscriptions"];
 function useSubscriptions(options) {
   const { client } = useBehio();
-  const qc = (0, import_react_query22.useQueryClient)();
-  const query = (0, import_react_query22.useQuery)({
+  const qc = (0, import_react_query23.useQueryClient)();
+  const query = (0, import_react_query23.useQuery)({
     queryKey: [...SUBSCRIPTIONS_KEY],
     queryFn: () => unwrap(client.subscriptions.list()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
   });
   const invalidate = () => qc.invalidateQueries({ queryKey: [...SUBSCRIPTIONS_KEY] });
-  const pauseMutation = (0, import_react_query22.useMutation)({
+  const pauseMutation = (0, import_react_query23.useMutation)({
     mutationFn: (subscriptionId) => unwrap(client.subscriptions.pause(subscriptionId)),
     onSuccess: invalidate
   });
-  const resumeMutation = (0, import_react_query22.useMutation)({
+  const resumeMutation = (0, import_react_query23.useMutation)({
     mutationFn: (subscriptionId) => unwrap(client.subscriptions.resume(subscriptionId)),
     onSuccess: invalidate
   });
-  const cancelMutation = (0, import_react_query22.useMutation)({
+  const cancelMutation = (0, import_react_query23.useMutation)({
     mutationFn: (subscriptionId) => unwrap(client.subscriptions.cancel(subscriptionId)),
     onSuccess: invalidate
   });
@@ -2965,11 +3028,11 @@ function useSubscriptions(options) {
 }
 
 // src/react/hooks/use-pickup-points.ts
-var import_react_query23 = require("@tanstack/react-query");
+var import_react_query24 = require("@tanstack/react-query");
 function usePickupPoints(input) {
   const { client } = useBehio();
   const { methodId, query, country, limit, enabled } = input;
-  const { data, isLoading, error, refetch } = (0, import_react_query23.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query24.useQuery)({
     queryKey: ["behio", "pickup-points", methodId, query ?? "", country ?? "", limit ?? 30],
     queryFn: () => unwrap(
       client.shipping.getPickupPoints({
@@ -2985,12 +3048,12 @@ function usePickupPoints(input) {
 }
 
 // src/react/hooks/use-shipping-methods.ts
-var import_react_query24 = require("@tanstack/react-query");
+var import_react_query25 = require("@tanstack/react-query");
 function useShippingMethods(options) {
   const { client, currency: activeCurrency } = useBehio();
   const currency = options?.currency ?? activeCurrency;
   const { country, cartTotal, cartWeightKg } = options ?? {};
-  const { data, isLoading, error, refetch } = (0, import_react_query24.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query25.useQuery)({
     queryKey: [
       "behio",
       "shipping-methods",
@@ -3006,12 +3069,12 @@ function useShippingMethods(options) {
 }
 
 // src/react/hooks/use-shipping-quote.ts
-var import_react_query25 = require("@tanstack/react-query");
+var import_react_query26 = require("@tanstack/react-query");
 function useShippingQuote(options) {
   const { client, currency: activeCurrency } = useBehio();
   const { destinationAddress, items, cartTotal, enabled } = options ?? {};
   const currency = options?.currency ?? activeCurrency;
-  const { data, isLoading, error, refetch } = (0, import_react_query25.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query26.useQuery)({
     queryKey: [
       "behio",
       "shipping-quote",
@@ -3034,11 +3097,11 @@ function useShippingQuote(options) {
 }
 
 // src/react/hooks/use-payment-methods.ts
-var import_react_query26 = require("@tanstack/react-query");
+var import_react_query27 = require("@tanstack/react-query");
 function usePaymentMethods(options) {
   const { client, currency: activeCurrency } = useBehio();
   const currency = options?.currency ?? activeCurrency;
-  const { data, isLoading, error, refetch } = (0, import_react_query26.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query27.useQuery)({
     queryKey: ["behio", "payment-methods", currency ?? ""],
     queryFn: () => unwrap(client.catalog.listPaymentMethods({ currency })),
     enabled: options?.enabled !== false
@@ -3048,10 +3111,10 @@ function usePaymentMethods(options) {
 
 // src/react/hooks/use-personal-offers.ts
 var import_react10 = require("react");
-var import_react_query27 = require("@tanstack/react-query");
+var import_react_query28 = require("@tanstack/react-query");
 function usePersonalOffers(options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query27.useQueryClient)();
+  const queryClient = (0, import_react_query28.useQueryClient)();
   const [polledVid, setPolledVid] = (0, import_react10.useState)(null);
   const explicitVid = options?.visitorId;
   (0, import_react10.useEffect)(() => {
@@ -3069,12 +3132,12 @@ function usePersonalOffers(options) {
   }, [client, explicitVid]);
   const visitorId = explicitVid ?? polledVid;
   const queryKey = ["behio", "personal-offers", visitorId ?? ""];
-  const { data, isLoading, error, refetch } = (0, import_react_query27.useQuery)({
+  const { data, isLoading, error, refetch } = (0, import_react_query28.useQuery)({
     queryKey,
     queryFn: () => unwrap(client.getPersonalOffers(visitorId)),
     enabled: options?.enabled !== false && !!visitorId
   });
-  const claimMutation = (0, import_react_query27.useMutation)({
+  const claimMutation = (0, import_react_query28.useMutation)({
     mutationFn: ({ offerId, email }) => unwrap(client.claimOfferByEmail(offerId, { visitorId, email })),
     onSuccess: (result, { offerId }) => {
       queryClient.setQueryData(
@@ -3136,28 +3199,28 @@ function useAnalyticsEvents() {
 }
 
 // src/react/hooks/use-newsletter.ts
-var import_react_query28 = require("@tanstack/react-query");
+var import_react_query29 = require("@tanstack/react-query");
 function useNewsletterSubscribe() {
   const { client } = useBehio();
-  return (0, import_react_query28.useMutation)({
+  return (0, import_react_query29.useMutation)({
     mutationFn: (input) => unwrap(client.newsletter.subscribe(input))
   });
 }
 function useNewsletterUnsubscribe() {
   const { client } = useBehio();
-  return (0, import_react_query28.useMutation)({
+  return (0, import_react_query29.useMutation)({
     mutationFn: (email) => unwrap(client.newsletter.unsubscribe(email))
   });
 }
 
 // src/react/hooks/use-orders.ts
 var import_react12 = require("react");
-var import_react_query29 = require("@tanstack/react-query");
+var import_react_query30 = require("@tanstack/react-query");
 function useOrders(options) {
   const { client } = useBehio();
   const { page: initialPage, limit, enabled } = options ?? {};
   const [page, setPage] = (0, import_react12.useState)(initialPage ?? 1);
-  const infinite = (0, import_react_query29.useInfiniteQuery)({
+  const infinite = (0, import_react_query30.useInfiniteQuery)({
     queryKey: ["behio", "orders", limit, page],
     queryFn: ({ pageParam }) => unwrap(client.orders.list({ limit, page: pageParam })),
     initialPageParam: page,
@@ -3203,20 +3266,20 @@ function useOrders(options) {
 
 // src/react/hooks/use-order.ts
 var import_react13 = require("react");
-var import_react_query30 = require("@tanstack/react-query");
+var import_react_query31 = require("@tanstack/react-query");
 function useOrder(orderNumber, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query30.useQueryClient)();
+  const queryClient = (0, import_react_query31.useQueryClient)();
   const {
     data,
     isLoading,
     error
-  } = (0, import_react_query30.useQuery)({
+  } = (0, import_react_query31.useQuery)({
     queryKey: ["behio", "order", orderNumber],
     queryFn: () => unwrap(client.orders.get(orderNumber)),
     enabled: options?.enabled !== false && !!orderNumber && !!client.getAccessToken()
   });
-  const cancelMutation = (0, import_react_query30.useMutation)({
+  const cancelMutation = (0, import_react_query31.useMutation)({
     mutationFn: () => unwrap(client.orders.cancel(orderNumber)),
     onSuccess: (updated) => {
       queryClient.setQueryData(["behio", "order", orderNumber], updated);
@@ -3238,21 +3301,21 @@ function useOrder(orderNumber, options) {
 
 // src/react/hooks/use-order-access.ts
 var import_react14 = require("react");
-var import_react_query31 = require("@tanstack/react-query");
+var import_react_query32 = require("@tanstack/react-query");
 function useOrderAccess() {
   const { client } = useBehio();
   const [orderNumber, setOrderNumber] = (0, import_react14.useState)(null);
   const [email, setEmail] = (0, import_react14.useState)(null);
   const [order, setOrder] = (0, import_react14.useState)(null);
   const [accessToken, setAccessToken] = (0, import_react14.useState)(null);
-  const requestMutation = (0, import_react_query31.useMutation)({
+  const requestMutation = (0, import_react_query32.useMutation)({
     mutationFn: (input) => unwrap(client.orders.requestAccessCode(input.orderNumber, input.email)),
     onSuccess: (_data, input) => {
       setOrderNumber(input.orderNumber);
       setEmail(input.email);
     }
   });
-  const verifyMutation = (0, import_react_query31.useMutation)({
+  const verifyMutation = (0, import_react_query32.useMutation)({
     mutationFn: (code) => {
       if (!orderNumber || !email) {
         throw new Error("Request a code before verifying");
@@ -3298,12 +3361,12 @@ function useOrderAccess() {
 
 // src/react/hooks/use-checkout.ts
 var import_react15 = require("react");
-var import_react_query32 = require("@tanstack/react-query");
+var import_react_query33 = require("@tanstack/react-query");
 function useCheckout() {
   const { client, storage } = useBehio();
-  const queryClient = (0, import_react_query32.useQueryClient)();
+  const queryClient = (0, import_react_query33.useQueryClient)();
   const [order, setOrder] = (0, import_react15.useState)(null);
-  const mutation = (0, import_react_query32.useMutation)({
+  const mutation = (0, import_react_query33.useMutation)({
     mutationFn: (input) => unwrap(client.checkout.createOrder(input)),
     onSuccess: (result) => {
       setOrder(result);
@@ -3330,10 +3393,10 @@ function useCheckout() {
 }
 
 // src/react/hooks/use-pages.ts
-var import_react_query33 = require("@tanstack/react-query");
+var import_react_query34 = require("@tanstack/react-query");
 function usePages(locale, options) {
   const { client } = useBehio();
-  return (0, import_react_query33.useQuery)({
+  return (0, import_react_query34.useQuery)({
     queryKey: ["behio", "pages", locale],
     queryFn: async () => {
       const result = await unwrap(client.pages.list(locale));
@@ -3344,7 +3407,7 @@ function usePages(locale, options) {
 }
 function usePage(slug, locale, options) {
   const { client } = useBehio();
-  return (0, import_react_query33.useQuery)({
+  return (0, import_react_query34.useQuery)({
     queryKey: ["behio", "page", slug, locale],
     queryFn: () => unwrap(client.pages.get(slug, locale)),
     enabled: options?.enabled !== false && !!slug
@@ -3352,10 +3415,10 @@ function usePage(slug, locale, options) {
 }
 
 // src/react/hooks/use-shop-info.ts
-var import_react_query34 = require("@tanstack/react-query");
+var import_react_query35 = require("@tanstack/react-query");
 function useShopInfo(options) {
   const { client } = useBehio();
-  return (0, import_react_query34.useQuery)({
+  return (0, import_react_query35.useQuery)({
     queryKey: ["behio", "shop-info"],
     queryFn: () => unwrap(client.getShopInfo()),
     enabled: options?.enabled !== false
@@ -3363,10 +3426,10 @@ function useShopInfo(options) {
 }
 
 // src/react/hooks/use-shop-scripts.ts
-var import_react_query35 = require("@tanstack/react-query");
+var import_react_query36 = require("@tanstack/react-query");
 function useShopScripts(options) {
   const { client } = useBehio();
-  return (0, import_react_query35.useQuery)({
+  return (0, import_react_query36.useQuery)({
     queryKey: ["behio", "shop-scripts"],
     queryFn: () => unwrap(client.getShopScripts()),
     enabled: options?.enabled !== false
@@ -3374,11 +3437,11 @@ function useShopScripts(options) {
 }
 
 // src/react/hooks/use-shop-seo.ts
-var import_react_query36 = require("@tanstack/react-query");
+var import_react_query37 = require("@tanstack/react-query");
 function useShopSeo(options) {
   const { client } = useBehio();
   const { locale, initialData, enabled = true } = options ?? {};
-  return (0, import_react_query36.useQuery)({
+  return (0, import_react_query37.useQuery)({
     queryKey: ["behio", "shop-seo", locale ?? "_default"],
     queryFn: () => unwrap(client.getShopSeo(locale)),
     initialData,
@@ -3441,20 +3504,20 @@ function CurrencySwitcher({
 var import_react16 = require("react");
 
 // src/react/hooks/use-consent.ts
-var import_react_query37 = require("@tanstack/react-query");
+var import_react_query38 = require("@tanstack/react-query");
 function useCookieConsent(visitorId) {
   const { client } = useBehio();
-  const qc = (0, import_react_query37.useQueryClient)();
-  const query = (0, import_react_query37.useQuery)({
+  const qc = (0, import_react_query38.useQueryClient)();
+  const query = (0, import_react_query38.useQuery)({
     queryKey: ["behio", "consent", visitorId],
     queryFn: () => unwrap(client.consent.get(visitorId)),
     enabled: Boolean(visitorId)
   });
-  const recordMutation = (0, import_react_query37.useMutation)({
+  const recordMutation = (0, import_react_query38.useMutation)({
     mutationFn: (input) => unwrap(client.consent.record(input)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
-  const revokeMutation = (0, import_react_query37.useMutation)({
+  const revokeMutation = (0, import_react_query38.useMutation)({
     mutationFn: () => unwrap(client.consent.revoke(visitorId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
@@ -3813,10 +3876,10 @@ function utmFromSearch(search) {
 }
 
 // src/react/hooks/use-bundles.ts
-var import_react_query38 = require("@tanstack/react-query");
+var import_react_query39 = require("@tanstack/react-query");
 function useBundles(options) {
   const { client } = useBehio();
-  return (0, import_react_query38.useQuery)({
+  return (0, import_react_query39.useQuery)({
     queryKey: ["behio", "bundles"],
     queryFn: () => unwrap(client.catalog.getBundles()),
     enabled: options?.enabled ?? true,
@@ -3825,7 +3888,7 @@ function useBundles(options) {
 }
 function useBundle(slug, options) {
   const { client } = useBehio();
-  return (0, import_react_query38.useQuery)({
+  return (0, import_react_query39.useQuery)({
     queryKey: ["behio", "bundle", slug],
     queryFn: () => unwrap(client.catalog.getBundle(slug)),
     enabled: Boolean(slug) && (options?.enabled ?? true),
@@ -3834,10 +3897,10 @@ function useBundle(slug, options) {
 }
 
 // src/react/hooks/use-product-group.ts
-var import_react_query39 = require("@tanstack/react-query");
+var import_react_query40 = require("@tanstack/react-query");
 function useProductGroup(slug, options) {
   const { client } = useBehio();
-  return (0, import_react_query39.useQuery)({
+  return (0, import_react_query40.useQuery)({
     queryKey: ["behio", "product-group", slug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getProductGroup(slug, {
@@ -3851,10 +3914,10 @@ function useProductGroup(slug, options) {
 }
 
 // src/react/hooks/use-cross-sell.ts
-var import_react_query40 = require("@tanstack/react-query");
+var import_react_query41 = require("@tanstack/react-query");
 function useCrossSell(productSlug, options) {
   const { client } = useBehio();
-  return (0, import_react_query40.useQuery)({
+  return (0, import_react_query41.useQuery)({
     queryKey: ["behio", "cross-sell", productSlug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getCrossSell(productSlug, {
@@ -3868,10 +3931,10 @@ function useCrossSell(productSlug, options) {
 }
 
 // src/react/hooks/use-product-promotions.ts
-var import_react_query41 = require("@tanstack/react-query");
+var import_react_query42 = require("@tanstack/react-query");
 function useProductPromotions(productSlug, options) {
   const { client } = useBehio();
-  return (0, import_react_query41.useQuery)({
+  return (0, import_react_query42.useQuery)({
     queryKey: ["behio", "product-promotions", productSlug],
     queryFn: () => unwrap(client.catalog.getProductPromotions(productSlug)),
     enabled: Boolean(productSlug) && (options?.enabled ?? true),
@@ -3880,11 +3943,11 @@ function useProductPromotions(productSlug, options) {
 }
 
 // src/react/hooks/use-gift-card.ts
-var import_react_query42 = require("@tanstack/react-query");
+var import_react_query43 = require("@tanstack/react-query");
 function useGiftCardBalance(code, options) {
   const { client } = useBehio();
   const trimmed = code?.trim();
-  return (0, import_react_query42.useQuery)({
+  return (0, import_react_query43.useQuery)({
     queryKey: ["behio", "gift-card-balance", trimmed],
     queryFn: () => unwrap(client.catalog.checkGiftCard(trimmed)),
     enabled: Boolean(trimmed && trimmed.length >= 6) && (options?.enabled ?? true)
@@ -3892,20 +3955,20 @@ function useGiftCardBalance(code, options) {
 }
 
 // src/react/hooks/use-wishlist.ts
-var import_react_query43 = require("@tanstack/react-query");
+var import_react_query44 = require("@tanstack/react-query");
 function useWishlist(options) {
   const { client } = useBehio();
-  const qc = (0, import_react_query43.useQueryClient)();
-  const query = (0, import_react_query43.useQuery)({
+  const qc = (0, import_react_query44.useQueryClient)();
+  const query = (0, import_react_query44.useQuery)({
     queryKey: ["behio", "wishlist"],
     queryFn: () => unwrap(client.wishlist.get()),
     enabled: options?.enabled ?? true
   });
-  const addMutation = (0, import_react_query43.useMutation)({
+  const addMutation = (0, import_react_query44.useMutation)({
     mutationFn: (productId) => unwrap(client.wishlist.add(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
-  const removeMutation = (0, import_react_query43.useMutation)({
+  const removeMutation = (0, import_react_query44.useMutation)({
     mutationFn: (productId) => unwrap(client.wishlist.remove(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
@@ -3919,7 +3982,7 @@ function useWishlist(options) {
 }
 function useIsInWishlist(productId) {
   const { client } = useBehio();
-  return (0, import_react_query43.useQuery)({
+  return (0, import_react_query44.useQuery)({
     queryKey: ["behio", "wishlist-check", productId],
     queryFn: () => unwrap(client.wishlist.isInWishlist(productId)),
     enabled: Boolean(productId)
@@ -3927,10 +3990,10 @@ function useIsInWishlist(productId) {
 }
 
 // src/react/hooks/use-reviews.ts
-var import_react_query44 = require("@tanstack/react-query");
+var import_react_query45 = require("@tanstack/react-query");
 function useProductReviews(productId, options) {
   const { client } = useBehio();
-  return (0, import_react_query44.useQuery)({
+  return (0, import_react_query45.useQuery)({
     queryKey: ["behio", "reviews", productId, options?.page ?? 1],
     queryFn: () => unwrap(client.reviews.getProductReviews(productId, options?.page, options?.limit)),
     enabled: Boolean(productId) && (options?.enabled ?? true)
@@ -3938,30 +4001,30 @@ function useProductReviews(productId, options) {
 }
 function useSubmitReview() {
   const { client } = useBehio();
-  const qc = (0, import_react_query44.useQueryClient)();
-  return (0, import_react_query44.useMutation)({
+  const qc = (0, import_react_query45.useQueryClient)();
+  return (0, import_react_query45.useMutation)({
     mutationFn: (input) => unwrap(client.reviews.submit(input)),
     onSuccess: (_, input) => qc.invalidateQueries({ queryKey: ["behio", "reviews", input.productId] })
   });
 }
 
 // src/react/hooks/use-returns.ts
-var import_react_query45 = require("@tanstack/react-query");
+var import_react_query46 = require("@tanstack/react-query");
 function useLookupReturnableOrder() {
   const { client } = useBehio();
-  return (0, import_react_query45.useMutation)({
+  return (0, import_react_query46.useMutation)({
     mutationFn: ({ orderNumber, email }) => unwrap(client.returns.lookupOrder(orderNumber, email))
   });
 }
 function useSubmitReturn() {
   const { client } = useBehio();
-  return (0, import_react_query45.useMutation)({
+  return (0, import_react_query46.useMutation)({
     mutationFn: (input) => unwrap(client.returns.submit(input))
   });
 }
 function useReturnStatus(returnId, email) {
   const { client } = useBehio();
-  return (0, import_react_query45.useQuery)({
+  return (0, import_react_query46.useQuery)({
     queryKey: ["behio", "return-status", returnId],
     queryFn: () => unwrap(client.returns.getStatus(returnId, email)),
     enabled: Boolean(returnId && email)
@@ -3969,16 +4032,16 @@ function useReturnStatus(returnId, email) {
 }
 
 // src/react/hooks/use-quotes.ts
-var import_react_query46 = require("@tanstack/react-query");
+var import_react_query47 = require("@tanstack/react-query");
 function useSubmitQuote() {
   const { client } = useBehio();
-  return (0, import_react_query46.useMutation)({
+  return (0, import_react_query47.useMutation)({
     mutationFn: (input) => unwrap(client.quotes.submit(input))
   });
 }
 function useQuoteStatus(quoteId, email) {
   const { client } = useBehio();
-  return (0, import_react_query46.useQuery)({
+  return (0, import_react_query47.useQuery)({
     queryKey: ["behio", "quote-status", quoteId],
     queryFn: () => unwrap(client.quotes.getStatus(quoteId, email)),
     enabled: Boolean(quoteId && email)
@@ -3986,10 +4049,10 @@ function useQuoteStatus(quoteId, email) {
 }
 
 // src/react/hooks/use-back-in-stock.ts
-var import_react_query47 = require("@tanstack/react-query");
+var import_react_query48 = require("@tanstack/react-query");
 function useNotifyWhenAvailable() {
   const { client } = useBehio();
-  return (0, import_react_query47.useMutation)({
+  return (0, import_react_query48.useMutation)({
     mutationFn: ({ productId, email }) => unwrap(client.catalog.notifyWhenAvailable(productId, email))
   });
 }
@@ -4167,6 +4230,7 @@ async function revokeAnalyticsConsent(client) {
   usePickupPoints,
   useProduct,
   useProductGroup,
+  useProductParameters,
   useProductPromotions,
   useProductReviews,
   useProducts,