@burdenoff/website-sdk 2026.1101.1 → 2026.1101.2

package/dist/chunk-QMA6U6AU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/analytics/rybbit.tsx"],"names":["useEffect"],"mappings":";;;;AAoDO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA,SAAA,GAAY,+CAAA;AAAA,EACZ,OAAA,GAAU;AACZ,CAAA,EAAyB;AACvB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AAGzB,IAAA,MAAM,iBAAiB,QAAA,CAAS,aAAA;AAAA,MAC9B,wBAAwB,MAAM,CAAA,EAAA;AAAA,KAChC;AACA,IAAA,IAAI,cAAA,EAAgB;AAQpB,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,IAAA,MAAA,CAAO,GAAA,GAAM,SAAA;AACb,IAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,IAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,IAAA,MAAA,CAAO,YAAA,CAAa,gBAAgB,MAAM,CAAA;AAC1C,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAGhC,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,iBAAiB,QAAA,CAAS,aAAA;AAAA,QAC9B,wBAAwB,MAAM,CAAA,EAAA;AAAA,OAChC;AACA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,cAAc,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAA,EAAW,OAAO,CAAC,CAAA;AAG/B,EAAA,OAAO,IAAA;AACT","file":"chunk-QMA6U6AU.js","sourcesContent":["/**\n * Rybbit Analytics Component\n *\n * Injects the Rybbit tracking script into the page head.\n * Works with both Vite (CSR) and Next.js (SSR/CSR) applications.\n *\n * @example\n * ```tsx\n * // In your app layout or root component\n * import { RybbitAnalytics } from '@burdenoff/website-sdk/analytics'\n *\n * function App() {\n *   return (\n *     <>\n *       <RybbitAnalytics siteId=\"1\" />\n *       <Router>...</Router>\n *     </>\n *   )\n * }\n * ```\n */\n\"use client\";\n\nimport { useEffect } from \"react\";\n\nexport interface RybbitAnalyticsProps {\n  /**\n   * Rybbit site ID (obtained from the Rybbit dashboard)\n   */\n  siteId: string;\n\n  /**\n   * Rybbit script URL (defaults to the self-hosted instance)\n   * @default \"https://analytics.burdenoff.com/api/script.js\"\n   */\n  scriptUrl?: string;\n\n  /**\n   * Whether to enable tracking (useful for disabling in development)\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * RybbitAnalytics - Embeds the Rybbit analytics tracking script.\n *\n * The script is loaded asynchronously with `defer` to avoid blocking page load.\n * It automatically tracks page views and user interactions.\n *\n * In development mode (when `enabled` is false), no script is loaded.\n */\nexport function RybbitAnalytics({\n  siteId,\n  scriptUrl = \"https://analytics.burdenoff.com/api/script.js\",\n  enabled = true,\n}: RybbitAnalyticsProps) {\n  useEffect(() => {\n    if (!enabled || !siteId) return;\n\n    // Check if script already exists\n    const existingScript = document.querySelector(\n      `script[data-site-id=\"${siteId}\"]`,\n    );\n    if (existingScript) return;\n\n    // Create and inject the script. `crossOrigin=\"anonymous\"` puts the\n    // request in CORS-no-credentials mode so the browser does not include\n    // any third-party cookies the visitor may have on the analytics origin\n    // (e.g. `app.rybbit.io`'s own dashboard session cookie). Without this,\n    // Lighthouse `third-party-cookies` audit flags the page even though we\n    // never read those cookies ourselves.\n    const script = document.createElement(\"script\");\n    script.src = scriptUrl;\n    script.defer = true;\n    script.crossOrigin = \"anonymous\";\n    script.setAttribute(\"data-site-id\", siteId);\n    document.head.appendChild(script);\n\n    // Cleanup on unmount\n    return () => {\n      const scriptToRemove = document.querySelector(\n        `script[data-site-id=\"${siteId}\"]`,\n      );\n      if (scriptToRemove) {\n        document.head.removeChild(scriptToRemove);\n      }\n    };\n  }, [siteId, scriptUrl, enabled]);\n\n  // This component renders nothing - it only manages the script tag\n  return null;\n}\n"]}

package/dist/chunk-R6J7IULF.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var chunkC6OJIHNO_js = require('./chunk-C6OJIHNO.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Textarea = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      className: chunkC6OJIHNO_js.cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-R6J7IULF.js.map
+//# sourceMappingURL=chunk-R6J7IULF.js.map

package/dist/chunk-R6J7IULF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/textarea.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,QAAA,GAAiBA,4BAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,uBACEC,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,mBAAA;AAAA,QACT,2QAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-R6J7IULF.js","sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"]}

package/dist/chunk-R7G6TWIS.mjs

@@ -0,0 +1,10 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };
+//# sourceMappingURL=chunk-R7G6TWIS.mjs.map
+//# sourceMappingURL=chunk-R7G6TWIS.mjs.map

package/dist/chunk-R7G6TWIS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"names":[],"mappings":";;;AAmBO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-R7G6TWIS.mjs","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-RUMGFI6L.mjs

@@ -0,0 +1,544 @@
+import { trackWebsiteEvent } from './chunk-6YZUFMK2.mjs';
+import { Textarea } from './chunk-VZLDSNH4.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 } from './chunk-GCFLCO2Z.mjs';
+import { useWebSDK, useWebSDKConfig } from './chunk-5JRJ57CL.mjs';
+import { useState, useRef } from 'react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var waitlistPageSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  email: z.string().email("Please enter a valid email address"),
+  company: z.string().optional(),
+  reason: z.string().optional()
+});
+var JOIN_WAITLIST_MUTATION = (
+  /* GraphQL */
+  `
+  mutation JoinWaitlist($input: JoinWaitlistInput!) {
+    joinWaitlist(input: $input) {
+      id
+      email
+      name
+      status
+      createdAt
+    }
+  }
+`
+);
+async function joinWaitlist(client, data, productId) {
+  try {
+    const result = await client.mutate(JOIN_WAITLIST_MUTATION, {
+      input: {
+        email: data.email.trim().toLowerCase(),
+        platformProductId: productId,
+        name: data.name?.trim() || void 0,
+        company: data.company?.trim() || void 0,
+        reason: data.reason?.trim() || void 0,
+        context: {
+          source: "website",
+          referrer: typeof window !== "undefined" ? window.location.href : "",
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      }
+    });
+    if (result.errors?.length) {
+      const errorMsg = result.errors[0]?.message ?? "Failed to join waitlist";
+      if (errorMsg.toLowerCase().includes("already")) {
+        return {
+          success: false,
+          message: "You are already on the waitlist!"
+        };
+      }
+      return { success: false, message: errorMsg };
+    }
+    return { success: true, message: "You have been added to the waitlist!" };
+  } catch (error) {
+    console.error("Waitlist signup 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);
+  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 WaitlistPage({
+  productName,
+  heroTitle = "Join the Waitlist",
+  heroSubtitle = "Be among the first to experience what's coming next",
+  heroDescription,
+  successMessage = "You have been added to the waitlist!",
+  errorMessage = "Failed to join waitlist. Please try again.",
+  className,
+  seo
+}) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const {
+    product,
+    loading: productLoading,
+    error: productError,
+    hasProvider
+  } = useProduct();
+  const displayName = productName ?? product?.name ?? config.productId;
+  const productStatus = product?.status;
+  const canCheckStatus = Boolean(config.productSlug);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const { isLimited, resetTime, recordAttempt, checkLimit } = useRateLimit(
+    3,
+    15
+  );
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+    reset
+  } = useForm({
+    resolver: zodResolver(waitlistPageSchema)
+  });
+  if (canCheckStatus && !hasProvider) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      seo && /* @__PURE__ */ jsx(
+        PageHead,
+        {
+          title: seo.title ?? "",
+          description: seo.description ?? "",
+          keywords: seo.keywords,
+          image: seo.image,
+          url: seo.url
+        }
+      ),
+      /* @__PURE__ */ jsx("section", { className: "relative overflow-hidden py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-6", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl text-foreground", children: "Waitlist Unavailable" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-lg text-muted-foreground", children: [
+          "Product status checks require ",
+          /* @__PURE__ */ jsx("code", { children: "ProductProvider" }),
+          " to be mounted. Please update your integration configuration."
+        ] })
+      ] }) })
+    ] });
+  }
+  if (canCheckStatus && productLoading) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      seo && /* @__PURE__ */ jsx(
+        PageHead,
+        {
+          title: seo.title ?? "",
+          description: seo.description ?? "",
+          keywords: seo.keywords,
+          image: seo.image,
+          url: seo.url
+        }
+      ),
+      /* @__PURE__ */ jsx("section", { className: "relative overflow-hidden py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-6", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl text-foreground", children: "Loading\u2026" }),
+        /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: "Fetching product status." })
+      ] }) })
+    ] });
+  }
+  if (canCheckStatus && (productError || !productStatus)) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      seo && /* @__PURE__ */ jsx(
+        PageHead,
+        {
+          title: seo.title ?? "",
+          description: seo.description ?? "",
+          keywords: seo.keywords,
+          image: seo.image,
+          url: seo.url
+        }
+      ),
+      /* @__PURE__ */ jsx("section", { className: "relative overflow-hidden py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-6", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl text-foreground", children: "Waitlist Unavailable" }),
+        /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: "We can\u2019t confirm waitlist availability right now. Please try again later." })
+      ] }) })
+    ] });
+  }
+  if (canCheckStatus && (productStatus === "ACTIVE" || productStatus === "RELEASED")) {
+    const appUrl = product?.appUrl || product?.website || "#";
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      seo && /* @__PURE__ */ jsx(
+        PageHead,
+        {
+          title: seo.title ?? "",
+          description: seo.description ?? "",
+          keywords: seo.keywords,
+          image: seo.image,
+          url: seo.url
+        }
+      ),
+      /* @__PURE__ */ jsx("section", { className: "relative overflow-hidden py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-8", children: [
+        /* @__PURE__ */ jsxs("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl text-foreground", children: [
+          displayName,
+          " is now available!"
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-lg text-muted-foreground", children: [
+          "Great news \u2014 ",
+          displayName,
+          " is open to everyone. Sign up or log in to get started."
+        ] }),
+        /* @__PURE__ */ jsx(Button, { size: "lg", asChild: true, children: /* @__PURE__ */ jsx("a", { href: appUrl, target: "_blank", rel: "noopener noreferrer", children: "Get Started" }) })
+      ] }) })
+    ] });
+  }
+  if (canCheckStatus && (productStatus === "DRAFT" || productStatus === "COMING_SOON")) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      seo && /* @__PURE__ */ jsx(
+        PageHead,
+        {
+          title: seo.title ?? "",
+          description: seo.description ?? "",
+          keywords: seo.keywords,
+          image: seo.image,
+          url: seo.url
+        }
+      ),
+      /* @__PURE__ */ jsx("section", { className: "relative overflow-hidden py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-8", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl text-foreground", children: "Coming Soon" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-lg text-muted-foreground", children: [
+          displayName,
+          " is not yet accepting waitlist signups. Check back soon!"
+        ] })
+      ] }) })
+    ] });
+  }
+  if (canCheckStatus && productStatus !== "WAITLIST") {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      seo && /* @__PURE__ */ jsx(
+        PageHead,
+        {
+          title: seo.title ?? "",
+          description: seo.description ?? "",
+          keywords: seo.keywords,
+          image: seo.image,
+          url: seo.url
+        }
+      ),
+      /* @__PURE__ */ jsx("section", { className: "relative overflow-hidden py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-6", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl text-foreground", children: "Waitlist Unavailable" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-lg text-muted-foreground", children: [
+          displayName,
+          " is not accepting waitlist signups right now."
+        ] })
+      ] }) })
+    ] });
+  }
+  const onSubmit = async (data) => {
+    if (canCheckStatus && productStatus !== "WAITLIST") {
+      toast.error("This product is not accepting waitlist signups right now.");
+      return;
+    }
+    if (checkLimit()) {
+      toast.error(
+        `Too many attempts. Please try again after ${resetTime?.toLocaleTimeString()}`
+      );
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const result = await joinWaitlist(
+        client,
+        data,
+        product?.id || config.productId
+      );
+      if (result.success) {
+        trackWebsiteEvent("waitlist.signed_up", { form: "page" });
+        toast.success(result.message ?? successMessage);
+        reset();
+      } else {
+        toast.error(result.message ?? errorMessage);
+      }
+      recordAttempt();
+    } catch (_error) {
+      toast.error(errorMessage);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    seo && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seo.title ?? `Join the Waitlist - ${displayName}`,
+        description: seo.description ?? heroDescription ?? heroSubtitle,
+        productName: displayName,
+        keywords: seo.keywords,
+        image: seo.image,
+        url: seo.url
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("div", { className: "min-h-screen flex items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs("div", { className: "max-w-lg w-full space-y-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight", children: heroTitle }),
+        /* @__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-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "waitlist-name", children: "Name *" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "waitlist-name",
+              type: "text",
+              placeholder: "Your name",
+              disabled: isSubmitting || isLimited,
+              ...register("name")
+            }
+          ),
+          errors.name && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.name.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "waitlist-email", children: "Email *" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "waitlist-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 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "waitlist-company", children: "Company" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "waitlist-company",
+              type: "text",
+              placeholder: "Your company (optional)",
+              disabled: isSubmitting || isLimited,
+              ...register("company")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "waitlist-reason", children: "Why are you interested?" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "waitlist-reason",
+              placeholder: "Tell us what excites you about the product (optional)",
+              rows: 3,
+              disabled: isSubmitting || isLimited,
+              className: "resize-y",
+              ...register("reason")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            className: "w-full",
+            disabled: isSubmitting || isLimited,
+            children: isSubmitting ? "Joining..." : "Join Waitlist"
+          }
+        ),
+        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 joining the waitlist, you agree to receive updates from",
+        " ",
+        displayName,
+        ". We respect your privacy and will never share your information."
+      ] })
+    ] }) }) })
+  ] });
+}
+function WaitlistForm({
+  variant = "inline",
+  showLabel = false,
+  showDescription = false,
+  showNameField = false,
+  description = "Join our waitlist to get early access",
+  buttonText = "Join Waitlist",
+  className = ""
+}) {
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const {
+    product,
+    loading: productLoading,
+    error: productError,
+    hasProvider
+  } = useProduct();
+  const productStatus = product?.status;
+  const canCheckStatus = Boolean(config.productSlug);
+  const [email, setEmail] = useState("");
+  const [name, setName] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (canCheckStatus && productStatus !== "WAITLIST") {
+      toast.error("This product is not accepting waitlist signups right now.");
+      return;
+    }
+    if (!email || !email.includes("@")) {
+      toast.error("Please enter a valid email address");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const result = await joinWaitlist(
+        client,
+        { email, name: name || void 0 },
+        product?.id || config.productId
+      );
+      if (result.success) {
+        trackWebsiteEvent("waitlist.signed_up", { form: "inline" });
+        toast.success(result.message ?? "You have been added to the waitlist!");
+        setEmail("");
+        setName("");
+      } else {
+        toast.error(result.message ?? "Failed to join waitlist");
+      }
+    } catch (_error) {
+      toast.error("An error occurred. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const isInline = variant === "inline";
+  if (canCheckStatus && !hasProvider) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      showDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: description }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Product status checks require ",
+        /* @__PURE__ */ jsx("code", { children: "ProductProvider" }),
+        " to be mounted."
+      ] })
+    ] });
+  }
+  if (canCheckStatus && productLoading) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      showDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: description }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Loading waitlist\u2026" })
+    ] });
+  }
+  if (canCheckStatus && (productError || productStatus !== "WAITLIST")) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      showDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: description }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Waitlist signups are not available right now." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    showDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: description }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: isInline ? "flex gap-2" : "flex flex-col gap-2",
+        children: [
+          showNameField && /* @__PURE__ */ jsxs("div", { className: isInline ? "flex-1" : "w-full", children: [
+            showLabel && /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: "waitlist-inline-name",
+                className: "text-sm mb-1 block",
+                children: "Name"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "waitlist-inline-name",
+                type: "text",
+                placeholder: "Your name",
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                disabled: isLoading,
+                className: "w-full"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: isInline ? "flex-1" : "w-full", children: [
+            showLabel && /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: "waitlist-inline-email",
+                className: "text-sm mb-1 block",
+                children: "Email"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "waitlist-inline-email",
+                type: "email",
+                placeholder: "Enter your email",
+                value: email,
+                onChange: (e) => setEmail(e.target.value),
+                disabled: isLoading,
+                required: true,
+                className: "w-full"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              disabled: isLoading,
+              className: isInline ? "whitespace-nowrap" : "w-full",
+              children: isLoading ? "Joining..." : buttonText
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+export { WaitlistForm, WaitlistPage };
+//# sourceMappingURL=chunk-RUMGFI6L.mjs.map
+//# sourceMappingURL=chunk-RUMGFI6L.mjs.map