@burdenoff/website-sdk 2026.1003.1 → 2026.1003.3

package/dist/index.d.mts

@@ -791,7 +791,7 @@ declare function formatAnswerDate(value: string, locale: ExploreLocale): string;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/index.d.ts

@@ -791,7 +791,7 @@ declare function formatAnswerDate(value: string, locale: ExploreLocale): string;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/index.js

@@ -375,6 +375,17 @@ function useWebSDKConfig() {
   const client = useWebSDK();
   return client.getConfig();
 }
+var RECAPTCHA_WIDGET_HEIGHT = 78;
+function useDeferredRecaptcha(siteKey) {
+  const [engaged, setEngaged] = React.useState(false);
+  const arm = React.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(
@@ -838,12 +849,14 @@ function ContactPage({
   const displayName = productName ?? product?.name ?? config.productId;
   const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? product?.recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
   const recaptchaRef = React.useRef(null);
+  const recaptchaGate = useDeferredRecaptcha(effectiveRecaptchaSiteKey);
   const [isSubmitting, setIsSubmitting] = React.useState(false);
   const [submitStatus, setSubmitStatus] = React.useState("idle");
   const handleSubmit = async (e) => {
     e.preventDefault();
     const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
     if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      recaptchaGate.arm();
       sonner.toast.error("Please complete the reCAPTCHA verification");
       return;
     }
@@ -970,6 +983,7 @@ function ContactPage({
           {
             onSubmit: handleSubmit,
             className: "space-y-4 sm:space-y-6",
+            ...recaptchaGate.formProps,
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid sm:grid-cols-2 gap-4 sm:gap-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
@@ -1094,13 +1108,20 @@ 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(
-                  ReCAPTCHA4__default.default,
+                effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
                   {
-                    ref: recaptchaRef,
-                    sitekey: effectiveRecaptchaSiteKey
+                    className: "flex justify-center sm:justify-start",
+                    style: { minHeight: RECAPTCHA_WIDGET_HEIGHT },
+                    children: recaptchaGate.armed && /* @__PURE__ */ jsxRuntime.jsx(
+                      ReCAPTCHA4__default.default,
+                      {
+                        ref: recaptchaRef,
+                        sitekey: effectiveRecaptchaSiteKey
+                      }
+                    )
                   }
-                ) }),
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
@@ -2821,6 +2842,7 @@ function NewsletterForm({
   const effectiveProductId = product?.id || config.productId;
   const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? productConfig.recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
   const recaptchaRef = React.useRef(null);
+  const recaptchaGate = useDeferredRecaptcha(effectiveRecaptchaSiteKey);
   const [email, setEmail] = React.useState("");
   const [isLoading, setIsLoading] = React.useState(false);
   const handleSubmit = async (e) => {
@@ -2831,6 +2853,7 @@ function NewsletterForm({
     }
     const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
     if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      recaptchaGate.arm();
       sonner.toast.error("Please complete the reCAPTCHA verification");
       return;
     }
@@ -2869,6 +2892,7 @@ function NewsletterForm({
         onSubmit: handleSubmit,
         className: isInline ? "flex flex-col gap-2" : "flex flex-col gap-2",
         style: { overflow: "visible" },
+        ...recaptchaGate.formProps,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
@@ -2939,9 +2963,10 @@ function NewsletterForm({
                   position: "relative",
                   zIndex: 50,
                   display: "flex",
-                  justifyContent: "flex-start"
+                  justifyContent: "flex-start",
+                  minHeight: RECAPTCHA_WIDGET_HEIGHT
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: recaptchaGate.armed && /* @__PURE__ */ jsxRuntime.jsx(
                   ReCAPTCHA4__default.default,
                   {
                     ref: recaptchaRef,
@@ -17103,7 +17128,7 @@ function ProductCard({ product, onClick, href }) {
       /* @__PURE__ */ jsxRuntime.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
         }
       )
@@ -17355,7 +17380,7 @@ function FeaturedHeroCard({
             /* @__PURE__ */ jsxRuntime.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
               }
             )
@@ -17997,7 +18022,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__ */ jsxRuntime.jsx("span", { className: "truncate", children: f.value }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs flex-shrink-0", children: f.count })
         ]
       }
     ) }, f.value)) })
@@ -18180,7 +18205,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__ */ jsxRuntime.jsx("span", { className: "truncate", children: cat?.name ?? f.value }),
-                f.count > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60 flex-shrink-0", children: f.count })
+                f.count > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs flex-shrink-0", children: f.count })
               ]
             },
             f.value
@@ -18228,6 +18253,7 @@ function StoreBrowsePage({
             {
               ref: searchRef,
               type: "search",
+              "aria-label": "Search store items",
               value: inputValue,
               onChange: (e) => setInputValue(e.target.value),
               placeholder: "Search\u2026",
@@ -18247,6 +18273,7 @@ function StoreBrowsePage({
           /* @__PURE__ */ jsxRuntime.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",
@@ -18325,6 +18352,7 @@ function StoreBrowsePage({
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sr-only", children: "Store items" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4", children: allProducts.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
               ProductCard,
               {
@@ -18910,7 +18938,7 @@ function StoreProductDetailPage({
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating }),
-                  review.verifiedPurchase && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-emerald-700 font-medium", children: "Verified" })
+                  review.verifiedPurchase && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-emerald-700 dark:text-emerald-400 font-medium", children: "Verified" })
                 ] }),
                 review.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm text-foreground mb-1", children: review.title }),
                 review.comment && /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
@@ -18944,7 +18972,7 @@ function StoreProductDetailPage({
           /* @__PURE__ */ jsxRuntime.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
             }
           ),