@flamingo-stack/openframe-frontend-core 0.0.296-snapshot.20260621021605 → 0.0.296

package/dist/chunk-M2OCXTNT.js

@@ -0,0 +1,311 @@
+"use client";
+import {
+  cn,
+  init_cn
+} from "./chunk-XTCBRQN2.js";
+import {
+  CheckboxCheckmarkIcon
+} from "./chunk-6U3IUD57.js";
+
+// src/components/ui/field-wrapper.tsx
+init_cn();
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var errorVariantClasses = {
+  error: "text-ods-error",
+  warning: "text-[var(--ods-attention-yellow-warning)]"
+};
+var FieldWrapper = React.forwardRef(
+  ({ label, error, errorVariant = "error", className, children }, ref) => {
+    const hasChrome = label != null || error != null;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn(hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
+      label && /* @__PURE__ */ jsx("label", { className: "text-h4 text-ods-text-primary mb-1", children: label }),
+      children,
+      error && /* @__PURE__ */ jsx("p", { className: cn("absolute bottom-0 left-0 right-0 translate-y-full text-h6 truncate", errorVariantClasses[errorVariant]), title: error, children: error })
+    ] });
+  }
+);
+FieldWrapper.displayName = "FieldWrapper";
+
+// src/components/ui/input.tsx
+init_cn();
+import * as React2 from "react";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var invalidBorderClasses = {
+  error: "border-ods-error hover:border-ods-error has-[:focus]:border-ods-error",
+  warning: "!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]"
+};
+var Input = React2.forwardRef(
+  ({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = "error", loading = false, ...props }, ref) => {
+    const isInvalid = invalid || !!error;
+    if (type === "range") {
+      const rangeInput = /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "range",
+          className: cn(
+            "w-full cursor-pointer appearance-none rounded-full bg-white/30 h-1",
+            // Webkit (Chrome/Safari) thumb
+            "[&::-webkit-slider-thumb]:appearance-none",
+            "[&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3",
+            "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white",
+            "[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm",
+            // Firefox thumb
+            "[&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3",
+            "[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white",
+            "[&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer",
+            // Firefox track
+            "[&::-moz-range-track]:bg-transparent",
+            // Disabled
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ref,
+          ...props
+        }
+      );
+      return label ? /* @__PURE__ */ jsx2(FieldWrapper, { label, error, errorVariant, children: rangeInput }) : rangeInput;
+    }
+    const content = /* @__PURE__ */ jsxs2(
+      "label",
+      {
+        "data-invalid": isInvalid || void 0,
+        className: cn(
+          // Layout & spacing
+          "flex w-full items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text",
+          // Focus-within states
+          "has-[:focus-visible]:outline-none",
+          "group",
+          // Animations & touch UX
+          "transition-colors duration-200",
+          // Theme palette
+          "bg-ods-card border-ods-border has-[:focus]:border-ods-accent",
+          // Hover & active (not disabled)
+          !props.disabled && "hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active",
+          // Disabled
+          props.disabled && "!cursor-not-allowed bg-ods-bg",
+          // Invalid
+          isInvalid && invalidBorderClasses[errorVariant],
+          className
+        ),
+        children: [
+          startAdornment && /* @__PURE__ */ jsx2("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 }),
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              type,
+              className: cn(
+                // Layout
+                "flex-1 min-w-0 bg-transparent border-none outline-none",
+                // Typography
+                "text-h4",
+                // Colors
+                "text-ods-text-primary placeholder:text-ods-text-secondary",
+                // File input adjustments
+                "file:border-0 file:bg-transparent",
+                // Disabled
+                "disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border",
+                // Touch
+                "touch-manipulation",
+                // Autofill override
+                "[&:-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]"
+              ),
+              ref,
+              ...props
+            }
+          ),
+          loading && /* @__PURE__ */ jsx2(Loader2, { className: "animate-spin flex-shrink-0 text-ods-text-secondary size-4 md:size-6" }),
+          !loading && endAdornment && /* @__PURE__ */ jsx2("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 })
+        ]
+      }
+    );
+    return /* @__PURE__ */ jsx2(FieldWrapper, { label, error, errorVariant, children: content });
+  }
+);
+Input.displayName = "Input";
+
+// src/components/ui/checkbox.tsx
+init_cn();
+import * as React3 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Checkbox = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "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",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx3(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-ods-text-on-accent"),
+        children: /* @__PURE__ */ jsx3(CheckboxCheckmarkIcon, { size: 10 })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/ui/skeleton.tsx
+init_cn();
+import * as React4 from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Skeleton = React4.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4(
+      "div",
+      {
+        ref,
+        className: cn(
+          "animate-pulse rounded-md bg-ods-border",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = React4.forwardRef(
+  ({ lines = 1, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4("div", { ref, className: cn("space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx4(
+      Skeleton,
+      {
+        className: cn(
+          "h-4",
+          i === lines - 1 && lines > 1 && "w-3/4"
+          // Last line shorter for multi-line
+        )
+      },
+      i
+    )) });
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+var SkeletonCard = React4.forwardRef(
+  ({ showImage = false, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border border-ods-border overflow-hidden",
+          className
+        ),
+        ...props,
+        children: [
+          showImage && /* @__PURE__ */ jsx4(Skeleton, { className: "h-48 w-full" }),
+          /* @__PURE__ */ jsxs3("div", { className: "p-6", children: [
+            /* @__PURE__ */ jsx4(Skeleton, { className: "h-6 w-3/4 mb-4" }),
+            /* @__PURE__ */ jsx4(SkeletonText, { lines: 3 })
+          ] })
+        ]
+      }
+    );
+  }
+);
+SkeletonCard.displayName = "SkeletonCard";
+var SkeletonGrid = React4.forwardRef(
+  ({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4(
+      "div",
+      {
+        ref,
+        className: cn(
+          `grid grid-cols-1 gap-6`,
+          columns === 2 && "md:grid-cols-2",
+          columns === 3 && "md:grid-cols-3",
+          columns === 4 && "md:grid-cols-4",
+          className
+        ),
+        ...props,
+        children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx4(SkeletonCard, { showImage: showImages }, i))
+      }
+    );
+  }
+);
+SkeletonGrid.displayName = "SkeletonGrid";
+var SkeletonButton = React4.forwardRef(
+  ({ size = "default", className, ...props }, ref) => {
+    const sizeClasses = {
+      sm: "h-8 w-20",
+      default: "h-10 w-32",
+      lg: "h-12 w-40"
+    };
+    return /* @__PURE__ */ jsx4(
+      Skeleton,
+      {
+        ref,
+        className: cn(
+          "rounded-lg",
+          sizeClasses[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SkeletonButton.displayName = "SkeletonButton";
+var SkeletonHeading = React4.forwardRef(
+  ({ level = 1, className, ...props }, ref) => {
+    const heightClasses = {
+      1: "h-12",
+      2: "h-10",
+      3: "h-8",
+      4: "h-7",
+      5: "h-6",
+      6: "h-5"
+    };
+    return /* @__PURE__ */ jsx4(
+      Skeleton,
+      {
+        ref,
+        className: cn(
+          heightClasses[level],
+          "w-3/4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SkeletonHeading.displayName = "SkeletonHeading";
+var SkeletonList = React4.forwardRef(
+  ({ items = 5, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx4(Skeleton, { className: "h-10 w-10 rounded-full flex-shrink-0" }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx4(Skeleton, { className: "h-4 w-1/3 mb-1" }),
+        /* @__PURE__ */ jsx4(Skeleton, { className: "h-3 w-1/2" })
+      ] })
+    ] }, i)) });
+  }
+);
+SkeletonList.displayName = "SkeletonList";
+var SkeletonNavigation = React4.forwardRef(
+  ({ items = 6, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4("div", { ref, className: cn("flex items-center gap-6", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx4(Skeleton, { className: "h-5 w-20" }, i)) });
+  }
+);
+SkeletonNavigation.displayName = "SkeletonNavigation";
+
+export {
+  FieldWrapper,
+  Input,
+  Checkbox,
+  Skeleton,
+  SkeletonText,
+  SkeletonCard,
+  SkeletonGrid,
+  SkeletonButton,
+  SkeletonHeading,
+  SkeletonList,
+  SkeletonNavigation
+};
+//# sourceMappingURL=chunk-M2OCXTNT.js.map

package/dist/chunk-M2OCXTNT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/field-wrapper.tsx","../src/components/ui/input.tsx","../src/components/ui/checkbox.tsx","../src/components/ui/skeleton.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../utils/cn\"\n\nexport interface FieldWrapperProps {\n  /** Label text displayed above the field */\n  label?: string\n  /** Error message displayed below the field. Space is always reserved to prevent layout shifts. */\n  error?: string\n  /** Color variant for the error message: \"error\" (red) or \"warning\" (yellow) */\n  errorVariant?: \"error\" | \"warning\"\n  /** Additional className for the outer wrapper */\n  className?: string\n  children: React.ReactNode\n}\n\nconst errorVariantClasses = {\n  error: \"text-ods-error\",\n  warning: \"text-[var(--ods-attention-yellow-warning)]\",\n} as const\n\nconst FieldWrapper = React.forwardRef<HTMLDivElement, FieldWrapperProps>(\n  ({ label, error, errorVariant = \"error\", className, children }, ref) => {\n    const hasChrome = label != null || error != null\n\n    return (\n      <div ref={ref} className={cn(hasChrome ? \"relative flex w-full flex-col\" : \"contents\", className)}>\n        {label && (\n          <label className=\"text-h4 text-ods-text-primary mb-1\">\n            {label}\n          </label>\n        )}\n        {children}\n        {error && (\n          <p className={cn(\"absolute bottom-0 left-0 right-0 translate-y-full text-h6 truncate\", errorVariantClasses[errorVariant])} title={error}>\n            {error}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\nFieldWrapper.displayName = \"FieldWrapper\"\n\nexport { FieldWrapper }\n","\"use client\"\n\nimport * as React from \"react\";\n\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** When true, renders error border & ring */\n  invalid?: boolean;\n  /** Element displayed at the start (left) of the input */\n  startAdornment?: React.ReactNode;\n  /** Element displayed at the end (right) of the input */\n  endAdornment?: React.ReactNode;\n  /** Label text displayed above the input */\n  label?: string;\n  /** Error message displayed below the input */\n  error?: string;\n  /** Color variant for error state: \"error\" (red) or \"warning\" (yellow) */\n  errorVariant?: \"error\" | \"warning\";\n  /** When true, shows a loading spinner as end adornment */\n  loading?: boolean;\n}\n\nconst invalidBorderClasses = {\n  error: \"border-ods-error hover:border-ods-error has-[:focus]:border-ods-error\",\n  warning: \"!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]\",\n} as const;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = \"error\", loading = false, ...props }, ref) => {\n    const isInvalid = invalid || !!error\n\n    // Range inputs get a clean slider rendering — no label wrapper, borders, or adornments\n    if (type === 'range') {\n      const rangeInput = (\n        <input\n          type=\"range\"\n          className={cn(\n            \"w-full cursor-pointer appearance-none rounded-full bg-white/30 h-1\",\n            // Webkit (Chrome/Safari) thumb\n            \"[&::-webkit-slider-thumb]:appearance-none\",\n            \"[&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3\",\n            \"[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white\",\n            \"[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm\",\n            // Firefox thumb\n            \"[&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3\",\n            \"[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white\",\n            \"[&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer\",\n            // Firefox track\n            \"[&::-moz-range-track]:bg-transparent\",\n            // Disabled\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        />\n      )\n      return label ? (\n        <FieldWrapper label={label} error={error} errorVariant={errorVariant}>\n          {rangeInput}\n        </FieldWrapper>\n      ) : rangeInput\n    }\n\n    const content = (\n      <label\n        data-invalid={isInvalid || undefined}\n        className={cn(\n          // Layout & spacing\n          \"flex w-full items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text\",\n          // Focus-within states\n          \"has-[:focus-visible]:outline-none\",\n          \"group\",\n          // Animations & touch UX\n          \"transition-colors duration-200\",\n          // Theme palette\n          \"bg-ods-card border-ods-border has-[:focus]:border-ods-accent\",\n          // Hover & active (not disabled)\n          !props.disabled && \"hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active\",\n          // Disabled\n          props.disabled && \"!cursor-not-allowed bg-ods-bg\",\n          // Invalid\n          isInvalid && invalidBorderClasses[errorVariant],\n          className\n        )}\n      >\n        {startAdornment && (\n          <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\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            // Layout\n            \"flex-1 min-w-0 bg-transparent border-none outline-none\",\n            // Typography\n            \"text-h4\",\n            // Colors\n            \"text-ods-text-primary placeholder:text-ods-text-secondary\",\n            // File input adjustments\n            \"file:border-0 file:bg-transparent\",\n            // Disabled\n            \"disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border\",\n            // Touch\n            \"touch-manipulation\",\n            // Autofill override\n            \"[&:-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]\"\n          )}\n          ref={ref}\n          {...props}\n        />\n        {loading && (\n          <Loader2 className=\"animate-spin flex-shrink-0 text-ods-text-secondary size-4 md:size-6\" />\n        )}\n        {!loading && endAdornment && (\n          <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\">\n            {endAdornment}\n          </span>\n        )}\n      </label>\n    )\n\n    return (\n      <FieldWrapper label={label} error={error} errorVariant={errorVariant}>\n        {content}\n      </FieldWrapper>\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input };\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\n\nimport { cn } from \"../../utils/cn\"\nimport { CheckboxCheckmarkIcon } from \"../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon\"\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"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\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-ods-text-on-accent\")}\n    >\n      <CheckboxCheckmarkIcon size={10} />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","\"use client\"\n\nimport * as React from 'react'\nimport { cn } from \"../../utils/cn\"\n\ninterface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"animate-pulse rounded-md bg-ods-border\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeleton.displayName = 'Skeleton'\n\ninterface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  lines?: number\n  className?: string\n}\n\nconst SkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 1, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-2\", className)} {...props}>\n        {Array.from({ length: lines }).map((_, i) => (\n          <Skeleton \n            key={i} \n            className={cn(\n              \"h-4\",\n              i === lines - 1 && lines > 1 && \"w-3/4\" // Last line shorter for multi-line\n            )} \n          />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonText.displayName = 'SkeletonText'\n\ninterface SkeletonCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  showImage?: boolean\n  className?: string\n}\n\nconst SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(\n  ({ showImage = false, className, ...props }, ref) => {\n    return (\n      <div \n        ref={ref}\n        className={cn(\n          \"rounded-lg border border-ods-border overflow-hidden\",\n          className\n        )}\n        {...props}\n      >\n        {showImage && (\n          <Skeleton className=\"h-48 w-full\" />\n        )}\n        <div className=\"p-6\">\n          <Skeleton className=\"h-6 w-3/4 mb-4\" />\n          <SkeletonText lines={3} />\n        </div>\n      </div>\n    )\n  }\n)\nSkeletonCard.displayName = 'SkeletonCard'\n\ninterface SkeletonGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number\n  items?: number\n  showImages?: boolean\n  className?: string\n}\n\nconst SkeletonGrid = React.forwardRef<HTMLDivElement, SkeletonGridProps>(\n  ({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {\n    return (\n      <div \n        ref={ref}\n        className={cn(\n          `grid grid-cols-1 gap-6`,\n          columns === 2 && \"md:grid-cols-2\",\n          columns === 3 && \"md:grid-cols-3\",\n          columns === 4 && \"md:grid-cols-4\",\n          className\n        )}\n        {...props}\n      >\n        {Array.from({ length: items }).map((_, i) => (\n          <SkeletonCard key={i} showImage={showImages} />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonGrid.displayName = 'SkeletonGrid'\n\ninterface SkeletonButtonProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'default' | 'lg'\n  className?: string\n}\n\nconst SkeletonButton = React.forwardRef<HTMLDivElement, SkeletonButtonProps>(\n  ({ size = 'default', className, ...props }, ref) => {\n    const sizeClasses = {\n      sm: 'h-8 w-20',\n      default: 'h-10 w-32',\n      lg: 'h-12 w-40'\n    }\n    \n    return (\n      <Skeleton \n        ref={ref}\n        className={cn(\n          \"rounded-lg\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeletonButton.displayName = 'SkeletonButton'\n\ninterface SkeletonHeadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6\n  className?: string\n}\n\nconst SkeletonHeading = React.forwardRef<HTMLDivElement, SkeletonHeadingProps>(\n  ({ level = 1, className, ...props }, ref) => {\n    const heightClasses = {\n      1: 'h-12',\n      2: 'h-10',\n      3: 'h-8',\n      4: 'h-7',\n      5: 'h-6',\n      6: 'h-5'\n    }\n    \n    return (\n      <Skeleton \n        ref={ref}\n        className={cn(\n          heightClasses[level],\n          \"w-3/4\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeletonHeading.displayName = 'SkeletonHeading'\n\ninterface SkeletonListProps extends React.HTMLAttributes<HTMLDivElement> {\n  items?: number\n  className?: string\n}\n\nconst SkeletonList = React.forwardRef<HTMLDivElement, SkeletonListProps>(\n  ({ items = 5, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-3\", className)} {...props}>\n        {Array.from({ length: items }).map((_, i) => (\n          <div key={i} className=\"flex items-center gap-3\">\n            <Skeleton className=\"h-10 w-10 rounded-full flex-shrink-0\" />\n            <div className=\"flex-1\">\n              <Skeleton className=\"h-4 w-1/3 mb-1\" />\n              <Skeleton className=\"h-3 w-1/2\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonList.displayName = 'SkeletonList'\n\ninterface SkeletonNavigationProps extends React.HTMLAttributes<HTMLDivElement> {\n  items?: number\n  className?: string\n}\n\nconst SkeletonNavigation = React.forwardRef<HTMLDivElement, SkeletonNavigationProps>(\n  ({ items = 6, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"flex items-center gap-6\", className)} {...props}>\n        {Array.from({ length: items }).map((_, i) => (\n          <Skeleton key={i} className=\"h-5 w-20\" />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonNavigation.displayName = 'SkeletonNavigation'\n\nexport { \n  Skeleton,\n  SkeletonText,\n  SkeletonCard,\n  SkeletonGrid,\n  SkeletonButton,\n  SkeletonHeading,\n  SkeletonList,\n  SkeletonNavigation\n}"],"mappings":";;;;;;;;;;AAGA;AADA,YAAY,WAAW;AAyBjB,SAEI,KAFJ;AAVN,IAAM,sBAAsB;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AACX;AAEA,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,OAAO,eAAe,SAAS,WAAW,SAAS,GAAG,QAAQ;AACtE,UAAM,YAAY,SAAS,QAAQ,SAAS;AAE5C,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,kCAAkC,YAAY,SAAS,GAC7F;AAAA,eACC,oBAAC,WAAM,WAAU,sCACd,iBACH;AAAA,MAED;AAAA,MACA,SACC,oBAAC,OAAE,WAAW,GAAG,sEAAsE,oBAAoB,YAAY,CAAC,GAAG,OAAO,OAC/H,iBACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;;;ACtC3B;AAHA,YAAYA,YAAW;AAEvB,SAAS,eAAe;AAiChB,gBAAAC,MA+BF,QAAAC,aA/BE;AAZR,IAAM,uBAAuB;AAAA,EAC3B,OAAO;AAAA,EACP,SAAS;AACX;AAEA,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,UAAU,OAAO,gBAAgB,cAAc,OAAO,OAAO,eAAe,SAAS,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC5I,UAAM,YAAY,WAAW,CAAC,CAAC;AAG/B,QAAI,SAAS,SAAS;AACpB,YAAM,aACJ,gBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,YACT;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAEF,aAAO,QACL,gBAAAA,KAAC,gBAAa,OAAc,OAAc,cACvC,sBACH,IACE;AAAA,IACN;AAEA,UAAM,UACJ,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,aAAa;AAAA,QAC3B,WAAW;AAAA;AAAA,UAET;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA,CAAC,MAAM,YAAY;AAAA;AAAA,UAEnB,MAAM,YAAY;AAAA;AAAA,UAElB,aAAa,qBAAqB,YAAY;AAAA,UAC9C;AAAA,QACF;AAAA,QAEC;AAAA,4BACC,gBAAAD,KAAC,UAAK,WAAU,wLACb,0BACH;AAAA,UAEF,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAW;AAAA;AAAA,gBAET;AAAA;AAAA,gBAEA;AAAA;AAAA,gBAEA;AAAA;AAAA,gBAEA;AAAA;AAAA,gBAEA;AAAA;AAAA,gBAEA;AAAA;AAAA,gBAEA;AAAA,cACF;AAAA,cACA;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA,UACC,WACC,gBAAAA,KAAC,WAAQ,WAAU,uEAAsE;AAAA,UAE1F,CAAC,WAAW,gBACX,gBAAAA,KAAC,UAAK,WAAU,wLACb,wBACH;AAAA;AAAA;AAAA,IAEJ;AAGF,WACE,gBAAAA,KAAC,gBAAa,OAAc,OAAc,cACvC,mBACH;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;;;AChIpB;AAHA,YAAYE,YAAW;AACvB,YAAY,uBAAuB;AAoB7B,gBAAAC,YAAA;AAfN,IAAM,WAAiB,kBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,gBAAAA;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,0BAAAA;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAW,GAAG,0DAA0D;AAAA,QAExE,0BAAAA,KAAC,yBAAsB,MAAM,IAAI;AAAA;AAAA,IACnC;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK;;;ACxB9C;AADA,YAAYC,YAAW;AAUjB,gBAAAC,MAwDE,QAAAC,aAxDF;AAHN,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAOvB,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,WACE,gBAAAA,KAAC,SAAI,KAAU,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OACvD,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACrC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,MAAM,QAAQ,KAAK,QAAQ,KAAK;AAAA;AAAA,QAClC;AAAA;AAAA,MAJK;AAAA,IAKP,CACD,GACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAO3B,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,YAAY,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACnD,WACE,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,uBACC,gBAAAD,KAAC,YAAS,WAAU,eAAc;AAAA,UAEpC,gBAAAC,MAAC,SAAI,WAAU,OACb;AAAA,4BAAAD,KAAC,YAAS,WAAU,kBAAiB;AAAA,YACrC,gBAAAA,KAAC,gBAAa,OAAO,GAAG;AAAA,aAC1B;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAS3B,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,aAAa,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC5E,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,YAAY,KAAK;AAAA,UACjB,YAAY,KAAK;AAAA,UACjB,YAAY,KAAK;AAAA,UACjB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACrC,gBAAAA,KAAC,gBAAqB,WAAW,cAAd,CAA0B,CAC9C;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAO3B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClD,UAAM,cAAc;AAAA,MAClB,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,IACN;AAEA,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,YAAY,IAAI;AAAA,UAChB;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAO7B,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,cAAc,KAAK;AAAA,UACnB;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,WACE,gBAAAA,KAAC,SAAI,KAAU,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OACvD,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACrC,gBAAAC,MAAC,SAAY,WAAU,2BACrB;AAAA,sBAAAD,KAAC,YAAS,WAAU,wCAAuC;AAAA,MAC3D,gBAAAC,MAAC,SAAI,WAAU,UACb;AAAA,wBAAAD,KAAC,YAAS,WAAU,kBAAiB;AAAA,QACrC,gBAAAA,KAAC,YAAS,WAAU,aAAY;AAAA,SAClC;AAAA,SALQ,CAMV,CACD,GACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAO3B,IAAM,qBAA2B;AAAA,EAC/B,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,WACE,gBAAAA,KAAC,SAAI,KAAU,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OACrE,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACrC,gBAAAA,KAAC,YAAiB,WAAU,cAAb,CAAwB,CACxC,GACH;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;","names":["React","jsx","jsxs","React","jsx","React","jsx","jsxs"]}

package/dist/{chunk-L7ULJKG7.js → chunk-MBFWU2EM.js}

@@ -4,7 +4,6 @@ import {
   ChatAttachmentChipStrip,
   HoneypotField,
   Label,
-  SECTION_HEADING_CLASS,
   Select,
   SelectContent,
   SelectItem,
@@ -12,15 +11,20 @@ import {
   SelectValue,
   Textarea,
   useChatAttachments
-} from "./chunk-PC746XCO.js";
+} from "./chunk-K2PFPBMF.js";
 import {
   useContactSubmission,
   useHumanitySignals
-} from "./chunk-2QG57XOJ.js";
+} from "./chunk-7RIYT7ZH.js";
 import {
-  Button,
   Input
-} from "./chunk-JALO4TAZ.js";
+} from "./chunk-M2OCXTNT.js";
+import {
+  SECTION_HEADING_CLASS
+} from "./chunk-FQJK446R.js";
+import {
+  Button
+} from "./chunk-EL6QLAWX.js";
 
 // src/components/contact/contact-form.tsx
 import { useState } from "react";
@@ -372,4 +376,4 @@ function ContactForm({
 export {
   ContactForm
 };
-//# sourceMappingURL=chunk-L7ULJKG7.js.map
+//# sourceMappingURL=chunk-MBFWU2EM.js.map

package/dist/{chunk-L7ULJKG7.js.map → chunk-MBFWU2EM.js.map}

@@ -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 { 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=\"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":[]}
+{"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=\"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":[]}