@burdenoff/website-sdk 2026.1003.1 → 2026.1003.3

package/dist/components/partners.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createContext, useState, useEffect, useContext, useRef } from 'react';
+import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
 import { Mail, Phone, MapPin, Clock, Send, FileText, Download } from 'lucide-react';
 import ReCAPTCHA from 'react-google-recaptcha';
 import { toast } from 'sonner';
@@ -242,6 +242,17 @@ function useWebSDKConfig() {
   const client = useWebSDK();
   return client.getConfig();
 }
+var RECAPTCHA_WIDGET_HEIGHT = 78;
+function useDeferredRecaptcha(siteKey) {
+  const [engaged, setEngaged] = useState(false);
+  const arm = useCallback(() => setEngaged(true), []);
+  const enabled = siteKey.length > 0;
+  return {
+    armed: enabled && engaged,
+    arm,
+    formProps: enabled && !engaged ? { onFocus: arm, onPointerDown: arm } : {}
+  };
+}
 
 // src/utils/product-slug.ts
 var PRODUCT_SLUG_RENAMES = Object.freeze(
@@ -545,12 +556,14 @@ function ContactPage({
   const displayName = productName ?? product?.name ?? config.productId;
   const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? product?.recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
   const recaptchaRef = useRef(null);
+  const recaptchaGate = useDeferredRecaptcha(effectiveRecaptchaSiteKey);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [submitStatus, setSubmitStatus] = useState("idle");
   const handleSubmit = async (e) => {
     e.preventDefault();
     const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
     if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      recaptchaGate.arm();
       toast.error("Please complete the reCAPTCHA verification");
       return;
     }
@@ -677,6 +690,7 @@ function ContactPage({
           {
             onSubmit: handleSubmit,
             className: "space-y-4 sm:space-y-6",
+            ...recaptchaGate.formProps,
             children: [
               /* @__PURE__ */ jsxs("div", { className: "grid sm:grid-cols-2 gap-4 sm:gap-6", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -801,13 +815,20 @@ function ContactPage({
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx("div", { className: "flex justify-center sm:justify-start", children: /* @__PURE__ */ jsx(
-                  ReCAPTCHA,
+                effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx(
+                  "div",
                   {
-                    ref: recaptchaRef,
-                    sitekey: effectiveRecaptchaSiteKey
+                    className: "flex justify-center sm:justify-start",
+                    style: { minHeight: RECAPTCHA_WIDGET_HEIGHT },
+                    children: recaptchaGate.armed && /* @__PURE__ */ jsx(
+                      ReCAPTCHA,
+                      {
+                        ref: recaptchaRef,
+                        sitekey: effectiveRecaptchaSiteKey
+                      }
+                    )
                   }
-                ) }),
+                ),
                 /* @__PURE__ */ jsx(
                   Button,
                   {