@nextlyhq/plugin-form-builder 0.0.2-alpha.27 → 0.0.2-alpha.29

package/dist/{EmailFieldEditor-MMOXXL7P.js → EmailFieldEditor-ZZ4VSKKB.js}

@@ -64,7 +64,7 @@ function EmailFieldEditor({
             type: "text",
             value: field.placeholder || "",
             onChange: (e) => onUpdate({ placeholder: e.target.value }),
-            placeholder: "email@example.com"
+            placeholder: "email@nextly.local"
           }
         )
       ] }),
@@ -107,7 +107,7 @@ function EmailFieldEditor({
             type: "text",
             value: field.validation?.pattern || "",
             onChange: (e) => updateValidation("pattern", e.target.value || void 0),
-            placeholder: ".*@company\\.com$",
+            placeholder: ".*@nextly\\.local$",
             className: "email-field-editor__input--mono"
           }
         ),
@@ -135,4 +135,4 @@ export {
   EmailFieldEditor,
   EmailFieldEditor_default as default
 };
-//# sourceMappingURL=EmailFieldEditor-MMOXXL7P.js.map
+//# sourceMappingURL=EmailFieldEditor-ZZ4VSKKB.js.map

package/dist/EmailFieldEditor-ZZ4VSKKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/fields/EmailFieldEditor.tsx"],"sourcesContent":["/**\n * Email Field Editor\n *\n * Editor component for configuring email field properties.\n * Includes general settings (label, name, placeholder, required) and\n * validation options (pattern, error message).\n *\n * Email validation is automatic - the browser enforces email format.\n * Custom pattern allows additional restrictions (e.g., corporate domains only).\n *\n * @module admin/fields/EmailFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { EmailFormField } from \"../../types\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * EmailFieldEditor - Configure email field properties\n *\n * Provides configuration options for:\n * - Label: Display text shown above the field\n * - Field Name: Key used in submission data (auto-formatted)\n * - Placeholder: Hint text shown when field is empty\n * - Help Text: Additional guidance shown below the field\n * - Required: Whether the field must be filled\n * - Validation: pattern (optional extra regex), error message\n *\n * Note: Basic email format validation is automatic via HTML5 email input type.\n *\n * @example\n * ```tsx\n * <EmailFieldEditor\n *   field={emailField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function EmailFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<EmailFormField>) {\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=\"email-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"email-field-editor__section\">\n        <h4 className=\"email-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"email-field-editor__field\">\n          <label className=\"email-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=\"Enter field label\"\n          />\n        </div>\n\n        {/* Field Name */}\n        <div className=\"email-field-editor__field\">\n          <label className=\"email-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=\"email-field-editor__input--mono\"\n          />\n          <p className=\"email-field-editor__hint\">\n            Used as the key in submission data. Only letters, numbers, and\n            underscores.\n          </p>\n        </div>\n\n        {/* Placeholder */}\n        <div className=\"email-field-editor__field\">\n          <label\n            className=\"email-field-editor__label\"\n            htmlFor=\"field-placeholder\"\n          >\n            Placeholder\n          </label>\n          <Input\n            id=\"field-placeholder\"\n            type=\"text\"\n            value={field.placeholder || \"\"}\n            onChange={e => onUpdate({ placeholder: e.target.value })}\n            placeholder=\"email@nextly.local\"\n          />\n        </div>\n\n        {/* Help Text */}\n        <div className=\"email-field-editor__field\">\n          <label className=\"email-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=\"email-field-editor__hint\">Displayed below the field</p>\n        </div>\n\n        {/* Required */}\n        <div className=\"email-field-editor__field email-field-editor__field--inline\">\n          <label className=\"email-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"email-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"email-field-editor__section\">\n        <h4 className=\"email-field-editor__section-title\">Validation</h4>\n\n        {/* Info about automatic validation */}\n        <div className=\"email-field-editor__info\">\n          <p className=\"email-field-editor__info-text\">\n            Email format validation is automatic. Use the pattern field below\n            for additional restrictions (e.g., corporate domains only).\n          </p>\n        </div>\n\n        {/* Pattern */}\n        <div className=\"email-field-editor__field\">\n          <label className=\"email-field-editor__label\" htmlFor=\"field-pattern\">\n            Pattern (Regex)\n          </label>\n          <Input\n            id=\"field-pattern\"\n            type=\"text\"\n            value={field.validation?.pattern || \"\"}\n            onChange={e =>\n              updateValidation(\"pattern\", e.target.value || undefined)\n            }\n            placeholder=\".*@nextly\\.local$\"\n            className=\"email-field-editor__input--mono\"\n          />\n          <p className=\"email-field-editor__hint\">\n            Optional: Additional regex pattern (e.g., restrict to specific\n            domains)\n          </p>\n        </div>\n\n        {/* Error Message */}\n        <div className=\"email-field-editor__field\">\n          <label className=\"email-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=\"Please enter a valid email address\"\n          />\n          <p className=\"email-field-editor__hint\">\n            Custom message shown when validation fails\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default EmailFieldEditor;\n"],"mappings":"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","names":[]}

package/dist/admin/index.d.ts

@@ -1,7 +1,7 @@
-import { ComponentPath } from '@nextlyhq/admin/lib/component-registry';
+import { ComponentPath } from '@nextlyhq/plugin-sdk/admin';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { i as FormField, p as FormFieldType } from '../index-C0kBvYjm.js';
-export { J as SubmissionDetail, t as SubmissionDetailProps, K as SubmissionList, u as SubmissionListProps } from '../index-C0kBvYjm.js';
+import { i as FormField, p as FormFieldType } from '../index-BRumOEsE.js';
+export { J as SubmissionDetail, t as SubmissionDetailProps, K as SubmissionList, u as SubmissionListProps } from '../index-BRumOEsE.js';
 import { ReactNode } from 'react';
 import 'nextly';
 
@@ -528,20 +528,5 @@ declare function FormNotificationsTab(): react_jsx_runtime.JSX.Element;
 declare const FORM_BUILDER_VIEW_PATH: ComponentPath;
 /** Component path for SubmissionsFilter */
 declare const SUBMISSIONS_FILTER_PATH: ComponentPath;
-/**
- * Register Form Builder admin components with the Nextly admin panel.
- *
- * @deprecated This function is no longer needed. Components are auto-registered
- * when the admin detects the Form Builder plugin's component paths in collection configs.
- *
- * @example
- * ```typescript
- * // No manual registration needed! Just add the plugin to your config:
- * export default defineConfig({
- *   plugins: [formBuilderPlugin.plugin],
- * });
- * ```
- */
-declare function registerFormBuilderAdminComponents(): void;
 
-export { AddFieldButton, type AddFieldButtonProps, DEFAULT_SETTINGS, FORM_BUILDER_VIEW_PATH, FieldEditor, FieldEditorPanel, type FieldEditorPanelProps, type FieldEditorProps, FieldLibrary, type FormBuilderActions, type FormBuilderContextValue, FormBuilderProvider, type FormBuilderProviderProps, type FormBuilderState, FormBuilderView, type FormBuilderViewProps, FormCanvas, type FormCanvasProps, FormFieldList, type FormFieldListProps, type FormNotification, FormNotificationsTab, FormPreview, type FormPreviewProps, type FormSettings, FormSettingsTab, SUBMISSIONS_FILTER_PATH, SortableFieldRow, type SortableFieldRowProps, SubmissionsFilter, type SubmissionsFilterProps, createFieldFromType, createNotification, generateFieldLabel, generateFieldName, registerFormBuilderAdminComponents, useFormBuilder, useOptionalFormBuilder };
+export { AddFieldButton, type AddFieldButtonProps, DEFAULT_SETTINGS, FORM_BUILDER_VIEW_PATH, FieldEditor, FieldEditorPanel, type FieldEditorPanelProps, type FieldEditorProps, FieldLibrary, type FormBuilderActions, type FormBuilderContextValue, FormBuilderProvider, type FormBuilderProviderProps, type FormBuilderState, FormBuilderView, type FormBuilderViewProps, FormCanvas, type FormCanvasProps, FormFieldList, type FormFieldListProps, type FormNotification, FormNotificationsTab, FormPreview, type FormPreviewProps, type FormSettings, FormSettingsTab, SUBMISSIONS_FILTER_PATH, SortableFieldRow, type SortableFieldRowProps, SubmissionsFilter, type SubmissionsFilterProps, createFieldFromType, createNotification, generateFieldLabel, generateFieldName, useFormBuilder, useOptionalFormBuilder };

package/dist/admin/index.js

@@ -7,7 +7,7 @@ import {
 import {
   registerComponents,
   registerKnownPlugin
-} from "@nextlyhq/admin/lib/component-registry";
+} from "@nextlyhq/plugin-sdk/admin";
 
 // src/admin/components/SubmissionsFilter.tsx
 import { useRouter, useSearchParams } from "next/navigation";
@@ -128,8 +128,8 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useCallback as useCallback6, useState as useState6 } from "react";
 
 // src/admin/components/builder/FieldEditor.tsx
-import { FormLabelWithTooltip as FormLabelWithTooltip2 } from "@nextlyhq/admin";
 import {
+  FormLabelWithTooltip as FormLabelWithTooltip2,
   Input as Input2,
   Button as Button2,
   Checkbox as Checkbox2,
@@ -146,8 +146,8 @@ import {
 import { useState as useState2, useCallback as useCallback3, useMemo as useMemo2 } from "react";
 
 // src/admin/components/builder/ConditionalLogicEditor.tsx
-import { FormLabelWithTooltip } from "@nextlyhq/admin";
 import {
+  FormLabelWithTooltip,
   Input,
   Button,
   Checkbox,
@@ -2164,7 +2164,7 @@ function IntegrationModal({
                 type: "email",
                 value: form.senderEmail ?? "",
                 onChange: (e) => update("senderEmail", e.target.value || void 0),
-                placeholder: "noreply@example.com"
+                placeholder: "noreply@nextly.local"
               }
             ),
             /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: "Leave blank to use the provider's default configured address." })
@@ -2213,7 +2213,7 @@ function IntegrationModal({
                     type: "email",
                     value: form.to,
                     onChange: (e) => update("to", e.target.value),
-                    placeholder: "admin@example.com"
+                    placeholder: "admin@nextly.local"
                   }
                 )
               ] })
@@ -2268,7 +2268,7 @@ function IntegrationModal({
                         addCc();
                       }
                     },
-                    placeholder: "cc@example.com"
+                    placeholder: "cc@nextly.local"
                   }
                 ),
                 /* @__PURE__ */ jsx7(
@@ -2333,7 +2333,7 @@ function IntegrationModal({
                         addBcc();
                       }
                     },
-                    placeholder: "bcc@example.com"
+                    placeholder: "bcc@nextly.local"
                   }
                 ),
                 /* @__PURE__ */ jsx7(
@@ -3458,11 +3458,11 @@ var FIELD_TYPES2 = [
     icon: "Mail",
     description: "Email address with validation",
     category: "core",
-    EditorComponent: () => import("../EmailFieldEditor-MMOXXL7P.js"),
+    EditorComponent: () => import("../EmailFieldEditor-ZZ4VSKKB.js"),
     defaultConfig: {
       type: "email",
       label: "Email",
-      placeholder: "email@example.com",
+      placeholder: "email@nextly.local",
       required: false
     }
   },
@@ -3981,11 +3981,6 @@ function FieldEditorPanel({
 // src/admin/index.ts
 var FORM_BUILDER_VIEW_PATH = "@nextlyhq/plugin-form-builder/admin#FormBuilderView";
 var SUBMISSIONS_FILTER_PATH = "@nextlyhq/plugin-form-builder/admin#SubmissionsFilter";
-function registerFormBuilderAdminComponents() {
-  registerComponents({
-    [FORM_BUILDER_VIEW_PATH]: FormBuilderView
-  });
-}
 registerComponents({
   [FORM_BUILDER_VIEW_PATH]: FormBuilderView,
   [SUBMISSIONS_FILTER_PATH]: SubmissionsFilter
@@ -4023,7 +4018,6 @@ export {
   createNotification,
   generateFieldLabel,
   generateFieldName,
-  registerFormBuilderAdminComponents,
   useFormBuilder,
   useOptionalFormBuilder
 };