@burdenoff/website-sdk 2026.1003.1 → 2026.1003.3

package/dist/index.mjs

@@ -345,6 +345,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(
@@ -808,12 +819,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;
     }
@@ -940,6 +953,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: [
@@ -1064,13 +1078,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(
-                  ReCAPTCHA4,
+                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(
+                      ReCAPTCHA4,
+                      {
+                        ref: recaptchaRef,
+                        sitekey: effectiveRecaptchaSiteKey
+                      }
+                    )
                   }
-                ) }),
+                ),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -2791,6 +2812,7 @@ function NewsletterForm({
   const effectiveProductId = product?.id || config.productId;
   const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? productConfig.recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
   const recaptchaRef = useRef(null);
+  const recaptchaGate = useDeferredRecaptcha(effectiveRecaptchaSiteKey);
   const [email, setEmail] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const handleSubmit = async (e) => {
@@ -2801,6 +2823,7 @@ function NewsletterForm({
     }
     const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
     if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      recaptchaGate.arm();
       toast.error("Please complete the reCAPTCHA verification");
       return;
     }
@@ -2839,6 +2862,7 @@ function NewsletterForm({
         onSubmit: handleSubmit,
         className: isInline ? "flex flex-col gap-2" : "flex flex-col gap-2",
         style: { overflow: "visible" },
+        ...recaptchaGate.formProps,
         children: [
           /* @__PURE__ */ jsxs(
             "div",
@@ -2909,9 +2933,10 @@ function NewsletterForm({
                   position: "relative",
                   zIndex: 50,
                   display: "flex",
-                  justifyContent: "flex-start"
+                  justifyContent: "flex-start",
+                  minHeight: RECAPTCHA_WIDGET_HEIGHT
                 },
-                children: /* @__PURE__ */ jsx(
+                children: recaptchaGate.armed && /* @__PURE__ */ jsx(
                   ReCAPTCHA4,
                   {
                     ref: recaptchaRef,
@@ -17073,7 +17098,7 @@ function ProductCard({ product, onClick, href }) {
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: `text-xs font-semibold ${priceLabel === "Free" ? "text-emerald-700" : "text-foreground"}`,
+          className: `text-xs font-semibold ${priceLabel === "Free" ? "text-emerald-700 dark:text-emerald-400" : "text-foreground"}`,
           children: priceLabel
         }
       )
@@ -17325,7 +17350,7 @@ function FeaturedHeroCard({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: `text-sm font-bold flex-shrink-0 ${priceLabel === "Free" ? "text-emerald-700" : "text-foreground"}`,
+                className: `text-sm font-bold flex-shrink-0 ${priceLabel === "Free" ? "text-emerald-700 dark:text-emerald-400" : "text-foreground"}`,
                 children: priceLabel
               }
             )
@@ -17967,7 +17992,7 @@ function FacetList({
         className: `w-full text-left text-sm px-2 py-1 rounded flex items-center justify-between gap-2 transition-colors ${selected === f.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
         children: [
           /* @__PURE__ */ jsx("span", { className: "truncate", children: f.value }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+          /* @__PURE__ */ jsx("span", { className: "text-xs flex-shrink-0", children: f.count })
         ]
       }
     ) }, f.value)) })
@@ -18150,7 +18175,7 @@ function StoreBrowsePage({
               className: `w-full text-left text-sm px-2 py-1.5 rounded flex items-center justify-between gap-2 transition-colors ${category === f.value ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"}`,
               children: [
                 /* @__PURE__ */ jsx("span", { className: "truncate", children: cat?.name ?? f.value }),
-                f.count > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+                f.count > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs flex-shrink-0", children: f.count })
               ]
             },
             f.value
@@ -18198,6 +18223,7 @@ function StoreBrowsePage({
             {
               ref: searchRef,
               type: "search",
+              "aria-label": "Search store items",
               value: inputValue,
               onChange: (e) => setInputValue(e.target.value),
               placeholder: "Search\u2026",
@@ -18217,6 +18243,7 @@ function StoreBrowsePage({
           /* @__PURE__ */ jsx(
             "select",
             {
+              "aria-label": "Sort store items",
               value: sortBy,
               onChange: (e) => setSortBy(e.target.value),
               className: "h-10 rounded-lg border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50",
@@ -18295,6 +18322,7 @@ function StoreBrowsePage({
               }
             )
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h2", { className: "sr-only", children: "Store items" }),
             /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: allProducts.map((product) => /* @__PURE__ */ jsx(
               ProductCard,
               {
@@ -18880,7 +18908,7 @@ function StoreProductDetailPage({
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
                   /* @__PURE__ */ jsx(StarRating, { rating: review.rating }),
-                  review.verifiedPurchase && /* @__PURE__ */ jsx("span", { className: "text-xs text-emerald-700 font-medium", children: "Verified" })
+                  review.verifiedPurchase && /* @__PURE__ */ jsx("span", { className: "text-xs text-emerald-700 dark:text-emerald-400 font-medium", children: "Verified" })
                 ] }),
                 review.title && /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm text-foreground mb-1", children: review.title }),
                 review.comment && /* @__PURE__ */ jsx(Markdown, { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
@@ -18914,7 +18942,7 @@ function StoreProductDetailPage({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: `text-3xl font-extrabold ${priceLabel === "Free" ? "text-emerald-700" : "text-foreground"}`,
+              className: `text-3xl font-extrabold ${priceLabel === "Free" ? "text-emerald-700 dark:text-emerald-400" : "text-foreground"}`,
               children: priceLabel
             }
           ),