@nextlyhq/plugin-form-builder 0.0.2-alpha.34 → 0.0.2-alpha.37

package/dist/{index-BRumOEsE.d.ts → types-r8uBeB0u.d.ts}

@@ -1,5 +1,5 @@
-import React, { ComponentType } from 'react';
 import { RequestContext, CollectionConfig, FieldDefinition } from 'nextly';
+import { ComponentType } from 'react';
 
 /**
  * Form Builder Plugin Types
@@ -47,6 +47,13 @@ interface FormEmailNotification {
     variables: Record<string, unknown>;
     /** Email provider id; undefined = system default. */
     providerId?: string;
+    /**
+     * Resolved sender address (rule's senderEmail, else the plugin's
+     * defaultFrom); undefined = template/provider default.
+     */
+    from?: string;
+    /** Resolved Reply-To address, if the rule configured one. */
+    replyTo?: string;
     /** CC addresses, if any. */
     cc?: string[];
     /** BCC addresses, if any. */
@@ -55,19 +62,25 @@ interface FormEmailNotification {
     notificationId?: string;
 }
 /**
- * A single email notification integration stored on a form.
- * Matches the shape saved by the form builder admin UI.
+ * A single email notification rule stored on a form.
+ * Matches the shape saved by the form builder admin UI. This is the ONE
+ * notification rule type — the admin context re-exports it rather than
+ * keeping a parallel copy.
  */
-interface FormNotificationItem {
+interface FormNotification {
     /** Unique ID for this notification */
     id: string;
-    /** Display name for this integration */
+    /** Display name for this notification rule */
     name: string;
     /** Whether this notification is active */
     enabled: boolean;
     /** ID of the email provider to use; undefined = system default */
     providerId?: string;
-    /** Sender email override; undefined = use provider's configured address */
+    /**
+     * Sender email override. Resolution order at send time:
+     * this value, else the plugin's `notifications.defaultFrom` option, else
+     * the template/provider default.
+     */
     senderEmail?: string;
     /** How the recipient address is determined */
     recipientType: "static" | "field";
@@ -77,9 +90,26 @@ interface FormNotificationItem {
     cc: string[];
     /** BCC email addresses */
     bcc: string[];
+    /**
+     * Reply-To address: a `{{fieldName}}` reference to one of the form's
+     * email fields (resolved against the submission) or a literal address.
+     */
+    replyTo?: string;
+    /**
+     * Optional send condition evaluated against the submitted data. When set
+     * and unmet, the rule is skipped for that submission. A single condition
+     * covers the common case; the JSON storage leaves room to grow into a
+     * multi-condition tree without a migration.
+     */
+    condition?: ConditionalLogicCondition;
     /** Slug of the email template to use */
     templateSlug?: string;
 }
+/**
+ * @deprecated Use {@link FormNotification}. Alias kept so existing imports
+ * keep compiling during the alpha; will be removed before a stable release.
+ */
+type FormNotificationItem = FormNotification;
 /**
  * Form document structure (stored in database).
  */
@@ -87,9 +117,9 @@ interface FormDocument {
     id: string;
     slug: string;
     name: string;
-    fields: FormField[];
+    fields: AnyFormField[];
     settings: FormSettings;
-    notifications: FormNotificationItem[];
+    notifications: FormNotification[];
     webhooks?: WebhookConfig[];
     status: "draft" | "published" | "closed";
     createdAt: Date;
@@ -413,7 +443,7 @@ interface FormConfig {
     /**
      * Form fields definition.
      */
-    fields: FormField[];
+    fields: AnyFormField[];
     /**
      * Form settings and behavior.
      */
@@ -441,9 +471,32 @@ interface FormConfig {
  */
 type FormField = TextFormField | EmailFormField | NumberFormField | PhoneFormField | UrlFormField | TextareaFormField | SelectFormField | CheckboxFormField | RadioFormField | FileFormField | DateFormField | TimeFormField | HiddenFormField;
 /**
- * All available form field type identifiers.
+ * A form field of a built-in type OR a plugin-contributed type. Stored form
+ * data and the builder work with this; `isKnownFormField` narrows it back to
+ * the closed `FormField` union so `switch (field.type)` keeps discriminating
+ * the built-ins (a `CustomFormField` in the union itself would collapse that).
+ */
+type AnyFormField = FormField | CustomFormField;
+/**
+ * All available built-in form field type identifiers.
  */
 type FormFieldType = "text" | "email" | "number" | "phone" | "url" | "textarea" | "select" | "checkbox" | "radio" | "file" | "date" | "time" | "hidden";
+/**
+ * A form field's type on the wire: a built-in or a plugin-contributed type id
+ * that opted into the forms surface. The `(string & {})` arm admits the plugin
+ * id while keeping built-in autocomplete. Built-in `case` narrowing still works
+ * because every field-type switch keeps a `default` for the custom arm.
+ */
+type FormFieldTypeId = FormFieldType | (string & {});
+/** Every built-in form field type, as a value list (the single source shared
+ * by the field-type guard and the config validator). */
+declare const BUILT_IN_FORM_FIELD_TYPES: readonly FormFieldType[];
+/**
+ * Narrow an `AnyFormField` to the closed built-in `FormField` union. Returns
+ * `false` for a plugin-contributed field, so callers handle it generically
+ * before switching on the built-in discriminant.
+ */
+declare function isKnownFormField(field: AnyFormField): field is FormField;
 /**
  * Base form field properties.
  * All form field types extend this interface.
@@ -475,6 +528,16 @@ interface BaseFormField {
         width?: "25%" | "33%" | "50%" | "66%" | "75%" | "100%";
     };
 }
+/**
+ * A plugin-contributed form field type (outside the built-in union). Carries
+ * only the base properties — the plugin owns its editor component and value
+ * semantics — and its `type` is the plugin's registered field-type id. Kept a
+ * distinct union member so built-in `case` narrowing is unaffected while a
+ * plugin field still type-checks as a `FormField`.
+ */
+interface CustomFormField extends Omit<BaseFormField, "type"> {
+    type: string & {};
+}
 /**
  * Text input field.
  */
@@ -650,11 +713,19 @@ interface FormSettings {
     /**
      * Confirmation type after successful submission.
      * - "message": Display a success message
-     * - "redirect": Redirect to a URL or linked document
+     * - "redirect": Redirect to a URL
+     * - "relationship": Redirect to a linked document (requires
+     *   `redirectRelationships` in the plugin options)
      *
      * @default "message"
      */
-    confirmationType?: "message" | "redirect";
+    confirmationType?: "message" | "redirect" | "relationship";
+    /**
+     * Linked document for relationship-based redirects (the collection's
+     * `redirectPage` relationship value). Preserved verbatim — resolution
+     * happens where the relationship is rendered.
+     */
+    redirectPage?: unknown;
     /** Success message (supports HTML) - used when confirmationType is "message" */
     successMessage?: string;
     /** Redirect URL after successful submission - used when confirmationType is "redirect" */
@@ -667,13 +738,20 @@ interface FormSettings {
         relationTo: string;
         value: string;
     };
-    /** Allow multiple submissions from same user/IP */
+    /** Allow multiple submissions from same IP (default true) */
     allowMultipleSubmissions?: boolean;
-    /** reCAPTCHA configuration */
-    captcha?: {
-        enabled: boolean;
-        siteKey?: string;
-    };
+    /**
+     * Per-form honeypot override. Unset inherits the plugin's
+     * `spamProtection.honeypot`; the form wins where set.
+     */
+    honeypotEnabled?: boolean;
+    /**
+     * Per-form reCAPTCHA override. Unset inherits the plugin's
+     * `spamProtection.recaptcha.enabled`; the form wins where set.
+     */
+    captchaEnabled?: boolean;
+    /** reCAPTCHA site key (client-facing) when captcha is enabled per-form */
+    captchaSiteKey?: string;
 }
 /**
  * Email notification configuration for a form.
@@ -932,81 +1010,4 @@ declare function isCheckboxFormField(field: FormField): field is CheckboxFormFie
  */
 declare function isFileFormField(field: FormField): field is FileFormField;
 
-/**
- * Props for the SubmissionList component.
- */
-interface SubmissionListProps {
-    /** Form document containing field definitions */
-    form: FormDocument;
-    /** Array of submission documents to display */
-    submissions: SubmissionDocument[];
-    /** Whether data is currently loading */
-    isLoading?: boolean;
-    /** Callback when submission status is changed */
-    onStatusChange?: (id: string, status: "new" | "read" | "archived") => Promise<void>;
-    /** Callback when submission is deleted */
-    onDelete?: (id: string) => Promise<void>;
-    /** Callback when bulk delete is triggered */
-    onBulkDelete?: (ids: string[]) => Promise<void>;
-    /** Callback when bulk status change is triggered */
-    onBulkStatusChange?: (ids: string[], status: "new" | "read" | "archived") => Promise<void>;
-    /** Callback when export is triggered */
-    onExport?: (format: "csv" | "json") => void;
-    /** Callback when a submission is clicked for detail view */
-    onViewDetail?: (submission: SubmissionDocument) => void;
-}
-/**
- * Submission List Component
- *
- * Displays form submissions in a table with filtering, selection, and actions.
- *
- * @example
- * ```tsx
- * <SubmissionList
- *   form={form}
- *   submissions={submissions}
- *   onStatusChange={handleStatusChange}
- *   onDelete={handleDelete}
- *   onExport={handleExport}
- *   onViewDetail={handleViewDetail}
- * />
- * ```
- */
-declare function SubmissionList({ form, submissions, isLoading, onStatusChange, onDelete, onBulkDelete, onBulkStatusChange, onExport, onViewDetail, }: SubmissionListProps): React.ReactElement;
-
-/**
- * Props for the SubmissionDetail component.
- */
-interface SubmissionDetailProps {
-    /** Form document containing field definitions */
-    form: FormDocument;
-    /** Submission document to display */
-    submission: SubmissionDocument;
-    /** Callback when status is changed */
-    onStatusChange?: (status: "new" | "read" | "archived") => Promise<void>;
-    /** Callback when notes are updated */
-    onNotesUpdate?: (notes: string) => Promise<void>;
-    /** Callback when back button is clicked */
-    onBack?: () => void;
-    /** Callback when delete is triggered */
-    onDelete?: () => Promise<void>;
-}
-/**
- * Submission Detail Component
- *
- * Displays full submission data with status management and notes.
- *
- * @example
- * ```tsx
- * <SubmissionDetail
- *   form={form}
- *   submission={submission}
- *   onStatusChange={handleStatusChange}
- *   onNotesUpdate={handleNotesUpdate}
- *   onBack={handleBack}
- * />
- * ```
- */
-declare function SubmissionDetail({ form, submission, onStatusChange, onNotesUpdate, onBack, onDelete, }: SubmissionDetailProps): React.ReactElement;
-
-export { isFormFieldType as A, type BaseFormField as B, type CheckboxFormField as C, type DateFormField as D, type EmailFormField as E, type FormBuilderPluginOptions as F, isSelectFormField as G, type HiddenFormField as H, isTextFormField as I, SubmissionDetail as J, SubmissionList as K, type NumberFormField as N, type PhoneFormField as P, type ResolvedFormBuilderConfig as R, type SelectFormField as S, type TextFormField as T, type UrlFormField as U, type ValidationRules as V, type WebhookEvent as W, type FormConfig as a, type FormSettings as b, type FormNotifications as c, type FileFormField as d, type RadioFormField as e, type TextareaFormField as f, type TimeFormField as g, type ConditionalLogic as h, type FormField as i, type SubmissionDocument as j, type FormDocument as k, type ConditionalLogicCondition as l, type EmailConfig as m, type FieldBlockConfig as n, type FormAccess as o, type FormFieldType as p, type FormHookContext as q, type FormHooks as r, type FormSubmission as s, type SubmissionDetailProps as t, type SubmissionListProps as u, type WebhookConfig as v, isCheckboxFormField as w, isEmailFormField as x, isFileFormField as y, isFormField as z };
+export { type AnyFormField as A, BUILT_IN_FORM_FIELD_TYPES as B, type CheckboxFormField as C, type DateFormField as D, type EmailFormField as E, type FormBuilderPluginOptions as F, isEmailFormField as G, type HiddenFormField as H, isFileFormField as I, isFormField as J, isFormFieldType as K, isKnownFormField as L, isSelectFormField as M, type NumberFormField as N, isTextFormField as O, type PhoneFormField as P, type ResolvedFormBuilderConfig as R, type SelectFormField as S, type TextFormField as T, type UrlFormField as U, type ValidationRules as V, type WebhookEvent as W, type FormConfig as a, type FormSettings as b, type FormNotifications as c, type FileFormField as d, type RadioFormField as e, type TextareaFormField as f, type TimeFormField as g, type ConditionalLogic as h, type SubmissionDocument as i, type FormDocument as j, type BaseFormField as k, type ConditionalLogicCondition as l, type CustomFormField as m, type EmailConfig as n, type FieldBlockConfig as o, type FormAccess as p, type FormField as q, type FormFieldType as r, type FormFieldTypeId as s, type FormHookContext as t, type FormHooks as u, type FormNotification as v, type FormNotificationItem as w, type FormSubmission as x, type WebhookConfig as y, isCheckboxFormField as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextlyhq/plugin-form-builder",
-  "version": "0.0.2-alpha.34",
+  "version": "0.0.2-alpha.37",
   "description": "Visual form builder plugin for Nextly with Code-First and Schema Builder support",
   "license": "MIT",
   "type": "module",
@@ -17,50 +17,42 @@
       "types": "./dist/admin/index.d.ts",
       "import": "./dist/admin/index.js",
       "default": "./dist/admin/index.js"
-    },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.js",
-      "default": "./dist/components/index.js"
-    },
-    "./styles/builder.css": "./dist/styles/form-builder.css",
-    "./styles/submissions-filter.css": "./dist/styles/submissions-filter.css"
+    }
   },
   "files": [
     "dist",
     "README.md"
   ],
   "dependencies": {
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "zod": "^3.22.4",
-    "react-hook-form": "^7.50.0",
-    "@hookform/resolvers": "^3.3.4"
+    "react-hook-form": "^7.66.0",
+    "zod": "^4.1.12"
   },
   "peerDependencies": {
-    "@nextlyhq/admin": "0.0.2-alpha.34",
-    "nextly": "0.0.2-alpha.34",
-    "@nextlyhq/ui": "0.0.2-alpha.34",
+    "@nextlyhq/admin": "0.0.2-alpha.37",
+    "@nextlyhq/ui": "0.0.2-alpha.37",
     "@tanstack/react-query": ">=5.0.0",
     "lucide-react": ">=0.400.0",
-    "react": "^18.0.0 || ^19.0.0",
     "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
-    "@nextlyhq/plugin-sdk": "0.0.2-alpha.34"
+    "nextly": "0.0.2-alpha.37",
+    "react": "^18.0.0 || ^19.0.0",
+    "@nextlyhq/plugin-sdk": "0.0.2-alpha.37"
   },
   "devDependencies": {
-    "@tanstack/react-query": "^5.0.0",
-    "@types/node": "^20.0.0",
+    "@tanstack/react-query": "^5.62.0",
+    "@types/node": "^20.19.17",
     "@types/react": "19.2.0",
-    "lucide-react": "^0.469.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.3.0",
-    "vitest": "^4.0.8",
-    "@nextlyhq/tsconfig": "0.0.2-alpha.26",
-    "@nextlyhq/admin": "0.0.2-alpha.34",
-    "nextly": "0.0.2-alpha.34",
-    "@nextlyhq/plugin-sdk": "0.0.2-alpha.34",
-    "@nextlyhq/ui": "0.0.2-alpha.34"
+    "lucide-react": "^0.544.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.0",
+    "@nextlyhq/admin": "0.0.2-alpha.37",
+    "@nextlyhq/plugin-sdk": "0.0.2-alpha.37",
+    "@nextlyhq/ui": "0.0.2-alpha.37",
+    "@nextlyhq/tsconfig": "0.0.2-alpha.37",
+    "nextly": "0.0.2-alpha.37"
   },
   "engines": {
     "node": ">=20.0.0"
@@ -92,7 +84,7 @@
   "author": "Nextly <contact@nextlyhq.com> (https://nextlyhq.com)",
   "scripts": {
     "build": "tsup",
-    "dev": "tsup src/index.ts src/admin/index.ts src/components/index.ts --format esm --dts --watch",
+    "dev": "tsup src/index.ts src/admin/index.ts --format esm --dts --watch",
     "check-types": "tsc --noEmit",
     "lint": "eslint . --max-warnings 0",
     "lint:fix": "eslint . --fix",

package/dist/CheckboxFieldEditor-K4T6QX52.js

@@ -1,121 +0,0 @@
-"use client";
-
-// src/admin/fields/CheckboxFieldEditor.tsx
-import { Input } from "@nextlyhq/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CheckboxFieldEditor({
-  field,
-  onUpdate
-}) {
-  const updateValidation = (key, value) => {
-    onUpdate({
-      validation: {
-        ...field.validation,
-        [key]: value
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "checkbox-field-editor__section-title", children: "General" }),
-      /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "checkbox-field-editor__label", htmlFor: "field-label", children: "Label" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-label",
-            type: "text",
-            value: field.label || "",
-            onChange: (e) => onUpdate({ label: e.target.value }),
-            placeholder: "I agree to the terms and conditions"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "checkbox-field-editor__hint", children: "Text displayed next to the checkbox" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "checkbox-field-editor__label", htmlFor: "field-name", children: "Field Name" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-name",
-            type: "text",
-            value: field.name || "",
-            onChange: (e) => onUpdate({
-              name: e.target.value.replace(/\s+/g, "_").replace(/[^a-zA-Z0-9_]/g, "").toLowerCase()
-            }),
-            placeholder: "field_name",
-            className: "checkbox-field-editor__input--mono"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "checkbox-field-editor__hint", children: "Used as the key in submission data. Only letters, numbers, and underscores." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "checkbox-field-editor__label", htmlFor: "field-help", children: "Help Text" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-help",
-            type: "text",
-            value: field.helpText || "",
-            onChange: (e) => onUpdate({ helpText: e.target.value }),
-            placeholder: "Additional guidance for users"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "checkbox-field-editor__hint", children: "Displayed below the field" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__field checkbox-field-editor__field--inline", children: [
-        /* @__PURE__ */ jsxs("label", { className: "checkbox-field-editor__checkbox-label", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: field.defaultValue || false,
-              onChange: (e) => onUpdate({ defaultValue: e.target.checked }),
-              className: "checkbox-field-editor__checkbox"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: "Checked by default" })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "checkbox-field-editor__hint", children: "Whether the checkbox is pre-checked when the form loads" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__field checkbox-field-editor__field--inline", children: [
-        /* @__PURE__ */ jsxs("label", { className: "checkbox-field-editor__checkbox-label", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: field.required || false,
-              onChange: (e) => onUpdate({ required: e.target.checked }),
-              className: "checkbox-field-editor__checkbox"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: "Required field" })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "checkbox-field-editor__hint", children: "User must check this box to submit the form (useful for terms acceptance)" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "checkbox-field-editor__section-title", children: "Validation" }),
-      /* @__PURE__ */ jsxs("div", { className: "checkbox-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "checkbox-field-editor__label", htmlFor: "field-error", children: "Error Message" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-error",
-            type: "text",
-            value: field.validation?.errorMessage || "",
-            onChange: (e) => updateValidation("errorMessage", e.target.value || void 0),
-            placeholder: "You must accept the terms to continue"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "checkbox-field-editor__hint", children: "Custom message shown when required checkbox is not checked" })
-      ] })
-    ] })
-  ] });
-}
-var CheckboxFieldEditor_default = CheckboxFieldEditor;
-export {
-  CheckboxFieldEditor,
-  CheckboxFieldEditor_default as default
-};
-//# sourceMappingURL=CheckboxFieldEditor-K4T6QX52.js.map

package/dist/CheckboxFieldEditor-K4T6QX52.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/CheckboxFieldEditor.tsx"],"sourcesContent":["/**\n * Checkbox Field Editor\n *\n * Editor component for configuring checkbox field properties.\n * Includes general settings (label, name, help text, required) and\n * default value configuration.\n *\n * Checkbox fields are typically used for:\n * - Terms and conditions acceptance\n * - Newsletter opt-in\n * - Boolean yes/no questions\n *\n * @module admin/fields/CheckboxFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { CheckboxFormField } from \"../../types\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * CheckboxFieldEditor - Configure checkbox field properties\n *\n * Provides configuration options for:\n * - Label: Text shown next to the checkbox (e.g., \"I agree to the terms\")\n * - Field Name: Key used in submission data (auto-formatted)\n * - Help Text: Additional guidance shown below the field\n * - Required: Whether the checkbox must be checked (for consent forms)\n * - Default Value: Whether the checkbox is checked by default\n * - Validation: error message\n *\n * @example\n * ```tsx\n * <CheckboxFieldEditor\n *   field={checkboxField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function CheckboxFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<CheckboxFormField>) {\n  // Helper to update validation properties\n  const updateValidation = (key: string, value: unknown) => {\n    onUpdate({\n      validation: {\n        ...field.validation,\n        [key]: value,\n      },\n    });\n  };\n\n  return (\n    <div className=\"checkbox-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"checkbox-field-editor__section\">\n        <h4 className=\"checkbox-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"checkbox-field-editor__field\">\n          <label className=\"checkbox-field-editor__label\" htmlFor=\"field-label\">\n            Label\n          </label>\n          <Input\n            id=\"field-label\"\n            type=\"text\"\n            value={field.label || \"\"}\n            onChange={e => onUpdate({ label: e.target.value })}\n            placeholder=\"I agree to the terms and conditions\"\n          />\n          <p className=\"checkbox-field-editor__hint\">\n            Text displayed next to the checkbox\n          </p>\n        </div>\n\n        {/* Field Name */}\n        <div className=\"checkbox-field-editor__field\">\n          <label className=\"checkbox-field-editor__label\" htmlFor=\"field-name\">\n            Field Name\n          </label>\n          <Input\n            id=\"field-name\"\n            type=\"text\"\n            value={field.name || \"\"}\n            onChange={e =>\n              onUpdate({\n                name: e.target.value\n                  .replace(/\\s+/g, \"_\")\n                  .replace(/[^a-zA-Z0-9_]/g, \"\")\n                  .toLowerCase(),\n              })\n            }\n            placeholder=\"field_name\"\n            className=\"checkbox-field-editor__input--mono\"\n          />\n          <p className=\"checkbox-field-editor__hint\">\n            Used as the key in submission data. Only letters, numbers, and\n            underscores.\n          </p>\n        </div>\n\n        {/* Help Text */}\n        <div className=\"checkbox-field-editor__field\">\n          <label className=\"checkbox-field-editor__label\" htmlFor=\"field-help\">\n            Help Text\n          </label>\n          <Input\n            id=\"field-help\"\n            type=\"text\"\n            value={field.helpText || \"\"}\n            onChange={e => onUpdate({ helpText: e.target.value })}\n            placeholder=\"Additional guidance for users\"\n          />\n          <p className=\"checkbox-field-editor__hint\">\n            Displayed below the field\n          </p>\n        </div>\n\n        {/* Default Value */}\n        <div className=\"checkbox-field-editor__field checkbox-field-editor__field--inline\">\n          <label className=\"checkbox-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.defaultValue || false}\n              onChange={e => onUpdate({ defaultValue: e.target.checked })}\n              className=\"checkbox-field-editor__checkbox\"\n            />\n            <span>Checked by default</span>\n          </label>\n          <p className=\"checkbox-field-editor__hint\">\n            Whether the checkbox is pre-checked when the form loads\n          </p>\n        </div>\n\n        {/* Required */}\n        <div className=\"checkbox-field-editor__field checkbox-field-editor__field--inline\">\n          <label className=\"checkbox-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"checkbox-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n          <p className=\"checkbox-field-editor__hint\">\n            User must check this box to submit the form (useful for terms\n            acceptance)\n          </p>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"checkbox-field-editor__section\">\n        <h4 className=\"checkbox-field-editor__section-title\">Validation</h4>\n\n        {/* Error Message */}\n        <div className=\"checkbox-field-editor__field\">\n          <label className=\"checkbox-field-editor__label\" htmlFor=\"field-error\">\n            Error Message\n          </label>\n          <Input\n            id=\"field-error\"\n            type=\"text\"\n            value={field.validation?.errorMessage || \"\"}\n            onChange={e =>\n              updateValidation(\"errorMessage\", e.target.value || undefined)\n            }\n            placeholder=\"You must accept the terms to continue\"\n          />\n          <p className=\"checkbox-field-editor__hint\">\n            Custom message shown when required checkbox is not checked\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default CheckboxFieldEditor;\n"],"mappings":"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","names":[]}