@burdenoff/website-sdk 2026.1031.3 → 2026.1101.2

package/dist/chunk-JSLDWYV7.mjs

@@ -0,0 +1,558 @@
+import { useDeferredRecaptcha, RECAPTCHA_WIDGET_HEIGHT } from './chunk-6IBFBWC5.mjs';
+import { Label } from './chunk-WTVTI5TO.mjs';
+import { Input } from './chunk-34RX5P75.mjs';
+import { PageHead } from './chunk-N5EC53MH.mjs';
+import { Button } from './chunk-KHYXK7FG.mjs';
+import { useProduct, useProductConfig } from './chunk-GCFLCO2Z.mjs';
+import { useWebSDK, useWebSDKConfig } from './chunk-5JRJ57CL.mjs';
+import { useRef, useState, useEffect } from 'react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import ReCAPTCHA from 'react-google-recaptcha';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var newsletterSchema = z.object({
+  email: z.string().email("Please enter a valid email address")
+});
+var SUBSCRIBE_MUTATION = (
+  /* GraphQL */
+  `
+  mutation Subscribe($input: SubscribeInput!) {
+    subscribe(input: $input) {
+      id
+      email
+      alreadySubscribed
+      status
+      subscribedAt
+    }
+  }
+`
+);
+async function subscribeNewsletter(client, email, productId, recaptchaToken) {
+  try {
+    const result = await client.mutate(SUBSCRIBE_MUTATION, {
+      input: {
+        email: email.trim().toLowerCase(),
+        platformProductId: productId,
+        metadata: {
+          source: "website",
+          referrer: typeof window !== "undefined" ? window.location.href : "",
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          ...recaptchaToken ? { recaptchaToken } : {}
+        }
+      }
+    });
+    if (result.errors?.length) {
+      const errorMsg = result.errors[0]?.message ?? "Subscription failed";
+      const code = result.errors[0]?.extensions?.code;
+      if (code === "DUPLICATE_SUBSCRIBER" || errorMsg.toLowerCase().includes("already subscribed")) {
+        return {
+          success: true,
+          message: "You are already part of this newsletter."
+        };
+      }
+      return { success: false, message: errorMsg };
+    }
+    if (result.data?.subscribe?.alreadySubscribed) {
+      return {
+        success: true,
+        message: "You are already part of this newsletter."
+      };
+    }
+    return { success: true };
+  } catch (error) {
+    console.error("Newsletter subscription error:", error);
+    return { success: false, message: "Network error. Please try again." };
+  }
+}
+function useRateLimit(maxAttempts, windowMinutes) {
+  const rateLimitRef = useRef(null);
+  const [isLimited, setIsLimited] = useState(false);
+  const [resetTime, setResetTime] = useState(null);
+  useEffect(() => {
+    const state = rateLimitRef.current;
+    if (state && Date.now() > state.resetTime) {
+      rateLimitRef.current = null;
+      setIsLimited(false);
+      setResetTime(null);
+    } else if (state && state.attempts >= maxAttempts) {
+      setIsLimited(true);
+      setResetTime(new Date(state.resetTime));
+    }
+  }, [maxAttempts]);
+  function recordAttempt() {
+    const now = Date.now();
+    const state = rateLimitRef.current;
+    if (state && now > state.resetTime) {
+      rateLimitRef.current = null;
+    }
+    const current = rateLimitRef.current;
+    if (!current) {
+      rateLimitRef.current = {
+        attempts: 1,
+        resetTime: now + windowMinutes * 60 * 1e3
+      };
+      return false;
+    }
+    current.attempts += 1;
+    if (current.attempts >= maxAttempts) {
+      setIsLimited(true);
+      setResetTime(new Date(current.resetTime));
+      return true;
+    }
+    return false;
+  }
+  function checkLimit() {
+    const state = rateLimitRef.current;
+    if (!state) return false;
+    if (Date.now() > state.resetTime) {
+      rateLimitRef.current = null;
+      setIsLimited(false);
+      setResetTime(null);
+      return false;
+    }
+    return state.attempts >= maxAttempts;
+  }
+  return { isLimited, resetTime, recordAttempt, checkLimit };
+}
+function NewsletterPage({
+  productName,
+  layout = "centered",
+  rateLimitAttempts = 3,
+  rateLimitWindowMinutes = 15,
+  heroHeading = "Stay Updated",
+  heroSubtitle = "Subscribe to our newsletter",
+  heroDescription,
+  features,
+  successMessage = "Successfully subscribed to newsletter!",
+  errorMessage = "Failed to subscribe. Please try again.",
+  rateLimitMessage,
+  className,
+  seoTitle,
+  seoDescription,
+  seoKeywords,
+  seoImage,
+  seoUrl,
+  recaptchaSiteKey
+}) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const productConfig = useProductConfig();
+  const effectiveProductId = product?.id || config.productId;
+  const displayName = productName ?? product?.name ?? config.productId;
+  const effectiveRecaptchaSiteKey = recaptchaSiteKey ?? productConfig.recaptchaSiteKey ?? config.recaptchaSiteKey ?? "";
+  const recaptchaRef = useRef(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const { isLimited, resetTime, recordAttempt, checkLimit } = useRateLimit(
+    rateLimitAttempts,
+    rateLimitWindowMinutes
+  );
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+    reset
+  } = useForm({
+    resolver: zodResolver(newsletterSchema)
+  });
+  const onSubmit = async (data) => {
+    const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
+    if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      toast.error("Please complete the reCAPTCHA verification");
+      return;
+    }
+    if (checkLimit()) {
+      toast.error(
+        rateLimitMessage ?? `Too many attempts. Please try again after ${resetTime?.toLocaleTimeString()}`
+      );
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const result = await subscribeNewsletter(
+        client,
+        data.email,
+        effectiveProductId,
+        recaptchaToken || void 0
+      );
+      if (result.success) {
+        if (result.message) {
+          toast.info(result.message);
+        } else {
+          toast.success(successMessage);
+        }
+        reset();
+      } else {
+        toast.error(result.message ?? errorMessage);
+      }
+      recordAttempt();
+      recaptchaRef.current?.reset();
+    } catch (_error) {
+      toast.error(errorMessage);
+      recaptchaRef.current?.reset();
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const defaultFeatures = [
+    {
+      icon: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M13 10V3L4 14h7v7l9-11h-7z"
+            }
+          )
+        }
+      ),
+      title: "Latest Updates",
+      description: "Get the latest news and updates delivered to your inbox"
+    },
+    {
+      icon: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
+            }
+          )
+        }
+      ),
+      title: "Exclusive Content",
+      description: "Access exclusive content and insights not available elsewhere"
+    },
+    {
+      icon: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+            }
+          )
+        }
+      ),
+      title: "Early Access",
+      description: "Be the first to know about new features and product launches"
+    }
+  ];
+  const displayFeatures = features ?? defaultFeatures;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    seoTitle && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription ?? heroDescription ?? heroSubtitle,
+        productName: displayName,
+        keywords: seoKeywords,
+        image: seoImage,
+        url: seoUrl
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className, children: layout === "centered" ? (
+      // Centered Layout
+      /* @__PURE__ */ jsx("div", { className: "min-h-screen flex items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md w-full space-y-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight", children: heroHeading }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-lg text-muted-foreground", children: heroSubtitle }),
+          heroDescription && /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: heroDescription })
+        ] }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email address" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                type: "email",
+                placeholder: "you@example.com",
+                disabled: isSubmitting || isLimited,
+                ...register("email")
+              }
+            ),
+            errors.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
+          ] }),
+          effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+            ReCAPTCHA,
+            {
+              ref: recaptchaRef,
+              sitekey: effectiveRecaptchaSiteKey
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              className: "w-full",
+              disabled: isSubmitting || isLimited,
+              children: isSubmitting ? "Subscribing..." : "Subscribe"
+            }
+          ),
+          isLimited && resetTime && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center", children: [
+            "Rate limit reached. Try again after",
+            " ",
+            resetTime.toLocaleTimeString()
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
+          "By subscribing, you agree to receive emails from ",
+          displayName,
+          ". You can unsubscribe at any time."
+        ] })
+      ] }) })
+    ) : (
+      // Split Layout
+      /* @__PURE__ */ jsxs("div", { className: "min-h-screen grid lg:grid-cols-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-4 py-12 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md w-full space-y-8", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight", children: heroHeading }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-lg text-muted-foreground", children: heroSubtitle }),
+            heroDescription && /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: heroDescription })
+          ] }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email address" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "email",
+                  type: "email",
+                  placeholder: "you@example.com",
+                  disabled: isSubmitting || isLimited,
+                  ...register("email")
+                }
+              ),
+              errors.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
+            ] }),
+            effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx("div", { className: "flex justify-center sm:justify-start", children: /* @__PURE__ */ jsx(
+              ReCAPTCHA,
+              {
+                ref: recaptchaRef,
+                sitekey: effectiveRecaptchaSiteKey
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                className: "w-full",
+                disabled: isSubmitting || isLimited,
+                children: isSubmitting ? "Subscribing..." : "Subscribe"
+              }
+            ),
+            isLimited && resetTime && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center", children: [
+              "Rate limit reached. Try again after",
+              " ",
+              resetTime.toLocaleTimeString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "By subscribing, you agree to receive emails from ",
+            displayName,
+            ". You can unsubscribe at any time."
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "hidden lg:flex items-center justify-center bg-muted px-4 py-12 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md space-y-8", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Why Subscribe?" }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-6", children: displayFeatures.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 text-primary", children: feature.icon }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
+            ] })
+          ] }, index)) })
+        ] }) })
+      ] })
+    ) })
+  ] });
+}
+function NewsletterForm({
+  variant = "inline",
+  showLabel = false,
+  showDescription = false,
+  description = "Subscribe to our newsletter for updates",
+  buttonText = "Subscribe",
+  className = "",
+  recaptchaSiteKey
+}) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const productConfig = useProductConfig();
+  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) => {
+    e.preventDefault();
+    if (!email || !email.includes("@")) {
+      toast.error("Please enter a valid email address");
+      return;
+    }
+    const recaptchaToken = recaptchaRef.current?.getValue() ?? "";
+    if (effectiveRecaptchaSiteKey && !recaptchaToken) {
+      recaptchaGate.arm();
+      toast.error("Please complete the reCAPTCHA verification");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const result = await subscribeNewsletter(
+        client,
+        email,
+        effectiveProductId,
+        recaptchaToken || void 0
+      );
+      if (result.success) {
+        if (result.message) {
+          toast.info(result.message);
+        } else {
+          toast.success("Successfully subscribed!");
+        }
+        setEmail("");
+      } else {
+        toast.error(result.message ?? "Subscription failed");
+      }
+      recaptchaRef.current?.reset();
+    } catch (_error) {
+      toast.error("An error occurred. Please try again.");
+      recaptchaRef.current?.reset();
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const isInline = variant === "inline";
+  return /* @__PURE__ */ jsxs("div", { className, style: { overflow: "visible" }, children: [
+    showDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: description }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: isInline ? "flex flex-col gap-2" : "flex flex-col gap-2",
+        style: { overflow: "visible" },
+        ...recaptchaGate.formProps,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: isInline && !effectiveRecaptchaSiteKey ? "flex gap-2" : "flex flex-col gap-2",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: isInline && !effectiveRecaptchaSiteKey ? "flex-1" : "w-full",
+                    children: [
+                      showLabel && /* @__PURE__ */ jsx(Label, { htmlFor: "newsletter-email", className: "text-sm mb-1 block", children: "Email" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          id: "newsletter-email",
+                          type: "email",
+                          placeholder: "Enter your email",
+                          value: email,
+                          onChange: (e) => setEmail(e.target.value),
+                          disabled: isLoading,
+                          required: true,
+                          className: "w-full"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                !effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "submit",
+                    disabled: isLoading,
+                    className: isInline ? "whitespace-nowrap" : "w-full",
+                    children: isLoading ? "Subscribing..." : buttonText
+                  }
+                )
+              ]
+            }
+          ),
+          effectiveRecaptchaSiteKey && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("style", { children: `
+              body > div[style*="position: absolute"] > div > iframe[title*="recaptcha challenge"],
+              body > div:not([class]):not([id]) > div > iframe[title*="recaptcha"] {
+                position: fixed !important;
+                top: 50% !important;
+                left: 50% !important;
+                transform: translate(-50%, -50%) !important;
+                z-index: 99999 !important;
+              }
+              body > div[style*="position: absolute"]:has(iframe[title*="recaptcha challenge"]) {
+                position: fixed !important;
+                top: 0 !important;
+                left: 0 !important;
+                width: 100vw !important;
+                height: 100vh !important;
+                display: flex !important;
+                align-items: center !important;
+                justify-content: center !important;
+                z-index: 99999 !important;
+                background: rgba(0,0,0,0.3) !important;
+              }
+            ` }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  position: "relative",
+                  zIndex: 50,
+                  display: "flex",
+                  justifyContent: "flex-start",
+                  minHeight: RECAPTCHA_WIDGET_HEIGHT
+                },
+                children: recaptchaGate.armed && /* @__PURE__ */ jsx(
+                  ReCAPTCHA,
+                  {
+                    ref: recaptchaRef,
+                    sitekey: effectiveRecaptchaSiteKey,
+                    size: "normal"
+                  }
+                )
+              }
+            )
+          ] }),
+          effectiveRecaptchaSiteKey && /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isLoading, className: "w-full", children: isLoading ? "Subscribing..." : buttonText })
+        ]
+      }
+    )
+  ] });
+}
+
+export { NewsletterForm, NewsletterPage };
+//# sourceMappingURL=chunk-JSLDWYV7.mjs.map
+//# sourceMappingURL=chunk-JSLDWYV7.mjs.map

package/dist/chunk-JSLDWYV7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/newsletter.tsx"],"names":[],"mappings":"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","file":"chunk-JSLDWYV7.mjs","sourcesContent":["/**\n * Newsletter Component\n * Reusable newsletter subscription component with email validation and rate limiting.\n * Uses GraphQL mutations via the WebSDKClient provider.\n *\n * @example\n * ```tsx\n * import { NewsletterPage } from '@burdenoff/website-sdk/components/newsletter'\n *\n * function Newsletter() {\n *   return (\n *     <NewsletterPage\n *       productName=\"BigConsole\"\n *       layout=\"centered\"\n *       seoTitle=\"Subscribe to Newsletter\"\n *       seoDescription=\"Stay updated with our latest news\"\n *       seoKeywords=\"newsletter, updates, news\"\n *     />\n *   )\n * }\n * ```\n */\n\n\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\n\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport { z } from \"zod\";\n\nimport { useWebSDK, useWebSDKConfig } from \"../client/provider\";\nimport {\n  RECAPTCHA_WIDGET_HEIGHT,\n  useDeferredRecaptcha,\n} from \"../hooks/use-deferred-recaptcha\";\nimport { useProduct, useProductConfig } from \"../product/product-provider\";\nimport { PageHead } from \"../seo/page-head\";\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\n\nimport type { WebSDKClient } from \"../client/graphql-client\";\n\n// ============================================================================\n// TYPES & INTERFACES\n// ============================================================================\n\n/**\n * Newsletter page component configuration props\n */\nexport interface NewsletterPageProps {\n  /**\n   * Product name (used in title and branding).\n   * Falls back to SDK config productId if not provided.\n   */\n  productName?: string;\n  /**\n   * Layout variant\n   * @default 'centered'\n   */\n  layout?: \"centered\" | \"split\";\n  /**\n   * Rate limit attempts\n   * @default 3\n   */\n  rateLimitAttempts?: number;\n  /**\n   * Rate limit window in minutes\n   * @default 15\n   */\n  rateLimitWindowMinutes?: number;\n  /**\n   * Hero section heading\n   * @default 'Stay Updated'\n   */\n  heroHeading?: string;\n  /**\n   * Hero section subtitle\n   * @default 'Subscribe to our newsletter'\n   */\n  heroSubtitle?: string;\n  /**\n   * Hero section description\n   */\n  heroDescription?: string;\n  /**\n   * Features to display (for split layout)\n   */\n  features?: Array<{\n    icon: React.ReactNode;\n    title: string;\n    description: string;\n  }>;\n  /**\n   * Success message after subscription\n   * @default 'Successfully subscribed to newsletter!'\n   */\n  successMessage?: string;\n  /**\n   * Error message on failure\n   * @default 'Failed to subscribe. Please try again.'\n   */\n  errorMessage?: string;\n  /**\n   * Rate limit error message\n   */\n  rateLimitMessage?: string;\n  /**\n   * Custom CSS class for container\n   */\n  className?: string;\n  /**\n   * SEO: Page title (optional, for SEO meta tags)\n   */\n  seoTitle?: string;\n  /**\n   * SEO: Page description (optional, for SEO meta tags)\n   */\n  seoDescription?: string;\n  /**\n   * SEO: Keywords (optional, for SEO meta tags)\n   */\n  seoKeywords?: string;\n  /**\n   * SEO: OG Image URL (optional, for SEO meta tags)\n   */\n  seoImage?: string;\n  /**\n   * SEO: Canonical URL (optional, for SEO meta tags)\n   */\n  seoUrl?: string;\n  /**\n   * reCAPTCHA site key (optional, falls back to SDK config)\n   */\n  recaptchaSiteKey?: string;\n}\n\ninterface RateLimitState {\n  attempts: number;\n  resetTime: number;\n}\n\n// ============================================================================\n// VALIDATION SCHEMA\n// ============================================================================\n\nconst newsletterSchema = z.object({\n  email: z.string().email(\"Please enter a valid email address\"),\n});\n\ntype NewsletterFormData = z.infer<typeof newsletterSchema>;\n\n// ============================================================================\n// GRAPHQL MUTATION\n// ============================================================================\n\nconst SUBSCRIBE_MUTATION = /* GraphQL */ `\n  mutation Subscribe($input: SubscribeInput!) {\n    subscribe(input: $input) {\n      id\n      email\n      alreadySubscribed\n      status\n      subscribedAt\n    }\n  }\n`;\n\n// ============================================================================\n// API SERVICE\n// ============================================================================\n\nasync function subscribeNewsletter(\n  client: WebSDKClient,\n  email: string,\n  productId: string,\n  recaptchaToken?: string,\n): Promise<{ success: boolean; message?: string }> {\n  try {\n    const result = await client.mutate<{\n      subscribe: {\n        id: string;\n        email: string;\n        status: string;\n        alreadySubscribed?: boolean;\n      };\n    }>(SUBSCRIBE_MUTATION, {\n      input: {\n        email: email.trim().toLowerCase(),\n        platformProductId: productId,\n        metadata: {\n          source: \"website\",\n          referrer: typeof window !== \"undefined\" ? window.location.href : \"\",\n          timestamp: new Date().toISOString(),\n          ...(recaptchaToken ? { recaptchaToken } : {}),\n        },\n      },\n    });\n\n    if (result.errors?.length) {\n      const errorMsg = result.errors[0]?.message ?? \"Subscription failed\";\n      const code = (result.errors[0] as { extensions?: { code?: string } })\n        ?.extensions?.code;\n      if (\n        code === \"DUPLICATE_SUBSCRIBER\" ||\n        errorMsg.toLowerCase().includes(\"already subscribed\")\n      ) {\n        return {\n          success: true,\n          message: \"You are already part of this newsletter.\",\n        };\n      }\n      return { success: false, message: errorMsg };\n    }\n\n    if (result.data?.subscribe?.alreadySubscribed) {\n      return {\n        success: true,\n        message: \"You are already part of this newsletter.\",\n      };\n    }\n\n    return { success: true };\n  } catch (error) {\n    console.error(\"Newsletter subscription error:\", error);\n    return { success: false, message: \"Network error. Please try again.\" };\n  }\n}\n\n// ============================================================================\n// RATE LIMITING (in-memory for SSR compatibility)\n// ============================================================================\n\nfunction useRateLimit(maxAttempts: number, windowMinutes: number) {\n  const rateLimitRef = useRef<RateLimitState | null>(null);\n  const [isLimited, setIsLimited] = useState(false);\n  const [resetTime, setResetTime] = useState<Date | null>(null);\n\n  useEffect(() => {\n    // Check if existing rate limit has expired on mount\n    const state = rateLimitRef.current;\n    if (state && Date.now() > state.resetTime) {\n      rateLimitRef.current = null;\n      setIsLimited(false);\n      setResetTime(null);\n    } else if (state && state.attempts >= maxAttempts) {\n      setIsLimited(true);\n      setResetTime(new Date(state.resetTime));\n    }\n  }, [maxAttempts]);\n\n  function recordAttempt(): boolean {\n    const now = Date.now();\n    const state = rateLimitRef.current;\n\n    // Reset if window expired\n    if (state && now > state.resetTime) {\n      rateLimitRef.current = null;\n    }\n\n    const current = rateLimitRef.current;\n\n    if (!current) {\n      rateLimitRef.current = {\n        attempts: 1,\n        resetTime: now + windowMinutes * 60 * 1000,\n      };\n      return false;\n    }\n\n    current.attempts += 1;\n\n    if (current.attempts >= maxAttempts) {\n      setIsLimited(true);\n      setResetTime(new Date(current.resetTime));\n      return true;\n    }\n\n    return false;\n  }\n\n  function checkLimit(): boolean {\n    const state = rateLimitRef.current;\n    if (!state) return false;\n    if (Date.now() > state.resetTime) {\n      rateLimitRef.current = null;\n      setIsLimited(false);\n      setResetTime(null);\n      return false;\n    }\n    return state.attempts >= maxAttempts;\n  }\n\n  return { isLimited, resetTime, recordAttempt, checkLimit };\n}\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\nexport function NewsletterPage({\n  productName,\n  layout = \"centered\",\n  rateLimitAttempts = 3,\n  rateLimitWindowMinutes = 15,\n  heroHeading = \"Stay Updated\",\n  heroSubtitle = \"Subscribe to our newsletter\",\n  heroDescription,\n  features,\n  successMessage = \"Successfully subscribed to newsletter!\",\n  errorMessage = \"Failed to subscribe. Please try again.\",\n  rateLimitMessage,\n  className,\n  seoTitle,\n  seoDescription,\n  seoKeywords,\n  seoImage,\n  seoUrl,\n  recaptchaSiteKey,\n}: NewsletterPageProps) {\n  const client = useWebSDK();\n  const config = useWebSDKConfig();\n  const { product } = useProduct();\n  const productConfig = useProductConfig();\n  const effectiveProductId = product?.id || config.productId;\n  const displayName = productName ?? product?.name ?? config.productId;\n  const effectiveRecaptchaSiteKey =\n    recaptchaSiteKey ??\n    productConfig.recaptchaSiteKey ??\n    config.recaptchaSiteKey ??\n    \"\";\n\n  const recaptchaRef = useRef<ReCAPTCHA>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const { isLimited, resetTime, recordAttempt, checkLimit } = useRateLimit(\n    rateLimitAttempts,\n    rateLimitWindowMinutes,\n  );\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n    reset,\n  } = useForm<NewsletterFormData>({\n    resolver: zodResolver(newsletterSchema),\n  });\n\n  const onSubmit = async (data: NewsletterFormData) => {\n    // Check reCAPTCHA\n    const recaptchaToken = recaptchaRef.current?.getValue() ?? \"\";\n    if (effectiveRecaptchaSiteKey && !recaptchaToken) {\n      toast.error(\"Please complete the reCAPTCHA verification\");\n      return;\n    }\n\n    // Check rate limit\n    if (checkLimit()) {\n      toast.error(\n        rateLimitMessage ??\n          `Too many attempts. Please try again after ${resetTime?.toLocaleTimeString()}`,\n      );\n      return;\n    }\n\n    setIsSubmitting(true);\n\n    try {\n      const result = await subscribeNewsletter(\n        client,\n        data.email,\n        effectiveProductId,\n        recaptchaToken || undefined,\n      );\n\n      if (result.success) {\n        if (result.message) {\n          toast.info(result.message);\n        } else {\n          toast.success(successMessage);\n        }\n        reset();\n      } else {\n        toast.error(result.message ?? errorMessage);\n      }\n\n      // Record the attempt for rate limiting\n      recordAttempt();\n      recaptchaRef.current?.reset();\n    } catch (_error) {\n      toast.error(errorMessage);\n      recaptchaRef.current?.reset();\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const defaultFeatures = [\n    {\n      icon: (\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n          />\n        </svg>\n      ),\n      title: \"Latest Updates\",\n      description: \"Get the latest news and updates delivered to your inbox\",\n    },\n    {\n      icon: (\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"\n          />\n        </svg>\n      ),\n      title: \"Exclusive Content\",\n      description:\n        \"Access exclusive content and insights not available elsewhere\",\n    },\n    {\n      icon: (\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\n          />\n        </svg>\n      ),\n      title: \"Early Access\",\n      description:\n        \"Be the first to know about new features and product launches\",\n    },\n  ];\n\n  const displayFeatures = features ?? defaultFeatures;\n\n  return (\n    <>\n      {/* SEO Meta Tags */}\n      {seoTitle && (\n        <PageHead\n          title={seoTitle}\n          description={seoDescription ?? heroDescription ?? heroSubtitle}\n          productName={displayName}\n          keywords={seoKeywords}\n          image={seoImage}\n          url={seoUrl}\n        />\n      )}\n\n      <div className={className}>\n        {layout === \"centered\" ? (\n          // Centered Layout\n          <div className=\"min-h-screen flex items-center justify-center px-4 py-12\">\n            <div className=\"max-w-md w-full space-y-8\">\n              {/* Header */}\n              <div className=\"text-center\">\n                <h1 className=\"text-4xl font-bold tracking-tight\">\n                  {heroHeading}\n                </h1>\n                <p className=\"mt-2 text-lg text-muted-foreground\">\n                  {heroSubtitle}\n                </p>\n                {heroDescription && (\n                  <p className=\"mt-4 text-sm text-muted-foreground\">\n                    {heroDescription}\n                  </p>\n                )}\n              </div>\n\n              {/* Form */}\n              <form onSubmit={handleSubmit(onSubmit)} className=\"space-y-6\">\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"email\">Email address</Label>\n                  <Input\n                    id=\"email\"\n                    type=\"email\"\n                    placeholder=\"you@example.com\"\n                    disabled={isSubmitting || isLimited}\n                    {...register(\"email\")}\n                  />\n                  {errors.email && (\n                    <p className=\"text-sm text-destructive\">\n                      {errors.email.message}\n                    </p>\n                  )}\n                </div>\n\n                {effectiveRecaptchaSiteKey && (\n                  <div className=\"flex justify-center\">\n                    <ReCAPTCHA\n                      ref={recaptchaRef}\n                      sitekey={effectiveRecaptchaSiteKey}\n                    />\n                  </div>\n                )}\n\n                <Button\n                  type=\"submit\"\n                  className=\"w-full\"\n                  disabled={isSubmitting || isLimited}\n                >\n                  {isSubmitting ? \"Subscribing...\" : \"Subscribe\"}\n                </Button>\n\n                {isLimited && resetTime && (\n                  <p className=\"text-sm text-muted-foreground text-center\">\n                    Rate limit reached. Try again after{\" \"}\n                    {resetTime.toLocaleTimeString()}\n                  </p>\n                )}\n              </form>\n\n              {/* Privacy Notice */}\n              <p className=\"text-xs text-muted-foreground text-center\">\n                By subscribing, you agree to receive emails from {displayName}.\n                You can unsubscribe at any time.\n              </p>\n            </div>\n          </div>\n        ) : (\n          // Split Layout\n          <div className=\"min-h-screen grid lg:grid-cols-2\">\n            {/* Left Column - Form */}\n            <div className=\"flex items-center justify-center px-4 py-12 sm:px-6 lg:px-8\">\n              <div className=\"max-w-md w-full space-y-8\">\n                {/* Header */}\n                <div>\n                  <h1 className=\"text-4xl font-bold tracking-tight\">\n                    {heroHeading}\n                  </h1>\n                  <p className=\"mt-2 text-lg text-muted-foreground\">\n                    {heroSubtitle}\n                  </p>\n                  {heroDescription && (\n                    <p className=\"mt-4 text-sm text-muted-foreground\">\n                      {heroDescription}\n                    </p>\n                  )}\n                </div>\n\n                {/* Form */}\n                <form onSubmit={handleSubmit(onSubmit)} className=\"space-y-6\">\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"email\">Email address</Label>\n                    <Input\n                      id=\"email\"\n                      type=\"email\"\n                      placeholder=\"you@example.com\"\n                      disabled={isSubmitting || isLimited}\n                      {...register(\"email\")}\n                    />\n                    {errors.email && (\n                      <p className=\"text-sm text-destructive\">\n                        {errors.email.message}\n                      </p>\n                    )}\n                  </div>\n\n                  {effectiveRecaptchaSiteKey && (\n                    <div className=\"flex justify-center sm:justify-start\">\n                      <ReCAPTCHA\n                        ref={recaptchaRef}\n                        sitekey={effectiveRecaptchaSiteKey}\n                      />\n                    </div>\n                  )}\n\n                  <Button\n                    type=\"submit\"\n                    className=\"w-full\"\n                    disabled={isSubmitting || isLimited}\n                  >\n                    {isSubmitting ? \"Subscribing...\" : \"Subscribe\"}\n                  </Button>\n\n                  {isLimited && resetTime && (\n                    <p className=\"text-sm text-muted-foreground text-center\">\n                      Rate limit reached. Try again after{\" \"}\n                      {resetTime.toLocaleTimeString()}\n                    </p>\n                  )}\n                </form>\n\n                {/* Privacy Notice */}\n                <p className=\"text-xs text-muted-foreground\">\n                  By subscribing, you agree to receive emails from {displayName}\n                  . You can unsubscribe at any time.\n                </p>\n              </div>\n            </div>\n\n            {/* Right Column - Features */}\n            <div className=\"hidden lg:flex items-center justify-center bg-muted px-4 py-12 sm:px-6 lg:px-8\">\n              <div className=\"max-w-md space-y-8\">\n                <h2 className=\"text-2xl font-bold\">Why Subscribe?</h2>\n                <div className=\"space-y-6\">\n                  {displayFeatures.map((feature, index) => (\n                    <div key={index} className=\"flex gap-4\">\n                      <div className=\"flex-shrink-0 text-primary\">\n                        {feature.icon}\n                      </div>\n                      <div>\n                        <h3 className=\"font-semibold\">{feature.title}</h3>\n                        <p className=\"text-sm text-muted-foreground\">\n                          {feature.description}\n                        </p>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\n// ============================================================================\n// NEWSLETTER FORM (Inline Component)\n// ============================================================================\n\nexport interface NewsletterFormProps {\n  /**\n   * Layout variant\n   * @default 'inline'\n   */\n  variant?: \"inline\" | \"stacked\";\n  /**\n   * Show email label\n   * @default false\n   */\n  showLabel?: boolean;\n  /**\n   * Show description text\n   * @default false\n   */\n  showDescription?: boolean;\n  /**\n   * Description text\n   * @default 'Subscribe to our newsletter for updates'\n   */\n  description?: string;\n  /**\n   * Button text\n   * @default 'Subscribe'\n   */\n  buttonText?: string;\n  /**\n   * Custom CSS class\n   */\n  className?: string;\n  /**\n   * reCAPTCHA site key (optional, falls back to SDK config)\n   */\n  recaptchaSiteKey?: string;\n}\n\n/**\n * Lightweight newsletter subscription form for inline use (e.g., footers)\n */\nexport function NewsletterForm({\n  variant = \"inline\",\n  showLabel = false,\n  showDescription = false,\n  description = \"Subscribe to our newsletter for updates\",\n  buttonText = \"Subscribe\",\n  className = \"\",\n  recaptchaSiteKey,\n}: NewsletterFormProps) {\n  const client = useWebSDK();\n  const config = useWebSDKConfig();\n  const { product } = useProduct();\n  const productConfig = useProductConfig();\n  const effectiveProductId = product?.id || config.productId;\n  const effectiveRecaptchaSiteKey =\n    recaptchaSiteKey ??\n    productConfig.recaptchaSiteKey ??\n    config.recaptchaSiteKey ??\n    \"\";\n\n  const recaptchaRef = useRef<ReCAPTCHA>(null);\n  const recaptchaGate = useDeferredRecaptcha(effectiveRecaptchaSiteKey);\n  const [email, setEmail] = useState(\"\");\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!email || !email.includes(\"@\")) {\n      toast.error(\"Please enter a valid email address\");\n      return;\n    }\n\n    // Check reCAPTCHA\n    const recaptchaToken = recaptchaRef.current?.getValue() ?? \"\";\n    if (effectiveRecaptchaSiteKey && !recaptchaToken) {\n      recaptchaGate.arm();\n      toast.error(\"Please complete the reCAPTCHA verification\");\n      return;\n    }\n\n    setIsLoading(true);\n\n    try {\n      const result = await subscribeNewsletter(\n        client,\n        email,\n        effectiveProductId,\n        recaptchaToken || undefined,\n      );\n\n      if (result.success) {\n        if (result.message) {\n          toast.info(result.message);\n        } else {\n          toast.success(\"Successfully subscribed!\");\n        }\n        setEmail(\"\");\n      } else {\n        toast.error(result.message ?? \"Subscription failed\");\n      }\n      recaptchaRef.current?.reset();\n    } catch (_error) {\n      toast.error(\"An error occurred. Please try again.\");\n      recaptchaRef.current?.reset();\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const isInline = variant === \"inline\";\n\n  return (\n    <div className={className} style={{ overflow: \"visible\" }}>\n      {showDescription && (\n        <p className=\"text-sm text-muted-foreground mb-3\">{description}</p>\n      )}\n      <form\n        onSubmit={handleSubmit}\n        className={isInline ? \"flex flex-col gap-2\" : \"flex flex-col gap-2\"}\n        style={{ overflow: \"visible\" }}\n        {...recaptchaGate.formProps}\n      >\n        <div\n          className={\n            isInline && !effectiveRecaptchaSiteKey\n              ? \"flex gap-2\"\n              : \"flex flex-col gap-2\"\n          }\n        >\n          <div\n            className={\n              isInline && !effectiveRecaptchaSiteKey ? \"flex-1\" : \"w-full\"\n            }\n          >\n            {showLabel && (\n              <Label htmlFor=\"newsletter-email\" className=\"text-sm mb-1 block\">\n                Email\n              </Label>\n            )}\n            <Input\n              id=\"newsletter-email\"\n              type=\"email\"\n              placeholder=\"Enter your email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              disabled={isLoading}\n              required\n              className=\"w-full\"\n            />\n          </div>\n          {!effectiveRecaptchaSiteKey && (\n            <Button\n              type=\"submit\"\n              disabled={isLoading}\n              className={isInline ? \"whitespace-nowrap\" : \"w-full\"}\n            >\n              {isLoading ? \"Subscribing...\" : buttonText}\n            </Button>\n          )}\n        </div>\n        {effectiveRecaptchaSiteKey && (\n          <>\n            <style>{`\n              body > div[style*=\"position: absolute\"] > div > iframe[title*=\"recaptcha challenge\"],\n              body > div:not([class]):not([id]) > div > iframe[title*=\"recaptcha\"] {\n                position: fixed !important;\n                top: 50% !important;\n                left: 50% !important;\n                transform: translate(-50%, -50%) !important;\n                z-index: 99999 !important;\n              }\n              body > div[style*=\"position: absolute\"]:has(iframe[title*=\"recaptcha challenge\"]) {\n                position: fixed !important;\n                top: 0 !important;\n                left: 0 !important;\n                width: 100vw !important;\n                height: 100vh !important;\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n                z-index: 99999 !important;\n                background: rgba(0,0,0,0.3) !important;\n              }\n            `}</style>\n            <div\n              style={{\n                position: \"relative\",\n                zIndex: 50,\n                display: \"flex\",\n                justifyContent: \"flex-start\",\n                minHeight: RECAPTCHA_WIDGET_HEIGHT,\n              }}\n            >\n              {/* Normal size (not the cramped compact square), left-aligned to\n                  the form fields' edge so it reads as a standard checkbox.\n                  Mounted on first engagement — see useDeferredRecaptcha. */}\n              {recaptchaGate.armed && (\n                <ReCAPTCHA\n                  ref={recaptchaRef}\n                  sitekey={effectiveRecaptchaSiteKey}\n                  size=\"normal\"\n                />\n              )}\n            </div>\n          </>\n        )}\n        {effectiveRecaptchaSiteKey && (\n          <Button type=\"submit\" disabled={isLoading} className=\"w-full\">\n            {isLoading ? \"Subscribing...\" : buttonText}\n          </Button>\n        )}\n      </form>\n    </div>\n  );\n}\n"]}