@nextlyhq/plugin-form-builder 0.0.2-alpha.66 → 0.0.2-alpha.68

package/README.md

@@ -60,7 +60,7 @@ import "@nextlyhq/plugin-form-builder/admin";
 - **Admin routes:** `/admin/collections/forms` and `/admin/collections/form-submissions`
 - **Collections:** `forms`, `form-submissions`
 - **Form lifecycle states:** Draft, Published, Closed
-- **Optional integrations:** email notifications, webhook delivery on submission, spam protection (honeypot, rate limit, reCAPTCHA v3)
+- **Optional integrations:** email notifications, a `form.submission.created` webhook through Nextly's own webhooks, spam protection (honeypot, rate limit, reCAPTCHA v3)
 
 ### Submission privacy
 
@@ -100,15 +100,15 @@ See the [Field types reference](https://nextlyhq.com/docs/plugins/form-builder#f
 - Server helpers: `submitForm`, `validateSubmission`, `getFormSubmissionStats`, `createFormConfig`, `validateFormConfig`, `assertValidFormConfig`
 - Export utilities: `exportToCSV`, `exportToJSON`, `exportAndDownload`, `downloadFile`, `generateExportFilename`
 - Collections: `formsCollection`, `submissionsCollection`
-- Type exports: `FormDocument`, `SubmissionDocument`, `FormSubmission`, `FormNotification`, `EmailConfig`, `WebhookConfig`, `WebhookEvent`, `FormFieldOption`
+- Type exports: `FormDocument`, `SubmissionDocument`, `FormSubmission`, `FormNotification`, `EmailConfig`, `FormFieldOption`
 
 ## Compatibility
 
-| Tool              | Version |
-| ----------------- | ------- |
-| Node.js           | 20+     |
-| `nextly`          | 0.0.x   |
-| `@nextlyhq/admin` | 0.0.x   |
+| Tool              | Version               |
+| ----------------- | --------------------- |
+| Node.js           | 20.19+, 22.12+ or 24+ |
+| `nextly`          | 0.0.x                 |
+| `@nextlyhq/admin` | 0.0.x                 |
 
 Plugins can break across minor versions during alpha. Pin exact versions of `nextly`, `@nextlyhq/admin`, and this plugin together.
 

package/dist/admin/index.d.ts

@@ -1,6 +1,6 @@
 import { DocumentLockGates, ComponentPath } from '@nextlyhq/plugin-sdk/admin';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { q as FormField, s as FormFieldTypeId, A as AnyFormField, b as FormSettings, v as FormNotification } from '../types-hLfLe81K.js';
+import { q as FormField, s as FormFieldTypeId, A as AnyFormField, b as FormSettings, v as FormNotification } from '../types-Bo4lk9BD.js';
 import { FormFieldCatalogType, FieldTypeCatalogEntry } from 'nextly/field-catalog';
 import { ReactNode } from 'react';
 import 'nextly';

package/dist/admin/index.js

@@ -9,7 +9,7 @@ import {
   normalizeFormSettings,
   parseFieldRef,
   parseRedirectReference
-} from "../chunk-VIGKSRSH.js";
+} from "../chunk-X5WLJLAR.js";
 
 // src/admin/index.ts
 import {
@@ -894,7 +894,7 @@ import {
 } from "@nextlyhq/ui";
 import { useQueryClient } from "@tanstack/react-query";
 import { FORM_FIELD_TYPE_CATALOG as FORM_FIELD_TYPE_CATALOG3 } from "nextly/field-catalog";
-import { useCallback as useCallback7, useEffect as useEffect5, useRef as useRef2, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect5, useRef as useRef3, useState as useState10 } from "react";
 
 // src/admin/components/builder/FieldCards.tsx
 import {
@@ -926,7 +926,7 @@ import {
 } from "@nextlyhq/ui";
 import * as Lucide from "lucide-react";
 import { FORM_FIELD_TYPE_CATALOG as FORM_FIELD_TYPE_CATALOG2 } from "nextly/field-catalog";
-import { useCallback as useCallback5, useMemo as useMemo5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo5, useRef as useRef2, useState as useState6 } from "react";
 
 // src/admin/context/FormBuilderContext.tsx
 import { FORM_FIELD_TYPE_CATALOG } from "nextly/field-catalog";
@@ -1066,7 +1066,7 @@ function FormBuilderProvider({
       setFieldsState(
         (prev) => prev.map((f) => f.name === fieldName ? { ...f, ...updates } : f)
       );
-      if (updates.name && updates.name !== fieldName) {
+      if (updates.name !== void 0 && updates.name !== fieldName) {
         setSelectedFieldId(updates.name);
       }
       setIsDirty(true);
@@ -2303,6 +2303,29 @@ function FieldCards({
     moveField
   } = useFormBuilder();
   const [isAddOpen, setIsAddOpen] = useState6(false);
+  const cardKeysRef = useRef2(/* @__PURE__ */ new Map());
+  const nextCardKeyRef = useRef2(0);
+  const cardKeyFor = (name) => {
+    let key = cardKeysRef.current.get(name);
+    if (key === void 0) {
+      key = `card-${++nextCardKeyRef.current}`;
+      cardKeysRef.current.set(name, key);
+    }
+    return key;
+  };
+  const handleUpdate = useCallback5(
+    (field, updates) => {
+      if (updates.name !== void 0 && updates.name !== field.name) {
+        const key = cardKeysRef.current.get(field.name);
+        if (key !== void 0) {
+          cardKeysRef.current.delete(field.name);
+          cardKeysRef.current.set(updates.name, key);
+        }
+      }
+      updateField(field.name, updates);
+    },
+    [updateField]
+  );
   const sensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),
     useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
@@ -2371,12 +2394,12 @@ function FieldCards({
                   deleteBlockers: (referenceMap.get(field.name) ?? []).map(
                     (ref) => ref.label
                   ),
-                  onUpdate: (updates) => updateField(field.name, updates),
+                  onUpdate: (updates) => handleUpdate(field, updates),
                   onDuplicate: () => duplicateField(field.name),
                   onDelete: () => deleteField(field.name),
                   onMove: (direction) => moveField(index, index + direction)
                 }
-              ) }, field.name)) })
+              ) }, cardKeyFor(field.name))) })
             }
           )
         }
@@ -4506,7 +4529,7 @@ function FormBuilderViewInner({
       cancelled = true;
     };
   }, []);
-  const seededRef = useRef2(false);
+  const seededRef = useRef3(false);
   useEffect5(() => {
     if (!isCreating || notificationDefaults === null || seededRef.current) {
       return;