@burdenoff/website-sdk 2026.813.3 → 2026.817.2

package/dist/index.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
-var ReCAPTCHA3 = require('react-google-recaptcha');
+var ReCAPTCHA4 = require('react-google-recaptcha');
 var sonner = require('sonner');
 var reactHelmetAsync = require('react-helmet-async');
 var reactSlot = require('@radix-ui/react-slot');
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReCAPTCHA3__default = /*#__PURE__*/_interopDefault(ReCAPTCHA3);
+var ReCAPTCHA4__default = /*#__PURE__*/_interopDefault(ReCAPTCHA4);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
@@ -1011,7 +1011,7 @@ function ContactPage({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
                 effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center sm:justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  ReCAPTCHA3__default.default,
+                  ReCAPTCHA4__default.default,
                   {
                     ref: recaptchaRef,
                     sitekey: effectiveRecaptchaSiteKey
@@ -1644,6 +1644,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 } : {}
       }
     });
@@ -1667,6 +1668,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,
@@ -1733,6 +1735,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,
         {
@@ -1740,7 +1744,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,
@@ -1851,7 +1856,20 @@ function CareersApplyForm({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "position", children: "Position *" }),
-              positions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+              postings.length > 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select a role" }),
+                    postings.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.title }, p.id))
+                  ]
+                }
+              ) : positions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
                 "select",
                 {
                   id: "position",
@@ -1959,7 +1977,7 @@ function CareersApplyForm({
               )
             ] }),
             effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx(
-              ReCAPTCHA3__default.default,
+              ReCAPTCHA4__default.default,
               {
                 ref: recaptchaRef,
                 sitekey: effectiveRecaptchaSiteKey
@@ -1984,6 +2002,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 = React.useRef(null);
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [submittedMessage, setSubmittedMessage] = React.useState(null);
+  const [formError, setFormError] = React.useState(null);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setFormError(null);
+    const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
+    if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      sonner.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!");
+        sonner.toast.success(result.message ?? "Assignment submitted!");
+      } else {
+        const message = result.message ?? "Failed to submit assignment";
+        setFormError(
+          isNoApplicationError(message) ? `${message} ${NO_APPLICATION_HINT}` : message
+        );
+        sonner.toast.error(message);
+        recaptchaRef.current?.reset();
+      }
+    } catch (err) {
+      console.error("Careers submission form error:", err);
+      setFormError("Something went wrong. Please try again.");
+      sonner.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__ */ jsxRuntime.jsxs("div", { className, children: [
+    seo && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seo.title ?? `Submit your assignment \u2014 ${displayName}`,
+        description: seo.description ?? heroDescription,
+        keywords: seo.keywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-8 sm:mb-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: headingClass, children: heroTitle }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground leading-relaxed", children: heroDescription })
+          ] }),
+          submittedMessage ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center rounded-xl border border-border bg-card p-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "mx-auto mb-4 h-12 w-12 text-accent" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-foreground mb-2", children: "Assignment received" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: submittedMessage })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-5", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "name", children: "Name" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "name", name: "name", placeholder: "Ada Lovelace" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "email", children: "Email *" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Input,
+                  {
+                    id: "email",
+                    name: "email",
+                    type: "email",
+                    required: true,
+                    placeholder: "ada@example.com"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "position", children: "Position *" }),
+              postings.length > 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select a role" }),
+                    postings.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.title }, p.id))
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "position",
+                  name: "position",
+                  required: true,
+                  placeholder: "Role you applied for"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "repoUrl", children: "GitHub repository URL *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "repoUrl",
+                  name: "repoUrl",
+                  type: "url",
+                  required: true,
+                  placeholder: "https://github.com/you/assignment"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "videoUrl", children: "Video walkthrough URL (Jam, Loom, \u2026) *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "videoUrl",
+                  name: "videoUrl",
+                  type: "url",
+                  required: true,
+                  placeholder: "https://jam.dev/c/\u2026"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "notes", children: "Notes" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Textarea,
+                {
+                  id: "notes",
+                  name: "notes",
+                  rows: 4,
+                  placeholder: "Anything we should know before reviewing\u2026"
+                }
+              )
+            ] }),
+            formError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: formError }),
+            effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx(
+              ReCAPTCHA4__default.default,
+              {
+                ref: recaptchaRef,
+                sitekey: effectiveRecaptchaSiteKey
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "submit",
+                size: "lg",
+                disabled: isSubmitting,
+                className: "w-full sm:w-auto",
+                children: isSubmitting ? "Submitting\u2026" : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "mr-2 h-4 w-4" }),
+                  " Submit assignment"
+                ] })
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
 var newsletterSchema = zod.z.object({
   email: zod.z.string().email("Please enter a valid email address")
 });
@@ -2273,7 +2569,7 @@ function NewsletterPage({
             errors.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
           ] }),
           effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-            ReCAPTCHA3__default.default,
+            ReCAPTCHA4__default.default,
             {
               ref: recaptchaRef,
               sitekey: effectiveRecaptchaSiteKey
@@ -2325,7 +2621,7 @@ function NewsletterPage({
               errors.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
             ] }),
             effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center sm:justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ReCAPTCHA3__default.default,
+              ReCAPTCHA4__default.default,
               {
                 ref: recaptchaRef,
                 sitekey: effectiveRecaptchaSiteKey
@@ -2503,7 +2799,7 @@ function NewsletterForm({
                   justifyContent: "flex-start"
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  ReCAPTCHA3__default.default,
+                  ReCAPTCHA4__default.default,
                   {
                     ref: recaptchaRef,
                     sitekey: effectiveRecaptchaSiteKey,
@@ -4419,6 +4715,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] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchPostings = React.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]);
+  React.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] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchPosting = React.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]);
+  React.useEffect(() => {
+    fetchPosting();
+  }, [fetchPosting]);
+  return { posting, loading, error, refetch: fetchPosting };
+}
 var PROSE_CSS = `
 .boff-prose {
   max-width: none;
@@ -9117,6 +9545,7 @@ exports.BlogListPage = BlogListPage;
 exports.BlogPostPage = BlogPostPage;
 exports.Button = Button;
 exports.CareersApplyForm = CareersApplyForm;
+exports.CareersSubmissionForm = CareersSubmissionForm;
 exports.CaseStudiesListPage = CaseStudiesListPage;
 exports.CaseStudyPage = CaseStudyPage;
 exports.ChangelogPage = ChangelogPage;
@@ -9159,12 +9588,17 @@ exports.WebsiteSwitcher = WebsiteSwitcher;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.detectElectronPlatform = detectElectronPlatform;
+exports.fetchPublicJobPosting = fetchPublicJobPosting;
+exports.fetchPublicJobPostings = fetchPublicJobPostings;
 exports.formatDownloads = formatDownloads;
 exports.formatPrice = formatPrice2;
+exports.isValidUrl = isValidUrl;
 exports.useContentPage = useContentPage;
 exports.useContentPages = useContentPages;
 exports.useProduct = useProduct;
 exports.useProductConfig = useProductConfig;
+exports.usePublicJobPosting = usePublicJobPosting;
+exports.usePublicJobPostings = usePublicJobPostings;
 exports.useWebSDK = useWebSDK;
 exports.useWebSDKConfig = useWebSDKConfig;
 //# sourceMappingURL=index.js.map