@flamingo-stack/openframe-frontend-core 0.0.439 → 0.0.440

package/dist/{chunk-COMBYYQY.js → chunk-FPE3SQ5D.js}

@@ -12,15 +12,15 @@ import {
   SelectValue,
   Textarea,
   useChatAttachments
-} from "./chunk-NQQ4NLUT.js";
+} from "./chunk-ZQYFDYWV.js";
 import {
   useContactSubmission,
   useHumanitySignals
-} from "./chunk-RVWC4P3H.js";
+} from "./chunk-2BTDPDME.js";
 import {
   Button,
   Input
-} from "./chunk-4ACSUJ7Q.js";
+} from "./chunk-6CITW5BD.js";
 
 // src/components/contact/contact-form.tsx
 import { useState } from "react";
@@ -172,7 +172,7 @@ function ContactForm({
       children: [
         (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
           title && /* @__PURE__ */ jsx("h2", { className: `${SECTION_HEADING_CLASS} mb-3 md:mb-4`, children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "font-['DM_Sans'] font-medium text-[16px] md:text-[18px] leading-[24px] text-ods-text-primary", children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-h4 text-ods-text-primary", children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "form",
@@ -211,7 +211,7 @@ function ContactForm({
                       className: "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12"
                     }
                   ),
-                  errors.name && /* @__PURE__ */ jsx("span", { id: "name-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.name.message })
+                  errors.name && /* @__PURE__ */ jsx("span", { id: "name-error", className: "text-ods-error text-h6 mt-1", children: errors.name.message })
                 ] }),
                 showEmail && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                   /* @__PURE__ */ jsxs(Label, { htmlFor: "email", children: [
@@ -230,7 +230,7 @@ function ContactForm({
                       className: "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12"
                     }
                   ),
-                  errors.email && /* @__PURE__ */ jsx("span", { id: "email-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.email.message })
+                  errors.email && /* @__PURE__ */ jsx("span", { id: "email-error", className: "text-ods-error text-h6 mt-1", children: errors.email.message })
                 ] })
               ] }),
               (showCompanySize || showReferralSource) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: [
@@ -255,7 +255,7 @@ function ContactForm({
                       ] })
                     }
                   ),
-                  errors.companySize && /* @__PURE__ */ jsx("span", { id: "companySize-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.companySize.message })
+                  errors.companySize && /* @__PURE__ */ jsx("span", { id: "companySize-error", className: "text-ods-error text-h6 mt-1", children: errors.companySize.message })
                 ] }),
                 showReferralSource && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                   /* @__PURE__ */ jsx(Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
@@ -278,7 +278,7 @@ function ContactForm({
                       ] })
                     }
                   ),
-                  errors.referralSource && /* @__PURE__ */ jsx("span", { id: "referralSource-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.referralSource.message })
+                  errors.referralSource && /* @__PURE__ */ jsx("span", { id: "referralSource-error", className: "text-ods-error text-h6 mt-1", children: errors.referralSource.message })
                 ] })
               ] }),
               showHelpCategory && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
@@ -305,7 +305,7 @@ function ContactForm({
                     ] })
                   }
                 ),
-                errors.helpCategory && /* @__PURE__ */ jsx("span", { id: "helpCategory-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.helpCategory.message })
+                errors.helpCategory && /* @__PURE__ */ jsx("span", { id: "helpCategory-error", className: "text-ods-error text-h6 mt-1", children: errors.helpCategory.message })
               ] }),
               showMessage && /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-grow", children: [
                 /* @__PURE__ */ jsxs(Label, { htmlFor: "message", children: [
@@ -323,7 +323,7 @@ function ContactForm({
                     className: "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary h-full flex-grow"
                   }
                 ),
-                errors.message && /* @__PURE__ */ jsx("span", { id: "message-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.message.message })
+                errors.message && /* @__PURE__ */ jsx("span", { id: "message-error", className: "text-ods-error text-h6 mt-1", children: errors.message.message })
               ] }),
               attachmentsEnabled && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -344,11 +344,11 @@ function ContactForm({
                       disabled: isSubmitting
                     }
                   ),
-                  /* @__PURE__ */ jsx("span", { className: "text-xs text-ods-text-secondary", children: "Attach files (optional)" })
+                  /* @__PURE__ */ jsx("span", { className: "text-h6 text-ods-text-secondary", children: "Attach files (optional)" })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6 items-center justify-end w-full pt-2 mt-auto", children: [
-                footerText && /* @__PURE__ */ jsx("p", { className: "font-['DM_Sans'] text-ods-text-secondary text-xs md:text-sm leading-relaxed text-center md:text-left", children: footerText }),
+                footerText && /* @__PURE__ */ jsx("p", { className: "text-h6 text-ods-text-secondary text-center md:text-left", children: footerText }),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -372,4 +372,4 @@ function ContactForm({
 export {
   ContactForm
 };
-//# sourceMappingURL=chunk-COMBYYQY.js.map
+//# sourceMappingURL=chunk-FPE3SQ5D.js.map

package/dist/chunk-FPE3SQ5D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/contact/contact-form.tsx","../src/schemas/contact-schema.ts"],"sourcesContent":["'use client'\n\n/**\n * `<ContactForm />` — the canonical contact form used by every public\n * surface (TMCG join, case-study pitch, generic /contact, Help Center\n * ticket creation, etc.).\n *\n * Self-contained inside the lib — host-specific values (user id for\n * tracking, platform-specific contact reasons, reddit-click attribution\n * id) flow IN via props. The hub passes them via a thin\n * `<ContactForm>` wrapper that resolves them from `useAuth` /\n * `getAppConfig` / `getStoredRedditClickId`. Other embedders pass\n * whatever they have (or omit).\n *\n * Field-hide + custom-submit + extra-top-field knobs let one form\n * serve both contact and ticket-creation flows without forking:\n *   - Contact page: rendered with all fields visible, built-in submit\n *     flow to `/api/contact` via `useContactSubmission`.\n *   - Ticket page: hides name/email/companySize/referralSource/\n *     helpCategory; supplies `extraTopField` (a Subject input) +\n *     `onCustomSubmit` wired to `useTicketActions.submitTicket`.\n */\n\nimport { useState, type ReactNode } from 'react'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  ContactSchema,\n  type ContactFormData,\n  companySizeOptions,\n  referralSourceOptions,\n  defaultHelpCategoryOptions,\n} from '../../schemas/contact-schema'\nimport { SECTION_HEADING_CLASS } from '../layout/page-heading'\nimport {\n  Button,\n  type ButtonProps,\n  Input,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  Label,\n} from '../ui'\nimport { useContactSubmission } from '../../hooks/use-contact-submission'\nimport { useHumanitySignals } from '../../hooks/use-humanity-signals'\nimport { HoneypotField } from '../ui/honeypot-field'\nimport {\n  ChatAttachmentAddButton,\n  ChatAttachmentChipStrip,\n} from '../chat/chat-attachment-bar'\nimport { useChatAttachments } from '../chat/hooks/use-chat-attachments'\nimport type { ChatAttachment } from '../chat/utils/chat-attachment-markdown'\n\n/**\n * Fields the caller can suppress. Six values — every primary form\n * field plus `name` and `email` (newly hideable so ticket-creation\n * surfaces can hide them; they still need to validate, so the caller\n * MUST supply pre-filled values via `defaultValues` when hiding them).\n */\nexport type ContactFormHideableField =\n  | 'name'\n  | 'email'\n  | 'companySize'\n  | 'referralSource'\n  | 'helpCategory'\n  | 'message'\n\nexport interface ContactFormProps {\n  /** Host-side user id passed to `useContactSubmission` for attribution.\n   *  Hub wrapper passes `useAuth().user?.id`; lib's Help Center surface\n   *  passes `useChatIdentity().user?.id`. Omit for anon flows. */\n  userId?: string\n  /** Platform-specific help-category dropdown options. Hub wrapper\n   *  passes `getAppConfig().contact.contactReasons`. Defaults to the\n   *  lib's `defaultHelpCategoryOptions`. */\n  helpCategoryOptions?: readonly string[]\n  /** Reddit click attribution id. Caller resolves from wherever they\n   *  stash it (hub: sessionStorage via `getStoredRedditClickId`). When\n   *  set, it's spread into the submission payload. */\n  rdtCid?: string\n  /** Called after a successful submit so the caller can clear their\n   *  attribution storage (hub wrapper calls `clearStoredRedditClickId`).\n   *  Fires for BOTH the built-in and custom submit paths. */\n  onSubmitSuccess?: () => void\n\n  prefilledReason?: string\n  prefilledMessage?: string\n  hideFields?: ContactFormHideableField[]\n  /** Authoritative pre-fill for any field the caller hides. Merged\n   *  into react-hook-form's `defaultValues` AFTER the legacy\n   *  `prefilledReason` / `prefilledMessage` props (caller-supplied\n   *  wins). REQUIRED when hiding `name` / `email` / `helpCategory` —\n   *  those fields are still validated by Zod even when not rendered. */\n  defaultValues?: Partial<ContactFormData>\n  /** Optional custom submit handler. When provided, the form bypasses\n   *  the built-in `useContactSubmission` flow (no /api/contact call,\n   *  no success-redirect, no built-in toast) — the caller owns the\n   *  entire side-effect chain. Reset + `onSubmitSuccess` still fire\n   *  on a successful await.\n   *\n   *  Receives the schema-validated form payload PLUS the ready\n   *  attachments array (empty when `attachmentsEnabled === false` or\n   *  the user hasn't picked any). Caller forwards `attachments` to\n   *  whichever sink owns the upload (e.g. `actions.submitTicket`'s\n   *  `attachments` field for HubSpot Note engagements). */\n  onCustomSubmit?: (data: ContactFormData, attachments: ChatAttachment[]) => Promise<void>\n  /** Turn on the attachments bar (file `+` button + chip strip) using\n   *  the same lib primitives the chat composer uses\n   *  (`<ChatAttachmentAddButton>` + `<ChatAttachmentChipStrip>` +\n   *  `useChatAttachments`). When `false` (the default), the form\n   *  doesn't render the bar AND the attachments array passed to\n   *  `onCustomSubmit` is always empty. */\n  attachmentsEnabled?: boolean\n  /** Render slot for an EXTRA field at the very top of the form,\n   *  ABOVE the name/email row. Use this for ticket surfaces that need\n   *  a Subject input — the field is NOT part of `ContactSchema`, so\n   *  the caller manages its own state + validation and reads the\n   *  value back inside `onCustomSubmit`. */\n  extraTopField?: ReactNode\n\n  title?: string\n  subtitle?: string\n  footerText?: string\n  noBorder?: boolean\n  noPadding?: boolean\n  buttonVariant?: ButtonProps['variant']\n  buttonClassName?: string\n  /** Submit-button label. Defaults to \"Send Message\". Override for\n   *  ticket surfaces (e.g. \"Open ticket\"). */\n  submitLabel?: string\n  /** Success-state submit-button label (shown briefly after submit on\n   *  the built-in flow). Defaults to \"Message Sent!\". Has no effect\n   *  when `onCustomSubmit` is provided — the caller owns success UX. */\n  submitSuccessLabel?: string\n  successRedirectUrl?: string\n  successToastMessage?: string\n}\n\nexport function ContactForm({\n  userId,\n  helpCategoryOptions = defaultHelpCategoryOptions,\n  rdtCid,\n  onSubmitSuccess,\n  prefilledReason,\n  prefilledMessage,\n  hideFields = [],\n  defaultValues: defaultValuesProp,\n  onCustomSubmit,\n  extraTopField,\n  attachmentsEnabled = false,\n  title = 'Hit Us Up',\n  subtitle,\n  footerText = 'We typically respond within 24 hours. We respect your privacy – no spam, ever.',\n  noBorder = false,\n  noPadding = false,\n  buttonVariant = 'accent',\n  buttonClassName = '',\n  submitLabel = 'Send Message',\n  submitSuccessLabel = 'Message Sent!',\n  successRedirectUrl = '/blog#community',\n  successToastMessage = 'Redirecting you to join our community...',\n}: ContactFormProps = {}) {\n  // Attachments staging — same hook the chat composer + ticket\n  // detail-drawer composer use. Files upload to Supabase as soon as\n  // the user picks them; `readyAttachments` is the wire-shape array\n  // ready for the next submit. `hasInflightUploads` disables Send\n  // until every upload settles.\n  const attachments = useChatAttachments()\n  // Built-in contact-API flow. Hook is called unconditionally (rules\n  // of hooks); we just don't dispatch its `submit` when the caller\n  // passes `onCustomSubmit`. The hook owns its own toast + redirect\n  // chain so bypassing it cleanly hands all side-effects to the caller.\n  const builtInSubmission = useContactSubmission({\n    userId,\n    successRedirectUrl,\n    successToastMessage,\n  })\n  // Independent in-flight tracker for the custom path — we can't reuse\n  // `builtInSubmission.isSubmitting` because that hook never sees a\n  // request when `onCustomSubmit` is active.\n  const [customSubmitting, setCustomSubmitting] = useState(false)\n\n  // Invisible bot-protection signals (honeypot + timing). Spread into the\n  // submit payload for BOTH the built-in and custom paths; reset on success.\n  const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals()\n\n  const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting\n  // `isSuccess` only ever fires on the built-in path; custom callers\n  // own their own UX (no \"Message Sent!\" button-label flicker).\n  const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess\n\n  const {\n    register,\n    handleSubmit,\n    control,\n    formState: { errors },\n    reset,\n  } = useForm<ContactFormData>({\n    resolver: zodResolver(ContactSchema),\n    defaultValues: {\n      ...(prefilledReason && { helpCategory: prefilledReason }),\n      ...(prefilledMessage && { message: prefilledMessage }),\n      // Caller-supplied defaults win over the legacy `prefilled*` props\n      // (they're the authoritative seed for hidden fields).\n      ...defaultValuesProp,\n    },\n  })\n\n  const handleFormSubmit = async (data: ContactFormData) => {\n    if (isSubmitting) return\n    if (attachmentsEnabled && attachments.hasInflightUploads) return\n    try {\n      const payload = { ...data, ...(rdtCid && { rdt_cid: rdtCid }), ...getSignals() }\n      const readyAttachments = attachmentsEnabled ? attachments.readyAttachments : []\n      if (onCustomSubmit) {\n        setCustomSubmitting(true)\n        try {\n          await onCustomSubmit(payload, readyAttachments)\n        } finally {\n          setCustomSubmitting(false)\n        }\n      } else {\n        await builtInSubmission.submit(payload)\n      }\n      onSubmitSuccess?.()\n      reset()\n      resetSignals()\n      if (attachmentsEnabled) attachments.clear()\n    } catch {\n      // Error toast is owned by the active flow:\n      //  - built-in: `useContactSubmission` toasts inside `submit()`.\n      //  - custom:   the caller toasts inside `onCustomSubmit`.\n      // Either way we swallow here so a thrown error doesn't crash the\n      // form tree (react-hook-form's onSubmit handler rejects upward).\n    }\n  }\n\n  const showName = !hideFields.includes('name')\n  const showEmail = !hideFields.includes('email')\n  const showNameEmailRow = showName || showEmail\n  const showCompanySize = !hideFields.includes('companySize')\n  const showReferralSource = !hideFields.includes('referralSource')\n  const showHelpCategory = !hideFields.includes('helpCategory')\n  const showMessage = !hideFields.includes('message')\n\n  return (\n    <div\n      className={`h-full flex flex-col ${!noBorder ? 'border border-ods-border rounded-2xl md:rounded-3xl' : ''} ${!noPadding ? 'p-6 md:p-8 lg:p-10' : ''}`}\n    >\n      {(title || subtitle) && (\n        <div className=\"mb-6 md:mb-8\">\n          {title && (\n            <h2 className={`${SECTION_HEADING_CLASS} mb-3 md:mb-4`}>\n              {title}\n            </h2>\n          )}\n          {subtitle && (\n            <p className=\"text-h4 text-ods-text-primary\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n      )}\n\n      <form\n        onSubmit={handleSubmit(handleFormSubmit, (validationErrors) => {\n          // When validation fails on a HIDDEN field (e.g. ticket form\n          // hides name/email/helpCategory and seeds them via\n          // `defaultValues`), there's no visible error UI for the user\n          // — the submit button just appears dead. Log so the broken\n          // defaultValues wiring is at least discoverable in DevTools.\n          // eslint-disable-next-line no-console\n          console.warn(\n            '[ContactForm] submit blocked by validation:',\n            Object.fromEntries(\n              Object.entries(validationErrors).map(([k, v]) => [k, v?.message ?? v]),\n            ),\n          )\n        })}\n        className=\"flex flex-col flex-grow space-y-4 md:space-y-6\"\n      >\n        {/* Hidden inputs for fields that are required by `ContactSchema`\n            but suppressed from the visible UI via `hideFields`. Without\n            these, `register('name')` never runs, react-hook-form skips\n            the field at submit time, and Zod's required-string check\n            fails silently — the user clicks Submit and NOTHING visible\n            happens (no error, no network call). The caller-supplied\n            `defaultValues` seed the values; the hidden inputs just tell\n            RHF to include them in the submit payload. */}\n        {!showName && <input type=\"hidden\" {...register('name')} />}\n        {!showEmail && <input type=\"hidden\" {...register('email')} />}\n        {!showHelpCategory && <input type=\"hidden\" {...register('helpCategory')} />}\n        {!showMessage && <input type=\"hidden\" {...register('message')} />}\n\n        {/* Invisible honeypot — real users never fill it; bots that fill every field trip it. */}\n        <HoneypotField {...honeypotInputProps} />\n\n        {/* Extra top field (e.g. Subject for ticket forms). Rendered\n            outside the schema-driven layout so the caller fully owns\n            label / placeholder / state. */}\n        {extraTopField}\n\n        {showNameEmailRow && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6\">\n            {showName && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"name\">\n                  Your Name<span className=\"text-ods-accent\">*</span>\n                </Label>\n                <Input\n                  id=\"name\"\n                  type=\"text\"\n                  {...register('name')}\n                  placeholder=\"Jane Doe\"\n                  aria-invalid={!!errors.name}\n                  aria-describedby=\"name-error\"\n                  className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12\"\n                />\n                {errors.name && (\n                  <span id=\"name-error\" className=\"text-ods-error text-h6 mt-1\">\n                    {errors.name.message}\n                  </span>\n                )}\n              </div>\n            )}\n            {showEmail && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"email\">\n                  Email<span className=\"text-ods-accent\">*</span>\n                </Label>\n                <Input\n                  id=\"email\"\n                  type=\"email\"\n                  {...register('email')}\n                  placeholder=\"jane@company.com\"\n                  aria-invalid={!!errors.email}\n                  aria-describedby=\"email-error\"\n                  className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12\"\n                />\n                {errors.email && (\n                  <span id=\"email-error\" className=\"text-ods-error text-h6 mt-1\">\n                    {errors.email.message}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {(showCompanySize || showReferralSource) && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6\">\n            {showCompanySize && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"companySize\">Company Size</Label>\n                <Controller\n                  control={control}\n                  name=\"companySize\"\n                  render={({ field }) => (\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <SelectTrigger\n                        id=\"companySize\"\n                        aria-label=\"Company Size\"\n                        className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                      >\n                        <SelectValue placeholder=\"Select company size\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {companySizeOptions.map((opt) => (\n                          <SelectItem key={opt} value={opt}>\n                            {opt}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                />\n                {errors.companySize && (\n                  <span id=\"companySize-error\" className=\"text-ods-error text-h6 mt-1\">\n                    {errors.companySize.message}\n                  </span>\n                )}\n              </div>\n            )}\n            {showReferralSource && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"referralSource\">How did you hear about us?</Label>\n                <Controller\n                  control={control}\n                  name=\"referralSource\"\n                  render={({ field }) => (\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <SelectTrigger\n                        id=\"referralSource\"\n                        aria-label=\"Referral Source\"\n                        className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                      >\n                        <SelectValue placeholder=\"Select an option\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {referralSourceOptions.map((opt) => (\n                          <SelectItem key={opt} value={opt}>\n                            {opt}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                />\n                {errors.referralSource && (\n                  <span id=\"referralSource-error\" className=\"text-ods-error text-h6 mt-1\">\n                    {errors.referralSource.message}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {showHelpCategory && (\n          <div className=\"flex flex-col\">\n            <Label htmlFor=\"helpCategory\">\n              Choose your main interest<span className=\"text-ods-accent\">*</span>\n            </Label>\n            <Controller\n              control={control}\n              name=\"helpCategory\"\n              render={({ field }) => (\n                <Select onValueChange={field.onChange} defaultValue={field.value}>\n                  <SelectTrigger\n                    id=\"helpCategory\"\n                    aria-label=\"Help Category\"\n                    className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                  >\n                    <SelectValue placeholder=\"Choose your main interest\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {helpCategoryOptions.map((opt) => (\n                      <SelectItem key={opt} value={opt}>\n                        {opt}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n            />\n            {errors.helpCategory && (\n              <span id=\"helpCategory-error\" className=\"text-ods-error text-h6 mt-1\">\n                {errors.helpCategory.message}\n              </span>\n            )}\n          </div>\n        )}\n\n        {showMessage && (\n          <div className=\"flex flex-col flex-grow\">\n            <Label htmlFor=\"message\">\n              Your Message<span className=\"text-ods-accent\">*</span>\n            </Label>\n            <Textarea\n              id=\"message\"\n              {...register('message')}\n              placeholder=\"Share your current challenges or questions about open-source alternatives...\"\n              aria-invalid={!!errors.message}\n              aria-describedby=\"message-error\"\n              className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary h-full flex-grow\"\n            />\n            {errors.message && (\n              <span id=\"message-error\" className=\"text-ods-error text-h6 mt-1\">\n                {errors.message.message}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Attachments — only renders when `attachmentsEnabled` is on.\n            Uses the SAME chip strip + add button + staging hook the\n            chat composer and ticket-drawer composer use, so the visual\n            chip styling + upload-progress UX are identical everywhere\n            attachments appear. */}\n        {attachmentsEnabled && (\n          <div className=\"flex flex-col gap-2\">\n            <ChatAttachmentChipStrip\n              attachments={attachments.attachments}\n              onRemove={attachments.removeAttachment}\n              disabled={isSubmitting}\n            />\n            <div className=\"flex items-center gap-2\">\n              <ChatAttachmentAddButton\n                attachmentsEnabled\n                attachmentsCount={attachments.attachments.length}\n                onAddFiles={attachments.addFiles}\n                disabled={isSubmitting}\n              />\n              <span className=\"text-h6 text-ods-text-secondary\">\n                Attach files (optional)\n              </span>\n            </div>\n          </div>\n        )}\n\n        <div className=\"flex flex-col md:flex-row gap-4 md:gap-6 items-center justify-end w-full pt-2 mt-auto\">\n          {footerText && (\n            <p className=\"text-h6 text-ods-text-secondary text-center md:text-left\">\n              {footerText}\n            </p>\n          )}\n          <Button\n            type=\"submit\"\n            loading={isSubmitting}\n            disabled={\n              isSubmitting ||\n              isSuccess ||\n              (attachmentsEnabled && attachments.hasInflightUploads)\n            }\n            variant={buttonVariant}\n            className={`w-full md:w-auto ${buttonClassName}`}\n          >\n            {isSuccess ? submitSuccessLabel : submitLabel}\n          </Button>\n        </div>\n      </form>\n    </div>\n  )\n}\n","import { z } from 'zod';\n\n// Dropdown option constants — re-exported by `<ContactForm>` consumers\n// that want to surface their own custom Select widgets keyed on the\n// same allowed-value set.\nexport const companySizeOptions = [\n  '1-10',\n  '11-50',\n  '51-200',\n  '201-500',\n  '501-1000',\n  '1001+',\n] as const;\n\nexport const referralSourceOptions = [\n  'Google',\n  'LinkedIn',\n  'Twitter/X',\n  'Reddit',\n  'Friend / Colleague',\n  'Other',\n] as const;\n\n// Default fallback options — used when the embedder doesn't supply\n// platform-specific help-category options via the `helpCategoryOptions`\n// prop on `<ContactForm>`.\nexport const defaultHelpCategoryOptions = [\n  'Open-Source Alternatives',\n  'Vendor Cost Reduction',\n  'MSP Best Practices',\n  'Partnerships',\n  'Press',\n  'Other',\n] as const;\n\n// Reusable LinkedIn URL validator — the single source of truth. Every\n// public form schema, every admin update schema, every HubSpot push\n// validator MUST reference this so validation rules cannot drift\n// across boundaries.\n//\n// Host validation parses the URL and checks the hostname suffix so an\n// adversarial input like `https://evil.com/linkedin.com/x` is rejected\n// (substring match would have accepted it — CodeQL alert\n// \"Incomplete URL substring sanitization\").\nexport const LinkedInUrlSchema = z\n  .string()\n  .url({ message: 'Please enter a valid LinkedIn URL' })\n  .refine(\n    (url) => {\n      try {\n        const host = new URL(url).hostname.toLowerCase()\n        return host === 'linkedin.com' || host.endsWith('.linkedin.com')\n      } catch {\n        return false\n      }\n    },\n    {\n      message: 'Please enter a valid LinkedIn profile URL',\n    },\n  )\n  .optional()\n  .or(z.literal(''));\n\n/**\n * Base schema — fields shared by every contact-style form (main contact\n * form, TMCG join, data-room request, case-study pitch, etc.). Any\n * field that exists on a form but NOT on this schema is silently\n * stripped by `safeParse` — that's exactly the bug the LinkedIn field\n * hit historically.\n */\nexport const ContactBaseSchema = z.object({\n  name: z\n    .string()\n    .min(2, { message: 'Name must be at least 2 characters' })\n    .max(255, { message: 'Name is too long' }),\n  email: z\n    .string()\n    .email({ message: 'Please enter a valid email address' })\n    .max(255),\n  linkedin_url: LinkedInUrlSchema,\n  helpCategory: z\n    .string()\n    .min(1, { message: 'Please select what we can help you with' })\n    .max(255, { message: 'Help category is too long' }),\n  message: z\n    .string()\n    .min(10, { message: 'Message must be at least 10 characters' })\n    .max(5000, { message: 'Message is too long (5,000 character limit)' }),\n  rdt_cid: z.string().optional(),\n});\n\n// Public POST /api/contact validator — base + dropdown fields used by\n// the generic contact form. Other form-specific schemas extend\n// `ContactBaseSchema`.\nexport const ContactSchema = ContactBaseSchema.extend({\n  companySize: z\n    .string()\n    .optional()\n    .refine((val) => !val || companySizeOptions.includes(val as (typeof companySizeOptions)[number]), {\n      message: 'Please select a valid company size',\n    }),\n  referralSource: z\n    .string()\n    .optional()\n    .refine((val) => !val || referralSourceOptions.includes(val as (typeof referralSourceOptions)[number]), {\n      message: 'Please select a valid referral source',\n    }),\n});\n\nexport type ContactFormData = z.infer<typeof ContactSchema>;\n\nexport interface ContactApiResponse {\n  success: boolean;\n  error?: string;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-WAGTZVQN.js → chunk-IAZ5AN2E.js}

@@ -4,13 +4,13 @@ import {
   EmptyState,
   init_unified_pagination,
   unified_pagination_exports
-} from "./chunk-EGRZHR7J.js";
+} from "./chunk-SM26C2L7.js";
 import {
   DetailPageSkeleton
-} from "./chunk-PEIR7D25.js";
+} from "./chunk-7KNOHGMI.js";
 import {
   useSelfFetch
-} from "./chunk-QXYOGJQJ.js";
+} from "./chunk-7KDR5P23.js";
 import {
   Accordion,
   AccordionContent,
@@ -42,12 +42,12 @@ import {
   resolveContentHref,
   toStripProfile,
   useEntityCardLink
-} from "./chunk-NQQ4NLUT.js";
+} from "./chunk-ZQYFDYWV.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   contentFetch,
   useScrollToHash
-} from "./chunk-RVWC4P3H.js";
+} from "./chunk-2BTDPDME.js";
 import {
   useChatRuntime
 } from "./chunk-KFQXO7QB.js";
@@ -477,8 +477,8 @@ function ReleaseDetailPage({
   if (error || !release) {
     return renderShell(
       /* @__PURE__ */ jsxs4("div", { className: "text-center py-16", children: [
-        /* @__PURE__ */ jsx4("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
-        /* @__PURE__ */ jsx4("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
+        /* @__PURE__ */ jsx4("h1", { className: "text-h1 text-ods-text-primary mb-4", children: "Release Not Found" }),
+        /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
       ] })
     );
   }
@@ -520,15 +520,15 @@ function ReleaseDetailPage({
             /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
               /* @__PURE__ */ jsx4("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
                 /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
-                /* @__PURE__ */ jsx4("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
+                /* @__PURE__ */ jsx4("p", { className: "text-h6 text-ods-text-secondary", children: "Release Type" })
               ] }) }),
               /* @__PURE__ */ jsx4("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
                 /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
-                /* @__PURE__ */ jsx4("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
+                /* @__PURE__ */ jsx4("p", { className: "text-h6 text-ods-text-secondary", children: "Release Status" })
               ] }) }),
               /* @__PURE__ */ jsx4("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
                 /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
-                /* @__PURE__ */ jsx4("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
+                /* @__PURE__ */ jsx4("p", { className: "text-h6 text-ods-text-secondary", children: "Release Date" })
               ] }) }),
               /* @__PURE__ */ jsx4(
                 EntityMetadataAuthorCell,
@@ -585,10 +585,10 @@ function ReleaseDetailPage({
               )
             ] }),
             releaseContent && /* @__PURE__ */ jsx4("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx4(MarkdownRenderer, { content: releaseContent }) }),
-            hasBreakingChanges && /* @__PURE__ */ jsx4(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx4(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx4(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+            hasBreakingChanges && /* @__PURE__ */ jsx4(Card, { className: "border-ods-error bg-ods-error/10", children: /* @__PURE__ */ jsx4(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx4(AlertTriangle, { className: "h-6 w-6 text-ods-error" }),
               /* @__PURE__ */ jsxs4("div", { children: [
-                /* @__PURE__ */ jsx4("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
+                /* @__PURE__ */ jsx4("h3", { className: "text-h3 text-ods-error", children: "Breaking Changes" }),
                 /* @__PURE__ */ jsx4("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
               ] })
             ] }) }) }),
@@ -677,11 +677,11 @@ function ReleaseDetailPage({
                       href: ghRelease.github_release_url,
                       target: "_blank",
                       rel: "noopener noreferrer",
-                      className: "text-h4 text-[#ffc008] hover:underline",
+                      className: "text-h4 text-ods-accent hover:underline",
                       children: ghRelease.github_release_url.split("/").pop()
                     }
                   ),
-                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-ods-accent shrink-0" })
                 ] }, ghRelease.id)) }),
                 knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx4(Fragment3, { children: knowledgeBaseLinks.map((linkObj) => {
                   const path = typeof linkObj === "string" ? linkObj : linkObj.kb_article_path;
@@ -693,11 +693,11 @@ function ReleaseDetailPage({
                       next_link_default,
                       {
                         href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
-                        className: "text-h4 text-[#ffc008] hover:underline",
+                        className: "text-h4 text-ods-accent hover:underline",
                         children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
                       }
                     ),
-                    /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                    /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-ods-accent shrink-0" })
                   ] }, linkId);
                 }) }),
                 migrationGuideUrl && /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-1", children: [
@@ -708,11 +708,11 @@ function ReleaseDetailPage({
                       href: migrationGuideUrl,
                       target: "_blank",
                       rel: "noopener noreferrer",
-                      className: "text-h4 text-[#ffc008] hover:underline",
+                      className: "text-h4 text-ods-accent hover:underline",
                       children: "\u{1F4D6} Migration Guide"
                     }
                   ),
-                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-ods-accent shrink-0" })
                 ] }),
                 documentationUrl && /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-1", children: [
                   /* @__PURE__ */ jsx4(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
@@ -722,11 +722,11 @@ function ReleaseDetailPage({
                       href: documentationUrl,
                       target: "_blank",
                       rel: "noopener noreferrer",
-                      className: "text-h4 text-[#ffc008] hover:underline",
+                      className: "text-h4 text-ods-accent hover:underline",
                       children: "\u{1F4DA} Documentation"
                     }
                   ),
-                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-ods-accent shrink-0" })
                 ] })
               ] }) })
             ] })
@@ -1027,7 +1027,7 @@ function RoadmapGrid({
                   "h3",
                   {
                     className: cn(
-                      "font-['Azeret_Mono'] font-semibold text-[24px] md:text-[28px] lg:text-[32px] leading-[32px] md:leading-[36px] lg:leading-[40px] text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] transition-opacity",
+                      "text-h2 text-ods-text-primary transition-opacity",
                       isExpanded ? "opacity-100" : "opacity-60"
                     ),
                     children: [
@@ -1040,7 +1040,7 @@ function RoadmapGrid({
                   "span",
                   {
                     className: cn(
-                      "text-sm font-medium transition-opacity",
+                      "text-h6 transition-opacity",
                       isExpanded ? "text-ods-text-secondary opacity-100" : "text-ods-text-tertiary opacity-60"
                     ),
                     children: [
@@ -1175,7 +1175,7 @@ function DeliveryTable({ items, isLoading = false }) {
     return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx9("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx9(SkeletonRow, {}, i)) }) });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx9("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
+    return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx9("p", { className: "text-h6 text-ods-text-secondary", children: "No tasks available" }) });
   }
   return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx9("div", { className: "w-full", children: items.map((item) => (
     // DOM id lives on DeliveryRow's own outer element (no wrapper
@@ -1396,7 +1396,7 @@ function LegalDocumentPage({
   const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
   const subtitle = effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription;
   const inner = /* @__PURE__ */ jsxs9(PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: [
-    data?.sourceFile && /* @__PURE__ */ jsxs9("p", { className: "font-['DM_Sans'] text-sm text-ods-text-secondary opacity-75", children: [
+    data?.sourceFile && /* @__PURE__ */ jsxs9("p", { className: "text-h6 text-ods-text-secondary opacity-75", children: [
       "Source: ",
       data.sourceFile
     ] }),
@@ -1416,9 +1416,9 @@ function LegalDocumentPage({
         ] })
       ] })
     ) : error ? /* @__PURE__ */ jsxs9("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
-        /* @__PURE__ */ jsx11("p", { className: "text-red-400 mb-2", children: errorTitle }),
-        /* @__PURE__ */ jsx11("p", { className: "text-red-300 text-sm", children: error })
+      /* @__PURE__ */ jsxs9("div", { className: "bg-ods-error-secondary border border-ods-error rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-ods-error mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx11("p", { className: "text-ods-error text-h6", children: error })
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "text-ods-text-secondary", children: [
         /* @__PURE__ */ jsx11("p", { children: errorContactPrompt }),
@@ -1432,7 +1432,7 @@ function LegalDocumentPage({
         demoteMarkdownH1ToH2: true
       }
     ) : /* @__PURE__ */ jsxs9("div", { className: "text-center text-ods-text-secondary py-16", children: [
-      /* @__PURE__ */ jsx11("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsx11("p", { className: "text-h4", children: emptyStateMessage }),
       /* @__PURE__ */ jsxs9("p", { className: "mt-2", children: [
         "Please contact",
         " ",
@@ -1462,4 +1462,4 @@ export {
   useLegalDocs,
   LegalDocumentPage
 };
-//# sourceMappingURL=chunk-WAGTZVQN.js.map
+//# sourceMappingURL=chunk-IAZ5AN2E.js.map