@nsail/stack 0.1.975 → 0.1.981

package/dist/form.d.ts

@@ -9,7 +9,11 @@ export interface Form<T> {
     /** What the server last refused, kept until the field it is about changes. */
     readonly problem: Problem | null;
     set<K extends keyof T>(name: K, value: T[K]): void;
-    reset(value: T): void;
+    /** Replaces the value with another record or with what the server holds; `saved` is cleared unless
+     * `keepSaved` says the value is the re-read of what was just sent. */
+    reset(value: T, options?: {
+        keepSaved?: boolean;
+    }): void;
     issues(name: keyof T): Issue[];
     submit(action: (value: T) => Promise<void>): Promise<boolean>;
 }

package/dist/form.js

@@ -1,6 +1,6 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) 2026 Leonardo Porro and Emmanuel Arias. https://github.com/nsail-ar/nsail-stack
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { memberOf } from "./descriptors";
 import { validate, validateField } from "./validation";
 import { problemOf } from "./load";
@@ -12,17 +12,25 @@ export function useForm(message, initial) {
     const [problem, setProblem] = useState(null);
     const [submitting, setSubmitting] = useState(false);
     const [saved, setSaved] = useState(false);
+    const sending = useRef(false);
+    // Bumped in the handlers below, never inside a state updater, which StrictMode runs twice.
+    const edits = useRef(0);
     const set = useCallback((name, next) => {
         setValue((current) => ({ ...current, [name]: next }));
         setTouched((current) => new Set(current).add(name));
         setSaved(false);
+        edits.current++;
         const member = memberOf(message.fields[name]);
         setProblem((current) => (current ? { ...current, issues: current.issues.filter((issue) => issue.source !== member) } : current));
     }, [message]);
-    const reset = useCallback((next) => {
+    const reset = useCallback((next, options) => {
         setValue(next);
         setTouched(new Set());
         setProblem(null);
+        if (!options?.keepSaved) {
+            setSaved(false);
+        }
+        edits.current++;
     }, []);
     const issues = useCallback((name) => {
         const field = message.fields[name];
@@ -32,18 +40,26 @@ export function useForm(message, initial) {
         return [...local, ...remote.filter((r) => !local.some((l) => l.code === r.code))];
     }, [message, touched, value, problem]);
     const submit = useCallback(async (action) => {
+        // A ref, not `submitting`: two calls in one tick both see the state unchanged.
+        if (sending.current) {
+            return false;
+        }
         const refused = validate(message, value);
         if (refused) {
             setTouched(new Set(Object.keys(message.fields)));
             setProblem(refused);
             return false;
         }
+        sending.current = true;
+        const sentAt = edits.current;
         setSubmitting(true);
         setSaved(false);
         setProblem(null);
         try {
             await action(value);
-            setSaved(true);
+            if (edits.current === sentAt) {
+                setSaved(true);
+            }
             return true;
         }
         catch (error) {
@@ -51,6 +67,7 @@ export function useForm(message, initial) {
             return false;
         }
         finally {
+            sending.current = false;
             setSubmitting(false);
         }
     }, [message, value]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nsail/stack",
-  "version": "0.1.975",
+  "version": "0.1.981",
   "description": "NSail's vendor-free client half: sends messages from the descriptors an Sdk generates, speaks the catalog, and holds the hooks a page reads with.",
   "license": "MIT",
   "repository": {