@burdenoff/website-sdk 2026.817.1 → 2026.817.2

package/dist/index.d.mts

@@ -69,6 +69,36 @@ interface CareersApplyFormProps {
 }
 declare function CareersApplyForm({ productName, recaptchaSiteKey, positions, postings, heroTitle, heroDescription, headingLevel, maxResumeBytes, className, seo, }: CareersApplyFormProps): react_jsx_runtime.JSX.Element;
 
+interface CareersSubmissionFormProps {
+    /** Product name (falls back to product context / SDK config). */
+    productName?: string;
+    /** reCAPTCHA site key (falls back to SDK config). */
+    recaptchaSiteKey?: string;
+    /**
+     * Job postings for the dropdown (e.g. from `usePublicJobPostings`). When
+     * non-empty the selected posting's ID is sent as `jobPostingId` and its
+     * title as `position`. When empty, a free-text "position" input is shown
+     * instead so the form works before a postings list exists.
+     */
+    postings?: readonly CareersPostingOption[];
+    heroTitle?: string;
+    heroDescription?: string;
+    /**
+     * `1` (default) renders a full page hero `<h1>`; `2` renders a compact
+     * `<h2>` section header for embedding under a page that owns the `<h1>`.
+     */
+    headingLevel?: 1 | 2;
+    className?: string;
+    seo?: {
+        title?: string;
+        description?: string;
+        keywords?: string;
+    };
+}
+/** True when `value` parses as an absolute http(s) URL. */
+declare function isValidUrl(value: string): boolean;
+declare function CareersSubmissionForm({ productName, recaptchaSiteKey, postings, heroTitle, heroDescription, headingLevel, className, seo, }: CareersSubmissionFormProps): react_jsx_runtime.JSX.Element;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
@@ -95,4 +125,4 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLP
  */
 declare const ECOSYSTEM_PRODUCTS: WebsiteSwitcherProduct[];
 
-export { Button, type ButtonProps, CareersApplyForm, type CareersApplyFormProps, type CareersPostingOption, ECOSYSTEM_PRODUCTS, Input, Label, Select, Textarea, WebsiteSwitcherProduct, buttonVariants };
+export { Button, type ButtonProps, CareersApplyForm, type CareersApplyFormProps, type CareersPostingOption, CareersSubmissionForm, type CareersSubmissionFormProps, ECOSYSTEM_PRODUCTS, Input, Label, Select, Textarea, WebsiteSwitcherProduct, buttonVariants, isValidUrl };

package/dist/index.d.ts

@@ -69,6 +69,36 @@ interface CareersApplyFormProps {
 }
 declare function CareersApplyForm({ productName, recaptchaSiteKey, positions, postings, heroTitle, heroDescription, headingLevel, maxResumeBytes, className, seo, }: CareersApplyFormProps): react_jsx_runtime.JSX.Element;
 
+interface CareersSubmissionFormProps {
+    /** Product name (falls back to product context / SDK config). */
+    productName?: string;
+    /** reCAPTCHA site key (falls back to SDK config). */
+    recaptchaSiteKey?: string;
+    /**
+     * Job postings for the dropdown (e.g. from `usePublicJobPostings`). When
+     * non-empty the selected posting's ID is sent as `jobPostingId` and its
+     * title as `position`. When empty, a free-text "position" input is shown
+     * instead so the form works before a postings list exists.
+     */
+    postings?: readonly CareersPostingOption[];
+    heroTitle?: string;
+    heroDescription?: string;
+    /**
+     * `1` (default) renders a full page hero `<h1>`; `2` renders a compact
+     * `<h2>` section header for embedding under a page that owns the `<h1>`.
+     */
+    headingLevel?: 1 | 2;
+    className?: string;
+    seo?: {
+        title?: string;
+        description?: string;
+        keywords?: string;
+    };
+}
+/** True when `value` parses as an absolute http(s) URL. */
+declare function isValidUrl(value: string): boolean;
+declare function CareersSubmissionForm({ productName, recaptchaSiteKey, postings, heroTitle, heroDescription, headingLevel, className, seo, }: CareersSubmissionFormProps): react_jsx_runtime.JSX.Element;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
@@ -95,4 +125,4 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLP
  */
 declare const ECOSYSTEM_PRODUCTS: WebsiteSwitcherProduct[];
 
-export { Button, type ButtonProps, CareersApplyForm, type CareersApplyFormProps, type CareersPostingOption, ECOSYSTEM_PRODUCTS, Input, Label, Select, Textarea, WebsiteSwitcherProduct, buttonVariants };
+export { Button, type ButtonProps, CareersApplyForm, type CareersApplyFormProps, type CareersPostingOption, CareersSubmissionForm, type CareersSubmissionFormProps, ECOSYSTEM_PRODUCTS, Input, Label, Select, Textarea, WebsiteSwitcherProduct, buttonVariants, isValidUrl };

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
@@ -1977,7 +1977,7 @@ function CareersApplyForm({
               )
             ] }),
             effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx(
-              ReCAPTCHA3__default.default,
+              ReCAPTCHA4__default.default,
               {
                 ref: recaptchaRef,
                 sitekey: effectiveRecaptchaSiteKey
@@ -2002,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")
 });
@@ -2291,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
@@ -2343,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
@@ -2521,7 +2799,7 @@ function NewsletterForm({
                   justifyContent: "flex-start"
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  ReCAPTCHA3__default.default,
+                  ReCAPTCHA4__default.default,
                   {
                     ref: recaptchaRef,
                     sitekey: effectiveRecaptchaSiteKey,
@@ -9267,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;
@@ -9313,6 +9592,7 @@ exports.fetchPublicJobPosting = fetchPublicJobPosting;
 exports.fetchPublicJobPostings = fetchPublicJobPostings;
 exports.formatDownloads = formatDownloads;
 exports.formatPrice = formatPrice2;
+exports.isValidUrl = isValidUrl;
 exports.useContentPage = useContentPage;
 exports.useContentPages = useContentPages;
 exports.useProduct = useProduct;