@flamingo-stack/openframe-frontend-core 0.0.248 → 0.0.249
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-AGU44B7B.js → chunk-2FCXJTOV.js} +55 -357
- package/dist/chunk-2FCXJTOV.js.map +1 -0
- package/dist/{chunk-QHYCWQBH.cjs → chunk-3DZ7QYNA.cjs} +166 -15
- package/dist/chunk-3DZ7QYNA.cjs.map +1 -0
- package/dist/{chunk-4VSPLMB6.cjs → chunk-3VTHSACO.cjs} +34 -32
- package/dist/chunk-3VTHSACO.cjs.map +1 -0
- package/dist/{chunk-PMYD4WKR.cjs → chunk-4EED3YEI.cjs} +1550 -5971
- package/dist/chunk-4EED3YEI.cjs.map +1 -0
- package/dist/{chunk-RV2PYHCJ.js → chunk-4HHYUEMD.js} +3 -3
- package/dist/{chunk-UECRKCKH.js → chunk-4RDJZIHW.js} +115 -279
- package/dist/chunk-4RDJZIHW.js.map +1 -0
- package/dist/{chunk-672QV33W.js → chunk-5ZVPKTXM.js} +167 -16
- package/dist/chunk-5ZVPKTXM.js.map +1 -0
- package/dist/chunk-6JINAOI7.cjs +311 -0
- package/dist/chunk-6JINAOI7.cjs.map +1 -0
- package/dist/chunk-6LK4VEXE.cjs +4514 -0
- package/dist/chunk-6LK4VEXE.cjs.map +1 -0
- package/dist/chunk-DAAFVOTL.cjs +172 -0
- package/dist/chunk-DAAFVOTL.cjs.map +1 -0
- package/dist/{chunk-27VVOBDB.cjs → chunk-ELF4OOHC.cjs} +16 -180
- package/dist/chunk-ELF4OOHC.cjs.map +1 -0
- package/dist/{chunk-OZKPUBKX.cjs → chunk-LHZYI23D.cjs} +32 -30
- package/dist/chunk-LHZYI23D.cjs.map +1 -0
- package/dist/chunk-LKI3YCAX.js +4514 -0
- package/dist/chunk-LKI3YCAX.js.map +1 -0
- package/dist/{chunk-2Q5GVNXP.cjs → chunk-LZL6P7SN.cjs} +12 -12
- package/dist/{chunk-2Q5GVNXP.cjs.map → chunk-LZL6P7SN.cjs.map} +1 -1
- package/dist/chunk-M2OCXTNT.js +311 -0
- package/dist/chunk-M2OCXTNT.js.map +1 -0
- package/dist/{chunk-OTFJKBDW.js → chunk-PCXI7ZB2.js} +4928 -9349
- package/dist/chunk-PCXI7ZB2.js.map +1 -0
- package/dist/{chunk-PJT6RRSP.js → chunk-PVAYXHYF.js} +7 -5
- package/dist/{chunk-PJT6RRSP.js.map → chunk-PVAYXHYF.js.map} +1 -1
- package/dist/{chunk-GRTZ23GL.cjs → chunk-TU26IZPO.cjs} +16 -318
- package/dist/chunk-TU26IZPO.cjs.map +1 -0
- package/dist/{chunk-NFUXCXYN.js → chunk-VAKBNCV6.js} +7 -5
- package/dist/{chunk-NFUXCXYN.js.map → chunk-VAKBNCV6.js.map} +1 -1
- package/dist/chunk-ZXZJSTNV.js +172 -0
- package/dist/chunk-ZXZJSTNV.js.map +1 -0
- package/dist/components/chat/index.cjs +11 -7
- package/dist/components/chat/index.cjs.map +1 -1
- package/dist/components/chat/index.js +53 -49
- package/dist/components/contact/index.cjs +11 -8
- package/dist/components/contact/index.cjs.map +1 -1
- package/dist/components/contact/index.js +10 -7
- package/dist/components/features/index.cjs +11 -7
- package/dist/components/features/index.cjs.map +1 -1
- package/dist/components/features/index.js +26 -22
- package/dist/components/index.cjs +112 -109
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +134 -131
- package/dist/components/index.js.map +1 -1
- package/dist/components/navigation/index.cjs +10 -7
- package/dist/components/navigation/index.cjs.map +1 -1
- package/dist/components/navigation/index.js +9 -6
- package/dist/components/onboarding-guides/index.cjs +43 -53
- package/dist/components/onboarding-guides/index.cjs.map +1 -1
- package/dist/components/onboarding-guides/index.js +25 -35
- package/dist/components/onboarding-guides/index.js.map +1 -1
- package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts +11 -11
- package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts.map +1 -1
- package/dist/components/related-content/index.cjs +11 -8
- package/dist/components/related-content/index.cjs.map +1 -1
- package/dist/components/related-content/index.js +10 -7
- package/dist/components/tickets/index.cjs +96 -93
- package/dist/components/tickets/index.cjs.map +1 -1
- package/dist/components/tickets/index.js +21 -18
- package/dist/components/tickets/index.js.map +1 -1
- package/dist/components/ui/file-manager/index.cjs +52 -50
- package/dist/components/ui/file-manager/index.cjs.map +1 -1
- package/dist/components/ui/file-manager/index.js +6 -4
- package/dist/components/ui/file-manager/index.js.map +1 -1
- package/dist/components/ui/index.cjs +16 -11
- package/dist/components/ui/index.cjs.map +1 -1
- package/dist/components/ui/index.js +102 -97
- package/dist/contexts/index.cjs +2 -2
- package/dist/contexts/index.js +5 -5
- package/dist/hooks/index.cjs +6 -4
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.js +8 -6
- package/dist/index.cjs +17 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +157 -151
- package/package.json +1 -1
- package/src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx +28 -33
- package/dist/chunk-27VVOBDB.cjs.map +0 -1
- package/dist/chunk-4VSPLMB6.cjs.map +0 -1
- package/dist/chunk-672QV33W.js.map +0 -1
- package/dist/chunk-AGU44B7B.js.map +0 -1
- package/dist/chunk-GRTZ23GL.cjs.map +0 -1
- package/dist/chunk-OTFJKBDW.js.map +0 -1
- package/dist/chunk-OZKPUBKX.cjs.map +0 -1
- package/dist/chunk-PMYD4WKR.cjs.map +0 -1
- package/dist/chunk-QHYCWQBH.cjs.map +0 -1
- package/dist/chunk-QWYJETDL.cjs +0 -162
- package/dist/chunk-QWYJETDL.cjs.map +0 -1
- package/dist/chunk-UECRKCKH.js.map +0 -1
- package/dist/chunk-WTTLEGEO.js +0 -162
- package/dist/chunk-WTTLEGEO.js.map +0 -1
- /package/dist/{chunk-RV2PYHCJ.js.map → chunk-4HHYUEMD.js.map} +0 -0
|
@@ -11,15 +11,17 @@ import {
|
|
|
11
11
|
SelectValue,
|
|
12
12
|
Textarea,
|
|
13
13
|
useChatAttachments
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-PCXI7ZB2.js";
|
|
15
15
|
import {
|
|
16
16
|
useContactSubmission,
|
|
17
17
|
useHumanitySignals
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-4RDJZIHW.js";
|
|
19
19
|
import {
|
|
20
|
-
Button,
|
|
21
20
|
Input
|
|
22
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-M2OCXTNT.js";
|
|
22
|
+
import {
|
|
23
|
+
Button
|
|
24
|
+
} from "./chunk-2FCXJTOV.js";
|
|
23
25
|
|
|
24
26
|
// src/components/contact/contact-form.tsx
|
|
25
27
|
import { useState } from "react";
|
|
@@ -371,4 +373,4 @@ function ContactForm({
|
|
|
371
373
|
export {
|
|
372
374
|
ContactForm
|
|
373
375
|
};
|
|
374
|
-
//# sourceMappingURL=chunk-
|
|
376
|
+
//# sourceMappingURL=chunk-PVAYXHYF.js.map
|
|
@@ -1 +1 @@
|
|
|
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 {\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=\"text-h2 tracking-[-0.04em] text-ods-text-primary mb-3 md:mb-4\">\n {title}\n </h2>\n )}\n {subtitle && (\n <p className=\"font-['DM_Sans'] font-medium text-[16px] md:text-[18px] leading-[24px] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs 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=\"font-['DM_Sans'] text-ods-text-secondary text-xs md:text-sm leading-relaxed 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":[]}
|
|
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 {\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=\"text-h2 tracking-[-0.04em] text-ods-text-primary mb-3 md:mb-4\">\n {title}\n </h2>\n )}\n {subtitle && (\n <p className=\"font-['DM_Sans'] font-medium text-[16px] md:text-[18px] leading-[24px] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs font-['DM_Sans'] 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-xs 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=\"font-['DM_Sans'] text-ods-text-secondary text-xs md:text-sm leading-relaxed 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":[]}
|
|
@@ -9,9 +9,6 @@ var _chunkWBR7H6E3cjs = require('./chunk-WBR7H6E3.cjs');
|
|
|
9
9
|
var _chunkFIG2RKZFcjs = require('./chunk-FIG2RKZF.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var _chunkWZW7C7TFcjs = require('./chunk-WZW7C7TF.cjs');
|
|
13
|
-
|
|
14
|
-
|
|
15
12
|
var _chunkVRHGVLSLcjs = require('./chunk-VRHGVLSL.cjs');
|
|
16
13
|
|
|
17
14
|
// src/components/ui/button/button-styles.ts
|
|
@@ -38,7 +35,7 @@ var init_button_styles = _chunkVRHGVLSLcjs.__esm.call(void 0, {
|
|
|
38
35
|
// src/components/ui/button/button.tsx
|
|
39
36
|
var _reactslot = require('@radix-ui/react-slot');
|
|
40
37
|
var _classvarianceauthority = require('class-variance-authority');
|
|
41
|
-
var _react = require('react'); var
|
|
38
|
+
var _react = require('react'); var React4 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
|
|
42
39
|
var _jsxruntime = require('react/jsx-runtime');
|
|
43
40
|
var buttonVariants, splitShellVariants, splitSlotVariants, Spinner, Button;
|
|
44
41
|
var init_button = _chunkVRHGVLSLcjs.__esm.call(void 0, {
|
|
@@ -157,7 +154,7 @@ var init_button = _chunkVRHGVLSLcjs.__esm.call(void 0, {
|
|
|
157
154
|
}
|
|
158
155
|
)
|
|
159
156
|
] });
|
|
160
|
-
Button = exports.Button =
|
|
157
|
+
Button = exports.Button = React4.default.forwardRef(function Button2({
|
|
161
158
|
className,
|
|
162
159
|
variant,
|
|
163
160
|
size,
|
|
@@ -371,7 +368,7 @@ var init_split_button = _chunkVRHGVLSLcjs.__esm.call(void 0, {
|
|
|
371
368
|
],
|
|
372
369
|
defaultVariants: { variant: "accent", size: "default", side: "main" }
|
|
373
370
|
});
|
|
374
|
-
SplitButton = exports.SplitButton =
|
|
371
|
+
SplitButton = exports.SplitButton = React4.default.forwardRef(function SplitButton2({
|
|
375
372
|
variant = "accent",
|
|
376
373
|
size = "default",
|
|
377
374
|
fullWidth = false,
|
|
@@ -449,162 +446,19 @@ var init_button2 = _chunkVRHGVLSLcjs.__esm.call(void 0, {
|
|
|
449
446
|
}
|
|
450
447
|
});
|
|
451
448
|
|
|
452
|
-
// src/components/ui/field-wrapper.tsx
|
|
453
|
-
_chunkFIG2RKZFcjs.init_cn.call(void 0, );
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
var errorVariantClasses = {
|
|
457
|
-
error: "text-ods-error",
|
|
458
|
-
warning: "text-[var(--ods-attention-yellow-warning)]"
|
|
459
|
-
};
|
|
460
|
-
var FieldWrapper = React.forwardRef(
|
|
461
|
-
({ label, error, errorVariant = "error", className, children }, ref) => {
|
|
462
|
-
const hasChrome = label != null || error != null;
|
|
463
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkFIG2RKZFcjs.cn.call(void 0, hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
|
|
464
|
-
label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "text-h4 text-ods-text-primary mb-1", children: label }),
|
|
465
|
-
children,
|
|
466
|
-
error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkFIG2RKZFcjs.cn.call(void 0, "absolute bottom-0 left-0 right-0 translate-y-full text-h6 truncate", errorVariantClasses[errorVariant]), title: error, children: error })
|
|
467
|
-
] });
|
|
468
|
-
}
|
|
469
|
-
);
|
|
470
|
-
FieldWrapper.displayName = "FieldWrapper";
|
|
471
|
-
|
|
472
|
-
// src/components/ui/input.tsx
|
|
473
|
-
_chunkFIG2RKZFcjs.init_cn.call(void 0, );
|
|
474
|
-
|
|
475
|
-
var _lucidereact = require('lucide-react');
|
|
476
|
-
|
|
477
|
-
var invalidBorderClasses = {
|
|
478
|
-
error: "border-ods-error hover:border-ods-error has-[:focus]:border-ods-error",
|
|
479
|
-
warning: "!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]"
|
|
480
|
-
};
|
|
481
|
-
var Input = React2.forwardRef(
|
|
482
|
-
({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = "error", loading = false, ...props }, ref) => {
|
|
483
|
-
const isInvalid = invalid || !!error;
|
|
484
|
-
if (type === "range") {
|
|
485
|
-
const rangeInput = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
486
|
-
"input",
|
|
487
|
-
{
|
|
488
|
-
type: "range",
|
|
489
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
490
|
-
"w-full cursor-pointer appearance-none rounded-full bg-white/30 h-1",
|
|
491
|
-
// Webkit (Chrome/Safari) thumb
|
|
492
|
-
"[&::-webkit-slider-thumb]:appearance-none",
|
|
493
|
-
"[&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3",
|
|
494
|
-
"[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white",
|
|
495
|
-
"[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm",
|
|
496
|
-
// Firefox thumb
|
|
497
|
-
"[&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3",
|
|
498
|
-
"[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white",
|
|
499
|
-
"[&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer",
|
|
500
|
-
// Firefox track
|
|
501
|
-
"[&::-moz-range-track]:bg-transparent",
|
|
502
|
-
// Disabled
|
|
503
|
-
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
504
|
-
className
|
|
505
|
-
),
|
|
506
|
-
ref,
|
|
507
|
-
...props
|
|
508
|
-
}
|
|
509
|
-
);
|
|
510
|
-
return label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldWrapper, { label, error, errorVariant, children: rangeInput }) : rangeInput;
|
|
511
|
-
}
|
|
512
|
-
const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
513
|
-
"label",
|
|
514
|
-
{
|
|
515
|
-
"data-invalid": isInvalid || void 0,
|
|
516
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
517
|
-
// Layout & spacing
|
|
518
|
-
"flex w-full items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text",
|
|
519
|
-
// Focus-within states
|
|
520
|
-
"has-[:focus-visible]:outline-none",
|
|
521
|
-
"group",
|
|
522
|
-
// Animations & touch UX
|
|
523
|
-
"transition-colors duration-200",
|
|
524
|
-
// Theme palette
|
|
525
|
-
"bg-ods-card border-ods-border has-[:focus]:border-ods-accent",
|
|
526
|
-
// Hover & active (not disabled)
|
|
527
|
-
!props.disabled && "hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active",
|
|
528
|
-
// Disabled
|
|
529
|
-
props.disabled && "!cursor-not-allowed bg-ods-bg",
|
|
530
|
-
// Invalid
|
|
531
|
-
isInvalid && invalidBorderClasses[errorVariant],
|
|
532
|
-
className
|
|
533
|
-
),
|
|
534
|
-
children: [
|
|
535
|
-
startAdornment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment }),
|
|
536
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
537
|
-
"input",
|
|
538
|
-
{
|
|
539
|
-
type,
|
|
540
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
541
|
-
// Layout
|
|
542
|
-
"flex-1 min-w-0 bg-transparent border-none outline-none",
|
|
543
|
-
// Typography
|
|
544
|
-
"text-h4",
|
|
545
|
-
// Colors
|
|
546
|
-
"text-ods-text-primary placeholder:text-ods-text-secondary",
|
|
547
|
-
// File input adjustments
|
|
548
|
-
"file:border-0 file:bg-transparent",
|
|
549
|
-
// Disabled
|
|
550
|
-
"disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border",
|
|
551
|
-
// Touch
|
|
552
|
-
"touch-manipulation",
|
|
553
|
-
// Autofill override
|
|
554
|
-
"[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]"
|
|
555
|
-
),
|
|
556
|
-
ref,
|
|
557
|
-
...props
|
|
558
|
-
}
|
|
559
|
-
),
|
|
560
|
-
loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "animate-spin flex-shrink-0 text-ods-text-secondary size-4 md:size-6" }),
|
|
561
|
-
!loading && endAdornment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6", children: endAdornment })
|
|
562
|
-
]
|
|
563
|
-
}
|
|
564
|
-
);
|
|
565
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldWrapper, { label, error, errorVariant, children: content });
|
|
566
|
-
}
|
|
567
|
-
);
|
|
568
|
-
Input.displayName = "Input";
|
|
569
|
-
|
|
570
|
-
// src/components/ui/checkbox.tsx
|
|
571
|
-
_chunkFIG2RKZFcjs.init_cn.call(void 0, );
|
|
572
|
-
|
|
573
|
-
var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
|
|
574
|
-
|
|
575
|
-
var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
576
|
-
CheckboxPrimitive.Root,
|
|
577
|
-
{
|
|
578
|
-
ref,
|
|
579
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
580
|
-
"peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-ods-accent data-[state=checked]:border-ods-accent",
|
|
581
|
-
className
|
|
582
|
-
),
|
|
583
|
-
...props,
|
|
584
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
585
|
-
CheckboxPrimitive.Indicator,
|
|
586
|
-
{
|
|
587
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0, "flex items-center justify-center text-ods-text-on-accent"),
|
|
588
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWZW7C7TFcjs.CheckboxCheckmarkIcon, { size: 10 })
|
|
589
|
-
}
|
|
590
|
-
)
|
|
591
|
-
}
|
|
592
|
-
));
|
|
593
|
-
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
594
|
-
|
|
595
449
|
// src/components/ui/dropdown-menu.tsx
|
|
596
450
|
_chunkFIG2RKZFcjs.init_cn.call(void 0, );
|
|
597
451
|
|
|
598
452
|
var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var DropdownMenuPrimitive = _interopRequireWildcard(_reactdropdownmenu);
|
|
599
|
-
|
|
453
|
+
var _lucidereact = require('lucide-react');
|
|
600
454
|
|
|
601
455
|
// src/components/ui/portal-container.tsx
|
|
602
456
|
|
|
603
|
-
var PortalContainerContext =
|
|
457
|
+
var PortalContainerContext = React3.createContext(
|
|
604
458
|
null
|
|
605
459
|
);
|
|
606
460
|
function usePortalContainer() {
|
|
607
|
-
return
|
|
461
|
+
return React3.useContext(PortalContainerContext);
|
|
608
462
|
}
|
|
609
463
|
|
|
610
464
|
// src/components/ui/dropdown-menu.tsx
|
|
@@ -615,7 +469,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
|
615
469
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
616
470
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
617
471
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
618
|
-
var DropdownMenuSubTrigger =
|
|
472
|
+
var DropdownMenuSubTrigger = React4.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
619
473
|
DropdownMenuPrimitive.SubTrigger,
|
|
620
474
|
{
|
|
621
475
|
ref,
|
|
@@ -632,7 +486,7 @@ var DropdownMenuSubTrigger = React7.forwardRef(({ className, inset, children, ..
|
|
|
632
486
|
}
|
|
633
487
|
));
|
|
634
488
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
635
|
-
var DropdownMenuSubContent =
|
|
489
|
+
var DropdownMenuSubContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
636
490
|
DropdownMenuPrimitive.SubContent,
|
|
637
491
|
{
|
|
638
492
|
ref,
|
|
@@ -644,7 +498,7 @@ var DropdownMenuSubContent = React7.forwardRef(({ className, ...props }, ref) =>
|
|
|
644
498
|
}
|
|
645
499
|
));
|
|
646
500
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
647
|
-
var DropdownMenuContent =
|
|
501
|
+
var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
648
502
|
const container = usePortalContainer();
|
|
649
503
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { container: _nullishCoalesce(container, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
650
504
|
DropdownMenuPrimitive.Content,
|
|
@@ -660,7 +514,7 @@ var DropdownMenuContent = React7.forwardRef(({ className, sideOffset = 4, ...pro
|
|
|
660
514
|
) });
|
|
661
515
|
});
|
|
662
516
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
663
|
-
var DropdownMenuItem =
|
|
517
|
+
var DropdownMenuItem = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
664
518
|
DropdownMenuPrimitive.Item,
|
|
665
519
|
{
|
|
666
520
|
ref,
|
|
@@ -673,7 +527,7 @@ var DropdownMenuItem = React7.forwardRef(({ className, inset, ...props }, ref) =
|
|
|
673
527
|
}
|
|
674
528
|
));
|
|
675
529
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
676
|
-
var DropdownMenuCheckboxItem =
|
|
530
|
+
var DropdownMenuCheckboxItem = React4.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
677
531
|
DropdownMenuPrimitive.CheckboxItem,
|
|
678
532
|
{
|
|
679
533
|
ref,
|
|
@@ -690,7 +544,7 @@ var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, checked
|
|
|
690
544
|
}
|
|
691
545
|
));
|
|
692
546
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
693
|
-
var DropdownMenuRadioItem =
|
|
547
|
+
var DropdownMenuRadioItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
694
548
|
DropdownMenuPrimitive.RadioItem,
|
|
695
549
|
{
|
|
696
550
|
ref,
|
|
@@ -706,7 +560,7 @@ var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }
|
|
|
706
560
|
}
|
|
707
561
|
));
|
|
708
562
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
709
|
-
var DropdownMenuLabel =
|
|
563
|
+
var DropdownMenuLabel = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
710
564
|
DropdownMenuPrimitive.Label,
|
|
711
565
|
{
|
|
712
566
|
ref,
|
|
@@ -719,7 +573,7 @@ var DropdownMenuLabel = React7.forwardRef(({ className, inset, ...props }, ref)
|
|
|
719
573
|
}
|
|
720
574
|
));
|
|
721
575
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
722
|
-
var DropdownMenuSeparator =
|
|
576
|
+
var DropdownMenuSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
723
577
|
DropdownMenuPrimitive.Separator,
|
|
724
578
|
{
|
|
725
579
|
ref,
|
|
@@ -742,162 +596,6 @@ var DropdownMenuShortcut = ({
|
|
|
742
596
|
};
|
|
743
597
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
744
598
|
|
|
745
|
-
// src/components/ui/skeleton.tsx
|
|
746
|
-
_chunkFIG2RKZFcjs.init_cn.call(void 0, );
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
var Skeleton = React8.forwardRef(
|
|
750
|
-
({ className, ...props }, ref) => {
|
|
751
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
752
|
-
"div",
|
|
753
|
-
{
|
|
754
|
-
ref,
|
|
755
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
756
|
-
"animate-pulse rounded-md bg-ods-border",
|
|
757
|
-
className
|
|
758
|
-
),
|
|
759
|
-
...props
|
|
760
|
-
}
|
|
761
|
-
);
|
|
762
|
-
}
|
|
763
|
-
);
|
|
764
|
-
Skeleton.displayName = "Skeleton";
|
|
765
|
-
var SkeletonText = React8.forwardRef(
|
|
766
|
-
({ lines = 1, className, ...props }, ref) => {
|
|
767
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkFIG2RKZFcjs.cn.call(void 0, "space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
768
|
-
Skeleton,
|
|
769
|
-
{
|
|
770
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
771
|
-
"h-4",
|
|
772
|
-
i === lines - 1 && lines > 1 && "w-3/4"
|
|
773
|
-
// Last line shorter for multi-line
|
|
774
|
-
)
|
|
775
|
-
},
|
|
776
|
-
i
|
|
777
|
-
)) });
|
|
778
|
-
}
|
|
779
|
-
);
|
|
780
|
-
SkeletonText.displayName = "SkeletonText";
|
|
781
|
-
var SkeletonCard = React8.forwardRef(
|
|
782
|
-
({ showImage = false, className, ...props }, ref) => {
|
|
783
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
784
|
-
"div",
|
|
785
|
-
{
|
|
786
|
-
ref,
|
|
787
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
788
|
-
"rounded-lg border border-ods-border overflow-hidden",
|
|
789
|
-
className
|
|
790
|
-
),
|
|
791
|
-
...props,
|
|
792
|
-
children: [
|
|
793
|
-
showImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "h-48 w-full" }),
|
|
794
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-6", children: [
|
|
795
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "h-6 w-3/4 mb-4" }),
|
|
796
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonText, { lines: 3 })
|
|
797
|
-
] })
|
|
798
|
-
]
|
|
799
|
-
}
|
|
800
|
-
);
|
|
801
|
-
}
|
|
802
|
-
);
|
|
803
|
-
SkeletonCard.displayName = "SkeletonCard";
|
|
804
|
-
var SkeletonGrid = React8.forwardRef(
|
|
805
|
-
({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {
|
|
806
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
807
|
-
"div",
|
|
808
|
-
{
|
|
809
|
-
ref,
|
|
810
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
811
|
-
`grid grid-cols-1 gap-6`,
|
|
812
|
-
columns === 2 && "md:grid-cols-2",
|
|
813
|
-
columns === 3 && "md:grid-cols-3",
|
|
814
|
-
columns === 4 && "md:grid-cols-4",
|
|
815
|
-
className
|
|
816
|
-
),
|
|
817
|
-
...props,
|
|
818
|
-
children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonCard, { showImage: showImages }, i))
|
|
819
|
-
}
|
|
820
|
-
);
|
|
821
|
-
}
|
|
822
|
-
);
|
|
823
|
-
SkeletonGrid.displayName = "SkeletonGrid";
|
|
824
|
-
var SkeletonButton = React8.forwardRef(
|
|
825
|
-
({ size = "default", className, ...props }, ref) => {
|
|
826
|
-
const sizeClasses = {
|
|
827
|
-
sm: "h-8 w-20",
|
|
828
|
-
default: "h-10 w-32",
|
|
829
|
-
lg: "h-12 w-40"
|
|
830
|
-
};
|
|
831
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
832
|
-
Skeleton,
|
|
833
|
-
{
|
|
834
|
-
ref,
|
|
835
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
836
|
-
"rounded-lg",
|
|
837
|
-
sizeClasses[size],
|
|
838
|
-
className
|
|
839
|
-
),
|
|
840
|
-
...props
|
|
841
|
-
}
|
|
842
|
-
);
|
|
843
|
-
}
|
|
844
|
-
);
|
|
845
|
-
SkeletonButton.displayName = "SkeletonButton";
|
|
846
|
-
var SkeletonHeading = React8.forwardRef(
|
|
847
|
-
({ level = 1, className, ...props }, ref) => {
|
|
848
|
-
const heightClasses = {
|
|
849
|
-
1: "h-12",
|
|
850
|
-
2: "h-10",
|
|
851
|
-
3: "h-8",
|
|
852
|
-
4: "h-7",
|
|
853
|
-
5: "h-6",
|
|
854
|
-
6: "h-5"
|
|
855
|
-
};
|
|
856
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
857
|
-
Skeleton,
|
|
858
|
-
{
|
|
859
|
-
ref,
|
|
860
|
-
className: _chunkFIG2RKZFcjs.cn.call(void 0,
|
|
861
|
-
heightClasses[level],
|
|
862
|
-
"w-3/4",
|
|
863
|
-
className
|
|
864
|
-
),
|
|
865
|
-
...props
|
|
866
|
-
}
|
|
867
|
-
);
|
|
868
|
-
}
|
|
869
|
-
);
|
|
870
|
-
SkeletonHeading.displayName = "SkeletonHeading";
|
|
871
|
-
var SkeletonList = React8.forwardRef(
|
|
872
|
-
({ items = 5, className, ...props }, ref) => {
|
|
873
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkFIG2RKZFcjs.cn.call(void 0, "space-y-3", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
874
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "h-10 w-10 rounded-full flex-shrink-0" }),
|
|
875
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
|
|
876
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "h-4 w-1/3 mb-1" }),
|
|
877
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "h-3 w-1/2" })
|
|
878
|
-
] })
|
|
879
|
-
] }, i)) });
|
|
880
|
-
}
|
|
881
|
-
);
|
|
882
|
-
SkeletonList.displayName = "SkeletonList";
|
|
883
|
-
var SkeletonNavigation = React8.forwardRef(
|
|
884
|
-
({ items = 6, className, ...props }, ref) => {
|
|
885
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkFIG2RKZFcjs.cn.call(void 0, "flex items-center gap-6", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "h-5 w-20" }, i)) });
|
|
886
|
-
}
|
|
887
|
-
);
|
|
888
|
-
SkeletonNavigation.displayName = "SkeletonNavigation";
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
599
|
|
|
902
600
|
|
|
903
601
|
|
|
@@ -921,5 +619,5 @@ SkeletonNavigation.displayName = "SkeletonNavigation";
|
|
|
921
619
|
|
|
922
620
|
|
|
923
621
|
|
|
924
|
-
exports.
|
|
925
|
-
//# sourceMappingURL=chunk-
|
|
622
|
+
exports.buttonVariants = buttonVariants; exports.Button = Button; exports.init_button = init_button; exports.SplitButton = SplitButton; exports.init_button2 = init_button2; exports.PortalContainerContext = PortalContainerContext; exports.usePortalContainer = usePortalContainer; exports.DropdownMenu = DropdownMenu; exports.DropdownMenuTrigger = DropdownMenuTrigger; exports.DropdownMenuGroup = DropdownMenuGroup; exports.DropdownMenuPortal = DropdownMenuPortal; exports.DropdownMenuSub = DropdownMenuSub; exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup; exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger; exports.DropdownMenuSubContent = DropdownMenuSubContent; exports.DropdownMenuContent = DropdownMenuContent; exports.DropdownMenuItem = DropdownMenuItem; exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem; exports.DropdownMenuRadioItem = DropdownMenuRadioItem; exports.DropdownMenuLabel = DropdownMenuLabel; exports.DropdownMenuSeparator = DropdownMenuSeparator; exports.DropdownMenuShortcut = DropdownMenuShortcut;
|
|
623
|
+
//# sourceMappingURL=chunk-TU26IZPO.cjs.map
|