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

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.js

@@ -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
     }
   },