@burdenoff/website-sdk 2026.520.2 → 2026.520.3

package/dist/index.mjs

@@ -483,6 +483,28 @@ var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
+var Select = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "select",
+    {
+      className: cn(
+        "flex h-9 w-full appearance-none rounded-md border border-input bg-transparent bg-[length:1rem_1rem] bg-[right_0.75rem_center] bg-no-repeat px-3 py-1 pr-8 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        // Inline SVG chevron: SVG inside a `background-image: url(data:…)`
+        // does NOT inherit `currentColor` from the host element (the SVG is
+        // its own document with no parent CSS context), so the stroke is
+        // hardcoded to a muted slate-400 (#94a3b8). Matches the muted
+        // foreground token visually in both light and dark themes well
+        // enough for a passive chevron — addresses #9 review feedback.
+        `bg-[url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")]`,
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+Select.displayName = "Select";
 var Textarea = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "textarea",
@@ -497,6 +519,15 @@ var Textarea = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
+var DEFAULT_CONTACT_CATEGORIES = [
+  { value: "general", label: "General enquiry" },
+  { value: "sales", label: "Sales" },
+  { value: "support", label: "Support" },
+  { value: "partnership", label: "Partnership" },
+  { value: "press", label: "Press / media" },
+  { value: "careers", label: "Careers" },
+  { value: "security", label: "Security disclosure" }
+];
 var SUBMIT_CONTACT_INQUIRY_MUTATION = (
   /* GraphQL */
   `
@@ -518,6 +549,12 @@ async function submitContactForm(client, data, productId) {
         subject: data.subject,
         message: data.message,
         productId,
+        // Send `category` only when the user actually picked one. Older
+        // backend deployments without the `category` field in the
+        // `SubmitContactInquiryInput` schema would reject any unknown
+        // field; spreading conditionally keeps the SDK forward-
+        // compatible.
+        ...data.category ? { category: data.category } : {},
         ...data.recaptchaToken ? { recaptchaToken: data.recaptchaToken } : {}
       }
     });
@@ -556,6 +593,16 @@ function ContactPage({
   responseTime = "We typically respond within 24 hours",
   heroTitle = "Get in Touch",
   heroDescription = "Have questions about {productName}? We're here to help. Reach out to our team and we'll get back to you as soon as possible.",
+  // Backward-compatibility: default to `[]` so existing consumers
+  // (fluidgrids/burdenoff/algoshred websites) that don't pass
+  // `categories` continue to render with NO dropdown — same behavior
+  // they had before this SDK version. To opt in, pass an explicit
+  // `categories={…}` array (or the exported `DEFAULT_CONTACT_CATEGORIES`
+  // constant for the sane Burdenoff-generic vocabulary).
+  categories = [],
+  categoryLabel = "Category",
+  categoryPlaceholder = "Select a category",
+  categoryRequired = true,
   additionalOptions = [
     {
       title: "Sales Inquiries",
@@ -599,11 +646,19 @@ function ContactPage({
     const form = e.currentTarget;
     try {
       const formData = new FormData(form);
+      const showCategory = categories.length > 0;
+      const rawCategory = showCategory ? (formData.get("category") ?? "").trim() : "";
+      if (showCategory && categoryRequired && !rawCategory) {
+        toast.error("Please select a category");
+        setIsSubmitting(false);
+        return;
+      }
       const contactData = {
         firstName: formData.get("firstName"),
         lastName: formData.get("lastName"),
         email: formData.get("email"),
         company: formData.get("company"),
+        category: rawCategory || void 0,
         subject: formData.get("subject"),
         message: formData.get("message"),
         recaptchaToken
@@ -772,6 +827,33 @@ function ContactPage({
                   }
                 )
               ] }),
+              categories.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsxs(
+                  Label,
+                  {
+                    htmlFor: "category",
+                    className: "text-sm sm:text-base",
+                    children: [
+                      categoryLabel,
+                      categoryRequired ? " *" : ""
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    id: "category",
+                    name: "category",
+                    required: categoryRequired,
+                    defaultValue: "",
+                    className: "text-sm sm:text-base",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", disabled: categoryRequired, children: categoryPlaceholder }),
+                      categories.map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: c.label }, c.value))
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ jsx(Label, { htmlFor: "subject", className: "text-sm sm:text-base", children: "Subject *" }),
                 /* @__PURE__ */ jsx(
@@ -3911,6 +3993,6 @@ function PressKitPage(props) {
   ] });
 }
 
-export { BlogListPage, BlogPostPage, Button, ContactPage, ContentRenderer, Input, Label, NewsletterForm, NewsletterPage, PageHead, PressKitPage, PricingPage, PricingSection, ProductProvider, RybbitAnalytics, Textarea, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, buttonVariants, cn, useContentPage, useContentPages, useProduct, useProductConfig, useWebSDK, useWebSDKConfig };
+export { BlogListPage, BlogPostPage, Button, ContactPage, ContentRenderer, DEFAULT_CONTACT_CATEGORIES, Input, Label, NewsletterForm, NewsletterPage, PageHead, PressKitPage, PricingPage, PricingSection, ProductProvider, RybbitAnalytics, Select, Textarea, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, buttonVariants, cn, useContentPage, useContentPages, useProduct, useProductConfig, useWebSDK, useWebSDKConfig };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map