@behio/storefront-sdk 1.8.0 → 1.9.0

package/dist/react.js

@@ -99,6 +99,7 @@ __export(react_exports, {
   useSubmitReturn: () => useSubmitReturn,
   useSubmitReview: () => useSubmitReview,
   useSubscriptions: () => useSubscriptions,
+  useVisitorMessages: () => useVisitorMessages,
   useWishlist: () => useWishlist
 });
 module.exports = __toCommonJS(react_exports);
@@ -297,6 +298,21 @@ var BehioStorefront = class {
       body: input
     });
   }
+  /**
+   * Visitor messages from merchant automations (storefront.event action).
+   * Consent-gated visitor id; each message carries a merchant-defined `name`
+   * and free-form `payload` the template reacts to (modal, banner, ...).
+   * Messages stay listed until acknowledged via `ackVisitorMessage`.
+   */
+  async getVisitorMessages(visitorId) {
+    return this.request("GET", "/messages", { query: { visitorId } });
+  }
+  /** Acknowledge a visitor message so it is not delivered again. */
+  async ackVisitorMessage(messageId, visitorId) {
+    return this.request("POST", `/messages/${messageId}/ack`, {
+      query: { visitorId }
+    });
+  }
   /** Get basic shop info */
   async getShopInfo() {
     return this.request("GET", "/shop");
@@ -3236,11 +3252,78 @@ function usePersonalOffers(options) {
   };
 }
 
-// src/react/hooks/use-analytics-events.ts
+// src/react/hooks/use-visitor-messages.ts
 var import_react11 = require("react");
+var import_react_query29 = require("@tanstack/react-query");
+function useVisitorMessages(options) {
+  const { client } = useBehio();
+  const queryClient = (0, import_react_query29.useQueryClient)();
+  const [polledVid, setPolledVid] = (0, import_react11.useState)(null);
+  const seenRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
+  const explicitVid = options?.visitorId;
+  (0, import_react11.useEffect)(() => {
+    if (explicitVid) return;
+    const read = () => {
+      const vid = client.getAnalyticsVisitorId();
+      if (vid) setPolledVid(vid);
+      return vid;
+    };
+    if (read()) return;
+    const timer = setInterval(() => {
+      if (read()) clearInterval(timer);
+    }, 3e3);
+    return () => clearInterval(timer);
+  }, [client, explicitVid]);
+  const visitorId = explicitVid ?? polledVid;
+  const pollMs = options?.pollMs ?? 3e4;
+  const queryKey = ["behio", "visitor-messages", visitorId ?? ""];
+  const { data, isLoading, error, refetch } = (0, import_react_query29.useQuery)({
+    queryKey,
+    queryFn: () => unwrap(client.getVisitorMessages(visitorId)),
+    enabled: options?.enabled !== false && !!visitorId,
+    refetchInterval: pollMs > 0 ? pollMs : false
+  });
+  const ack = (0, import_react11.useCallback)(
+    async (messageId) => {
+      if (!visitorId) return false;
+      const result = await unwrap(client.ackVisitorMessage(messageId, visitorId));
+      queryClient.setQueryData(
+        queryKey,
+        (prev) => prev ? { items: prev.items.filter((m) => m.id !== messageId) } : prev
+      );
+      return result.ok;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [client, visitorId, queryClient]
+  );
+  const onMessage = options?.onMessage;
+  const dispatchDom = options?.dispatchDomEvents !== false;
+  (0, import_react11.useEffect)(() => {
+    for (const message of data?.items ?? []) {
+      if (seenRef.current.has(message.id)) continue;
+      seenRef.current.add(message.id);
+      if (dispatchDom && typeof window !== "undefined") {
+        window.dispatchEvent(new CustomEvent("behio:visitor-message", { detail: message }));
+      }
+      onMessage?.(message);
+    }
+  }, [data, onMessage, dispatchDom]);
+  return {
+    messages: data?.items ?? [],
+    isLoading,
+    error,
+    refetch,
+    /** Mark a message as shown; it will not be delivered again. */
+    ack,
+    visitorId
+  };
+}
+
+// src/react/hooks/use-analytics-events.ts
+var import_react12 = require("react");
 function useAnalyticsEvents() {
   const { client } = useBehio();
-  const track = (0, import_react11.useCallback)(
+  const track = (0, import_react12.useCallback)(
     (events, opts) => {
       const list = Array.isArray(events) ? events : [events];
       if (list.length === 0) return Promise.resolve();
@@ -3252,7 +3335,7 @@ function useAnalyticsEvents() {
     },
     [client]
   );
-  const trackEvent = (0, import_react11.useCallback)(
+  const trackEvent = (0, import_react12.useCallback)(
     (name, props) => track({ type: "custom", name, props }),
     [track]
   );
@@ -3267,28 +3350,28 @@ function useAnalyticsEvents() {
 }
 
 // src/react/hooks/use-newsletter.ts
-var import_react_query29 = require("@tanstack/react-query");
+var import_react_query30 = require("@tanstack/react-query");
 function useNewsletterSubscribe() {
   const { client } = useBehio();
-  return (0, import_react_query29.useMutation)({
+  return (0, import_react_query30.useMutation)({
     mutationFn: (input) => unwrap(client.newsletter.subscribe(input))
   });
 }
 function useNewsletterUnsubscribe() {
   const { client } = useBehio();
-  return (0, import_react_query29.useMutation)({
+  return (0, import_react_query30.useMutation)({
     mutationFn: (email) => unwrap(client.newsletter.unsubscribe(email))
   });
 }
 
 // src/react/hooks/use-orders.ts
-var import_react12 = require("react");
-var import_react_query30 = require("@tanstack/react-query");
+var import_react13 = require("react");
+var import_react_query31 = 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_query30.useInfiniteQuery)({
+  const [page, setPage] = (0, import_react13.useState)(initialPage ?? 1);
+  const infinite = (0, import_react_query31.useInfiniteQuery)({
     queryKey: ["behio", "orders", limit, page],
     queryFn: ({ pageParam }) => unwrap(client.orders.list({ limit, page: pageParam })),
     initialPageParam: page,
@@ -3296,18 +3379,18 @@ function useOrders(options) {
     getPreviousPageParam: (firstPage) => firstPage.page > 1 ? firstPage.page - 1 : void 0,
     enabled: enabled !== false && !!client.getAccessToken()
   });
-  const items = (0, import_react12.useMemo)(
+  const items = (0, import_react13.useMemo)(
     () => infinite.data?.pages.flatMap((p) => p.items) ?? [],
     [infinite.data]
   );
   const lastPage = infinite.data?.pages[infinite.data.pages.length - 1];
-  const loadMore = (0, import_react12.useCallback)(() => {
+  const loadMore = (0, import_react13.useCallback)(() => {
     if (infinite.hasNextPage && !infinite.isFetchingNextPage) {
       return infinite.fetchNextPage();
     }
     return Promise.resolve();
   }, [infinite]);
-  const goToPage = (0, import_react12.useCallback)((newPage) => {
+  const goToPage = (0, import_react13.useCallback)((newPage) => {
     setPage(newPage);
   }, []);
   return {
@@ -3333,28 +3416,28 @@ function useOrders(options) {
 }
 
 // src/react/hooks/use-order.ts
-var import_react13 = require("react");
-var import_react_query31 = require("@tanstack/react-query");
+var import_react14 = require("react");
+var import_react_query32 = require("@tanstack/react-query");
 function useOrder(orderNumber, options) {
   const { client } = useBehio();
-  const queryClient = (0, import_react_query31.useQueryClient)();
+  const queryClient = (0, import_react_query32.useQueryClient)();
   const {
     data,
     isLoading,
     error
-  } = (0, import_react_query31.useQuery)({
+  } = (0, import_react_query32.useQuery)({
     queryKey: ["behio", "order", orderNumber],
     queryFn: () => unwrap(client.orders.get(orderNumber)),
     enabled: options?.enabled !== false && !!orderNumber && !!client.getAccessToken()
   });
-  const cancelMutation = (0, import_react_query31.useMutation)({
+  const cancelMutation = (0, import_react_query32.useMutation)({
     mutationFn: () => unwrap(client.orders.cancel(orderNumber)),
     onSuccess: (updated) => {
       queryClient.setQueryData(["behio", "order", orderNumber], updated);
       queryClient.invalidateQueries({ queryKey: ["behio", "orders"] });
     }
   });
-  const cancel = (0, import_react13.useCallback)(
+  const cancel = (0, import_react14.useCallback)(
     () => cancelMutation.mutateAsync(),
     [cancelMutation]
   );
@@ -3368,22 +3451,22 @@ function useOrder(orderNumber, options) {
 }
 
 // src/react/hooks/use-order-access.ts
-var import_react14 = require("react");
-var import_react_query32 = require("@tanstack/react-query");
+var import_react15 = require("react");
+var import_react_query33 = 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_query32.useMutation)({
+  const [orderNumber, setOrderNumber] = (0, import_react15.useState)(null);
+  const [email, setEmail] = (0, import_react15.useState)(null);
+  const [order, setOrder] = (0, import_react15.useState)(null);
+  const [accessToken, setAccessToken] = (0, import_react15.useState)(null);
+  const requestMutation = (0, import_react_query33.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_query32.useMutation)({
+  const verifyMutation = (0, import_react_query33.useMutation)({
     mutationFn: (code) => {
       if (!orderNumber || !email) {
         throw new Error("Request a code before verifying");
@@ -3395,12 +3478,12 @@ function useOrderAccess() {
       setAccessToken(result.accessToken);
     }
   });
-  const requestCode = (0, import_react14.useCallback)(
+  const requestCode = (0, import_react15.useCallback)(
     (on, em) => requestMutation.mutateAsync({ orderNumber: on, email: em }),
     [requestMutation]
   );
-  const verifyCode = (0, import_react14.useCallback)((code) => verifyMutation.mutateAsync(code), [verifyMutation]);
-  const reset = (0, import_react14.useCallback)(() => {
+  const verifyCode = (0, import_react15.useCallback)((code) => verifyMutation.mutateAsync(code), [verifyMutation]);
+  const reset = (0, import_react15.useCallback)(() => {
     setOrderNumber(null);
     setEmail(null);
     setOrder(null);
@@ -3428,13 +3511,13 @@ function useOrderAccess() {
 }
 
 // src/react/hooks/use-checkout.ts
-var import_react15 = require("react");
-var import_react_query33 = require("@tanstack/react-query");
+var import_react16 = require("react");
+var import_react_query34 = require("@tanstack/react-query");
 function useCheckout() {
   const { client, storage } = useBehio();
-  const queryClient = (0, import_react_query33.useQueryClient)();
-  const [order, setOrder] = (0, import_react15.useState)(null);
-  const mutation = (0, import_react_query33.useMutation)({
+  const queryClient = (0, import_react_query34.useQueryClient)();
+  const [order, setOrder] = (0, import_react16.useState)(null);
+  const mutation = (0, import_react_query34.useMutation)({
     mutationFn: (input) => unwrap(client.checkout.createOrder(input)),
     onSuccess: (result) => {
       setOrder(result);
@@ -3443,11 +3526,11 @@ function useCheckout() {
       queryClient.invalidateQueries({ queryKey: ["behio", "orders"] });
     }
   });
-  const createOrder = (0, import_react15.useCallback)(
+  const createOrder = (0, import_react16.useCallback)(
     (input) => mutation.mutateAsync(input),
     [mutation]
   );
-  const reset = (0, import_react15.useCallback)(() => {
+  const reset = (0, import_react16.useCallback)(() => {
     setOrder(null);
     mutation.reset();
   }, [mutation]);
@@ -3461,10 +3544,10 @@ function useCheckout() {
 }
 
 // src/react/hooks/use-pages.ts
-var import_react_query34 = require("@tanstack/react-query");
+var import_react_query35 = require("@tanstack/react-query");
 function usePages(locale, options) {
   const { client } = useBehio();
-  return (0, import_react_query34.useQuery)({
+  return (0, import_react_query35.useQuery)({
     queryKey: ["behio", "pages", locale],
     queryFn: async () => {
       const result = await unwrap(client.pages.list(locale));
@@ -3475,7 +3558,7 @@ function usePages(locale, options) {
 }
 function usePage(slug, locale, options) {
   const { client } = useBehio();
-  return (0, import_react_query34.useQuery)({
+  return (0, import_react_query35.useQuery)({
     queryKey: ["behio", "page", slug, locale],
     queryFn: () => unwrap(client.pages.get(slug, locale)),
     enabled: options?.enabled !== false && !!slug
@@ -3483,10 +3566,10 @@ function usePage(slug, locale, options) {
 }
 
 // src/react/hooks/use-shop-info.ts
-var import_react_query35 = require("@tanstack/react-query");
+var import_react_query36 = require("@tanstack/react-query");
 function useShopInfo(options) {
   const { client } = useBehio();
-  return (0, import_react_query35.useQuery)({
+  return (0, import_react_query36.useQuery)({
     queryKey: ["behio", "shop-info"],
     queryFn: () => unwrap(client.getShopInfo()),
     enabled: options?.enabled !== false
@@ -3494,10 +3577,10 @@ function useShopInfo(options) {
 }
 
 // src/react/hooks/use-shop-scripts.ts
-var import_react_query36 = require("@tanstack/react-query");
+var import_react_query37 = require("@tanstack/react-query");
 function useShopScripts(options) {
   const { client } = useBehio();
-  return (0, import_react_query36.useQuery)({
+  return (0, import_react_query37.useQuery)({
     queryKey: ["behio", "shop-scripts"],
     queryFn: () => unwrap(client.getShopScripts()),
     enabled: options?.enabled !== false
@@ -3505,11 +3588,11 @@ function useShopScripts(options) {
 }
 
 // src/react/hooks/use-shop-seo.ts
-var import_react_query37 = require("@tanstack/react-query");
+var import_react_query38 = require("@tanstack/react-query");
 function useShopSeo(options) {
   const { client } = useBehio();
   const { locale, initialData, enabled = true } = options ?? {};
-  return (0, import_react_query37.useQuery)({
+  return (0, import_react_query38.useQuery)({
     queryKey: ["behio", "shop-seo", locale ?? "_default"],
     queryFn: () => unwrap(client.getShopSeo(locale)),
     initialData,
@@ -3569,23 +3652,23 @@ function CurrencySwitcher({
 }
 
 // src/react/components/storefront-scripts.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/react/hooks/use-consent.ts
-var import_react_query38 = require("@tanstack/react-query");
+var import_react_query39 = require("@tanstack/react-query");
 function useCookieConsent(visitorId) {
   const { client } = useBehio();
-  const qc = (0, import_react_query38.useQueryClient)();
-  const query = (0, import_react_query38.useQuery)({
+  const qc = (0, import_react_query39.useQueryClient)();
+  const query = (0, import_react_query39.useQuery)({
     queryKey: ["behio", "consent", visitorId],
     queryFn: () => unwrap(client.consent.get(visitorId)),
     enabled: Boolean(visitorId)
   });
-  const recordMutation = (0, import_react_query38.useMutation)({
+  const recordMutation = (0, import_react_query39.useMutation)({
     mutationFn: (input) => unwrap(client.consent.record(input)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
-  const revokeMutation = (0, import_react_query38.useMutation)({
+  const revokeMutation = (0, import_react_query39.useMutation)({
     mutationFn: () => unwrap(client.consent.revoke(visitorId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
@@ -3659,8 +3742,8 @@ function injectHtml(target, html) {
 }
 function StorefrontScripts({ visitorId: visitorIdProp } = {}) {
   const { data } = useShopScripts();
-  const [visitorId, setVisitorId] = (0, import_react16.useState)(visitorIdProp ?? "");
-  (0, import_react16.useEffect)(() => {
+  const [visitorId, setVisitorId] = (0, import_react17.useState)(visitorIdProp ?? "");
+  (0, import_react17.useEffect)(() => {
     if (visitorIdProp) return;
     try {
       const v = localStorage.getItem(VISITOR_KEY);
@@ -3670,15 +3753,15 @@ function StorefrontScripts({ visitorId: visitorIdProp } = {}) {
   }, [visitorIdProp]);
   const { data: consent } = useCookieConsent(visitorId || void 0);
   const analyticsOk = Boolean(consent?.analytics);
-  const scripts = (0, import_react16.useMemo)(
+  const scripts = (0, import_react17.useMemo)(
     () => (data?.scripts ?? []).filter((s) => !s.consentRequired || analyticsOk),
     [data, analyticsOk]
   );
-  const signature = (0, import_react16.useMemo)(
+  const signature = (0, import_react17.useMemo)(
     () => JSON.stringify(scripts.map((s) => [s.id, s.type, s.placement, s.value])),
     [scripts]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (typeof document === "undefined") return;
     const added = [];
     for (const s of scripts) {
@@ -3695,7 +3778,7 @@ function StorefrontScripts({ visitorId: visitorIdProp } = {}) {
 }
 
 // src/react/components/behio-analytics.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/react/hooks/use-behio-client.ts
 function useBehioClient() {
@@ -3705,7 +3788,7 @@ function useBehioClient() {
 // src/react/components/behio-analytics.tsx
 function BehioAnalyticsTracker() {
   const client = useBehioClient();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (typeof window === "undefined") return;
     const w = window;
     if (w.__behioAnalytics) return;
@@ -3944,10 +4027,10 @@ function utmFromSearch(search) {
 }
 
 // src/react/hooks/use-bundles.ts
-var import_react_query39 = require("@tanstack/react-query");
+var import_react_query40 = require("@tanstack/react-query");
 function useBundles(options) {
   const { client } = useBehio();
-  return (0, import_react_query39.useQuery)({
+  return (0, import_react_query40.useQuery)({
     queryKey: ["behio", "bundles"],
     queryFn: () => unwrap(client.catalog.getBundles()),
     enabled: options?.enabled ?? true,
@@ -3956,7 +4039,7 @@ function useBundles(options) {
 }
 function useBundle(slug, options) {
   const { client } = useBehio();
-  return (0, import_react_query39.useQuery)({
+  return (0, import_react_query40.useQuery)({
     queryKey: ["behio", "bundle", slug],
     queryFn: () => unwrap(client.catalog.getBundle(slug)),
     enabled: Boolean(slug) && (options?.enabled ?? true),
@@ -3965,10 +4048,10 @@ function useBundle(slug, options) {
 }
 
 // src/react/hooks/use-product-group.ts
-var import_react_query40 = require("@tanstack/react-query");
+var import_react_query41 = require("@tanstack/react-query");
 function useProductGroup(slug, options) {
   const { client } = useBehio();
-  return (0, import_react_query40.useQuery)({
+  return (0, import_react_query41.useQuery)({
     queryKey: ["behio", "product-group", slug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getProductGroup(slug, {
@@ -3982,10 +4065,10 @@ function useProductGroup(slug, options) {
 }
 
 // src/react/hooks/use-cross-sell.ts
-var import_react_query41 = require("@tanstack/react-query");
+var import_react_query42 = require("@tanstack/react-query");
 function useCrossSell(productSlug, options) {
   const { client } = useBehio();
-  return (0, import_react_query41.useQuery)({
+  return (0, import_react_query42.useQuery)({
     queryKey: ["behio", "cross-sell", productSlug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getCrossSell(productSlug, {
@@ -3999,10 +4082,10 @@ function useCrossSell(productSlug, options) {
 }
 
 // src/react/hooks/use-product-promotions.ts
-var import_react_query42 = require("@tanstack/react-query");
+var import_react_query43 = require("@tanstack/react-query");
 function useProductPromotions(productSlug, options) {
   const { client } = useBehio();
-  return (0, import_react_query42.useQuery)({
+  return (0, import_react_query43.useQuery)({
     queryKey: ["behio", "product-promotions", productSlug],
     queryFn: () => unwrap(client.catalog.getProductPromotions(productSlug)),
     enabled: Boolean(productSlug) && (options?.enabled ?? true),
@@ -4011,11 +4094,11 @@ function useProductPromotions(productSlug, options) {
 }
 
 // src/react/hooks/use-gift-card.ts
-var import_react_query43 = require("@tanstack/react-query");
+var import_react_query44 = require("@tanstack/react-query");
 function useGiftCardBalance(code, options) {
   const { client } = useBehio();
   const trimmed = code?.trim();
-  return (0, import_react_query43.useQuery)({
+  return (0, import_react_query44.useQuery)({
     queryKey: ["behio", "gift-card-balance", trimmed],
     queryFn: () => unwrap(client.catalog.checkGiftCard(trimmed)),
     enabled: Boolean(trimmed && trimmed.length >= 6) && (options?.enabled ?? true)
@@ -4023,20 +4106,20 @@ function useGiftCardBalance(code, options) {
 }
 
 // src/react/hooks/use-wishlist.ts
-var import_react_query44 = require("@tanstack/react-query");
+var import_react_query45 = require("@tanstack/react-query");
 function useWishlist(options) {
   const { client } = useBehio();
-  const qc = (0, import_react_query44.useQueryClient)();
-  const query = (0, import_react_query44.useQuery)({
+  const qc = (0, import_react_query45.useQueryClient)();
+  const query = (0, import_react_query45.useQuery)({
     queryKey: ["behio", "wishlist"],
     queryFn: () => unwrap(client.wishlist.get()),
     enabled: options?.enabled ?? true
   });
-  const addMutation = (0, import_react_query44.useMutation)({
+  const addMutation = (0, import_react_query45.useMutation)({
     mutationFn: (productId) => unwrap(client.wishlist.add(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
-  const removeMutation = (0, import_react_query44.useMutation)({
+  const removeMutation = (0, import_react_query45.useMutation)({
     mutationFn: (productId) => unwrap(client.wishlist.remove(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
@@ -4050,7 +4133,7 @@ function useWishlist(options) {
 }
 function useIsInWishlist(productId) {
   const { client } = useBehio();
-  return (0, import_react_query44.useQuery)({
+  return (0, import_react_query45.useQuery)({
     queryKey: ["behio", "wishlist-check", productId],
     queryFn: () => unwrap(client.wishlist.isInWishlist(productId)),
     enabled: Boolean(productId)
@@ -4058,10 +4141,10 @@ function useIsInWishlist(productId) {
 }
 
 // src/react/hooks/use-reviews.ts
-var import_react_query45 = require("@tanstack/react-query");
+var import_react_query46 = require("@tanstack/react-query");
 function useProductReviews(productId, options) {
   const { client } = useBehio();
-  return (0, import_react_query45.useQuery)({
+  return (0, import_react_query46.useQuery)({
     queryKey: ["behio", "reviews", productId, options?.page ?? 1],
     queryFn: () => unwrap(client.reviews.getProductReviews(productId, options?.page, options?.limit)),
     enabled: Boolean(productId) && (options?.enabled ?? true)
@@ -4069,30 +4152,30 @@ function useProductReviews(productId, options) {
 }
 function useSubmitReview() {
   const { client } = useBehio();
-  const qc = (0, import_react_query45.useQueryClient)();
-  return (0, import_react_query45.useMutation)({
+  const qc = (0, import_react_query46.useQueryClient)();
+  return (0, import_react_query46.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_query46 = require("@tanstack/react-query");
+var import_react_query47 = require("@tanstack/react-query");
 function useLookupReturnableOrder() {
   const { client } = useBehio();
-  return (0, import_react_query46.useMutation)({
+  return (0, import_react_query47.useMutation)({
     mutationFn: ({ orderNumber, email }) => unwrap(client.returns.lookupOrder(orderNumber, email))
   });
 }
 function useSubmitReturn() {
   const { client } = useBehio();
-  return (0, import_react_query46.useMutation)({
+  return (0, import_react_query47.useMutation)({
     mutationFn: (input) => unwrap(client.returns.submit(input))
   });
 }
 function useReturnStatus(returnId, email) {
   const { client } = useBehio();
-  return (0, import_react_query46.useQuery)({
+  return (0, import_react_query47.useQuery)({
     queryKey: ["behio", "return-status", returnId],
     queryFn: () => unwrap(client.returns.getStatus(returnId, email)),
     enabled: Boolean(returnId && email)
@@ -4100,16 +4183,16 @@ function useReturnStatus(returnId, email) {
 }
 
 // src/react/hooks/use-quotes.ts
-var import_react_query47 = require("@tanstack/react-query");
+var import_react_query48 = require("@tanstack/react-query");
 function useSubmitQuote() {
   const { client } = useBehio();
-  return (0, import_react_query47.useMutation)({
+  return (0, import_react_query48.useMutation)({
     mutationFn: (input) => unwrap(client.quotes.submit(input))
   });
 }
 function useQuoteStatus(quoteId, email) {
   const { client } = useBehio();
-  return (0, import_react_query47.useQuery)({
+  return (0, import_react_query48.useQuery)({
     queryKey: ["behio", "quote-status", quoteId],
     queryFn: () => unwrap(client.quotes.getStatus(quoteId, email)),
     enabled: Boolean(quoteId && email)
@@ -4117,10 +4200,10 @@ function useQuoteStatus(quoteId, email) {
 }
 
 // src/react/hooks/use-back-in-stock.ts
-var import_react_query48 = require("@tanstack/react-query");
+var import_react_query49 = require("@tanstack/react-query");
 function useNotifyWhenAvailable() {
   const { client } = useBehio();
-  return (0, import_react_query48.useMutation)({
+  return (0, import_react_query49.useMutation)({
     mutationFn: ({ productId, email }) => unwrap(client.catalog.notifyWhenAvailable(productId, email))
   });
 }
@@ -4314,5 +4397,6 @@ async function revokeAnalyticsConsent(client) {
   useSubmitReturn,
   useSubmitReview,
   useSubscriptions,
+  useVisitorMessages,
   useWishlist
 });