@maro-tech/form 0.0.16 → 0.0.17

package/fesm2022/maro-tech-form.mjs

@@ -8,7 +8,7 @@ import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Subject, debounceTime, distinctUntilChanged, forkJoin, map, Observable, from, switchMap, of } from 'rxjs';
 import { BrowserMultiFormatOneDReader } from '@zxing/browser';
 import { DecodeHintType, BarcodeFormat } from '@zxing/library';
-import { UiButtonComponent } from '@maro-tech/core';
+import { UiButtonComponent, UiToastService } from '@maro-tech/core';
 import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i1 from 'lucide-angular';
 import { X, ChevronDown, Check, LucideAngularModule, CalendarDays, ChevronLeft, ChevronRight, Eye, EyeOff } from 'lucide-angular';
@@ -2915,6 +2915,7 @@ class UiActionFormModalComponent {
     }), ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
     http = inject(HttpClient);
     router = inject(Router);
+    toast = inject(UiToastService);
     ngOnChanges(changes) {
         if (this.isOpen() && ('isOpen' in changes || 'formId' in changes || 'recordId' in changes)) {
             this.loadForm();
@@ -2962,6 +2963,13 @@ class UiActionFormModalComponent {
         if (!endpoint)
             return;
         const payload = this.normalizePayload({ ...(this.initialValue() || {}), ...(action?.payload || {}), ...this.formValue() });
+        const missingFields = flattenDynamicFormFields(this.fields())
+            .filter((field) => field.type !== 'container' && field.type !== 'template' && field.required && this.isEmptyValue(payload[field.id]))
+            .map((field) => String(field.label || field.title || field.id));
+        if (missingFields.length) {
+            this.toast.show(`Заповніть обов’язкові поля: ${missingFields.join(', ')}`, 'warning', 4000);
+            return;
+        }
         const recordId = String(this.recordId() || '').trim();
         if (recordId && !Object.prototype.hasOwnProperty.call(payload, 'id'))
             payload['id'] = recordId;
@@ -2976,7 +2984,10 @@ class UiActionFormModalComponent {
                 this.navigateAfterSubmit(response);
                 this.close();
             },
-            error: () => this.isSubmitting.set(false),
+            error: (error) => {
+                this.isSubmitting.set(false);
+                this.toast.show(error?.error?.message || 'Не вдалося відправити форму', 'error', 4000);
+            },
         });
     }
     loadForm() {
@@ -3026,6 +3037,17 @@ class UiActionFormModalComponent {
         }
         return payload;
     }
+    isEmptyValue(value) {
+        if (value == null)
+            return true;
+        if (Array.isArray(value))
+            return value.length === 0;
+        if (typeof value === 'string')
+            return value.trim() === '';
+        if (typeof value === 'number')
+            return !Number.isFinite(value);
+        return false;
+    }
     normalizeActionType(type) {
         const normalized = String(type || '').trim().toLowerCase();
         if (normalized === 'api' || normalized === 'action_api')