formanitor 0.0.10 → 0.0.11

package/dist/index.cjs

@@ -204,6 +204,7 @@ var FormStore = class {
   config;
   // Cache for debounce
   saveTimeout = null;
+  draftCallbackTimeout = null;
   constructor(schema, config = {}) {
     this.schema = schema;
     this.config = config;
@@ -273,7 +274,10 @@ var FormStore = class {
     this.checkEvents(fieldId, "onValueChange", value);
     this.evaluate();
     this.notify();
-    this.scheduleSave();
+    this.scheduleDraftCallback();
+    if (!this.config.onDraftChange) {
+      this.scheduleSave();
+    }
   }
   setTouched(fieldId) {
     if (this.state.touched[fieldId]) return;
@@ -309,6 +313,26 @@ var FormStore = class {
       this.save();
     }, 1e3);
   }
+  scheduleDraftCallback() {
+    if (!this.config.onDraftChange) return;
+    if (this.draftCallbackTimeout) {
+      clearTimeout(this.draftCallbackTimeout);
+    }
+    this.draftCallbackTimeout = setTimeout(() => {
+      const payload = {
+        // For consumer callbacks, send values in the same
+        // serialized shape used for outbound submissions so
+        // media/signature fields are wrapped consistently.
+        values: this.serializeValuesForSubmission(this.state.values),
+        meta: {
+          updatedAt: Date.now(),
+          workflowState: this.state.workflowState,
+          version: this.schema.version
+        }
+      };
+      this.config.onDraftChange?.(payload);
+    }, 2500);
+  }
   async save() {
     const payload = {
       values: this.state.values,
@@ -496,6 +520,7 @@ var FormStore = class {
     let needsReeval = false;
     if (next.onUpload !== void 0) this.config.onUpload = next.onUpload;
     if (next.onEvent !== void 0) this.config.onEvent = next.onEvent;
+    if (next.onDraftChange !== void 0) this.config.onDraftChange = next.onDraftChange;
     if (next.role !== void 0 && next.role !== this.config.role) {
       this.config.role = next.role;
       needsReeval = true;