@burdenoff/website-sdk 2026.817.2 → 2026.824.1

package/dist/index.mjs

@@ -1155,16 +1155,38 @@ var PUBLIC_CONTENT_PAGES_QUERY = `
     }
   }
 `;
+function resolveContentPageGate(resolvedProductId, hasProvider, productLoading) {
+  if (resolvedProductId) return "fetch";
+  return hasProvider && productLoading ? "wait" : "unavailable";
+}
 function useContentPage(slug, options) {
   const client = useWebSDK();
   const config = useWebSDKConfig();
-  const { product } = useProduct();
+  const {
+    product,
+    loading: productLoading,
+    error: productError,
+    hasProvider
+  } = useProduct();
   const resolvedProductId = product?.id || config.productId;
+  const gate = resolveContentPageGate(
+    resolvedProductId,
+    hasProvider,
+    productLoading
+  );
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   const fetchPage = useCallback(async () => {
-    if (!resolvedProductId) return;
+    if (gate === "wait") return;
+    if (gate === "unavailable") {
+      setData(null);
+      setError(
+        productError ?? "Product unavailable \u2014 cannot load content page"
+      );
+      setLoading(false);
+      return;
+    }
     setLoading(true);
     setError(null);
     try {
@@ -1189,7 +1211,7 @@ function useContentPage(slug, options) {
     } finally {
       setLoading(false);
     }
-  }, [client, resolvedProductId, slug, options?.resolve]);
+  }, [client, gate, productError, resolvedProductId, slug, options?.resolve]);
   useEffect(() => {
     fetchPage();
   }, [fetchPage]);
@@ -2027,6 +2049,7 @@ var NO_APPLICATION_HINT = "Please use the same email address you applied with \u
 function isNoApplicationError(message) {
   return /no application|not found/i.test(message);
 }
+var OTHER_POSITION = "__other__";
 function CareersSubmissionForm({
   productName,
   recaptchaSiteKey,
@@ -2046,6 +2069,9 @@ function CareersSubmissionForm({
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [submittedMessage, setSubmittedMessage] = useState(null);
   const [formError, setFormError] = useState(null);
+  const [useFreeTextPosition, setUseFreeTextPosition] = useState(
+    postings.length === 0
+  );
   const handleSubmit = async (e) => {
     e.preventDefault();
     setFormError(null);
@@ -2062,7 +2088,7 @@ function CareersSubmissionForm({
     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 selectedPosting = postings.length > 0 && !useFreeTextPosition ? 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.");
@@ -2162,28 +2188,53 @@ function CareersSubmissionForm({
             ] }),
             /* @__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"
-                }
-              )
+              postings.length > 0 && !useFreeTextPosition ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    id: "position",
+                    name: "position",
+                    required: true,
+                    defaultValue: "",
+                    onChange: (e) => {
+                      if (e.target.value === OTHER_POSITION) {
+                        setUseFreeTextPosition(true);
+                      }
+                    },
+                    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("option", { value: OTHER_POSITION, children: "My role isn't listed" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+                  "Applied to a role that's since closed? Choose",
+                  " ",
+                  /* @__PURE__ */ jsx("em", { children: "My role isn't listed" }),
+                  " and type it in \u2014 you can still submit."
+                ] })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "position",
+                    name: "position",
+                    required: true,
+                    placeholder: "Role you applied for"
+                  }
+                ),
+                postings.length > 0 && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setUseFreeTextPosition(false),
+                    className: "mt-1 text-xs text-accent hover:underline",
+                    children: "Choose from open roles instead"
+                  }
+                )
+              ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "repoUrl", children: "GitHub repository URL *" }),