@nextlyhq/plugin-form-builder 0.0.2-alpha.33 → 0.0.2-alpha.35

package/dist/{index-BRumOEsE.d.ts → types-C-DcuYGF.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).
  */
@@ -89,7 +119,7 @@ interface FormDocument {
     name: string;
     fields: FormField[];
     settings: FormSettings;
-    notifications: FormNotificationItem[];
+    notifications: FormNotification[];
     webhooks?: WebhookConfig[];
     status: "draft" | "published" | "closed";
     createdAt: Date;
@@ -650,11 +680,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 +705,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 +977,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 { 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, 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 FormNotification as s, type FormNotificationItem as t, type FormSubmission as u, type WebhookConfig as v, isCheckboxFormField as w, isEmailFormField as x, isFileFormField as y, isFormField as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextlyhq/plugin-form-builder",
-  "version": "0.0.2-alpha.33",
+  "version": "0.0.2-alpha.35",
   "description": "Visual form builder plugin for Nextly with Code-First and Schema Builder support",
   "license": "MIT",
   "type": "module",
@@ -10,54 +10,49 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./admin": {
       "types": "./dist/admin/index.d.ts",
-      "import": "./dist/admin/index.js"
-    },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.js"
-    },
-    "./styles/builder.css": "./dist/styles/form-builder.css",
-    "./styles/submissions-filter.css": "./dist/styles/submissions-filter.css"
+      "import": "./dist/admin/index.js",
+      "default": "./dist/admin/index.js"
+    }
   },
   "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.33",
-    "nextly": "0.0.2-alpha.33",
-    "@nextlyhq/ui": "0.0.2-alpha.33",
+    "@nextlyhq/admin": "0.0.2-alpha.35",
+    "@nextlyhq/ui": "0.0.2-alpha.35",
     "@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.33"
+    "nextly": "0.0.2-alpha.35",
+    "react": "^18.0.0 || ^19.0.0",
+    "@nextlyhq/plugin-sdk": "0.0.2-alpha.35"
   },
   "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",
+    "lucide-react": "^0.544.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3",
     "vitest": "^4.0.8",
-    "@nextlyhq/tsconfig": "0.0.2-alpha.25",
-    "@nextlyhq/admin": "0.0.2-alpha.33",
-    "nextly": "0.0.2-alpha.33",
-    "@nextlyhq/plugin-sdk": "0.0.2-alpha.33",
-    "@nextlyhq/ui": "0.0.2-alpha.33"
+    "@nextlyhq/admin": "0.0.2-alpha.35",
+    "@nextlyhq/plugin-sdk": "0.0.2-alpha.35",
+    "@nextlyhq/tsconfig": "0.0.2-alpha.35",
+    "@nextlyhq/ui": "0.0.2-alpha.35",
+    "nextly": "0.0.2-alpha.35"
   },
   "engines": {
     "node": ">=20.0.0"
@@ -89,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":[]}

package/dist/DateFieldEditor-JFJFAVOH.js

@@ -1,187 +0,0 @@
-"use client";
-
-// src/admin/fields/DateFieldEditor.tsx
-import { Input } from "@nextlyhq/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DateFieldEditor({
-  field,
-  onUpdate
-}) {
-  const updateValidation = (key, value) => {
-    onUpdate({
-      validation: {
-        ...field.validation,
-        [key]: value
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "date-field-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "date-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "date-field-editor__section-title", children: "General" }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "date-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: "Enter field label"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "date-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: "date-field-editor__input--mono"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "date-field-editor__hint", children: "Used as the key in submission data. Only letters, numbers, and underscores." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "date-field-editor__label",
-            htmlFor: "field-placeholder",
-            children: "Placeholder"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-placeholder",
-            type: "text",
-            value: field.placeholder || "",
-            onChange: (e) => onUpdate({ placeholder: e.target.value }),
-            placeholder: "Select a date..."
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "date-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: "date-field-editor__hint", children: "Displayed below the field" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "date-field-editor__label",
-            htmlFor: "field-default-value",
-            children: "Default Value"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: "field-default-value",
-            type: "date",
-            value: field.defaultValue || "",
-            onChange: (e) => onUpdate({ defaultValue: e.target.value || void 0 }),
-            className: "date-field-editor__date-input"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "date-field-editor__hint", children: "Pre-selected date when the form loads" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "date-field-editor__field date-field-editor__field--inline", children: /* @__PURE__ */ jsxs("label", { className: "date-field-editor__checkbox-label", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: field.required || false,
-            onChange: (e) => onUpdate({ required: e.target.checked }),
-            className: "date-field-editor__checkbox"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Required field" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "date-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "date-field-editor__section-title", children: "Validation" }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field-row", children: [
-        /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field date-field-editor__field--half", children: [
-          /* @__PURE__ */ jsx(
-            "label",
-            {
-              className: "date-field-editor__label",
-              htmlFor: "field-min-date",
-              children: "Min Date"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: "field-min-date",
-              type: "date",
-              value: field.min || "",
-              onChange: (e) => onUpdate({ min: e.target.value || void 0 }),
-              className: "date-field-editor__date-input"
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "date-field-editor__hint", children: "Earliest allowed date" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field date-field-editor__field--half", children: [
-          /* @__PURE__ */ jsx(
-            "label",
-            {
-              className: "date-field-editor__label",
-              htmlFor: "field-max-date",
-              children: "Max Date"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: "field-max-date",
-              type: "date",
-              value: field.max || "",
-              onChange: (e) => onUpdate({ max: e.target.value || void 0 }),
-              className: "date-field-editor__date-input"
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "date-field-editor__hint", children: "Latest allowed date" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "date-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "date-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: "Please select a valid date"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "date-field-editor__hint", children: "Custom message shown when validation fails" })
-      ] })
-    ] })
-  ] });
-}
-var DateFieldEditor_default = DateFieldEditor;
-export {
-  DateFieldEditor,
-  DateFieldEditor_default as default
-};
-//# sourceMappingURL=DateFieldEditor-JFJFAVOH.js.map