web-mojo 2.1.1099 → 2.1.1101

package/dist/chunks/{FormView-DRiG4b10.js → FormView-DJBMpeMY.js}

@@ -6163,6 +6163,7 @@ class FormView extends View {
    * Handle field changes from custom components
    */
   handleFieldChange(fieldName, value) {
+    if (this._isPopulating) return;
     this.data[fieldName] = value;
     if (this.autosaveModelField && this.model) {
       this.handleFieldSave(fieldName, value);
@@ -6210,6 +6211,7 @@ class FormView extends View {
         if (!resp || !resp.success || resp.data && !resp.data.status) {
           const errorMsg = resp?.data?.error || resp?.error || resp?.message || "Save failed";
           this.getApp()?.toast?.error(errorMsg);
+          this.revertFields(fieldNames);
           fieldNames.forEach((fieldName) => {
             const statusManager = this.getFieldStatusManager(fieldName);
             statusManager.showStatus("error", { message: errorMsg });
@@ -6228,6 +6230,7 @@ class FormView extends View {
     } catch (error) {
       console.error("Batch save error:", error);
       this.getApp()?.toast?.error(error.message || "An error occurred while saving");
+      this.revertFields(fieldNames);
       fieldNames.forEach((fieldName) => {
         const statusManager = this.getFieldStatusManager(fieldName);
         statusManager.showStatus("error", { message: error.message });
@@ -6236,6 +6239,38 @@ class FormView extends View {
       this.isSaving = false;
     }
   }
+  /**
+   * Revert form fields to their original model values
+   * Called when save fails to keep UI in sync with server state
+   * @param {Array<string>} fieldNames - Names of fields to revert
+   * @private
+   */
+  revertFields(fieldNames) {
+    if (!this.model) return;
+    const wasPopulating = this._isPopulating;
+    this._isPopulating = true;
+    try {
+      fieldNames.forEach((fieldName) => {
+        const originalValue = this.model.get(fieldName);
+        this.data[fieldName] = originalValue;
+        const fieldElement = this.element?.querySelector(`[name="${fieldName}"]`);
+        if (fieldElement) {
+          const fieldConfig = this.getFormFieldConfig(fieldName);
+          if (fieldConfig) {
+            this.setFieldValue(fieldElement, fieldConfig, originalValue);
+          } else {
+            if (fieldElement.type === "checkbox") {
+              fieldElement.checked = Boolean(originalValue);
+            } else {
+              fieldElement.value = originalValue ?? "";
+            }
+          }
+        }
+      });
+    } finally {
+      this._isPopulating = wasPopulating;
+    }
+  }
   /**
    * Get or create a field status manager for a specific field
    * @param {string} fieldName - Name of the field
@@ -7794,4 +7829,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-DRiG4b10.js.map
+//# sourceMappingURL=FormView-DJBMpeMY.js.map