@contractspec/bundle.marketing 1.12.0

package/dist/components/marketing/waitlist-section.js

@@ -0,0 +1,578 @@
+'use client';
+
+import { joinWaitlist } from "../../libs/email/waitlist.js";
+import { submitWaitlistApplication } from "../../libs/email/waitlist-application.js";
+import { Button, Input, Textarea } from "@contractspec/lib.design-system";
+import { AlertCircle, CheckCircle } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import z from "zod";
+import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@contractspec/lib.ui-kit-web/ui/select";
+import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
+import { Switch } from "@contractspec/lib.ui-kit-web/ui/switch";
+
+//#region src/components/marketing/waitlist-section.tsx
+const simpleWaitlistSchema = z.object({ email: z.email("Please enter a valid email address") });
+const designPartnerSchema = z.object({
+	name: z.string().min(1, "Name is required"),
+	email: z.email("Please enter a valid email address"),
+	company: z.string().optional(),
+	role: z.string().optional(),
+	useCase: z.string().optional(),
+	currentStack: z.string().optional(),
+	whatBuilding: z.string().min(1, "Please tell us what you are building"),
+	whatSolving: z.string().min(1, "Please tell us what ContractSpec will solve for you"),
+	teamSize: z.string().optional(),
+	timeline: z.string().optional(),
+	openToSessions: z.boolean().default(false),
+	okayWithCaseStudies: z.boolean().default(false)
+});
+function WaitlistSection({ variant = "default", context = "pricing" }) {
+	const [isDesignPartner, setIsDesignPartner] = useState(false);
+	const [submitResult, setSubmitResult] = useState(null);
+	const [isPending, setIsPending] = useState(false);
+	const simpleForm = useForm({
+		resolver: zodResolver(simpleWaitlistSchema),
+		defaultValues: { email: "" }
+	});
+	const designPartnerForm = useForm({
+		resolver: zodResolver(designPartnerSchema),
+		defaultValues: {
+			name: "",
+			email: "",
+			company: "",
+			role: "",
+			useCase: "",
+			currentStack: "",
+			whatBuilding: "",
+			whatSolving: "",
+			teamSize: "",
+			timeline: "",
+			openToSessions: false,
+			okayWithCaseStudies: false
+		}
+	});
+	const simpleEmail = simpleForm.watch("email");
+	const designPartnerEmail = designPartnerForm.watch("email");
+	useEffect(() => {
+		const currentDesignPartnerEmail = designPartnerForm.getValues("email");
+		if (simpleEmail && simpleEmail !== currentDesignPartnerEmail) designPartnerForm.setValue("email", simpleEmail, { shouldDirty: false });
+	}, [simpleEmail, designPartnerForm]);
+	useEffect(() => {
+		const currentSimpleEmail = simpleForm.getValues("email");
+		if (designPartnerEmail && designPartnerEmail !== currentSimpleEmail) simpleForm.setValue("email", designPartnerEmail, { shouldDirty: false });
+	}, [designPartnerEmail, simpleForm]);
+	const handleSimpleSubmit = async (data) => {
+		setIsPending(true);
+		setSubmitResult(null);
+		try {
+			const formData = new FormData();
+			formData.set("email", data.email);
+			const result = await joinWaitlist(formData);
+			if (result.success) {
+				setSubmitResult({
+					success: true,
+					text: "Thanks for joining the waitlist! Check your inbox for a confirmation."
+				});
+				simpleForm.reset();
+			} else setSubmitResult({
+				success: false,
+				text: result.text || "Failed to join waitlist. Please try again."
+			});
+		} catch (_error) {
+			setSubmitResult({
+				success: false,
+				text: "Failed to join waitlist. Please try again."
+			});
+		} finally {
+			setIsPending(false);
+		}
+	};
+	const handleDesignPartnerSubmit = async (data) => {
+		setIsPending(true);
+		setSubmitResult(null);
+		try {
+			const formData = new FormData();
+			formData.set("email", data.email);
+			formData.set("name", data.name);
+			if (data.company) formData.set("company", data.company);
+			if (data.role) formData.set("role", data.role);
+			if (data.useCase) formData.set("useCase", data.useCase);
+			if (data.currentStack) formData.set("currentStack", data.currentStack);
+			formData.set("whatBuilding", data.whatBuilding);
+			formData.set("whatSolving", data.whatSolving);
+			if (data.teamSize) formData.set("teamSize", data.teamSize);
+			if (data.timeline) formData.set("timeline", data.timeline);
+			if (data.openToSessions) formData.set("openToSessions", "on");
+			if (data.okayWithCaseStudies) formData.set("okayWithCaseStudies", "on");
+			const result = await submitWaitlistApplication(formData);
+			if (result.success) {
+				setSubmitResult({
+					success: true,
+					text: "You're on the list. Thanks for applying. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally."
+				});
+				designPartnerForm.reset();
+			} else setSubmitResult({
+				success: false,
+				text: result.text || "Failed to submit application. Please try again."
+			});
+		} catch (_error) {
+			setSubmitResult({
+				success: false,
+				text: "Failed to submit application. Please try again."
+			});
+		} finally {
+			setIsPending(false);
+		}
+	};
+	const onSubmit = isDesignPartner ? designPartnerForm.handleSubmit(handleDesignPartnerSubmit) : simpleForm.handleSubmit(handleSimpleSubmit);
+	const isCompact = variant === "compact";
+	return /* @__PURE__ */ jsxs("div", {
+		id: "waitlist",
+		className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
+		children: [
+			!isCompact && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+						children: /* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium text-violet-300",
+							children: isDesignPartner ? "Design Partner Waitlist" : "Join the Waitlist"
+						})
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: isDesignPartner ? "Apply for early access to ContractSpec" : "Get early access to ContractSpec"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: isDesignPartner ? "Tell us what you're building. We'll prioritize teams where ContractSpec can have a big impact, and where we can learn the most." : "Join the waitlist to be notified when ContractSpec becomes available."
+					})
+				]
+			}),
+			!isCompact && /* @__PURE__ */ jsxs("div", {
+				className: "border-border bg-muted/20 flex items-center justify-between gap-4 rounded-lg border p-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "design-partner-toggle",
+						className: "text-sm font-medium",
+						children: "Apply as a design partner"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs",
+						children: isDesignPartner ? "Get hands-on support, influence the roadmap, and founding discount" : "Get priority access, 1:1 onboarding, and help shape ContractSpec"
+					})]
+				}), /* @__PURE__ */ jsx(Switch, {
+					id: "design-partner-toggle",
+					checked: isDesignPartner,
+					onCheckedChange: setIsDesignPartner,
+					disabled: isPending || submitResult?.success
+				})]
+			}),
+			!isCompact && isDesignPartner && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium",
+					children: "Benefits:"
+				}), /* @__PURE__ */ jsxs("ul", {
+					className: "text-muted-foreground space-y-1 text-sm",
+					children: [
+						/* @__PURE__ */ jsx("li", { children: "• Early access to ContractSpec Studio" }),
+						/* @__PURE__ */ jsx("li", { children: "• 1:1 onboarding and architecture sessions" }),
+						/* @__PURE__ */ jsx("li", { children: "• Priority support via direct channels" }),
+						/* @__PURE__ */ jsx("li", { children: "• Influence over roadmap and features" }),
+						/* @__PURE__ */ jsx("li", { children: "• Founding discount when paid plans launch" })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit,
+				className: "space-y-4",
+				children: [
+					isDesignPartner ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ jsxs(Label, {
+										htmlFor: "waitlist-name",
+										className: "text-sm font-medium",
+										children: ["Name ", /* @__PURE__ */ jsx("span", {
+											className: "text-red-400",
+											children: "*"
+										})]
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										id: "waitlist-name",
+										...designPartnerForm.register("name"),
+										type: "text",
+										placeholder: "Your name",
+										disabled: isPending || submitResult?.success
+									}),
+									designPartnerForm.formState.errors.name && /* @__PURE__ */ jsx("p", {
+										className: "text-xs text-red-400",
+										children: designPartnerForm.formState.errors.name.message
+									})
+								]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ jsxs(Label, {
+										htmlFor: "waitlist-email",
+										className: "text-sm font-medium",
+										children: ["Email ", /* @__PURE__ */ jsx("span", {
+											className: "text-red-400",
+											children: "*"
+										})]
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										id: "waitlist-email",
+										...designPartnerForm.register("email"),
+										type: "email",
+										placeholder: "your@email.com",
+										disabled: isPending || submitResult?.success
+									}),
+									designPartnerForm.formState.errors.email && /* @__PURE__ */ jsx("p", {
+										className: "text-xs text-red-400",
+										children: designPartnerForm.formState.errors.email.message
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-company",
+									className: "text-sm font-medium",
+									children: "Company / Project Name"
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "waitlist-company",
+									...designPartnerForm.register("company"),
+									type: "text",
+									placeholder: "Your company or project",
+									disabled: isPending || submitResult?.success
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-role",
+									className: "text-sm font-medium",
+									children: "Role"
+								}), /* @__PURE__ */ jsxs(Select, {
+									value: designPartnerForm.watch("role") || "",
+									onValueChange: (value) => designPartnerForm.setValue("role", value),
+									disabled: isPending || submitResult?.success,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										id: "waitlist-role",
+										className: "w-full",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select your role" })
+									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "founder",
+											children: "Founder"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "cto",
+											children: "CTO"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "lead-engineer",
+											children: "Lead Engineer"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "engineer",
+											children: "Engineer"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "product-manager",
+											children: "Product Manager"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "other",
+											children: "Other"
+										})
+									] })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-use-case",
+									className: "text-sm font-medium",
+									children: "Primary use case"
+								}), /* @__PURE__ */ jsxs(Select, {
+									value: designPartnerForm.watch("useCase") || "",
+									onValueChange: (value) => designPartnerForm.setValue("useCase", value),
+									disabled: isPending || submitResult?.success,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										id: "waitlist-use-case",
+										className: "w-full",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a use case" })
+									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "api-platform",
+											children: "API platform"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "ai-ops",
+											children: "AI operations"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "integration-hub",
+											children: "Integration hub"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "internal-tools",
+											children: "Internal tools"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "data-pipelines",
+											children: "Data pipelines"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "other",
+											children: "Other"
+										})
+									] })]
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-current-stack",
+									className: "text-sm font-medium",
+									children: "Current stack"
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "waitlist-current-stack",
+									...designPartnerForm.register("currentStack"),
+									type: "text",
+									placeholder: "e.g. Next.js, Postgres, OpenAPI",
+									disabled: isPending || submitResult?.success
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ jsxs(Label, {
+									htmlFor: "waitlist-what-building",
+									className: "text-sm font-medium",
+									children: [
+										"What are you building with AI today?",
+										" ",
+										/* @__PURE__ */ jsx("span", {
+											className: "text-red-400",
+											children: "*"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsx(Textarea, {
+									id: "waitlist-what-building",
+									...designPartnerForm.register("whatBuilding"),
+									placeholder: "Tell us about your project...",
+									disabled: isPending || submitResult?.success,
+									rows: 4
+								}),
+								designPartnerForm.formState.errors.whatBuilding && /* @__PURE__ */ jsx("p", {
+									className: "text-xs text-red-400",
+									children: designPartnerForm.formState.errors.whatBuilding.message
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ jsxs(Label, {
+									htmlFor: "waitlist-what-solving",
+									className: "text-sm font-medium",
+									children: [
+										"What do you hope ContractSpec will solve for you?",
+										" ",
+										/* @__PURE__ */ jsx("span", {
+											className: "text-red-400",
+											children: "*"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsx(Textarea, {
+									id: "waitlist-what-solving",
+									...designPartnerForm.register("whatSolving"),
+									placeholder: "What problems are you trying to solve?",
+									disabled: isPending || submitResult?.success,
+									rows: 4
+								}),
+								designPartnerForm.formState.errors.whatSolving && /* @__PURE__ */ jsx("p", {
+									className: "text-xs text-red-400",
+									children: designPartnerForm.formState.errors.whatSolving.message
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-team-size",
+									className: "text-sm font-medium",
+									children: "Team Size"
+								}), /* @__PURE__ */ jsxs(Select, {
+									value: designPartnerForm.watch("teamSize") || "",
+									onValueChange: (value) => designPartnerForm.setValue("teamSize", value),
+									disabled: isPending || submitResult?.success,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										id: "waitlist-team-size",
+										className: "w-full",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select team size" })
+									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "solo",
+											children: "Solo"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "2-5",
+											children: "2-5"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "6-20",
+											children: "6-20"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "20+",
+											children: "20+"
+										})
+									] })]
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-timeline",
+									className: "text-sm font-medium",
+									children: "Timeline"
+								}), /* @__PURE__ */ jsxs(Select, {
+									value: designPartnerForm.watch("timeline") || "",
+									onValueChange: (value) => designPartnerForm.setValue("timeline", value),
+									disabled: isPending || submitResult?.success,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										id: "waitlist-timeline",
+										className: "w-full",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select timeline" })
+									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "now",
+											children: "Now"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "1-3-months",
+											children: "1-3 months"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "3-6-months",
+											children: "3-6 months"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "exploring",
+											children: "Exploring"
+										})
+									] })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									id: "waitlist-open-to-sessions",
+									checked: designPartnerForm.watch("openToSessions"),
+									onCheckedChange: (checked) => designPartnerForm.setValue("openToSessions", checked === true),
+									disabled: isPending || submitResult?.success
+								}), /* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-open-to-sessions",
+									className: "cursor-pointer text-sm leading-relaxed",
+									children: "I'm open to 1:1 product/design sessions"
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									id: "waitlist-case-studies",
+									checked: designPartnerForm.watch("okayWithCaseStudies"),
+									onCheckedChange: (checked) => designPartnerForm.setValue("okayWithCaseStudies", checked === true),
+									disabled: isPending || submitResult?.success
+								}), /* @__PURE__ */ jsx(Label, {
+									htmlFor: "waitlist-case-studies",
+									className: "cursor-pointer text-sm leading-relaxed",
+									children: "I'm okay with anonymized case studies about our usage"
+								})]
+							})]
+						})
+					] }) : /* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ jsxs(Label, {
+								htmlFor: "waitlist-email",
+								className: "text-sm font-medium",
+								children: ["Email ", /* @__PURE__ */ jsx("span", {
+									className: "text-red-400",
+									children: "*"
+								})]
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								id: "waitlist-email",
+								...simpleForm.register("email"),
+								type: "email",
+								placeholder: "your@email.com",
+								disabled: isPending || submitResult?.success
+							}),
+							simpleForm.formState.errors.email && /* @__PURE__ */ jsx("p", {
+								className: "text-xs text-red-400",
+								children: simpleForm.formState.errors.email.message
+							})
+						]
+					}),
+					submitResult && !isPending && /* @__PURE__ */ jsxs("div", {
+						className: `flex items-start gap-2 rounded-lg p-4 text-sm ${submitResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
+						children: [submitResult.success ? /* @__PURE__ */ jsx(CheckCircle, {
+							size: 20,
+							className: "mt-0.5 shrink-0"
+						}) : /* @__PURE__ */ jsx(AlertCircle, {
+							size: 20,
+							className: "mt-0.5 shrink-0"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "flex-1",
+							children: submitResult.success ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+								className: "mb-1 font-semibold",
+								children: "You're on the list."
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-sm",
+								children: submitResult.text
+							})] }) : /* @__PURE__ */ jsx("p", { children: submitResult.text })
+						})]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						disabled: isPending || submitResult?.success,
+						className: "w-full",
+						children: isPending ? "Submitting..." : isDesignPartner ? "Apply to the waitlist" : "Join waitlist"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-center text-xs",
+						children: "No spam. We'll only email you about ContractSpec and your application."
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { WaitlistSection };
+//# sourceMappingURL=waitlist-section.js.map

package/dist/components/marketing/waitlist-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waitlist-section.js","names":[],"sources":["../../../src/components/marketing/waitlist-section.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport z from 'zod';\nimport { AlertCircle, CheckCircle } from 'lucide-react';\nimport { joinWaitlist } from '../../libs/email/waitlist';\nimport { submitWaitlistApplication } from '../../libs/email/waitlist-application';\nimport { Button } from '@contractspec/lib.design-system';\nimport { Textarea } from '@contractspec/lib.design-system';\nimport { Label } from '@contractspec/lib.ui-kit-web/ui/label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@contractspec/lib.ui-kit-web/ui/select';\nimport { Checkbox } from '@contractspec/lib.ui-kit-web/ui/checkbox';\nimport { Switch } from '@contractspec/lib.ui-kit-web/ui/switch';\nimport { Input } from '@contractspec/lib.design-system';\n\ninterface WaitlistSectionProps {\n  variant?: 'default' | 'compact';\n  context?: 'pricing' | 'contact';\n  scrollToId?: string;\n}\n\n// Zod schemas\nconst simpleWaitlistSchema = z.object({\n  email: z.email('Please enter a valid email address'),\n});\n\nconst designPartnerSchema = z.object({\n  name: z.string().min(1, 'Name is required'),\n  email: z.email('Please enter a valid email address'),\n  company: z.string().optional(),\n  role: z.string().optional(),\n  useCase: z.string().optional(),\n  currentStack: z.string().optional(),\n  whatBuilding: z.string().min(1, 'Please tell us what you are building'),\n  whatSolving: z\n    .string()\n    .min(1, 'Please tell us what ContractSpec will solve for you'),\n  teamSize: z.string().optional(),\n  timeline: z.string().optional(),\n  openToSessions: z.boolean().default(false),\n  okayWithCaseStudies: z.boolean().default(false),\n});\n\ntype SimpleWaitlistFormData = z.infer<typeof simpleWaitlistSchema>;\ntype DesignPartnerFormData = z.infer<typeof designPartnerSchema>;\n\nexport function WaitlistSection({\n  variant = 'default',\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  context = 'pricing',\n}: WaitlistSectionProps) {\n  const [isDesignPartner, setIsDesignPartner] = useState(false);\n  const [submitResult, setSubmitResult] = useState<{\n    success: boolean;\n    text: string;\n  } | null>(null);\n  const [isPending, setIsPending] = useState(false);\n\n  // Simple waitlist form\n  const simpleForm = useForm<SimpleWaitlistFormData>({\n    resolver: zodResolver(simpleWaitlistSchema),\n    defaultValues: {\n      email: '',\n    },\n  });\n\n  // Design partner form\n  const designPartnerForm = useForm({\n    resolver: zodResolver<\n      z.input<typeof designPartnerSchema>,\n      unknown,\n      z.output<typeof designPartnerSchema>\n    >(designPartnerSchema),\n    defaultValues: {\n      name: '',\n      email: '',\n      company: '',\n      role: '',\n      useCase: '',\n      currentStack: '',\n      whatBuilding: '',\n      whatSolving: '',\n      teamSize: '',\n      timeline: '',\n      openToSessions: false,\n      okayWithCaseStudies: false,\n    },\n  });\n\n  // Sync email between forms\n  const simpleEmail = simpleForm.watch('email');\n  const designPartnerEmail = designPartnerForm.watch('email');\n\n  // Sync from simple form to design partner form\n  useEffect(() => {\n    const currentDesignPartnerEmail = designPartnerForm.getValues('email');\n    if (simpleEmail && simpleEmail !== currentDesignPartnerEmail) {\n      designPartnerForm.setValue('email', simpleEmail, { shouldDirty: false });\n    }\n  }, [simpleEmail, designPartnerForm]);\n\n  // Sync from design partner form to simple form\n  useEffect(() => {\n    const currentSimpleEmail = simpleForm.getValues('email');\n    if (designPartnerEmail && designPartnerEmail !== currentSimpleEmail) {\n      simpleForm.setValue('email', designPartnerEmail, { shouldDirty: false });\n    }\n  }, [designPartnerEmail, simpleForm]);\n\n  const handleSimpleSubmit = async (data: SimpleWaitlistFormData) => {\n    setIsPending(true);\n    setSubmitResult(null);\n\n    try {\n      const formData = new FormData();\n      formData.set('email', data.email);\n\n      const result = await joinWaitlist(formData);\n\n      if (result.success) {\n        setSubmitResult({\n          success: true,\n          text: 'Thanks for joining the waitlist! Check your inbox for a confirmation.',\n        });\n        simpleForm.reset();\n      } else {\n        setSubmitResult({\n          success: false,\n          text: result.text || 'Failed to join waitlist. Please try again.',\n        });\n      }\n    } catch (_error) {\n      setSubmitResult({\n        success: false,\n        text: 'Failed to join waitlist. Please try again.',\n      });\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  const handleDesignPartnerSubmit = async (data: DesignPartnerFormData) => {\n    setIsPending(true);\n    setSubmitResult(null);\n\n    try {\n      const formData = new FormData();\n      formData.set('email', data.email);\n      formData.set('name', data.name);\n      if (data.company) formData.set('company', data.company);\n      if (data.role) formData.set('role', data.role);\n      if (data.useCase) formData.set('useCase', data.useCase);\n      if (data.currentStack) formData.set('currentStack', data.currentStack);\n      formData.set('whatBuilding', data.whatBuilding);\n      formData.set('whatSolving', data.whatSolving);\n      if (data.teamSize) formData.set('teamSize', data.teamSize);\n      if (data.timeline) formData.set('timeline', data.timeline);\n      if (data.openToSessions) formData.set('openToSessions', 'on');\n      if (data.okayWithCaseStudies) formData.set('okayWithCaseStudies', 'on');\n\n      const result = await submitWaitlistApplication(formData);\n\n      if (result.success) {\n        setSubmitResult({\n          success: true,\n          text: \"You're on the list. Thanks for applying. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.\",\n        });\n        designPartnerForm.reset();\n      } else {\n        setSubmitResult({\n          success: false,\n          text:\n            result.text || 'Failed to submit application. Please try again.',\n        });\n      }\n    } catch (_error) {\n      setSubmitResult({\n        success: false,\n        text: 'Failed to submit application. Please try again.',\n      });\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  const onSubmit = isDesignPartner\n    ? designPartnerForm.handleSubmit(handleDesignPartnerSubmit)\n    : simpleForm.handleSubmit(handleSimpleSubmit);\n\n  const isCompact = variant === 'compact';\n\n  return (\n    <div\n      id=\"waitlist\"\n      className={isCompact ? 'space-y-4' : 'card-subtle space-y-6 p-8'}\n    >\n      {!isCompact && (\n        <div className=\"space-y-4\">\n          <div className=\"inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1\">\n            <span className=\"text-sm font-medium text-violet-300\">\n              {isDesignPartner\n                ? 'Design Partner Waitlist'\n                : 'Join the Waitlist'}\n            </span>\n          </div>\n          <h2 className=\"text-2xl font-bold\">\n            {isDesignPartner\n              ? 'Apply for early access to ContractSpec'\n              : 'Get early access to ContractSpec'}\n          </h2>\n          <p className=\"text-muted-foreground text-sm\">\n            {isDesignPartner\n              ? \"Tell us what you're building. We'll prioritize teams where ContractSpec can have a big impact, and where we can learn the most.\"\n              : 'Join the waitlist to be notified when ContractSpec becomes available.'}\n          </p>\n        </div>\n      )}\n\n      {!isCompact && (\n        <div className=\"border-border bg-muted/20 flex items-center justify-between gap-4 rounded-lg border p-4\">\n          <div className=\"space-y-1\">\n            <Label\n              htmlFor=\"design-partner-toggle\"\n              className=\"text-sm font-medium\"\n            >\n              Apply as a design partner\n            </Label>\n            <p className=\"text-muted-foreground text-xs\">\n              {isDesignPartner\n                ? 'Get hands-on support, influence the roadmap, and founding discount'\n                : 'Get priority access, 1:1 onboarding, and help shape ContractSpec'}\n            </p>\n          </div>\n          <Switch\n            id=\"design-partner-toggle\"\n            checked={isDesignPartner}\n            onCheckedChange={setIsDesignPartner}\n            disabled={isPending || submitResult?.success}\n          />\n        </div>\n      )}\n\n      {!isCompact && isDesignPartner && (\n        <div className=\"space-y-2\">\n          <p className=\"text-sm font-medium\">Benefits:</p>\n          <ul className=\"text-muted-foreground space-y-1 text-sm\">\n            <li>• Early access to ContractSpec Studio</li>\n            <li>• 1:1 onboarding and architecture sessions</li>\n            <li>• Priority support via direct channels</li>\n            <li>• Influence over roadmap and features</li>\n            <li>• Founding discount when paid plans launch</li>\n          </ul>\n        </div>\n      )}\n\n      <form onSubmit={onSubmit} className=\"space-y-4\">\n        {isDesignPartner ? (\n          <>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"waitlist-name\" className=\"text-sm font-medium\">\n                  Name <span className=\"text-red-400\">*</span>\n                </Label>\n                <Input\n                  id=\"waitlist-name\"\n                  {...designPartnerForm.register('name')}\n                  type=\"text\"\n                  placeholder=\"Your name\"\n                  disabled={isPending || submitResult?.success}\n                />\n                {designPartnerForm.formState.errors.name && (\n                  <p className=\"text-xs text-red-400\">\n                    {designPartnerForm.formState.errors.name.message}\n                  </p>\n                )}\n              </div>\n\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"waitlist-email\" className=\"text-sm font-medium\">\n                  Email <span className=\"text-red-400\">*</span>\n                </Label>\n                <Input\n                  id=\"waitlist-email\"\n                  {...designPartnerForm.register('email')}\n                  type=\"email\"\n                  placeholder=\"your@email.com\"\n                  disabled={isPending || submitResult?.success}\n                />\n                {designPartnerForm.formState.errors.email && (\n                  <p className=\"text-xs text-red-400\">\n                    {designPartnerForm.formState.errors.email.message}\n                  </p>\n                )}\n              </div>\n            </div>\n\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label\n                  htmlFor=\"waitlist-company\"\n                  className=\"text-sm font-medium\"\n                >\n                  Company / Project Name\n                </Label>\n                <Input\n                  id=\"waitlist-company\"\n                  {...designPartnerForm.register('company')}\n                  type=\"text\"\n                  placeholder=\"Your company or project\"\n                  disabled={isPending || submitResult?.success}\n                />\n              </div>\n\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"waitlist-role\" className=\"text-sm font-medium\">\n                  Role\n                </Label>\n                <Select\n                  value={designPartnerForm.watch('role') || ''}\n                  onValueChange={(value) =>\n                    designPartnerForm.setValue('role', value)\n                  }\n                  disabled={isPending || submitResult?.success}\n                >\n                  <SelectTrigger id=\"waitlist-role\" className=\"w-full\">\n                    <SelectValue placeholder=\"Select your role\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"founder\">Founder</SelectItem>\n                    <SelectItem value=\"cto\">CTO</SelectItem>\n                    <SelectItem value=\"lead-engineer\">Lead Engineer</SelectItem>\n                    <SelectItem value=\"engineer\">Engineer</SelectItem>\n                    <SelectItem value=\"product-manager\">\n                      Product Manager\n                    </SelectItem>\n                    <SelectItem value=\"other\">Other</SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label\n                  htmlFor=\"waitlist-use-case\"\n                  className=\"text-sm font-medium\"\n                >\n                  Primary use case\n                </Label>\n                <Select\n                  value={designPartnerForm.watch('useCase') || ''}\n                  onValueChange={(value) =>\n                    designPartnerForm.setValue('useCase', value)\n                  }\n                  disabled={isPending || submitResult?.success}\n                >\n                  <SelectTrigger id=\"waitlist-use-case\" className=\"w-full\">\n                    <SelectValue placeholder=\"Select a use case\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"api-platform\">API platform</SelectItem>\n                    <SelectItem value=\"ai-ops\">AI operations</SelectItem>\n                    <SelectItem value=\"integration-hub\">\n                      Integration hub\n                    </SelectItem>\n                    <SelectItem value=\"internal-tools\">\n                      Internal tools\n                    </SelectItem>\n                    <SelectItem value=\"data-pipelines\">\n                      Data pipelines\n                    </SelectItem>\n                    <SelectItem value=\"other\">Other</SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n\n              <div className=\"space-y-2\">\n                <Label\n                  htmlFor=\"waitlist-current-stack\"\n                  className=\"text-sm font-medium\"\n                >\n                  Current stack\n                </Label>\n                <Input\n                  id=\"waitlist-current-stack\"\n                  {...designPartnerForm.register('currentStack')}\n                  type=\"text\"\n                  placeholder=\"e.g. Next.js, Postgres, OpenAPI\"\n                  disabled={isPending || submitResult?.success}\n                />\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label\n                htmlFor=\"waitlist-what-building\"\n                className=\"text-sm font-medium\"\n              >\n                What are you building with AI today?{' '}\n                <span className=\"text-red-400\">*</span>\n              </Label>\n              <Textarea\n                id=\"waitlist-what-building\"\n                {...designPartnerForm.register('whatBuilding')}\n                placeholder=\"Tell us about your project...\"\n                disabled={isPending || submitResult?.success}\n                rows={4}\n              />\n              {designPartnerForm.formState.errors.whatBuilding && (\n                <p className=\"text-xs text-red-400\">\n                  {designPartnerForm.formState.errors.whatBuilding.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label\n                htmlFor=\"waitlist-what-solving\"\n                className=\"text-sm font-medium\"\n              >\n                What do you hope ContractSpec will solve for you?{' '}\n                <span className=\"text-red-400\">*</span>\n              </Label>\n              <Textarea\n                id=\"waitlist-what-solving\"\n                {...designPartnerForm.register('whatSolving')}\n                placeholder=\"What problems are you trying to solve?\"\n                disabled={isPending || submitResult?.success}\n                rows={4}\n              />\n              {designPartnerForm.formState.errors.whatSolving && (\n                <p className=\"text-xs text-red-400\">\n                  {designPartnerForm.formState.errors.whatSolving.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label\n                  htmlFor=\"waitlist-team-size\"\n                  className=\"text-sm font-medium\"\n                >\n                  Team Size\n                </Label>\n                <Select\n                  value={designPartnerForm.watch('teamSize') || ''}\n                  onValueChange={(value) =>\n                    designPartnerForm.setValue('teamSize', value)\n                  }\n                  disabled={isPending || submitResult?.success}\n                >\n                  <SelectTrigger id=\"waitlist-team-size\" className=\"w-full\">\n                    <SelectValue placeholder=\"Select team size\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"solo\">Solo</SelectItem>\n                    <SelectItem value=\"2-5\">2-5</SelectItem>\n                    <SelectItem value=\"6-20\">6-20</SelectItem>\n                    <SelectItem value=\"20+\">20+</SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n\n              <div className=\"space-y-2\">\n                <Label\n                  htmlFor=\"waitlist-timeline\"\n                  className=\"text-sm font-medium\"\n                >\n                  Timeline\n                </Label>\n                <Select\n                  value={designPartnerForm.watch('timeline') || ''}\n                  onValueChange={(value) =>\n                    designPartnerForm.setValue('timeline', value)\n                  }\n                  disabled={isPending || submitResult?.success}\n                >\n                  <SelectTrigger id=\"waitlist-timeline\" className=\"w-full\">\n                    <SelectValue placeholder=\"Select timeline\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"now\">Now</SelectItem>\n                    <SelectItem value=\"1-3-months\">1-3 months</SelectItem>\n                    <SelectItem value=\"3-6-months\">3-6 months</SelectItem>\n                    <SelectItem value=\"exploring\">Exploring</SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"space-y-3\">\n              <div className=\"flex items-start gap-3\">\n                <Checkbox\n                  id=\"waitlist-open-to-sessions\"\n                  checked={designPartnerForm.watch('openToSessions')}\n                  onCheckedChange={(checked) =>\n                    designPartnerForm.setValue(\n                      'openToSessions',\n                      checked === true\n                    )\n                  }\n                  disabled={isPending || submitResult?.success}\n                />\n                <Label\n                  htmlFor=\"waitlist-open-to-sessions\"\n                  className=\"cursor-pointer text-sm leading-relaxed\"\n                >\n                  I'm open to 1:1 product/design sessions\n                </Label>\n              </div>\n\n              <div className=\"flex items-start gap-3\">\n                <Checkbox\n                  id=\"waitlist-case-studies\"\n                  checked={designPartnerForm.watch('okayWithCaseStudies')}\n                  onCheckedChange={(checked) =>\n                    designPartnerForm.setValue(\n                      'okayWithCaseStudies',\n                      checked === true\n                    )\n                  }\n                  disabled={isPending || submitResult?.success}\n                />\n                <Label\n                  htmlFor=\"waitlist-case-studies\"\n                  className=\"cursor-pointer text-sm leading-relaxed\"\n                >\n                  I'm okay with anonymized case studies about our usage\n                </Label>\n              </div>\n            </div>\n          </>\n        ) : (\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"waitlist-email\" className=\"text-sm font-medium\">\n              Email <span className=\"text-red-400\">*</span>\n            </Label>\n            <Input\n              id=\"waitlist-email\"\n              {...simpleForm.register('email')}\n              type=\"email\"\n              placeholder=\"your@email.com\"\n              disabled={isPending || submitResult?.success}\n            />\n            {simpleForm.formState.errors.email && (\n              <p className=\"text-xs text-red-400\">\n                {simpleForm.formState.errors.email.message}\n              </p>\n            )}\n          </div>\n        )}\n\n        {submitResult && !isPending && (\n          <div\n            className={`flex items-start gap-2 rounded-lg p-4 text-sm ${\n              submitResult.success\n                ? 'border border-green-500/20 bg-green-500/10 text-green-400'\n                : 'border border-red-500/20 bg-red-500/10 text-red-400'\n            }`}\n          >\n            {submitResult.success ? (\n              <CheckCircle size={20} className=\"mt-0.5 shrink-0\" />\n            ) : (\n              <AlertCircle size={20} className=\"mt-0.5 shrink-0\" />\n            )}\n            <div className=\"flex-1\">\n              {submitResult.success ? (\n                <>\n                  <p className=\"mb-1 font-semibold\">You're on the list.</p>\n                  <p className=\"text-sm\">{submitResult.text}</p>\n                </>\n              ) : (\n                <p>{submitResult.text}</p>\n              )}\n            </div>\n          </div>\n        )}\n\n        <Button\n          type=\"submit\"\n          disabled={isPending || submitResult?.success}\n          className=\"w-full\"\n        >\n          {isPending\n            ? 'Submitting...'\n            : isDesignPartner\n              ? 'Apply to the waitlist'\n              : 'Join waitlist'}\n        </Button>\n\n        <p className=\"text-muted-foreground text-center text-xs\">\n          No spam. We'll only email you about ContractSpec and your application.\n        </p>\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/templates/TemplatesClientPage.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/templates/TemplatesClientPage.d.ts
+declare const TemplatesPage: () => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TemplatesPage };
+//# sourceMappingURL=TemplatesClientPage.d.ts.map

package/dist/components/templates/TemplatesClientPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesClientPage.d.ts","names":[],"sources":["../../../src/components/templates/TemplatesClientPage.tsx"],"mappings":";;;cA0Pa,aAAA,QAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}