@samline/forms 2.3.0 → 2.3.2

package/README.md

@@ -42,10 +42,10 @@ Requires Node 20+ when bundling. Runtime target is ES2020.
 Use the browser build when you do not have a bundler and need to run the package directly in HTML, Shopify, WordPress, or any traditional template.
 
 ```html
-<script src="https://unpkg.com/@samline/forms@2.3.0/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.3.2/dist/browser/global.global.js"></script>
 ```
 
-> Pin the version in production. Replace `2.3.0` with the version you ship.
+> Pin the version in production. Replace `2.3.2` with the version you ship.
 
 The browser bundle exposes a single global: `window.Forms`.
 
@@ -55,7 +55,7 @@ The browser bundle exposes a single global: `window.Forms`.
   <button type="submit">Send</button>
 </form>
 
-<script src="https://unpkg.com/@samline/forms@2.3.0/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.3.2/dist/browser/global.global.js"></script>
 <script>
   const contactForm = window.Forms.newForm({ id: 'contact-form' })
 

package/dist/browser/global.global.js

@@ -4870,6 +4870,7 @@ var Forms = (() => {
     const formatOptions = config.options;
     const fieldNames = resolveFieldNames(config);
     const bucket = getRegistry(state2);
+    const phase1Entries = [];
     for (const fieldName of fieldNames) {
       const displayName = config.displayField ?? `${fieldName}_displayed`;
       const canonicalFields = helpers.getFieldsByName(fieldName);
@@ -4894,28 +4895,31 @@ var Forms = (() => {
           displayName,
           mirrorIsOwned
         });
+        phase1Entries.push(existing);
       } else {
-        bucket.set(fieldName, {
+        const entry = {
           canonicalName: fieldName,
           displayName,
           visible,
           mirror,
           mirrorIsOwned,
           handler: UNBOUND
-        });
+        };
+        bucket.set(fieldName, entry);
         state2.formattedFields.set(fieldName, {
           config,
           displayName,
           mirrorIsOwned
         });
+        phase1Entries.push(entry);
       }
     }
     const formatter = await loadFormatter();
     if (!formatter) {
-      rollbackPhase1(bucket, state2.formattedFields);
+      rollbackPhase1(phase1Entries, bucket, state2.formattedFields);
       return;
     }
-    for (const [, entry] of bucket) {
+    for (const entry of phase1Entries) {
       if (entry.handler !== UNBOUND) {
         const current = entry.visible.value;
         if (current !== "") {
@@ -4942,16 +4946,16 @@ var Forms = (() => {
       }
     }
   };
-  var rollbackPhase1 = (bucket, registry2) => {
-    for (const [fieldName, entry] of bucket) {
+  var rollbackPhase1 = (entries, bucket, registry2) => {
+    for (const entry of entries) {
       if (entry.visible.isConnected) {
-        restoreVisibleName(entry.visible, fieldName);
+        restoreVisibleName(entry.visible, entry.canonicalName);
       }
       if (entry.mirrorIsOwned && entry.mirror.isConnected) {
         entry.mirror.remove();
       }
-      bucket.delete(fieldName);
-      registry2.delete(fieldName);
+      bucket.delete(entry.canonicalName);
+      registry2.delete(entry.canonicalName);
     }
   };
   var createFormat = (state2, helpers) => (config) => {
@@ -4969,6 +4973,15 @@ var Forms = (() => {
     }
     return null;
   };
+  var resolveDisplayNameForName = (state2, name) => {
+    const bucket = registry.get(state2);
+    if (!bucket) return name;
+    for (const [canonical, entry] of bucket) {
+      if (canonical === name) return entry.displayName;
+      if (entry.displayName === name) return entry.displayName;
+    }
+    return name;
+  };
   var cleanupFormatRegistry = (state2) => {
     if (!state2.element) {
       registry.delete(state2);
@@ -5558,10 +5571,11 @@ var Forms = (() => {
       if (!name) return;
       clearFieldCache();
       const canonical = resolveCanonicalForName(state2, name) ?? name;
+      const displayName = resolveDisplayNameForName(state2, name);
       if (normalizedOptions.clearManualErrorsOnChange) {
         delete state2.manualErrors[canonical];
       }
-      syncVisualState([canonical]);
+      syncVisualState([displayName]);
       if (state2.isValidated && state2.validators[canonical]) {
         validateNames([canonical]);
       }