@burdenoff/website-sdk 2026.513.2 → 2026.513.4

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createContext, useMemo, useContext, useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
+import { createContext, useMemo, useContext, useState, useCallback, useLayoutEffect, useRef, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Mail, Phone, MapPin, Clock, Send } from 'lucide-react';
 import ReCAPTCHA2 from 'react-google-recaptcha';
@@ -253,6 +253,105 @@ function useWebSDKConfig() {
   const client = useWebSDK();
   return client.getConfig();
 }
+var PUBLIC_PRODUCT_QUERY = `
+  query PublicProduct($slug: String!) {
+    publicProduct(slug: $slug) {
+      id
+      name
+      slug
+      description
+      status
+      logoUrl
+      website
+      appUrl
+      docsUrl
+      contactEmail
+      supportEmail
+      contactPhone
+      contactAddress
+      seoTitle
+      seoDescription
+      seoKeywords
+      ogImage
+      socialLinks
+      recaptchaSiteKey
+      rybbitSiteId
+      notificationEmail
+      metadata
+    }
+  }
+`;
+var ProductContext = createContext({
+  product: null,
+  loading: true,
+  error: null,
+  hasProvider: false,
+  refetch: () => {
+  }
+});
+function ProductProvider({ children, fallback }) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const [product, setProduct] = useState(
+    fallback ? fallback : null
+  );
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchProduct = useCallback(async () => {
+    if (!config.productSlug) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.query(
+        PUBLIC_PRODUCT_QUERY,
+        { slug: config.productSlug }
+      );
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Unknown error");
+      } else if (result.data?.publicProduct) {
+        setProduct(result.data.publicProduct);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch product");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, config.productSlug]);
+  useLayoutEffect(() => {
+    fetchProduct();
+  }, [fetchProduct]);
+  const value = useMemo(
+    () => ({
+      product,
+      loading,
+      error,
+      hasProvider: true,
+      refetch: fetchProduct
+    }),
+    [product, loading, error, fetchProduct]
+  );
+  return /* @__PURE__ */ jsx(ProductContext.Provider, { value, children });
+}
+function useProduct() {
+  return useContext(ProductContext);
+}
+function useProductConfig() {
+  const { product } = useProduct();
+  const config = useWebSDKConfig();
+  return {
+    // Prefer product-level config, fall back to SDK config
+    recaptchaSiteKey: product?.recaptchaSiteKey ?? config.recaptchaSiteKey ?? null,
+    rybbitSiteId: product?.rybbitSiteId ?? config.rybbitSiteId ?? null,
+    contactEmail: product?.contactEmail ?? null,
+    supportEmail: product?.supportEmail ?? null,
+    notificationEmail: product?.notificationEmail ?? product?.contactEmail ?? null,
+    productName: product?.name ?? null,
+    logoUrl: product?.logoUrl ?? null
+  };
+}
 function PageHead({
   title,
   description,
@@ -473,7 +572,9 @@ function ContactPage({
 }) {
   const client = useWebSDK();
   const config = useWebSDKConfig();
-  const displayName = productName ?? config.productId;
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const displayName = productName ?? product?.name ?? config.productId;
   const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
   const recaptchaRef = useRef(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -502,7 +603,7 @@ function ContactPage({
       const result = await submitContactForm(
         client,
         contactData,
-        config.productId
+        resolvedProductId
       );
       if (result.success) {
         setSubmitStatus("success");
@@ -762,105 +863,6 @@ function ContactPage({
     ] }) })
   ] });
 }
-var PUBLIC_PRODUCT_QUERY = `
-  query PublicProduct($slug: String!) {
-    publicProduct(slug: $slug) {
-      id
-      name
-      slug
-      description
-      status
-      logoUrl
-      website
-      appUrl
-      docsUrl
-      contactEmail
-      supportEmail
-      contactPhone
-      contactAddress
-      seoTitle
-      seoDescription
-      seoKeywords
-      ogImage
-      socialLinks
-      recaptchaSiteKey
-      rybbitSiteId
-      notificationEmail
-      metadata
-    }
-  }
-`;
-var ProductContext = createContext({
-  product: null,
-  loading: true,
-  error: null,
-  hasProvider: false,
-  refetch: () => {
-  }
-});
-function ProductProvider({ children, fallback }) {
-  const client = useWebSDK();
-  const config = useWebSDKConfig();
-  const [product, setProduct] = useState(
-    fallback ? fallback : null
-  );
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchProduct = useCallback(async () => {
-    if (!config.productSlug) {
-      setLoading(false);
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await client.query(
-        PUBLIC_PRODUCT_QUERY,
-        { slug: config.productSlug }
-      );
-      if (result.errors?.length) {
-        setError(result.errors[0]?.message ?? "Unknown error");
-      } else if (result.data?.publicProduct) {
-        setProduct(result.data.publicProduct);
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to fetch product");
-    } finally {
-      setLoading(false);
-    }
-  }, [client, config.productSlug]);
-  useLayoutEffect(() => {
-    fetchProduct();
-  }, [fetchProduct]);
-  const value = useMemo(
-    () => ({
-      product,
-      loading,
-      error,
-      hasProvider: true,
-      refetch: fetchProduct
-    }),
-    [product, loading, error, fetchProduct]
-  );
-  return /* @__PURE__ */ jsx(ProductContext.Provider, { value, children });
-}
-function useProduct() {
-  return useContext(ProductContext);
-}
-function useProductConfig() {
-  const { product } = useProduct();
-  const config = useWebSDKConfig();
-  return {
-    // Prefer product-level config, fall back to SDK config
-    recaptchaSiteKey: product?.recaptchaSiteKey ?? config.recaptchaSiteKey ?? null,
-    rybbitSiteId: product?.rybbitSiteId ?? config.rybbitSiteId ?? null,
-    contactEmail: product?.contactEmail ?? null,
-    supportEmail: product?.supportEmail ?? null,
-    notificationEmail: product?.notificationEmail ?? product?.contactEmail ?? null,
-    productName: product?.name ?? null,
-    logoUrl: product?.logoUrl ?? null
-  };
-}
 var newsletterSchema = z.object({
   email: z.string().email("Please enter a valid email address")
 });
@@ -1385,9 +1387,9 @@ function NewsletterForm({
     )
   ] });
 }
-var GET_ALL_PLANS_QUERY = `
-  query GetAllPlans {
-    getAllPlans {
+var GET_PLANS_QUERY = `
+  query GetPublicPlans($productId: ID!) {
+    publicPlans(productId: $productId) {
       id
       name
       price
@@ -1563,17 +1565,18 @@ function PricingSection(props) {
     async function loadPlans() {
       try {
         setLoading(true);
-        const response = await client.query(GET_ALL_PLANS_QUERY);
+        const response = await client.query(
+          GET_PLANS_QUERY,
+          { productId: resolvedProductId }
+        );
         if (cancelled) return;
         if (response.errors && response.errors.length > 0) {
           throw new Error(response.errors[0].message);
         }
-        if (!response.data?.getAllPlans) {
+        if (!response.data?.publicPlans) {
           throw new Error("No plans data received");
         }
-        const cards = response.data.getAllPlans.filter(
-          (plan) => plan.isActive && (!resolvedProductId || plan.productID === resolvedProductId)
-        ).map((plan) => transformToDisplayCard(plan, props)).sort((a, b) => a.priceRaw - b.priceRaw);
+        const cards = response.data.publicPlans.filter((plan) => plan.isActive).map((plan) => transformToDisplayCard(plan, props)).sort((a, b) => a.priceRaw - b.priceRaw);
         setAllPlans(cards);
         setError(null);
       } catch (err) {