@behio/storefront-sdk 1.8.0 → 1.17.0

package/dist/react.js

@@ -42,6 +42,9 @@ __export(react_exports, {
   useAuth: () => useAuth,
   useBehio: () => useBehio,
   useBehioClient: () => useBehioClient,
+  useBlogPost: () => useBlogPost,
+  useBlogPosts: () => useBlogPosts,
+  useBlogs: () => useBlogs,
   useBundle: () => useBundle,
   useBundles: () => useBundles,
   useCart: () => useCart,
@@ -95,10 +98,13 @@ __export(react_exports, {
   useShopInfo: () => useShopInfo,
   useShopScripts: () => useShopScripts,
   useShopSeo: () => useShopSeo,
+  useSiteForm: () => useSiteForm,
+  useSiteFormSubmit: () => useSiteFormSubmit,
   useSubmitQuote: () => useSubmitQuote,
   useSubmitReturn: () => useSubmitReturn,
   useSubmitReview: () => useSubmitReview,
   useSubscriptions: () => useSubscriptions,
+  useVisitorMessages: () => useVisitorMessages,
   useWishlist: () => useWishlist
 });
 module.exports = __toCommonJS(react_exports);
@@ -108,6 +114,38 @@ var import_react2 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
 // src/types.ts
+var BE_CODE_TO_ERROR = {
+  "be.storefront.cartIsEmpty": "CART_EMPTY",
+  "be.storefront.productNotFound": "PRODUCT_NOT_FOUND",
+  "be.storefront.productNotAvailable": "PRODUCT_NOT_FOUND",
+  "be.storefront.invalidEmailOrPassword": "INVALID_CREDENTIALS",
+  "be.storefront.currentPasswordIncorrect": "INVALID_CREDENTIALS",
+  "be.storefront.discountExpired": "DISCOUNT_EXPIRED",
+  "be.storefront.discountExpiredOrLimit": "DISCOUNT_EXPIRED",
+  "be.storefront.invalidDiscountCode": "INVALID_DISCOUNT",
+  "be.storefront.discountInvalid": "INVALID_DISCOUNT",
+  "be.storefront.discountInactive": "INVALID_DISCOUNT",
+  "be.storefront.discountWrongCurrency": "INVALID_DISCOUNT",
+  "be.storefront.discountNotApplicable": "INVALID_DISCOUNT",
+  "be.storefront.discountNotYetValid": "INVALID_DISCOUNT",
+  "be.storefront.discountUsageLimitReached": "INVALID_DISCOUNT",
+  "be.storefront.discountLimitedToGroups": "INVALID_DISCOUNT",
+  "be.storefront.tokenInvalid": "TOKEN_INVALID",
+  "be.storefront.orderAccessTokenInvalid": "TOKEN_INVALID",
+  "be.storefront.resetTokenInvalid": "TOKEN_INVALID",
+  "be.storefront.invalidVerificationToken": "TOKEN_INVALID",
+  "be.storefront.invalidRefreshToken": "TOKEN_INVALID",
+  "be.storefront.refreshTokenExpired": "TOKEN_EXPIRED",
+  "be.storefront.apiKeyExpired": "TOKEN_EXPIRED",
+  "be.storefront.customerEmailTaken": "EMAIL_ALREADY_EXISTS",
+  "be.storefront.orderNotCancellable": "ORDER_NOT_CANCELLABLE",
+  "be.storefront.orderCancelledNotReturnable": "ORDER_NOT_CANCELLABLE",
+  "be.validation.failed": "VALIDATION_ERROR",
+  "be.forms.formNotFound": "NOT_FOUND",
+  "be.forms.validationFailed": "VALIDATION_ERROR",
+  "be.forms.consentRequired": "VALIDATION_ERROR",
+  "be.forms.tooLarge": "VALIDATION_ERROR"
+};
 var BehioApiError = class _BehioApiError extends Error {
   constructor(status, body, message) {
     super(message || `API Error ${status}`);
@@ -124,6 +162,11 @@ var BehioApiError = class _BehioApiError extends Error {
     if (status === 409) return "EMAIL_ALREADY_EXISTS";
     if (status === 429) return "RATE_LIMITED";
     if (status >= 500) return "INTERNAL_ERROR";
+    const rawCode = body?.code;
+    if (typeof rawCode === "string") {
+      const mapped = BE_CODE_TO_ERROR[rawCode];
+      if (mapped) return mapped;
+    }
     const msg = (body?.message || "").toLowerCase();
     if (msg.includes("invalid") && msg.includes("password"))
       return "INVALID_CREDENTIALS";
@@ -229,6 +272,8 @@ var BehioStorefront = class {
     this.orders = new OrdersModule(this);
     this.customer = new CustomerModule(this);
     this.pages = new PagesModule(this);
+    this.blog = new BlogModule(this);
+    this.forms = new FormsModule(this);
     this.wishlist = new WishlistModule(this);
     this.reviews = new ReviewsModule(this);
     this.returns = new ReturnsModule(this);
@@ -297,6 +342,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");
@@ -916,16 +976,27 @@ var CatalogModule = class {
       { body: input }
     );
   }
-  /** List configured payment methods (filtered by currency). */
+  /**
+   * List configured payment methods (filtered by currency). `locale` picks the
+   * language of `instruments[].label` / `swifts[].label` (SDK 1.14.0); pass the
+   * locale of the page so the instrument tiles read in the shopper's language.
+   */
   async listPaymentMethods(opts) {
     const query = {};
     if (opts?.currency) query.currency = opts.currency;
+    if (opts?.locale) query.locale = opts.locale;
+    if (opts?.country) query.country = opts.country;
+    if (opts?.shippingMethodId) query.shippingMethodId = opts.shippingMethodId;
     return this.client.request(
       "GET",
       "/catalog/payment-methods",
       { query }
     );
   }
+  /** Alias of `listPaymentMethods` (SDK 1.14.0). */
+  paymentMethods(opts) {
+    return this.listPaymentMethods(opts);
+  }
 };
 var AuthModule = class {
   constructor(client) {
@@ -1079,6 +1150,26 @@ var CartModule = class {
     this.client.emit("cart:updated", res.data);
     return res;
   }
+  /**
+   * Tell the cart where the order will ship (and, for B2B, the buyer's VAT
+   * ID) so the VAT breakdown matches the checkout before the address form:
+   * destination-country rate (OSS), 0 % export outside the EU, or reverse
+   * charge for an EU business with a VIES-valid VAT ID. `cart.vatMode` says
+   * which rule applied. SDK 1.17.0.
+   *
+   * ```ts
+   * await client.cart.setDestination({ country: "SK" });
+   * await client.cart.setDestination({ vatId: "SK2020000001" }); // "" clears
+   * ```
+   */
+  async setDestination(input) {
+    const res = await this.client.request("PUT", "/cart/destination", {
+      body: input
+    });
+    if (res.error) return res;
+    this.client.emit("cart:updated", res.data);
+    return res;
+  }
   /** Update item quantity */
   async updateQuantity(itemId, quantity) {
     const res = await this.client.request(
@@ -1230,6 +1321,30 @@ var OrdersModule = class {
   constructor(client) {
     this.client = client;
   }
+  /**
+   * Ask the backend to re-check this order's payment with the gateway.
+   *
+   * Call it on the thank-you page the customer lands on after paying, BEFORE
+   * you read the order. Some gateways (Tatrapay+) have no server-to-server
+   * notification at all, so the customer's return is the only fast way the
+   * payment gets confirmed; for the others it is a safety net for a lost
+   * notification.
+   *
+   * The response is deliberately opaque (`{ok: true}` every time, even for an
+   * order number that does not exist): order numbers are sequential, so
+   * anything else would turn this into a probe for other people's orders.
+   * Read the actual state afterwards through a path that proves entitlement
+   * ({@link get}, {@link track} or the guest access-code flow).
+   *
+   * Never throws for a missing order and never blocks the page: treat a
+   * failure as "not confirmed yet", the backend poller catches up on its own.
+   */
+  async syncPaymentOnReturn(orderNumber) {
+    return this.client.request(
+      "POST",
+      `/payments/return/${orderNumber}`
+    );
+  }
   /** List customer orders (requires auth) */
   async list(options) {
     return this.client.request(
@@ -1582,6 +1697,59 @@ var PagesModule = class {
     });
   }
 };
+var BlogModule = class {
+  constructor(client) {
+    this.client = client;
+  }
+  /** List the site's blogs (active only). */
+  async list(locale) {
+    return this.client.request("GET", "/blogs", {
+      query: { locale }
+    });
+  }
+  /** Published posts of one blog, newest first (featured first), paginated. */
+  async posts(handle, query = {}) {
+    return this.client.request("GET", `/blogs/${handle}/posts`, {
+      query: {
+        locale: query.locale,
+        page: query.page,
+        limit: query.limit,
+        tag: query.tag
+      }
+    });
+  }
+  /** One published post with sanitised HTML content and related posts. */
+  async post(handle, slug, locale) {
+    return this.client.request("GET", `/blogs/${handle}/posts/${slug}`, {
+      query: { locale }
+    });
+  }
+};
+var FormsModule = class {
+  constructor(client) {
+    this.client = client;
+  }
+  /** Public definition of one form (fields + settings). 404 for an unknown or inactive slug. */
+  async get(slug) {
+    return this.client.request(
+      "GET",
+      `/forms/${encodeURIComponent(slug)}`
+    );
+  }
+  /**
+   * Submit a response. On `be.forms.validationFailed` the returned error
+   * carries per-field codes: read them with `formFieldErrors(error)`. Other
+   * rejections: `be.forms.consentRequired`, `be.forms.tooLarge`,
+   * `be.forms.formNotFound`; rate limit 10 submits per minute per visitor.
+   */
+  async submit(slug, input) {
+    return this.client.request(
+      "POST",
+      `/forms/${encodeURIComponent(slug)}/submit`,
+      { body: input, auth: false }
+    );
+  }
+};
 var WishlistModule = class {
   constructor(client) {
     this.client = client;
@@ -3169,9 +3337,10 @@ var import_react_query27 = require("@tanstack/react-query");
 function usePaymentMethods(options) {
   const { client, currency: activeCurrency } = useBehio();
   const currency = options?.currency ?? activeCurrency;
+  const locale = options?.locale;
   const { data, isLoading, error, refetch } = (0, import_react_query27.useQuery)({
-    queryKey: ["behio", "payment-methods", currency ?? ""],
-    queryFn: () => unwrap(client.catalog.listPaymentMethods({ currency })),
+    queryKey: ["behio", "payment-methods", currency ?? "", locale ?? ""],
+    queryFn: () => unwrap(client.catalog.listPaymentMethods({ currency, ...locale ? { locale } : {} })),
     enabled: options?.enabled !== false
   });
   return { methods: data?.items ?? [], isLoading, error, refetch };
@@ -3236,11 +3405,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 +3488,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 +3503,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 +3532,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 +3569,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 +3604,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 +3631,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 +3664,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 +3679,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 +3697,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,18 +3711,141 @@ 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
   });
 }
 
+// src/react/hooks/use-blog.ts
+var import_react_query36 = require("@tanstack/react-query");
+function useBlogs(locale, options) {
+  const { client } = useBehio();
+  return (0, import_react_query36.useQuery)({
+    queryKey: ["behio", "blogs", locale],
+    queryFn: async () => {
+      const result = await unwrap(client.blog.list(locale));
+      return result.blogs;
+    },
+    enabled: options?.enabled !== false
+  });
+}
+function useBlogPosts(handle, query, options) {
+  const { client } = useBehio();
+  return (0, import_react_query36.useQuery)({
+    queryKey: ["behio", "blog", handle, "posts", query?.locale, query?.page, query?.limit, query?.tag],
+    queryFn: () => unwrap(client.blog.posts(handle, query)),
+    enabled: options?.enabled !== false && !!handle
+  });
+}
+function useBlogPost(handle, slug, locale, options) {
+  const { client } = useBehio();
+  return (0, import_react_query36.useQuery)({
+    queryKey: ["behio", "blog", handle, "post", slug, locale],
+    queryFn: () => unwrap(client.blog.post(handle, slug, locale)),
+    enabled: options?.enabled !== false && !!handle && !!slug
+  });
+}
+
+// src/react/hooks/use-site-form.ts
+var import_react17 = require("react");
+var import_react_query37 = require("@tanstack/react-query");
+
+// src/errors.ts
+function bodyOf(err) {
+  const body = err instanceof BehioApiError ? err.body : err && typeof err === "object" && "body" in err ? err.body : err;
+  return body && typeof body === "object" ? body : null;
+}
+function errorCode(err) {
+  const body = bodyOf(err);
+  if (!body) return null;
+  const code = body.code ?? body.key;
+  return typeof code === "string" && code.startsWith("be.") ? code : null;
+}
+function errorParams(err) {
+  const body = bodyOf(err);
+  const params = body?.params;
+  return params && typeof params === "object" && !Array.isArray(params) ? params : {};
+}
+var FORM_FIELD_ERROR_CODES = /* @__PURE__ */ new Set([
+  "required",
+  "invalid",
+  "tooShort",
+  "tooLong",
+  "min",
+  "max",
+  "notOption",
+  "pattern"
+]);
+function formFieldErrors(err) {
+  if (errorCode(err) !== "be.forms.validationFailed") return [];
+  const raw = errorParams(err).errors;
+  if (!Array.isArray(raw)) return [];
+  const out = [];
+  for (const entry of raw) {
+    if (typeof entry !== "string") continue;
+    const idx = entry.lastIndexOf(":");
+    if (idx <= 0) continue;
+    const key = entry.slice(0, idx);
+    const code = entry.slice(idx + 1);
+    if (!FORM_FIELD_ERROR_CODES.has(code)) continue;
+    out.push({ key, code });
+  }
+  return out;
+}
+
+// src/react/hooks/use-site-form.ts
+function useSiteForm(slug, options) {
+  const { client } = useBehio();
+  return (0, import_react_query37.useQuery)({
+    queryKey: ["behio", "form", slug],
+    queryFn: () => unwrap(client.forms.get(slug)),
+    enabled: options?.enabled !== false && !!slug
+  });
+}
+function useSiteFormSubmit(slug) {
+  const { client } = useBehio();
+  const mutation = (0, import_react_query37.useMutation)({
+    mutationFn: (input) => unwrap(client.forms.submit(slug, input))
+  });
+  const sdkError = mutation.error instanceof UnwrappedError ? mutation.error.sdkError : null;
+  const fieldErrors = (0, import_react17.useMemo)(() => {
+    const out = {};
+    for (const e of formFieldErrors(sdkError)) out[e.key] = e.code;
+    return out;
+  }, [sdkError]);
+  const errorCode2 = (0, import_react17.useMemo)(() => {
+    const body = sdkError?.body;
+    const code = body?.code ?? body?.key;
+    return typeof code === "string" ? code : sdkError ? sdkError.code : null;
+  }, [sdkError]);
+  const submit = (0, import_react17.useCallback)(
+    (input) => mutation.mutateAsync(input).catch(() => null),
+    [mutation]
+  );
+  return {
+    /** Resolves to the result, or null when the submit was rejected (see `fieldErrors` / `errorCode`). */
+    submit,
+    isSubmitting: mutation.isPending,
+    isSuccess: mutation.isSuccess,
+    /** `{ok, id, message, redirectUrl}` after a successful submit. */
+    result: mutation.data ?? null,
+    /** Field key -> validation code after a rejected submit. */
+    fieldErrors,
+    /** Backend error key (`be.forms.*`) or SDK code when the rejection is not per field. */
+    errorCode: errorCode2,
+    /** Raw SDK error (pass to `errorMessage(error, locale)` for a sentence). */
+    error: sdkError,
+    reset: mutation.reset
+  };
+}
+
 // src/react/hooks/use-shop-info.ts
-var import_react_query35 = require("@tanstack/react-query");
+var import_react_query38 = require("@tanstack/react-query");
 function useShopInfo(options) {
   const { client } = useBehio();
-  return (0, import_react_query35.useQuery)({
+  return (0, import_react_query38.useQuery)({
     queryKey: ["behio", "shop-info"],
     queryFn: () => unwrap(client.getShopInfo()),
     enabled: options?.enabled !== false
@@ -3494,10 +3853,10 @@ function useShopInfo(options) {
 }
 
 // src/react/hooks/use-shop-scripts.ts
-var import_react_query36 = require("@tanstack/react-query");
+var import_react_query39 = require("@tanstack/react-query");
 function useShopScripts(options) {
   const { client } = useBehio();
-  return (0, import_react_query36.useQuery)({
+  return (0, import_react_query39.useQuery)({
     queryKey: ["behio", "shop-scripts"],
     queryFn: () => unwrap(client.getShopScripts()),
     enabled: options?.enabled !== false
@@ -3505,11 +3864,11 @@ function useShopScripts(options) {
 }
 
 // src/react/hooks/use-shop-seo.ts
-var import_react_query37 = require("@tanstack/react-query");
+var import_react_query40 = 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_query40.useQuery)({
     queryKey: ["behio", "shop-seo", locale ?? "_default"],
     queryFn: () => unwrap(client.getShopSeo(locale)),
     initialData,
@@ -3569,23 +3928,23 @@ function CurrencySwitcher({
 }
 
 // src/react/components/storefront-scripts.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 
 // src/react/hooks/use-consent.ts
-var import_react_query38 = require("@tanstack/react-query");
+var import_react_query41 = 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_query41.useQueryClient)();
+  const query = (0, import_react_query41.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_query41.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_query41.useMutation)({
     mutationFn: () => unwrap(client.consent.revoke(visitorId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "consent"] })
   });
@@ -3659,8 +4018,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_react18.useState)(visitorIdProp ?? "");
+  (0, import_react18.useEffect)(() => {
     if (visitorIdProp) return;
     try {
       const v = localStorage.getItem(VISITOR_KEY);
@@ -3670,15 +4029,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_react18.useMemo)(
     () => (data?.scripts ?? []).filter((s) => !s.consentRequired || analyticsOk),
     [data, analyticsOk]
   );
-  const signature = (0, import_react16.useMemo)(
+  const signature = (0, import_react18.useMemo)(
     () => JSON.stringify(scripts.map((s) => [s.id, s.type, s.placement, s.value])),
     [scripts]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (typeof document === "undefined") return;
     const added = [];
     for (const s of scripts) {
@@ -3695,7 +4054,7 @@ function StorefrontScripts({ visitorId: visitorIdProp } = {}) {
 }
 
 // src/react/components/behio-analytics.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/react/hooks/use-behio-client.ts
 function useBehioClient() {
@@ -3705,7 +4064,7 @@ function useBehioClient() {
 // src/react/components/behio-analytics.tsx
 function BehioAnalyticsTracker() {
   const client = useBehioClient();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (typeof window === "undefined") return;
     const w = window;
     if (w.__behioAnalytics) return;
@@ -3944,10 +4303,10 @@ function utmFromSearch(search) {
 }
 
 // src/react/hooks/use-bundles.ts
-var import_react_query39 = require("@tanstack/react-query");
+var import_react_query42 = require("@tanstack/react-query");
 function useBundles(options) {
   const { client } = useBehio();
-  return (0, import_react_query39.useQuery)({
+  return (0, import_react_query42.useQuery)({
     queryKey: ["behio", "bundles"],
     queryFn: () => unwrap(client.catalog.getBundles()),
     enabled: options?.enabled ?? true,
@@ -3956,7 +4315,7 @@ function useBundles(options) {
 }
 function useBundle(slug, options) {
   const { client } = useBehio();
-  return (0, import_react_query39.useQuery)({
+  return (0, import_react_query42.useQuery)({
     queryKey: ["behio", "bundle", slug],
     queryFn: () => unwrap(client.catalog.getBundle(slug)),
     enabled: Boolean(slug) && (options?.enabled ?? true),
@@ -3965,10 +4324,10 @@ function useBundle(slug, options) {
 }
 
 // src/react/hooks/use-product-group.ts
-var import_react_query40 = require("@tanstack/react-query");
+var import_react_query43 = require("@tanstack/react-query");
 function useProductGroup(slug, options) {
   const { client } = useBehio();
-  return (0, import_react_query40.useQuery)({
+  return (0, import_react_query43.useQuery)({
     queryKey: ["behio", "product-group", slug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getProductGroup(slug, {
@@ -3982,10 +4341,10 @@ function useProductGroup(slug, options) {
 }
 
 // src/react/hooks/use-cross-sell.ts
-var import_react_query41 = require("@tanstack/react-query");
+var import_react_query44 = require("@tanstack/react-query");
 function useCrossSell(productSlug, options) {
   const { client } = useBehio();
-  return (0, import_react_query41.useQuery)({
+  return (0, import_react_query44.useQuery)({
     queryKey: ["behio", "cross-sell", productSlug, options?.locale, options?.currency],
     queryFn: () => unwrap(
       client.catalog.getCrossSell(productSlug, {
@@ -3999,10 +4358,10 @@ function useCrossSell(productSlug, options) {
 }
 
 // src/react/hooks/use-product-promotions.ts
-var import_react_query42 = require("@tanstack/react-query");
+var import_react_query45 = require("@tanstack/react-query");
 function useProductPromotions(productSlug, options) {
   const { client } = useBehio();
-  return (0, import_react_query42.useQuery)({
+  return (0, import_react_query45.useQuery)({
     queryKey: ["behio", "product-promotions", productSlug],
     queryFn: () => unwrap(client.catalog.getProductPromotions(productSlug)),
     enabled: Boolean(productSlug) && (options?.enabled ?? true),
@@ -4011,11 +4370,11 @@ function useProductPromotions(productSlug, options) {
 }
 
 // src/react/hooks/use-gift-card.ts
-var import_react_query43 = require("@tanstack/react-query");
+var import_react_query46 = 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_query46.useQuery)({
     queryKey: ["behio", "gift-card-balance", trimmed],
     queryFn: () => unwrap(client.catalog.checkGiftCard(trimmed)),
     enabled: Boolean(trimmed && trimmed.length >= 6) && (options?.enabled ?? true)
@@ -4023,20 +4382,20 @@ function useGiftCardBalance(code, options) {
 }
 
 // src/react/hooks/use-wishlist.ts
-var import_react_query44 = require("@tanstack/react-query");
+var import_react_query47 = 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_query47.useQueryClient)();
+  const query = (0, import_react_query47.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_query47.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_query47.useMutation)({
     mutationFn: (productId) => unwrap(client.wishlist.remove(productId)),
     onSuccess: () => qc.invalidateQueries({ queryKey: ["behio", "wishlist"] })
   });
@@ -4050,7 +4409,7 @@ function useWishlist(options) {
 }
 function useIsInWishlist(productId) {
   const { client } = useBehio();
-  return (0, import_react_query44.useQuery)({
+  return (0, import_react_query47.useQuery)({
     queryKey: ["behio", "wishlist-check", productId],
     queryFn: () => unwrap(client.wishlist.isInWishlist(productId)),
     enabled: Boolean(productId)
@@ -4058,10 +4417,10 @@ function useIsInWishlist(productId) {
 }
 
 // src/react/hooks/use-reviews.ts
-var import_react_query45 = require("@tanstack/react-query");
+var import_react_query48 = require("@tanstack/react-query");
 function useProductReviews(productId, options) {
   const { client } = useBehio();
-  return (0, import_react_query45.useQuery)({
+  return (0, import_react_query48.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 +4428,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_query48.useQueryClient)();
+  return (0, import_react_query48.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_query49 = require("@tanstack/react-query");
 function useLookupReturnableOrder() {
   const { client } = useBehio();
-  return (0, import_react_query46.useMutation)({
+  return (0, import_react_query49.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_query49.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_query49.useQuery)({
     queryKey: ["behio", "return-status", returnId],
     queryFn: () => unwrap(client.returns.getStatus(returnId, email)),
     enabled: Boolean(returnId && email)
@@ -4100,16 +4459,16 @@ function useReturnStatus(returnId, email) {
 }
 
 // src/react/hooks/use-quotes.ts
-var import_react_query47 = require("@tanstack/react-query");
+var import_react_query50 = require("@tanstack/react-query");
 function useSubmitQuote() {
   const { client } = useBehio();
-  return (0, import_react_query47.useMutation)({
+  return (0, import_react_query50.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_query50.useQuery)({
     queryKey: ["behio", "quote-status", quoteId],
     queryFn: () => unwrap(client.quotes.getStatus(quoteId, email)),
     enabled: Boolean(quoteId && email)
@@ -4117,10 +4476,10 @@ function useQuoteStatus(quoteId, email) {
 }
 
 // src/react/hooks/use-back-in-stock.ts
-var import_react_query48 = require("@tanstack/react-query");
+var import_react_query51 = require("@tanstack/react-query");
 function useNotifyWhenAvailable() {
   const { client } = useBehio();
-  return (0, import_react_query48.useMutation)({
+  return (0, import_react_query51.useMutation)({
     mutationFn: ({ productId, email }) => unwrap(client.catalog.notifyWhenAvailable(productId, email))
   });
 }
@@ -4257,6 +4616,9 @@ async function revokeAnalyticsConsent(client) {
   useAuth,
   useBehio,
   useBehioClient,
+  useBlogPost,
+  useBlogPosts,
+  useBlogs,
   useBundle,
   useBundles,
   useCart,
@@ -4310,9 +4672,12 @@ async function revokeAnalyticsConsent(client) {
   useShopInfo,
   useShopScripts,
   useShopSeo,
+  useSiteForm,
+  useSiteFormSubmit,
   useSubmitQuote,
   useSubmitReturn,
   useSubmitReview,
   useSubscriptions,
+  useVisitorMessages,
   useWishlist
 });