@behio/storefront-sdk 0.37.0 → 0.38.0

package/dist/react.mjs

@@ -8,7 +8,7 @@ import {
 } from "./chunk-QUU76QUB.mjs";
 import {
   BehioStorefront
-} from "./chunk-5C6MNGGB.mjs";
+} from "./chunk-MF5LMHZ4.mjs";
 
 // src/react/provider.tsx
 import { useRef, useEffect, useMemo, useState, useCallback } from "react";
@@ -900,27 +900,63 @@ function useLoyalty(options) {
   return { loyalty: data, isLoading, error, refetch };
 }
 
+// src/react/hooks/use-courses.ts
+import { useMutation as useMutation5, useQuery as useQuery16, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+var COURSES_KEY = ["behio", "courses"];
+function useCourses(options) {
+  const { client } = useBehio();
+  const { data, isLoading, error, refetch } = useQuery16({
+    queryKey: [...COURSES_KEY],
+    queryFn: () => unwrap(client.customer.getCourses()),
+    enabled: options?.enabled !== false && !!client.getAccessToken()
+  });
+  return { courses: data?.items ?? [], isLoading, error, refetch };
+}
+function useCourse(courseId, options) {
+  const { client } = useBehio();
+  const queryClient = useQueryClient7();
+  const { data, isLoading, error, refetch } = useQuery16({
+    queryKey: [...COURSES_KEY, courseId],
+    queryFn: () => unwrap(client.customer.getCourse(courseId)),
+    enabled: options?.enabled !== false && !!courseId && !!client.getAccessToken()
+  });
+  const complete = useMutation5({
+    mutationFn: ({ lessonId }) => unwrap(client.customer.completeLesson(courseId, lessonId)),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: [...COURSES_KEY] });
+    }
+  });
+  return {
+    course: data,
+    isLoading,
+    error,
+    refetch,
+    completeLesson: (lessonId) => complete.mutateAsync({ lessonId }),
+    isCompleting: complete.isPending
+  };
+}
+
 // src/react/hooks/use-subscriptions.ts
-import { useQuery as useQuery16, useMutation as useMutation5, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+import { useQuery as useQuery17, useMutation as useMutation6, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
 var SUBSCRIPTIONS_KEY = ["behio", "subscriptions"];
 function useSubscriptions(options) {
   const { client } = useBehio();
-  const qc = useQueryClient7();
-  const query = useQuery16({
+  const qc = useQueryClient8();
+  const query = useQuery17({
     queryKey: [...SUBSCRIPTIONS_KEY],
     queryFn: () => unwrap(client.subscriptions.list()),
     enabled: options?.enabled !== false && !!client.getAccessToken()
   });
   const invalidate = () => qc.invalidateQueries({ queryKey: [...SUBSCRIPTIONS_KEY] });
-  const pauseMutation = useMutation5({
+  const pauseMutation = useMutation6({
     mutationFn: (subscriptionId) => unwrap(client.subscriptions.pause(subscriptionId)),
     onSuccess: invalidate
   });
-  const resumeMutation = useMutation5({
+  const resumeMutation = useMutation6({
     mutationFn: (subscriptionId) => unwrap(client.subscriptions.resume(subscriptionId)),
     onSuccess: invalidate
   });
-  const cancelMutation = useMutation5({
+  const cancelMutation = useMutation6({
     mutationFn: (subscriptionId) => unwrap(client.subscriptions.cancel(subscriptionId)),
     onSuccess: invalidate
   });
@@ -939,11 +975,11 @@ function useSubscriptions(options) {
 }
 
 // src/react/hooks/use-pickup-points.ts
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 function usePickupPoints(input) {
   const { client } = useBehio();
   const { methodId, query, country, limit, enabled } = input;
-  const { data, isLoading, error, refetch } = useQuery17({
+  const { data, isLoading, error, refetch } = useQuery18({
     queryKey: ["behio", "pickup-points", methodId, query ?? "", country ?? "", limit ?? 30],
     queryFn: () => unwrap(
       client.shipping.getPickupPoints({
@@ -959,12 +995,12 @@ function usePickupPoints(input) {
 }
 
 // src/react/hooks/use-shipping-methods.ts
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@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 } = useQuery18({
+  const { data, isLoading, error, refetch } = useQuery19({
     queryKey: [
       "behio",
       "shipping-methods",
@@ -980,12 +1016,12 @@ function useShippingMethods(options) {
 }
 
 // src/react/hooks/use-shipping-quote.ts
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@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 } = useQuery19({
+  const { data, isLoading, error, refetch } = useQuery20({
     queryKey: [
       "behio",
       "shipping-quote",
@@ -1008,11 +1044,11 @@ function useShippingQuote(options) {
 }
 
 // src/react/hooks/use-payment-methods.ts
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery21 } from "@tanstack/react-query";
 function usePaymentMethods(options) {
   const { client, currency: activeCurrency } = useBehio();
   const currency = options?.currency ?? activeCurrency;
-  const { data, isLoading, error, refetch } = useQuery20({
+  const { data, isLoading, error, refetch } = useQuery21({
     queryKey: ["behio", "payment-methods", currency ?? ""],
     queryFn: () => unwrap(client.catalog.listPaymentMethods({ currency })),
     enabled: options?.enabled !== false
@@ -1022,10 +1058,10 @@ function usePaymentMethods(options) {
 
 // src/react/hooks/use-personal-offers.ts
 import { useCallback as useCallback8, useEffect as useEffect4, useState as useState5 } from "react";
-import { useMutation as useMutation6, useQuery as useQuery21, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
+import { useMutation as useMutation7, useQuery as useQuery22, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
 function usePersonalOffers(options) {
   const { client } = useBehio();
-  const queryClient = useQueryClient8();
+  const queryClient = useQueryClient9();
   const [polledVid, setPolledVid] = useState5(null);
   const explicitVid = options?.visitorId;
   useEffect4(() => {
@@ -1043,12 +1079,12 @@ function usePersonalOffers(options) {
   }, [client, explicitVid]);
   const visitorId = explicitVid ?? polledVid;
   const queryKey = ["behio", "personal-offers", visitorId ?? ""];
-  const { data, isLoading, error, refetch } = useQuery21({
+  const { data, isLoading, error, refetch } = useQuery22({
     queryKey,
     queryFn: () => unwrap(client.getPersonalOffers(visitorId)),
     enabled: options?.enabled !== false && !!visitorId
   });
-  const claimMutation = useMutation6({
+  const claimMutation = useMutation7({
     mutationFn: ({ offerId, email }) => unwrap(client.claimOfferByEmail(offerId, { visitorId, email })),
     onSuccess: (result, { offerId }) => {
       queryClient.setQueryData(
@@ -1110,16 +1146,16 @@ function useAnalyticsEvents() {
 }
 
 // src/react/hooks/use-newsletter.ts
-import { useMutation as useMutation7 } from "@tanstack/react-query";
+import { useMutation as useMutation8 } from "@tanstack/react-query";
 function useNewsletterSubscribe() {
   const { client } = useBehio();
-  return useMutation7({
+  return useMutation8({
     mutationFn: (input) => unwrap(client.newsletter.subscribe(input))
   });
 }
 function useNewsletterUnsubscribe() {
   const { client } = useBehio();
-  return useMutation7({
+  return useMutation8({
     mutationFn: (email) => unwrap(client.newsletter.unsubscribe(email))
   });
 }
@@ -1177,20 +1213,20 @@ function useOrders(options) {
 
 // src/react/hooks/use-order.ts
 import { useCallback as useCallback11 } from "react";
-import { useQuery as useQuery22, useMutation as useMutation8, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+import { useQuery as useQuery23, useMutation as useMutation9, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 function useOrder(orderNumber, options) {
   const { client } = useBehio();
-  const queryClient = useQueryClient9();
+  const queryClient = useQueryClient10();
   const {
     data,
     isLoading,
     error
-  } = useQuery22({
+  } = useQuery23({
     queryKey: ["behio", "order", orderNumber],
     queryFn: () => unwrap(client.orders.get(orderNumber)),
     enabled: options?.enabled !== false && !!orderNumber && !!client.getAccessToken()
   });
-  const cancelMutation = useMutation8({
+  const cancelMutation = useMutation9({
     mutationFn: () => unwrap(client.orders.cancel(orderNumber)),
     onSuccess: (updated) => {
       queryClient.setQueryData(["behio", "order", orderNumber], updated);
@@ -1212,21 +1248,21 @@ function useOrder(orderNumber, options) {
 
 // src/react/hooks/use-order-access.ts
 import { useCallback as useCallback12, useState as useState7 } from "react";
-import { useMutation as useMutation9 } from "@tanstack/react-query";
+import { useMutation as useMutation10 } from "@tanstack/react-query";
 function useOrderAccess() {
   const { client } = useBehio();
   const [orderNumber, setOrderNumber] = useState7(null);
   const [email, setEmail] = useState7(null);
   const [order, setOrder] = useState7(null);
   const [accessToken, setAccessToken] = useState7(null);
-  const requestMutation = useMutation9({
+  const requestMutation = useMutation10({
     mutationFn: (input) => unwrap(client.orders.requestAccessCode(input.orderNumber, input.email)),
     onSuccess: (_data, input) => {
       setOrderNumber(input.orderNumber);
       setEmail(input.email);
     }
   });
-  const verifyMutation = useMutation9({
+  const verifyMutation = useMutation10({
     mutationFn: (code) => {
       if (!orderNumber || !email) {
         throw new Error("Request a code before verifying");
@@ -1272,12 +1308,12 @@ function useOrderAccess() {
 
 // src/react/hooks/use-checkout.ts
 import { useState as useState8, useCallback as useCallback13 } from "react";
-import { useMutation as useMutation10, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
+import { useMutation as useMutation11, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 function useCheckout() {
   const { client, storage } = useBehio();
-  const queryClient = useQueryClient10();
+  const queryClient = useQueryClient11();
   const [order, setOrder] = useState8(null);
-  const mutation = useMutation10({
+  const mutation = useMutation11({
     mutationFn: (input) => unwrap(client.checkout.createOrder(input)),
     onSuccess: (result) => {
       setOrder(result);
@@ -1304,10 +1340,10 @@ function useCheckout() {
 }
 
 // src/react/hooks/use-pages.ts
-import { useQuery as useQuery23 } from "@tanstack/react-query";
+import { useQuery as useQuery24 } from "@tanstack/react-query";
 function usePages(locale, options) {
   const { client } = useBehio();
-  return useQuery23({
+  return useQuery24({
     queryKey: ["behio", "pages", locale],
     queryFn: async () => {
       const result = await unwrap(client.pages.list(locale));
@@ -1318,7 +1354,7 @@ function usePages(locale, options) {
 }
 function usePage(slug, locale, options) {
   const { client } = useBehio();
-  return useQuery23({
+  return useQuery24({
     queryKey: ["behio", "page", slug, locale],
     queryFn: () => unwrap(client.pages.get(slug, locale)),
     enabled: options?.enabled !== false && !!slug
@@ -1326,10 +1362,10 @@ function usePage(slug, locale, options) {
 }
 
 // src/react/hooks/use-shop-info.ts
-import { useQuery as useQuery24 } from "@tanstack/react-query";
+import { useQuery as useQuery25 } from "@tanstack/react-query";
 function useShopInfo(options) {
   const { client } = useBehio();
-  return useQuery24({
+  return useQuery25({
     queryKey: ["behio", "shop-info"],
     queryFn: () => unwrap(client.getShopInfo()),
     enabled: options?.enabled !== false
@@ -1337,10 +1373,10 @@ function useShopInfo(options) {
 }
 
 // src/react/hooks/use-shop-scripts.ts
-import { useQuery as useQuery25 } from "@tanstack/react-query";
+import { useQuery as useQuery26 } from "@tanstack/react-query";
 function useShopScripts(options) {
   const { client } = useBehio();
-  return useQuery25({
+  return useQuery26({
     queryKey: ["behio", "shop-scripts"],
     queryFn: () => unwrap(client.getShopScripts()),
     enabled: options?.enabled !== false
@@ -1348,11 +1384,11 @@ function useShopScripts(options) {
 }
 
 // src/react/hooks/use-shop-seo.ts
-import { useQuery as useQuery26 } from "@tanstack/react-query";
+import { useQuery as useQuery27 } from "@tanstack/react-query";
 function useShopSeo(options) {
   const { client } = useBehio();
   const { locale, initialData, enabled = true } = options ?? {};
-  return useQuery26({
+  return useQuery27({
     queryKey: ["behio", "shop-seo", locale ?? "_default"],
     queryFn: () => unwrap(client.getShopSeo(locale)),
     initialData,
@@ -1415,20 +1451,20 @@ function CurrencySwitcher({
 import { useEffect as useEffect5, useMemo as useMemo4, useState as useState9 } from "react";
 
 // src/react/hooks/use-consent.ts
-import { useQuery as useQuery27, useMutation as useMutation11, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
+import { useQuery as useQuery28, useMutation as useMutation12, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 function useCookieConsent(visitorId) {
   const { client } = useBehio();
-  const qc = useQueryClient11();
-  const query = useQuery27({
+  const qc = useQueryClient12();
+  const query = useQuery28({
     queryKey: ["behio", "consent", visitorId],
     queryFn: () => unwrap(client.consent.get(visitorId)),
     enabled: Boolean(visitorId)
   });
-  const recordMutation = useMutation11({
+  const recordMutation = useMutation12({
     mutationFn: (input) => unwrap(client.consent.record(input)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
-  const revokeMutation = useMutation11({
+  const revokeMutation = useMutation12({
     mutationFn: () => unwrap(client.consent.revoke(visitorId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
@@ -1787,10 +1823,10 @@ function utmFromSearch(search) {
 }
 
 // src/react/hooks/use-bundles.ts
-import { useQuery as useQuery28 } from "@tanstack/react-query";
+import { useQuery as useQuery29 } from "@tanstack/react-query";
 function useBundles(options) {
   const { client } = useBehio();
-  return useQuery28({
+  return useQuery29({
     queryKey: ["behio", "bundles"],
     queryFn: () => unwrap(client.catalog.getBundles()),
     enabled: options?.enabled ?? true,
@@ -1799,7 +1835,7 @@ function useBundles(options) {
 }
 function useBundle(slug, options) {
   const { client } = useBehio();
-  return useQuery28({
+  return useQuery29({
     queryKey: ["behio", "bundle", slug],
     queryFn: () => unwrap(client.catalog.getBundle(slug)),
     enabled: Boolean(slug) && (options?.enabled ?? true),
@@ -1808,10 +1844,10 @@ function useBundle(slug, options) {
 }
 
 // src/react/hooks/use-product-group.ts
-import { useQuery as useQuery29 } from "@tanstack/react-query";
+import { useQuery as useQuery30 } from "@tanstack/react-query";
 function useProductGroup(slug, options) {
   const { client } = useBehio();
-  return useQuery29({
+  return useQuery30({
     queryKey: ["behio", "product-group", slug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getProductGroup(slug, {
@@ -1825,10 +1861,10 @@ function useProductGroup(slug, options) {
 }
 
 // src/react/hooks/use-cross-sell.ts
-import { useQuery as useQuery30 } from "@tanstack/react-query";
+import { useQuery as useQuery31 } from "@tanstack/react-query";
 function useCrossSell(productSlug, options) {
   const { client } = useBehio();
-  return useQuery30({
+  return useQuery31({
     queryKey: ["behio", "cross-sell", productSlug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getCrossSell(productSlug, {
@@ -1842,10 +1878,10 @@ function useCrossSell(productSlug, options) {
 }
 
 // src/react/hooks/use-product-promotions.ts
-import { useQuery as useQuery31 } from "@tanstack/react-query";
+import { useQuery as useQuery32 } from "@tanstack/react-query";
 function useProductPromotions(productSlug, options) {
   const { client } = useBehio();
-  return useQuery31({
+  return useQuery32({
     queryKey: ["behio", "product-promotions", productSlug],
     queryFn: () => unwrap(client.catalog.getProductPromotions(productSlug)),
     enabled: Boolean(productSlug) && (options?.enabled ?? true),
@@ -1854,11 +1890,11 @@ function useProductPromotions(productSlug, options) {
 }
 
 // src/react/hooks/use-gift-card.ts
-import { useQuery as useQuery32 } from "@tanstack/react-query";
+import { useQuery as useQuery33 } from "@tanstack/react-query";
 function useGiftCardBalance(code, options) {
   const { client } = useBehio();
   const trimmed = code?.trim();
-  return useQuery32({
+  return useQuery33({
     queryKey: ["behio", "gift-card-balance", trimmed],
     queryFn: () => unwrap(client.catalog.checkGiftCard(trimmed)),
     enabled: Boolean(trimmed && trimmed.length >= 6) && (options?.enabled ?? true)
@@ -1866,20 +1902,20 @@ function useGiftCardBalance(code, options) {
 }
 
 // src/react/hooks/use-wishlist.ts
-import { useQuery as useQuery33, useMutation as useMutation12, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
+import { useQuery as useQuery34, useMutation as useMutation13, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
 function useWishlist(options) {
   const { client } = useBehio();
-  const qc = useQueryClient12();
-  const query = useQuery33({
+  const qc = useQueryClient13();
+  const query = useQuery34({
     queryKey: ["behio", "wishlist"],
     queryFn: () => unwrap(client.wishlist.get()),
     enabled: options?.enabled ?? true
   });
-  const addMutation = useMutation12({
+  const addMutation = useMutation13({
     mutationFn: (productId) => unwrap(client.wishlist.add(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
-  const removeMutation = useMutation12({
+  const removeMutation = useMutation13({
     mutationFn: (productId) => unwrap(client.wishlist.remove(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
@@ -1893,7 +1929,7 @@ function useWishlist(options) {
 }
 function useIsInWishlist(productId) {
   const { client } = useBehio();
-  return useQuery33({
+  return useQuery34({
     queryKey: ["behio", "wishlist-check", productId],
     queryFn: () => unwrap(client.wishlist.isInWishlist(productId)),
     enabled: Boolean(productId)
@@ -1901,10 +1937,10 @@ function useIsInWishlist(productId) {
 }
 
 // src/react/hooks/use-reviews.ts
-import { useQuery as useQuery34, useMutation as useMutation13, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+import { useQuery as useQuery35, useMutation as useMutation14, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 function useProductReviews(productId, options) {
   const { client } = useBehio();
-  return useQuery34({
+  return useQuery35({
     queryKey: ["behio", "reviews", productId, options?.page ?? 1],
     queryFn: () => unwrap(client.reviews.getProductReviews(productId, options?.page, options?.limit)),
     enabled: Boolean(productId) && (options?.enabled ?? true)
@@ -1912,30 +1948,30 @@ function useProductReviews(productId, options) {
 }
 function useSubmitReview() {
   const { client } = useBehio();
-  const qc = useQueryClient13();
-  return useMutation13({
+  const qc = useQueryClient14();
+  return useMutation14({
     mutationFn: (input) => unwrap(client.reviews.submit(input)),
     onSuccess: (_, input) => qc.invalidateQueries({ queryKey: ["behio", "reviews", input.productId] })
   });
 }
 
 // src/react/hooks/use-returns.ts
-import { useQuery as useQuery35, useMutation as useMutation14 } from "@tanstack/react-query";
+import { useQuery as useQuery36, useMutation as useMutation15 } from "@tanstack/react-query";
 function useLookupReturnableOrder() {
   const { client } = useBehio();
-  return useMutation14({
+  return useMutation15({
     mutationFn: ({ orderNumber, email }) => unwrap(client.returns.lookupOrder(orderNumber, email))
   });
 }
 function useSubmitReturn() {
   const { client } = useBehio();
-  return useMutation14({
+  return useMutation15({
     mutationFn: (input) => unwrap(client.returns.submit(input))
   });
 }
 function useReturnStatus(returnId, email) {
   const { client } = useBehio();
-  return useQuery35({
+  return useQuery36({
     queryKey: ["behio", "return-status", returnId],
     queryFn: () => unwrap(client.returns.getStatus(returnId, email)),
     enabled: Boolean(returnId && email)
@@ -1943,16 +1979,16 @@ function useReturnStatus(returnId, email) {
 }
 
 // src/react/hooks/use-quotes.ts
-import { useMutation as useMutation15, useQuery as useQuery36 } from "@tanstack/react-query";
+import { useMutation as useMutation16, useQuery as useQuery37 } from "@tanstack/react-query";
 function useSubmitQuote() {
   const { client } = useBehio();
-  return useMutation15({
+  return useMutation16({
     mutationFn: (input) => unwrap(client.quotes.submit(input))
   });
 }
 function useQuoteStatus(quoteId, email) {
   const { client } = useBehio();
-  return useQuery36({
+  return useQuery37({
     queryKey: ["behio", "quote-status", quoteId],
     queryFn: () => unwrap(client.quotes.getStatus(quoteId, email)),
     enabled: Boolean(quoteId && email)
@@ -1960,10 +1996,10 @@ function useQuoteStatus(quoteId, email) {
 }
 
 // src/react/hooks/use-back-in-stock.ts
-import { useMutation as useMutation16 } from "@tanstack/react-query";
+import { useMutation as useMutation17 } from "@tanstack/react-query";
 function useNotifyWhenAvailable() {
   const { client } = useBehio();
-  return useMutation16({
+  return useMutation17({
     mutationFn: ({ productId, email }) => unwrap(client.catalog.notifyWhenAvailable(productId, email))
   });
 }
@@ -1997,6 +2033,8 @@ export {
   useCategory,
   useCheckout,
   useCookieConsent,
+  useCourse,
+  useCourses,
   useCrossSell,
   useCurrency,
   useCustomer,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@behio/storefront-sdk",
-  "version": "0.37.0",
-  "description": "TypeScript SDK for Behio Headless E-Shop \u2014 core client + React hooks",
+  "version": "0.38.0",
+  "description": "TypeScript SDK for Behio Headless E-Shop — core client + React hooks",
   "author": "Behio",
   "license": "MIT",
   "main": "./dist/index.js",