@burdenoff/website-sdk 2026.813.3 → 2026.817.2

package/dist/index.mjs

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { createContext, useMemo, useContext, useState, useCallback, useLayoutEffect, useRef, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Instagram, Youtube, Facebook, Github, Linkedin, Twitter, Mail, Phone, MapPin, Clock, Send, CheckCircle, Upload, Globe, ChevronDown, Search, Rocket, ArrowRight, Download, History, ChevronLeft, ChevronRight, FileText } from 'lucide-react';
-import ReCAPTCHA3 from 'react-google-recaptcha';
+import ReCAPTCHA4 from 'react-google-recaptcha';
 import { toast } from 'sonner';
 import { Helmet } from 'react-helmet-async';
 import { Slot } from '@radix-ui/react-slot';
@@ -981,7 +981,7 @@ function ContactPage({
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                 effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx("div", { className: "flex justify-center sm:justify-start", children: /* @__PURE__ */ jsx(
-                  ReCAPTCHA3,
+                  ReCAPTCHA4,
                   {
                     ref: recaptchaRef,
                     sitekey: effectiveRecaptchaSiteKey
@@ -1614,6 +1614,7 @@ async function submitApplication(client, data, productId) {
         ...data.linkedinUrl ? { linkedinUrl: data.linkedinUrl } : {},
         ...data.portfolioUrl ? { portfolioUrl: data.portfolioUrl } : {},
         ...data.coverLetter ? { coverLetter: data.coverLetter } : {},
+        ...data.jobPostingId ? { jobPostingId: data.jobPostingId } : {},
         ...data.recaptchaToken ? { recaptchaToken: data.recaptchaToken } : {}
       }
     });
@@ -1637,6 +1638,7 @@ function CareersApplyForm({
   productName,
   recaptchaSiteKey,
   positions = [],
+  postings = [],
   heroTitle = "Become a part of the team",
   heroDescription = "Tell us about yourself and upload your resume \u2014 we'll be in touch.",
   headingLevel = 1,
@@ -1703,6 +1705,8 @@ function CareersApplyForm({
     try {
       const formData = new FormData(form);
       const resumeBase64 = await fileToBase64(resumeFile);
+      const positionValue = formData.get("position") ?? "";
+      const selectedPosting = postings.length > 0 ? postings.find((p) => p.id === positionValue) : void 0;
       const result = await submitApplication(
         client,
         {
@@ -1710,7 +1714,8 @@ function CareersApplyForm({
           lastName: formData.get("lastName") ?? "",
           email: formData.get("email") ?? "",
           phone: formData.get("phone") || void 0,
-          position: formData.get("position") ?? "",
+          position: selectedPosting ? selectedPosting.title : positionValue,
+          jobPostingId: selectedPosting?.id,
           linkedinUrl: formData.get("linkedinUrl") || void 0,
           portfolioUrl: formData.get("portfolioUrl") || void 0,
           coverLetter: formData.get("coverLetter") || void 0,
@@ -1821,7 +1826,20 @@ function CareersApplyForm({
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "position", children: "Position *" }),
-              positions.length > 0 ? /* @__PURE__ */ jsxs(
+              postings.length > 0 ? /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  id: "position",
+                  name: "position",
+                  required: true,
+                  defaultValue: "",
+                  className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select a role" }),
+                    postings.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.title }, p.id))
+                  ]
+                }
+              ) : positions.length > 0 ? /* @__PURE__ */ jsxs(
                 "select",
                 {
                   id: "position",
@@ -1929,7 +1947,7 @@ function CareersApplyForm({
               )
             ] }),
             effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx(
-              ReCAPTCHA3,
+              ReCAPTCHA4,
               {
                 ref: recaptchaRef,
                 sitekey: effectiveRecaptchaSiteKey
@@ -1954,6 +1972,284 @@ function CareersApplyForm({
     )
   ] });
 }
+var SUBMIT_ASSIGNMENT_RESPONSE_MUTATION = (
+  /* GraphQL */
+  `
+  mutation SubmitAssignmentResponse($input: SubmitAssignmentResponseInput!) {
+    submitAssignmentResponse(input: $input) {
+      success
+      message
+      applicationId
+      roundId
+    }
+  }
+`
+);
+function isValidUrl(value) {
+  try {
+    const url = new URL(value);
+    return url.protocol === "http:" || url.protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+async function submitAssignmentResponse(client, data) {
+  try {
+    const result = await client.mutate(SUBMIT_ASSIGNMENT_RESPONSE_MUTATION, {
+      input: {
+        email: data.email.trim().toLowerCase(),
+        repoUrl: data.repoUrl.trim(),
+        videoUrl: data.videoUrl.trim(),
+        recaptchaToken: data.recaptchaToken ?? "",
+        ...data.name ? { name: data.name } : {},
+        ...data.position ? { position: data.position } : {},
+        ...data.jobPostingId ? { jobPostingId: data.jobPostingId } : {},
+        ...data.notes ? { notes: data.notes } : {}
+      }
+    });
+    if (result.errors?.length) {
+      return {
+        success: false,
+        message: result.errors[0]?.message ?? "Failed to submit assignment"
+      };
+    }
+    const response = result.data?.submitAssignmentResponse;
+    return response?.success ? { success: true, message: response.message || "Assignment submitted!" } : {
+      success: false,
+      message: response?.message || "Failed to submit assignment"
+    };
+  } catch (error) {
+    console.error("Assignment submission error:", error);
+    return { success: false, message: "Network error. Please try again." };
+  }
+}
+var NO_APPLICATION_HINT = "Please use the same email address you applied with \u2014 or submit an application first.";
+function isNoApplicationError(message) {
+  return /no application|not found/i.test(message);
+}
+function CareersSubmissionForm({
+  productName,
+  recaptchaSiteKey,
+  postings = [],
+  heroTitle = "Submit your assignment",
+  heroDescription = "Share your GitHub repo and a short video walkthrough \u2014 make sure to use the same email you applied with.",
+  headingLevel = 1,
+  className,
+  seo
+}) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const displayName = productName ?? product?.name ?? config.productId;
+  const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? product?.recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
+  const recaptchaRef = useRef(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submittedMessage, setSubmittedMessage] = useState(null);
+  const [formError, setFormError] = useState(null);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setFormError(null);
+    const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
+    if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      toast.error("Please complete the reCAPTCHA verification");
+      return;
+    }
+    const form = e.currentTarget;
+    const formData = new FormData(form);
+    const name = (formData.get("name") ?? "").trim();
+    const email = (formData.get("email") ?? "").trim();
+    const positionValue = (formData.get("position") ?? "").trim();
+    const repoUrl = (formData.get("repoUrl") ?? "").trim();
+    const videoUrl = (formData.get("videoUrl") ?? "").trim();
+    const notes = (formData.get("notes") ?? "").trim();
+    const selectedPosting = postings.length > 0 ? postings.find((p) => p.id === positionValue) : void 0;
+    const position = selectedPosting ? selectedPosting.title : positionValue;
+    if (!email) {
+      setFormError("Please enter the email address you applied with.");
+      return;
+    }
+    if (!position) {
+      setFormError("Please select or enter the position you applied for.");
+      return;
+    }
+    if (!repoUrl || !isValidUrl(repoUrl)) {
+      setFormError(
+        "Please enter a valid GitHub repository URL (e.g. https://github.com/you/project)."
+      );
+      return;
+    }
+    if (!videoUrl || !isValidUrl(videoUrl)) {
+      setFormError(
+        "Please enter a valid video URL (e.g. a Jam or Loom link starting with https://)."
+      );
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const result = await submitAssignmentResponse(client, {
+        name: name || void 0,
+        email,
+        position,
+        jobPostingId: selectedPosting?.id,
+        repoUrl,
+        videoUrl,
+        notes: notes || void 0,
+        recaptchaToken
+      });
+      if (result.success) {
+        setSubmittedMessage(result.message ?? "Assignment submitted!");
+        toast.success(result.message ?? "Assignment submitted!");
+      } else {
+        const message = result.message ?? "Failed to submit assignment";
+        setFormError(
+          isNoApplicationError(message) ? `${message} ${NO_APPLICATION_HINT}` : message
+        );
+        toast.error(message);
+        recaptchaRef.current?.reset();
+      }
+    } catch (err) {
+      console.error("Careers submission form error:", err);
+      setFormError("Something went wrong. Please try again.");
+      toast.error("Something went wrong. Please try again.");
+      recaptchaRef.current?.reset();
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const Heading = headingLevel === 2 ? "h2" : "h1";
+  const headingClass = headingLevel === 2 ? "text-2xl md:text-3xl font-bold mb-3" : "text-3xl sm:text-4xl md:text-5xl font-bold mb-4 sm:mb-6";
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    seo && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seo.title ?? `Submit your assignment \u2014 ${displayName}`,
+        description: seo.description ?? heroDescription,
+        keywords: seo.keywords
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "section",
+      {
+        className: headingLevel === 2 ? "py-12 md:py-16" : "bg-gradient-to-b from-background to-muted/20 py-12 sm:py-16 md:py-20 lg:py-24",
+        children: /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center mb-8 sm:mb-10", children: [
+            /* @__PURE__ */ jsx(Heading, { className: headingClass, children: heroTitle }),
+            /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground leading-relaxed", children: heroDescription })
+          ] }),
+          submittedMessage ? /* @__PURE__ */ jsxs("div", { className: "text-center rounded-xl border border-border bg-card p-10", children: [
+            /* @__PURE__ */ jsx(CheckCircle, { className: "mx-auto mb-4 h-12 w-12 text-accent" }),
+            /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-foreground mb-2", children: "Assignment received" }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: submittedMessage })
+          ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-5", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Name" }),
+                /* @__PURE__ */ jsx(Input, { id: "name", name: "name", placeholder: "Ada Lovelace" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email *" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "email",
+                    name: "email",
+                    type: "email",
+                    required: true,
+                    placeholder: "ada@example.com"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "position", children: "Position *" }),
+              postings.length > 0 ? /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  id: "position",
+                  name: "position",
+                  required: true,
+                  defaultValue: "",
+                  className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select a role" }),
+                    postings.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.title }, p.id))
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "position",
+                  name: "position",
+                  required: true,
+                  placeholder: "Role you applied for"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "repoUrl", children: "GitHub repository URL *" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "repoUrl",
+                  name: "repoUrl",
+                  type: "url",
+                  required: true,
+                  placeholder: "https://github.com/you/assignment"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "videoUrl", children: "Video walkthrough URL (Jam, Loom, \u2026) *" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "videoUrl",
+                  name: "videoUrl",
+                  type: "url",
+                  required: true,
+                  placeholder: "https://jam.dev/c/\u2026"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "notes", children: "Notes" }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  id: "notes",
+                  name: "notes",
+                  rows: 4,
+                  placeholder: "Anything we should know before reviewing\u2026"
+                }
+              )
+            ] }),
+            formError && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: formError }),
+            effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx(
+              ReCAPTCHA4,
+              {
+                ref: recaptchaRef,
+                sitekey: effectiveRecaptchaSiteKey
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                size: "lg",
+                disabled: isSubmitting,
+                className: "w-full sm:w-auto",
+                children: isSubmitting ? "Submitting\u2026" : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Send, { className: "mr-2 h-4 w-4" }),
+                  " Submit assignment"
+                ] })
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
 var newsletterSchema = z.object({
   email: z.string().email("Please enter a valid email address")
 });
@@ -2243,7 +2539,7 @@ function NewsletterPage({
             errors.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
           ] }),
           effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
-            ReCAPTCHA3,
+            ReCAPTCHA4,
             {
               ref: recaptchaRef,
               sitekey: effectiveRecaptchaSiteKey
@@ -2295,7 +2591,7 @@ function NewsletterPage({
               errors.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
             ] }),
             effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx("div", { className: "flex justify-center sm:justify-start", children: /* @__PURE__ */ jsx(
-              ReCAPTCHA3,
+              ReCAPTCHA4,
               {
                 ref: recaptchaRef,
                 sitekey: effectiveRecaptchaSiteKey
@@ -2473,7 +2769,7 @@ function NewsletterForm({
                   justifyContent: "flex-start"
                 },
                 children: /* @__PURE__ */ jsx(
-                  ReCAPTCHA3,
+                  ReCAPTCHA4,
                   {
                     ref: recaptchaRef,
                     sitekey: effectiveRecaptchaSiteKey,
@@ -4389,6 +4685,138 @@ function RybbitAnalytics({
   }, [siteId, scriptUrl, enabled]);
   return null;
 }
+var PUBLIC_JOB_POSTING_FIELDS = (
+  /* GraphQL */
+  `
+  id
+  slug
+  title
+  department
+  location
+  employmentType
+  openings
+  description
+  overview
+  responsibilities
+  learnings
+  qualifications
+  rounds {
+    roundNumber
+    name
+    roundType
+    isRequired
+    description
+  }
+`
+);
+var PUBLIC_JOB_POSTINGS_QUERY = (
+  /* GraphQL */
+  `
+  query PublicJobPostings($productId: ID, $limit: Int, $offset: Int) {
+    publicJobPostings(productId: $productId, limit: $limit, offset: $offset) {
+      ${PUBLIC_JOB_POSTING_FIELDS}
+    }
+  }
+`
+);
+var PUBLIC_JOB_POSTING_QUERY = (
+  /* GraphQL */
+  `
+  query PublicJobPosting($slug: String!, $productId: ID) {
+    publicJobPosting(slug: $slug, productId: $productId) {
+      ${PUBLIC_JOB_POSTING_FIELDS}
+    }
+  }
+`
+);
+async function fetchPublicJobPostings(client, options) {
+  const result = await client.query(PUBLIC_JOB_POSTINGS_QUERY, {
+    productId: options?.productId,
+    limit: options?.limit ?? 50,
+    offset: options?.offset ?? 0
+  });
+  if (result.errors?.length) {
+    throw new Error(result.errors[0]?.message ?? "Unknown error");
+  }
+  return result.data?.publicJobPostings ?? [];
+}
+async function fetchPublicJobPosting(client, slug, options) {
+  const result = await client.query(PUBLIC_JOB_POSTING_QUERY, {
+    slug,
+    productId: options?.productId
+  });
+  if (result.errors?.length) {
+    throw new Error(result.errors[0]?.message ?? "Unknown error");
+  }
+  return result.data?.publicJobPosting ?? null;
+}
+function usePublicJobPostings(options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = options?.productId ?? product?.id ?? config.productId;
+  const [postings, setPostings] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchPostings = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const items = await fetchPublicJobPostings(client, {
+        productId: resolvedProductId,
+        limit: options?.limit,
+        offset: options?.offset
+      });
+      setPostings(items);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch job postings"
+      );
+      setPostings([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, options?.limit, options?.offset]);
+  useEffect(() => {
+    fetchPostings();
+  }, [fetchPostings]);
+  return { postings, loading, error, refetch: fetchPostings };
+}
+function usePublicJobPosting(slug, options) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = options?.productId ?? product?.id ?? config.productId;
+  const [posting, setPosting] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchPosting = useCallback(async () => {
+    if (!slug) {
+      setPosting(null);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const item = await fetchPublicJobPosting(client, slug, {
+        productId: resolvedProductId
+      });
+      setPosting(item);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch job posting"
+      );
+      setPosting(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, slug]);
+  useEffect(() => {
+    fetchPosting();
+  }, [fetchPosting]);
+  return { posting, loading, error, refetch: fetchPosting };
+}
 var PROSE_CSS = `
 .boff-prose {
   max-width: none;
@@ -9083,6 +9511,6 @@ var ECOSYSTEM_PRODUCTS = [
   }
 ];
 
-export { BlogListPage, BlogPostPage, Button, CareersApplyForm, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ContactPage, ContentRenderer, ContractsPage, DEFAULT_CONTACT_CATEGORIES, ECOSYSTEM_PRODUCTS, ElectronDownloadLink, Input, Label, LaunchCountdown, Markdown, NewsletterForm, NewsletterPage, PageHead, PartnersPage, PressKitPage, PricingPage, PricingSection, ProblemsSolvedSection, ProductCard, ProductProvider, ResourceLinks, RybbitAnalytics, Select, SocialLinks, StarRating, StoreBrowsePage, StoreHomePage, StoreProductDetailPage, Textarea, TypeBadge, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, WebsiteSwitcher, buttonVariants, cn, detectElectronPlatform, formatDownloads, formatPrice2 as formatPrice, useContentPage, useContentPages, useProduct, useProductConfig, useWebSDK, useWebSDKConfig };
+export { BlogListPage, BlogPostPage, Button, CareersApplyForm, CareersSubmissionForm, CaseStudiesListPage, CaseStudyPage, ChangelogPage, ContactPage, ContentRenderer, ContractsPage, DEFAULT_CONTACT_CATEGORIES, ECOSYSTEM_PRODUCTS, ElectronDownloadLink, Input, Label, LaunchCountdown, Markdown, NewsletterForm, NewsletterPage, PageHead, PartnersPage, PressKitPage, PricingPage, PricingSection, ProblemsSolvedSection, ProductCard, ProductProvider, ResourceLinks, RybbitAnalytics, Select, SocialLinks, StarRating, StoreBrowsePage, StoreHomePage, StoreProductDetailPage, Textarea, TypeBadge, UnsubscribePage, WaitlistForm, WaitlistPage, WebSDKClient, WebSDKProvider, WebsiteSwitcher, buttonVariants, cn, detectElectronPlatform, fetchPublicJobPosting, fetchPublicJobPostings, formatDownloads, formatPrice2 as formatPrice, isValidUrl, useContentPage, useContentPages, useProduct, useProductConfig, usePublicJobPosting, usePublicJobPostings, useWebSDK, useWebSDKConfig };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map