@iapps/ng-dhis2-ui 1.1.55 → 1.1.58

package/fesm2022/iapps-ng-dhis2-ui.mjs

@@ -8,7 +8,7 @@ import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
 import * as React from 'react';
 import React__default, { useState, useCallback, useRef, useEffect, createContext, useContext, useMemo } from 'react';
 import * as ReactDOM from 'react-dom/client';
-import { catchError, of, map, zip, firstValueFrom, Subject, takeUntil } from 'rxjs';
+import { catchError, of, map, zip, firstValueFrom, filter, Subject, takeUntil } from 'rxjs';
 import i18n from '@dhis2/d2-i18n';
 import { colors, theme, spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
@@ -34,8 +34,8 @@ import * as i2 from '@angular/forms';
 import { Validators, UntypedFormControl, UntypedFormGroup, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { format } from 'date-fns';
+import { DataQueryFilter, DataFilterCondition, ProgramRuleEngine } from '@iapps/d2-web-sdk';
 import moment from 'moment';
-import { ProgramRuleEngine } from '@iapps/d2-web-sdk';
 
 class SharedDhis2UiModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: SharedDhis2UiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -4065,11 +4065,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
 const useFieldValidation = (props) => {
-    const { form, touched, field, value } = props;
+    const { form, touched, field, value, initialError, recordExistError } = props;
     const hasError = useMemo(() => {
+        if (recordExistError) {
+            return true;
+        }
+        if (initialError && value) {
+            return true;
+        }
         return touched && (form.get(field.id) || form.get(field.key))?.invalid;
-    }, [value, touched]);
+    }, [value, touched, initialError, recordExistError]);
     const validationError = useMemo(() => {
+        if (recordExistError) {
+            return recordExistError;
+        }
+        if (initialError && value) {
+            return initialError;
+        }
         if (!touched) {
             return undefined;
         }
@@ -4080,25 +4092,26 @@ const useFieldValidation = (props) => {
         if (error['min']) {
             return `${field.label || 'Value'} should not be less than ${error['min'].min}!`;
         }
-        else if (error['max']) {
+        if (error['max']) {
             return `${field.label || 'Value'} should not be greater than ${error['max'].max}!`;
         }
-        else if (error['pattern']) {
+        if (error['pattern']) {
             if (field.type === 'email') {
                 return `The email address provided is not valid`;
             }
-            else if (field.type === 'tel') {
+            if (field.type === 'tel') {
                 return 'Phone number provided is not valid';
             }
-            else {
-                return `${field.label || 'Value'} should have appropriate format`;
-            }
+            return `${field.label || 'Value'} should have appropriate format`;
+        }
+        if (error['customError']) {
+            return error['customError'];
         }
         return error['required']
             ? `${field.label || 'Value'} is required`
             : undefined;
-    }, [hasError]);
-    return { hasError, validationError };
+    }, [touched, value, initialError, recordExistError]);
+    return { validationError, hasError };
 };
 
 // Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
@@ -4134,6 +4147,7 @@ class FormField {
         this.programStage = options.programStage;
         this.program = options.program;
         this.trackedEntityInstance = options.trackedEntityInstance;
+        this.trackedEntityType = options.trackedEntityType;
         this.hasOptions = options.hasOptions;
         this.dependentField = options.dependentField;
         this.displayInList = options.displayInList;
@@ -4319,6 +4333,8 @@ class FieldUtil {
                 return 'number';
             case FieldType.PHONE_NUMBER:
                 return 'tel';
+            case FieldType.EMAIL:
+                return 'email';
             case FieldType.ORG_UNIT:
                 return 'org-unit';
             case FieldType.DATE:
@@ -4435,8 +4451,11 @@ class FormUtil {
                 const maxValidators = field.max
                     ? [Validators.max(field.max)]
                     : [];
-                const phoneNumberValidator = field.type === 'tel'
-                    ? [Validators.pattern('\\+255[6-7][1-9][0-9]{7}$')]
+                const phoneNumberValidator = field.type === 'tel' ? [] : [];
+                const emailValidator = field.type === 'email'
+                    ? [
+                        Validators.pattern('^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$'),
+                    ]
                     : [];
                 group[field.key] = field.required
                     ? new UntypedFormControl({ value, disabled: field.disabled }, {
@@ -4445,6 +4464,7 @@ class FormUtil {
                             ...minValidators,
                             ...maxValidators,
                             ...phoneNumberValidator,
+                            ...emailValidator,
                         ],
                         updateOn: 'change',
                     })
@@ -4453,6 +4473,7 @@ class FormUtil {
                             ...minValidators,
                             ...maxValidators,
                             ...phoneNumberValidator,
+                            ...emailValidator,
                         ],
                     });
                 if (field.referenceKey) {
@@ -4466,6 +4487,7 @@ class FormUtil {
                                 ...minValidators,
                                 ...maxValidators,
                                 ...phoneNumberValidator,
+                                ...emailValidator,
                             ],
                             updateOn: 'change',
                         })
@@ -4474,6 +4496,7 @@ class FormUtil {
                                 ...minValidators,
                                 ...maxValidators,
                                 ...phoneNumberValidator,
+                                ...emailValidator,
                             ],
                         });
                 }
@@ -4692,6 +4715,9 @@ class MetadataRule {
         const regex = /(A|#|V)\{([^}]+)\}/g;
         return this.rule?.condition?.replace(regex, (match, _, ruleVariable) => {
             const ruleVariableObject = this.ruleVariables?.find((variable) => variable.name === ruleVariable);
+            if (!ruleVariableObject) {
+                return `{${ruleVariable}}`;
+            }
             const code = camelCase(ruleVariableObject?.dataElement?.code) ||
                 ruleVariableObject?.dataElement?.id ||
                 camelCase(ruleVariableObject?.trackedEntityAttribute?.code) ||
@@ -4719,6 +4745,7 @@ class FormMetadataSection {
                 sortOrder: programTrackedEntityAttribute['sortOrder'],
                 mandatory: programTrackedEntityAttribute['mandatory'],
                 allowFutureDate: programTrackedEntityAttribute['allowFutureDate'],
+                trackedEntityType: (this.params.program['trackedEntityType'] || {})['id'],
                 metaType: 'ATTRIBUTE',
             };
         });
@@ -5331,6 +5358,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
         this.httpClient = inject(NgxDhis2HttpClientService);
         this.fieldType = 'textbox';
         this.field = input.required();
+        this.fieldError = input();
         this.fieldConfig = input(new FieldConfig());
         this.form = model.required();
         this.isValid = input();
@@ -5338,6 +5366,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
         this.value = model();
         this.value$ = toObservable(this.value);
         this.isValueAssigned$ = toObservable(this.isValueAssigned);
+        this.fieldError$ = toObservable(this.fieldError);
         this.label = computed(() => {
             return !this.fieldConfig()?.hideLabel ? this.field().label : undefined;
         });
@@ -5369,13 +5398,30 @@ class BaseFormFieldComponent extends ReactWrapperModule {
             const [selected, setSelected] = useState();
             const [touched, setTouched] = useState(false);
             const [disabled, setDisabled] = useState(this.field()?.disabled ?? this.field()?.generated ?? false);
+            const [initialError, setInitialError] = useState();
+            const [recordExistError, setRecordExistError] = useState();
+            const [checkingUniqueness, setCheckingUniqueness] = useState();
             useEffect(() => {
                 if (this.isValueAssigned()) {
+                    const value = this.form().get(this.field().id)?.value ||
+                        this.form().get(this.field().key)?.value;
                     setDisabled(true);
-                    setValue(this.form().get(this.field().id)?.value ||
-                        this.form().get(this.field().key)?.value);
+                    setValue(value);
+                    checkValueUniqueness();
                 }
             }, [this.isValueAssigned()]);
+            useEffect(() => {
+                const fieldErrorSubscription = this.fieldError$
+                    .pipe(filter((error) => error !== initialError))
+                    .subscribe({
+                    next: (error) => {
+                        setInitialError(error);
+                    },
+                });
+                return () => {
+                    fieldErrorSubscription.unsubscribe();
+                };
+            });
             const onChange = (payload) => setSelected(payload.selected);
             const arrayValue = useMemo(() => {
                 if (value && value.length > 0) {
@@ -5383,131 +5429,186 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                 }
                 return [];
             }, [value]);
-            const { hasError, validationError } = useFieldValidation({
+            const { validationError, hasError } = useFieldValidation({
                 field: this.field(),
                 form: this.form(),
+                initialError,
+                recordExistError,
                 value,
                 touched,
             });
-            switch (this.field().controlType) {
-                case 'textarea':
-                    return (React__default.createElement(TextAreaField, { error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, label: this.label(), rows: 5, placeholder: this.placeholder(), value: value, onChange: (event) => {
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(event.value);
-                                this.immediateUpdate.emit({
-                                    form: this.form(),
-                                    value: event.value,
-                                });
+            const checkValueUniqueness = async () => {
+                if (this.field().unique && this.field().trackedEntityType) {
+                    setCheckingUniqueness(true);
+                    setRecordExistError(undefined);
+                    const d2 = window.d2Web;
+                    try {
+                        const response = (await d2.trackerModule.trackedEntity
+                            .setTrackedEntityType(this.field().trackedEntityType)
+                            .setOuMode('ACCESSIBLE')
+                            .setFilters([
+                            new DataQueryFilter()
+                                .setAttribute(this.field().id)
+                                .setCondition(DataFilterCondition.Equal)
+                                .setValue(value),
+                        ])
+                            .get())?.data;
+                        setCheckingUniqueness(false);
+                        if (response?.length > 0) {
+                            const customError = `Record with this ${this.label()} is already registered`;
+                            (this.form().controls[this.field().id] ||
+                                this.form().controls[this.field().key])?.setErrors({
+                                customError,
                             });
-                            setValue(event.value);
-                            setTouched(true);
-                        }, onBlur: () => {
-                            this.ngZone.run(() => {
-                                this.update.emit({ form: this.form(), value });
-                            });
-                        } }));
-                case 'org-unit':
-                    return (React__default.createElement(OrgUnitFormField, { label: this.label(), key: this.field().id, required: this.field().required, onSelectOrgUnit: (selectedOrgUnit) => {
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(selectedOrgUnit);
-                                this.update.emit({
-                                    form: this.form(),
-                                    value: selectedOrgUnit,
+                            setRecordExistError(customError);
+                        }
+                    }
+                    catch (e) {
+                        setCheckingUniqueness(false);
+                        setRecordExistError(undefined);
+                    }
+                }
+            };
+            const formFieldContent = () => {
+                switch (this.field().controlType) {
+                    case 'textarea':
+                        return (React__default.createElement(TextAreaField, { error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, label: this.label(), rows: 5, placeholder: this.placeholder(), value: value, onChange: (event) => {
+                                this.ngZone.run(() => {
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(event.value);
+                                    this.immediateUpdate.emit({
+                                        form: this.form(),
+                                        value: event.value,
+                                    });
                                 });
-                            });
-                            setValue(selectedOrgUnit);
-                            setTouched(true);
-                        }, selected: value }));
-                case 'transfer':
-                    return (React__default.createElement(Transfer, { filterable: true, filterPlaceholder: "Search", selected: selected, leftHeader: React__default.createElement("div", { style: {
-                                fontSize: 14,
-                                padding: '8px 4px',
-                            } }, this.field().availableOptionsLabel), rightHeader: React__default.createElement("div", { style: {
-                                fontSize: 14,
-                                padding: '8px 4px',
-                            } }, this.field().selectedOptionsLabel), options: this.field().options, onChange: (event) => {
-                            onChange({ selected: event.selected });
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(event.selected);
-                            });
-                            setValue(event.selected);
-                            setTouched(true);
-                            this.update.emit({ form: this.form(), value });
-                        } }));
-                case 'checkbox':
-                    return (React__default.createElement(Checkbox, { checked: Boolean(value), error: hasError, label: this.label(), name: this.field().id, disabled: disabled, onChange: (event) => {
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(event.checked);
-                            });
-                            setValue(event.checked);
-                            setTouched(true);
-                        }, onBlur: () => {
-                            this.ngZone.run(() => {
+                                setValue(event.value);
+                                setTouched(true);
+                            }, onBlur: () => {
+                                checkValueUniqueness();
+                                this.ngZone.run(() => {
+                                    this.update.emit({ form: this.form(), value });
+                                });
+                            } }));
+                    case 'org-unit':
+                        return (React__default.createElement(OrgUnitFormField, { label: this.label(), key: this.field().id, required: this.field().required, onSelectOrgUnit: (selectedOrgUnit) => {
+                                this.ngZone.run(() => {
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(selectedOrgUnit);
+                                    this.update.emit({
+                                        form: this.form(),
+                                        value: selectedOrgUnit,
+                                    });
+                                });
+                                setValue(selectedOrgUnit);
+                                setTouched(true);
+                            }, selected: value }));
+                    case 'transfer':
+                        return (React__default.createElement(Transfer, { filterable: true, filterPlaceholder: "Search", selected: selected, leftHeader: React__default.createElement("div", { style: {
+                                    fontSize: 14,
+                                    padding: '8px 4px',
+                                } }, this.field().availableOptionsLabel), rightHeader: React__default.createElement("div", { style: {
+                                    fontSize: 14,
+                                    padding: '8px 4px',
+                                } }, this.field().selectedOptionsLabel), options: this.field().options, onChange: (event) => {
+                                onChange({ selected: event.selected });
+                                this.ngZone.run(() => {
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(event.selected);
+                                });
+                                setValue(event.selected);
+                                setTouched(true);
                                 this.update.emit({ form: this.form(), value });
-                            });
-                        } }));
-                case 'dropdown':
-                    return (React__default.createElement(SingleSelectField, { filterable: (this.field().options || []).length > 5, clearable: true, error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, disabled: disabled, required: this.field().required, className: "select", label: this.label(), selected: value, onChange: (event) => {
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(event.selected);
-                                this.update.emit({
-                                    form: this.form(),
-                                    value: event.selected,
+                            } }));
+                    case 'checkbox':
+                        return (React__default.createElement(Checkbox, { checked: Boolean(value), error: hasError, label: this.label(), name: this.field().id, disabled: disabled, onChange: (event) => {
+                                this.ngZone.run(() => {
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(event.checked);
                                 });
-                            });
-                            setValue(event.selected);
-                            setTouched(true);
-                        } }, (this.field().options || []).map((option) => (React__default.createElement(SingleSelectOption, { key: crypto.randomUUID() || option.key, label: option.label, value: option.value })))));
-                case 'multi-dropdown':
-                    return (React__default.createElement(MultiSelectField, { clearText: "Clear", clearable: true, empty: "No data found", filterable: (this.field().options || []).length > 5, filterPlaceholder: "Type to filter options", error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, disabled: disabled, label: this.label(), required: this.field().required, loadingText: "Loading options", noMatchText: "No options found", onChange: (event) => {
-                            const selectedValue = (event.selected || []).join(',');
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(selectedValue);
-                                this.update.emit({
-                                    form: this.form(),
-                                    value: selectedValue,
+                                setValue(event.checked);
+                                setTouched(true);
+                            }, onBlur: () => {
+                                checkValueUniqueness();
+                                this.ngZone.run(() => {
+                                    this.update.emit({ form: this.form(), value });
                                 });
-                            });
-                            setValue(selectedValue);
-                            setTouched(true);
-                        }, selected: arrayValue }, (this.field().options || []).map((option) => (React__default.createElement(MultiSelectOption, { key: option.key, label: option.label, value: option.value })))));
-                case 'file':
-                    return (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(FileUploadField, { label: this.label(), id: this.field().id, hasError: hasError, required: this.field().required, validationText: validationError, performUpload: true, uploadUrl: 'fileResources', onUploadSuccess: (fileId) => {
+                            } }));
+                    case 'dropdown':
+                        return (React__default.createElement(SingleSelectField, { filterable: (this.field().options || []).length > 5, clearable: true, error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, disabled: disabled, required: this.field().required, className: "select", label: this.label(), selected: value, onChange: (event) => {
                                 this.ngZone.run(() => {
-                                    this.form().get(this.field().id) ||
-                                        this.form().get(this.field().key)?.setValue(fileId);
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(event.selected);
                                     this.update.emit({
                                         form: this.form(),
-                                        value: fileId,
+                                        value: event.selected,
                                     });
                                 });
-                                setValue(fileId);
+                                setValue(event.selected);
                                 setTouched(true);
-                            } })));
-                default:
-                    return (React__default.createElement(InputField$1, { error: hasError, validationText: validationError, type: this.field().type, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, label: this.label(), min: this.field().min?.toString(), max: this.field().max?.toString(), placeholder: this.placeholder(), value: value, readOnly: disabled, onChange: (event) => {
-                            this.ngZone.run(() => {
-                                (this.form().get(this.field().id) ||
-                                    this.form().get(this.field().key))?.setValue(event.value);
-                                this.immediateUpdate.emit({
-                                    form: this.form(),
-                                    value: event.value,
+                            }, onBlur: () => {
+                                checkValueUniqueness();
+                            } }, (this.field().options || []).map((option) => (React__default.createElement(SingleSelectOption, { key: crypto.randomUUID() || option.key, label: option.label, value: option.value })))));
+                    case 'multi-dropdown':
+                        return (React__default.createElement(MultiSelectField, { clearText: "Clear", clearable: true, empty: "No data found", filterable: (this.field().options || []).length > 5, filterPlaceholder: "Type to filter options", error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, disabled: disabled, label: this.label(), required: this.field().required, loadingText: "Loading options", noMatchText: "No options found", onChange: (event) => {
+                                const selectedValue = (event.selected || []).join(',');
+                                this.ngZone.run(() => {
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(selectedValue);
+                                    this.update.emit({
+                                        form: this.form(),
+                                        value: selectedValue,
+                                    });
                                 });
-                            });
-                            setValue(event.value);
-                            setTouched(true);
-                        }, onBlur: () => {
-                            this.ngZone.run(() => {
-                                this.update.emit({ form: this.form(), value });
-                            });
-                        } }));
+                                setValue(selectedValue);
+                                setTouched(true);
+                            }, onBlur: () => {
+                                checkValueUniqueness();
+                            }, selected: arrayValue }, (this.field().options || []).map((option) => (React__default.createElement(MultiSelectOption, { key: option.key, label: option.label, value: option.value })))));
+                    case 'file':
+                        return (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement(FileUploadField, { label: this.label(), id: this.field().id, hasError: hasError, required: this.field().required, validationText: validationError, performUpload: true, uploadUrl: 'fileResources', onUploadSuccess: (fileId) => {
+                                    this.ngZone.run(() => {
+                                        this.form().get(this.field().id) ||
+                                            this.form().get(this.field().key)?.setValue(fileId);
+                                        this.update.emit({
+                                            form: this.form(),
+                                            value: fileId,
+                                        });
+                                    });
+                                    setValue(fileId);
+                                    setTouched(true);
+                                } })));
+                    default:
+                        return (React__default.createElement(InputField$1, { error: hasError, validationText: validationError, type: this.field().type, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, label: this.label(), min: this.field().min?.toString(), max: this.field().max?.toString(), placeholder: this.placeholder(), value: value, readOnly: disabled, onChange: (event) => {
+                                this.ngZone.run(() => {
+                                    (this.form().get(this.field().id) ||
+                                        this.form().get(this.field().key))?.setValue(event.value);
+                                    this.immediateUpdate.emit({
+                                        form: this.form(),
+                                        value: event.value,
+                                    });
+                                });
+                                setValue(event.value);
+                                setTouched(true);
+                            }, onBlur: () => {
+                                checkValueUniqueness();
+                                this.ngZone.run(() => {
+                                    this.update.emit({ form: this.form(), value });
+                                });
+                            } }));
+                }
+            };
+            {
+                return (React__default.createElement(React__default.Fragment, null,
+                    formFieldContent(),
+                    checkingUniqueness && (React__default.createElement("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: 8,
+                            paddingTop: 8,
+                        } },
+                        React__default.createElement(CircularLoader$1, { small: true }),
+                        React__default.createElement("div", { style: { color: colors$1.grey800, fontSize: 14 } }, "Checking...")))));
             }
         };
     }
@@ -5515,7 +5616,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
         this.value.set(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: BaseFormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.8", type: BaseFormFieldComponent, isStandalone: true, inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isValueAssigned: { classPropertyName: "isValueAssigned", publicName: "isValueAssigned", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { form: "formChange", value: "valueChange", update: "update", immediateUpdate: "immediateUpdate" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.8", type: BaseFormFieldComponent, isStandalone: true, inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, fieldError: { classPropertyName: "fieldError", publicName: "fieldError", isSignal: true, isRequired: false, transformFunction: null }, fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isValueAssigned: { classPropertyName: "isValueAssigned", publicName: "isValueAssigned", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { form: "formChange", value: "valueChange", update: "update", immediateUpdate: "immediateUpdate" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: BaseFormFieldComponent, decorators: [{
             type: Directive
@@ -5548,6 +5649,7 @@ class FormFieldComponent {
         this.immediateFieldUpdate = new EventEmitter();
         this.runtimeOptionChange = new EventEmitter();
         this.value = signal('');
+        this.runtimeError = signal(undefined);
         this._runtimeOptions = [];
         this.runtimeOptions = [];
         this.fieldFilterControl = new FormControl();
@@ -5581,9 +5683,10 @@ class FormFieldComponent {
         });
     }
     #processRules(ruleActions) {
-        ruleActions
-            .filter((ruleAction) => ruleAction.field === this.field().id)
-            .forEach((ruleAction) => {
+        const fieldRuleActions = ruleActions.filter((ruleAction) => ruleAction.field === this.field().id);
+        let runtimeError;
+        let isValueAssigned = false;
+        fieldRuleActions.forEach((ruleAction) => {
             switch (ruleAction.actionType) {
                 case 'ASSIGN': {
                     if (ruleAction.assignedData) {
@@ -5592,16 +5695,26 @@ class FormFieldComponent {
                             this.form
                                 ?.get(this.field().key)
                                 ?.setValue(ruleAction.assignedData);
-                            this.isValueAssigned.set(true);
+                            isValueAssigned = true;
                             this.onValueChange();
                         }
                     }
                     break;
                 }
+                case 'SHOWERROR': {
+                    runtimeError = ruleAction.displayedContent;
+                    (this.form.controls[this.field().id] ||
+                        this.form.controls[this.field().key])?.setErrors({
+                        customError: runtimeError,
+                    });
+                    break;
+                }
                 default:
                     break;
             }
         });
+        this.runtimeError.set(runtimeError);
+        this.isValueAssigned.set(isValueAssigned);
     }
     ngOnDestroy() {
         this._onDestroy.next();
@@ -5709,11 +5822,11 @@ class FormFieldComponent {
         this._runtimeOptions = [...options];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.8", type: FormFieldComponent, isStandalone: false, selector: "ng-dhis2-ui-form-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: false, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: false, transformFunction: null }, isCheckBoxButton: { classPropertyName: "isCheckBoxButton", publicName: "isCheckBoxButton", isSignal: false, isRequired: false, transformFunction: null }, fieldClass: { classPropertyName: "fieldClass", publicName: "fieldClass", isSignal: false, isRequired: false, transformFunction: null }, programRuleActions: { classPropertyName: "programRuleActions", publicName: "programRuleActions", isSignal: true, isRequired: false, transformFunction: null }, dataEntities: { classPropertyName: "dataEntities", publicName: "dataEntities", isSignal: false, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { fieldUpdate: "fieldUpdate", immediateFieldUpdate: "immediateFieldUpdate", runtimeOptionChange: "runtimeOptionChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"field()\" class=\"form-field-item\">\n  <ng-dhis2-ui-form-field-item\n    [field]=\"field()\"\n    [isValueAssigned]=\"isValueAssigned()\"\n    [fieldConfig]=\"fieldConfig\"\n    [(form)]=\"form\"\n    [value]=\"value()\"\n    (update)=\"onValueChange()\"\n    (immediateUpdate)=\"onImmediateChange($event)\"\n  />\n</div>\n", styles: [".form-field-item{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldItemComponent, selector: "ng-dhis2-ui-form-field-item" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.8", type: FormFieldComponent, isStandalone: false, selector: "ng-dhis2-ui-form-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: false, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: false, transformFunction: null }, isCheckBoxButton: { classPropertyName: "isCheckBoxButton", publicName: "isCheckBoxButton", isSignal: false, isRequired: false, transformFunction: null }, fieldClass: { classPropertyName: "fieldClass", publicName: "fieldClass", isSignal: false, isRequired: false, transformFunction: null }, programRuleActions: { classPropertyName: "programRuleActions", publicName: "programRuleActions", isSignal: true, isRequired: false, transformFunction: null }, dataEntities: { classPropertyName: "dataEntities", publicName: "dataEntities", isSignal: false, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { fieldUpdate: "fieldUpdate", immediateFieldUpdate: "immediateFieldUpdate", runtimeOptionChange: "runtimeOptionChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"field()\" class=\"form-field-item\">\n  <ng-dhis2-ui-form-field-item\n    [field]=\"field()\"\n    [fieldError]=\"runtimeError()\"\n    [isValueAssigned]=\"isValueAssigned()\"\n    [fieldConfig]=\"fieldConfig\"\n    [(form)]=\"form\"\n    [value]=\"value()\"\n    (update)=\"onValueChange()\"\n    (immediateUpdate)=\"onImmediateChange($event)\"\n  />\n</div>\n", styles: [".form-field-item{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldItemComponent, selector: "ng-dhis2-ui-form-field-item" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-dhis2-ui-form-field', standalone: false, template: "<div *ngIf=\"field()\" class=\"form-field-item\">\n  <ng-dhis2-ui-form-field-item\n    [field]=\"field()\"\n    [isValueAssigned]=\"isValueAssigned()\"\n    [fieldConfig]=\"fieldConfig\"\n    [(form)]=\"form\"\n    [value]=\"value()\"\n    (update)=\"onValueChange()\"\n    (immediateUpdate)=\"onImmediateChange($event)\"\n  />\n</div>\n", styles: [".form-field-item{margin-bottom:16px}\n"] }]
+            args: [{ selector: 'ng-dhis2-ui-form-field', standalone: false, template: "<div *ngIf=\"field()\" class=\"form-field-item\">\n  <ng-dhis2-ui-form-field-item\n    [field]=\"field()\"\n    [fieldError]=\"runtimeError()\"\n    [isValueAssigned]=\"isValueAssigned()\"\n    [fieldConfig]=\"fieldConfig\"\n    [(form)]=\"form\"\n    [value]=\"value()\"\n    (update)=\"onValueChange()\"\n    (immediateUpdate)=\"onImmediateChange($event)\"\n  />\n</div>\n", styles: [".form-field-item{margin-bottom:16px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fieldConfig: [{
                 type: Input
             }], form: [{
@@ -6051,19 +6164,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
                 type: Output
             }] } });
 
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+class BaseFormWrapperComponent {
+    #updatedDataValues;
+    constructor() {
+        this.ngZone = inject(NgZone);
+        this.name = input();
+        this.fields = input.required();
+        this.rules = input([]);
+        this.dataValues = input({});
+        this.ruleActions = signal([]);
+        this.isFormValid = signal(true);
+        this.#updatedDataValues = signal({});
+        this.formSave = new EventEmitter();
+        this.formUpdate = new EventEmitter();
+        this.formCancel = new EventEmitter();
+        this.formValidityUpdate = new EventEmitter();
+        this.ruleProcessor = effect(() => {
+            if (this.#updatedDataValues()) {
+                this.executeRules();
+            }
+        });
+    }
+    updateDataValues(dataValues) {
+        this.#updatedDataValues.set(dataValues);
+        this.formUpdate.emit(this.#updatedDataValues());
+    }
+    updateFormValidity(isFormValid) {
+        this.isFormValid.set(isFormValid);
+        this.formValidityUpdate.emit(isFormValid);
+    }
+    executeRules() {
+        this.ruleActions.set(new ProgramRuleEngine()
+            .setRules(this.rules())
+            .setDataValues(this.#updatedDataValues())
+            .execute());
+    }
+    ngOnDestroy() {
+        this.ruleProcessor.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: BaseFormWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.8", type: BaseFormWrapperComponent, isStandalone: true, inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, rules: { classPropertyName: "rules", publicName: "rules", isSignal: true, isRequired: false, transformFunction: null }, dataValues: { classPropertyName: "dataValues", publicName: "dataValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formSave: "formSave", formUpdate: "formUpdate", formCancel: "formCancel", formValidityUpdate: "formValidityUpdate" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: BaseFormWrapperComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { formSave: [{
+                type: Output
+            }], formUpdate: [{
+                type: Output
+            }], formCancel: [{
+                type: Output
+            }], formValidityUpdate: [{
+                type: Output
+            }] } });
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+class FlatFormComponent extends BaseFormWrapperComponent {
+    ngOnInit() {
+        this.formGroup = FormUtil.getFormGroup(this.fields(), this.dataValues());
+    }
+    onFormUpdate() {
+        this.updateDataValues(this.formGroup.getRawValue());
+        this.updateFormValidity(this.formGroup.valid);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: FlatFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: FlatFormComponent, isStandalone: false, selector: "ng-dhis2-ui-flat-form", usesInheritance: true, ngImport: i0, template: "<!-- <ng-dhis2-ui-form\n*ngIf=\"fieldGroup.fields.length > 0\"\n[fields]=\"fieldGroup.fields\"\n[form]=\"formGroup\"\n[dataEntities]=\"dataValueEntities()\"\n[programRuleActions]=\"ruleActions()\"\n[isFormHorizontal]=\"fieldGroup.isFormHorizontal || false\"\n(formUpdate)=\"onFormUpdate($event, fieldGroup.id)\"\n></ng-dhis2-ui-form> -->\n\n<ng-dhis2-ui-form\n  [fields]=\"fields()\"\n  [form]=\"formGroup\"\n  [dataEntities]=\"dataValues()\"\n  [programRuleActions]=\"ruleActions()\"\n  (formUpdate)=\"onFormUpdate()\"\n/>\n", dependencies: [{ kind: "component", type: FormComponent, selector: "ng-dhis2-ui-form", inputs: ["formConfig", "fields", "form", "isFormHorizontal", "showSaveButton", "fieldsData", "fieldClass", "shouldRenderAsCheckBoxesButton", "programRuleActions", "dataEntities"], outputs: ["formUpdate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: FlatFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-dhis2-ui-flat-form', standalone: false, template: "<!-- <ng-dhis2-ui-form\n*ngIf=\"fieldGroup.fields.length > 0\"\n[fields]=\"fieldGroup.fields\"\n[form]=\"formGroup\"\n[dataEntities]=\"dataValueEntities()\"\n[programRuleActions]=\"ruleActions()\"\n[isFormHorizontal]=\"fieldGroup.isFormHorizontal || false\"\n(formUpdate)=\"onFormUpdate($event, fieldGroup.id)\"\n></ng-dhis2-ui-form> -->\n\n<ng-dhis2-ui-form\n  [fields]=\"fields()\"\n  [form]=\"formGroup\"\n  [dataEntities]=\"dataValues()\"\n  [programRuleActions]=\"ruleActions()\"\n  (formUpdate)=\"onFormUpdate()\"\n/>\n" }]
+        }] });
+
 class D2FormModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: D2FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: D2FormModule, declarations: [FormFieldComponent,
             FormComponent,
             RepeatableFormComponent,
             SectionFormComponent,
+            FlatFormComponent,
             FormFieldItemComponent], imports: [CommonModule,
             ReactiveFormsModule,
             ReactWrapperModule,
             OrganisationUnitSelectorModule], exports: [FormFieldComponent,
             FormComponent,
             RepeatableFormComponent,
-            SectionFormComponent] }); }
+            SectionFormComponent,
+            FlatFormComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: D2FormModule, imports: [CommonModule,
             ReactiveFormsModule,
             OrganisationUnitSelectorModule] }); }
@@ -6076,6 +6271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
                         FormComponent,
                         RepeatableFormComponent,
                         SectionFormComponent,
+                        FlatFormComponent,
                         FormFieldItemComponent,
                     ],
                     imports: [
@@ -6089,6 +6285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
                         FormComponent,
                         RepeatableFormComponent,
                         SectionFormComponent,
+                        FlatFormComponent,
                     ],
                 }]
         }] });
@@ -6536,9 +6733,494 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
 
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+class ProgramEntryFormConfig {
+    constructor(config) {
+        this.displayType = 'FLAT';
+        this.submitButtonLabel = 'Submit';
+        this.cancelButtonLabel = 'Cancel';
+        Object.assign(this, config);
+    }
+}
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+class ProgramEntryFormFieldUtil {
+    constructor(program, config) {
+        this.program = program;
+        this.config = config;
+    }
+    get attributes() {
+        return (this.program.programTrackedEntityAttributes || []).map((programTrackedEntityAttribute) => {
+            return {
+                ...programTrackedEntityAttribute.trackedEntityAttribute,
+                sortOrder: programTrackedEntityAttribute.sortOrder,
+                mandatory: programTrackedEntityAttribute.mandatory,
+                allowFutureDate: programTrackedEntityAttribute.allowFutureDate,
+                trackedEntityType: this.program.trackedEntityType?.id,
+                metaType: 'ATTRIBUTE',
+                stepId: null,
+            };
+        });
+    }
+    get dataElements() {
+        return flatten((this.program.programStages || []).map((programStage) => {
+            return (programStage.programStageDataElements || []).map((stageDataElement) => {
+                return {
+                    ...stageDataElement.dataElement,
+                    sortOrder: stageDataElement.sortOrder,
+                    mandatory: stageDataElement.compulsory,
+                    allowFutureDate: stageDataElement.allowFutureDate,
+                    stepId: programStage.id,
+                    metaType: 'DATA_ELEMENT',
+                };
+            });
+        }));
+    }
+    #getOrgUniField() {
+        if (this.config.hideRegistrationUnit) {
+            return null;
+        }
+        return new FormField({
+            id: 'orgUnit',
+            key: 'orgUnit',
+            label: this.program.orgUnitLabel || 'Registering unit',
+            code: 'orgUnit',
+            required: true,
+            controlType: 'org-unit',
+            disabled: this.config.disableRegistrationUnit,
+        });
+    }
+    #getEnrollmentDateField() {
+        if (this.config.hideEnrollmentDate) {
+            return null;
+        }
+        return new FormField({
+            id: 'enrollmentDate',
+            label: this.program.enrollmentDateLabel || 'Enrollment date',
+            code: 'enrollmentDate',
+            key: 'enrollmentDate',
+            required: true,
+            type: 'date',
+            controlType: 'date',
+            disabled: this.config.disableEnrollmentDate,
+        });
+    }
+    #getIncidentDateField() {
+        if (!this.program.displayIncidentDate) {
+            return null;
+        }
+        return new DateField({
+            id: 'incidentDate',
+            label: this.program.incidentDateLabel || 'Incident date',
+            code: 'incidentDate',
+            key: 'incidentDate',
+            required: true,
+            type: 'date',
+            controlType: 'date',
+            disabled: this.config.disabledIncidentDate,
+        });
+    }
+    get reportFields() {
+        return [
+            this.#getOrgUniField(),
+            this.#getEnrollmentDateField(),
+            this.#getIncidentDateField(),
+        ].filter((field) => field != null);
+    }
+    get fields() {
+        const fields = [...this.attributes, ...this.dataElements]
+            .map((field) => {
+            const options = FieldDropdown.getDropdownOptions(field);
+            const hasOptions = options?.length > 0;
+            return new FormField({
+                ...field,
+                id: field.id,
+                code: field.code,
+                label: field.formName || field.name,
+                key: field.code ? camelCase(field.code) : field.id,
+                required: field.mandatory,
+                type: FieldUtil.getFieldType(field.valueType),
+                options,
+                disabled: this.#getDisabledStatus(field),
+                order: field.sortOrder,
+                hasOptions,
+                controlType: FieldUtil.getFieldControlType(field.valueType, hasOptions),
+                metaType: field.metaType,
+                stepId: field.stepId,
+            });
+        })
+            .sort((a, b) => a.order ?? 0 - (b.order ?? 0));
+        return [...this.reportFields, ...fields];
+    }
+    #getDisabledStatus(field) {
+        if (field?.generated) {
+            return true;
+        }
+        if (this.config.autoAssignedValues &&
+            this.config.autoAssignedValues.length > 0) {
+            const key = field.code ? camelCase(field.code) : field.id;
+            const assignedValue = (this.config.autoAssignedValues || []).find((assignedValue) => assignedValue.field === key)?.value;
+            return !isUndefined(assignedValue);
+        }
+        return false;
+    }
+}
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+class ProgramEntryFormSectionUtil {
+    constructor(program, config) {
+        this.program = program;
+        this.config = config;
+    }
+    get sections() {
+        return [];
+    }
+}
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+class ProgramEntryFormMetaData {
+    constructor() {
+        this.d2 = window?.d2Web;
+    }
+    setConfig(config) {
+        this.config = config;
+        return this;
+    }
+    getProgramPromise() {
+        const program = this.config.program;
+        const programQuery = this.d2.programModule.program
+            .select([
+            'id',
+            'code',
+            'name',
+            'captureCoordinates',
+            'featureType',
+            'enrollmentDateLabel',
+            'incidentDateLabel',
+            'displayIncidentDate',
+            'onlyEnrollOnce',
+            'orgUnitLabel',
+            'programType',
+            'useFirstStageDuringRegistration',
+            'trackedEntityType',
+        ])
+            .with(this.d2.programModule.programTrackedEntityAttribute.with(this.d2.programModule.trackedEntityAttribute.with(this.d2.optionSetModule.optionSet.with(this.d2.optionSetModule.option), 'ToOne'), 'ToOne'))
+            .with(this.d2.programModule.programRuleVariable
+            .with(this.d2.dataElementModule.dataElement.select([
+            'id',
+            'code',
+            'name',
+        ]), 'ToOne')
+            .with(this.d2.programModule.trackedEntityAttribute.select([
+            'id',
+            'code',
+            'name',
+        ]), 'ToOne'))
+            .byId(program);
+        if (this.config.displayType === 'FLAT') {
+            programQuery.with(this.d2.programModule.programSection.with(this.d2.programModule.trackedEntityAttribute.select(['id'])));
+        }
+        if (!this.config.excludeProgramStages) {
+            programQuery.with(this.d2.programModule.programStage
+                .with(this.d2.programModule.programStageSection)
+                .with(this.d2.programModule.programStageDataElement.with(this.d2.dataElementModule.dataElement.with(this.d2.optionSetModule.optionSet.with(this.d2.optionSetModule.option), 'ToOne'), 'ToOne')));
+        }
+        return programQuery.get();
+    }
+    async #getProgramMetaData() {
+        const program = this.config.program;
+        if (!this.d2) {
+            return null;
+        }
+        const metaDataResponse = await Promise.all([
+            this.getProgramPromise(),
+            this.d2.programModule.programRule
+                .where({
+                attribute: 'program.id',
+                value: program,
+            })
+                .with(this.d2.programModule.programRuleAction
+                .select([
+                'id',
+                'programRuleActionType',
+                'data',
+                'displayContent',
+                'content',
+            ])
+                .with(this.d2.dataElementModule.dataElement.select([
+                'id',
+                'code',
+                'name',
+            ]), 'ToOne')
+                .with(this.d2.programModule.trackedEntityAttribute.select([
+                'id',
+                'code',
+                'name',
+            ]), 'ToOne')
+                .with(this.d2.optionSetModule.optionGroup
+                .select(['id'])
+                .with(this.d2.optionSetModule.option.select([
+                'id',
+                'code',
+                'displayName',
+            ]), 'ToMany'), 'ToOne')
+                .with(this.d2.optionSetModule.option.select([
+                'id',
+                'code',
+                'displayName',
+            ]), 'ToOne'))
+                .get(),
+        ]);
+        const [programResponse, programRuleResponse] = metaDataResponse;
+        const metaData = programResponse.data;
+        metaData.programRules = programRuleResponse.data;
+        return metaData;
+    }
+    get formFields() {
+        if (!this.metaData) {
+            return [];
+        }
+        return new ProgramEntryFormFieldUtil(this.metaData, this.config).fields;
+    }
+    get sections() {
+        if (!this.metaData || this.config.displayType !== 'SECTION') {
+            return [];
+        }
+        return new ProgramEntryFormSectionUtil(this.metaData, this.config).sections;
+    }
+    get rules() {
+        if (!this.metaData || !this.metaData.programRules) {
+            return [];
+        }
+        return this.metaData.programRules.map((programRule) => new MetadataRule(programRule, this.metaData.programRuleVariables || []).toJson());
+    }
+    toJson() {
+        return {
+            id: this.metaData?.id,
+            name: this.metaData?.name,
+            description: this.metaData?.description,
+            formFields: this.formFields,
+            sections: this.sections,
+            rules: this.rules,
+        };
+    }
+    async get() {
+        try {
+            const metaData = await this.#getProgramMetaData();
+            if (metaData) {
+                this.metaData = metaData;
+                return this.toJson();
+            }
+            return null;
+        }
+        catch (err) {
+            return null;
+        }
+    }
+}
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+class ProgramEntryFormSection {
+    constructor(props) {
+        this.formFields = [];
+        this.orientation = 'HORIZONTAL';
+        Object.assign(this, props);
+    }
+}
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+// eslint-disable-next-line @angular-eslint/component-class-suffix
+class ProgramEntryFormModule {
+    constructor() {
+        this.config = input.required();
+        this.trackedEntity = input();
+        this.event = input();
+        this.enrollment = input();
+        this.orgUnit = input();
+        this.ngZone = inject(NgZone);
+        this.d2 = window.d2Web;
+        this.loading = signal(false);
+        this.metaData = signal(null);
+        this.isFormValid = signal(true);
+        this.isFormValid$ = toObservable(this.isFormValid);
+        this.instance = signal(null);
+        this.instanceSave = new EventEmitter();
+        this.instanceSaveCompleted = new EventEmitter();
+        this.instanceUpdate = new EventEmitter();
+        this.formValidityUpdate = new EventEmitter();
+        this.formCancel = new EventEmitter();
+        this.FormLoader = () => {
+            return React__default.createElement(CircularLoader$1, { small: true });
+        };
+        this.FormActionButtons = computed(() => {
+            if (this.config().hideActionButtons) {
+                return React__default.createElement(React__default.Fragment, null);
+            }
+            return () => {
+                const [isValid, setIsValid] = useState();
+                const [submitting, setSubmitting] = useState(false);
+                useEffect(() => {
+                    const isValidSubscription = this.isFormValid$.subscribe((isValid) => {
+                        setIsValid(isValid);
+                    });
+                    return () => {
+                        isValidSubscription.unsubscribe();
+                    };
+                }, []);
+                const onSave = () => {
+                    setSubmitting(true);
+                    this.ngZone.run(async () => {
+                        const saveResponse = await this.#saveInstance();
+                        this.instanceSaveCompleted.emit(saveResponse);
+                        setSubmitting(false);
+                    });
+                };
+                return (React__default.createElement(ButtonStrip$1, null,
+                    !this.config().hideSubmitButton && (React__default.createElement(Button$1, { primary: true, disabled: !isValid, loading: submitting, onClick: onSave }, this.config().submitButtonLabel)),
+                    !this.config().hideCancelButton && (React__default.createElement(Button$1, { onClick: () => {
+                            this.ngZone.run(() => {
+                                this.onCancel();
+                            });
+                        } }, this.config().cancelButtonLabel))));
+            };
+        });
+    }
+    async ngOnInit() {
+        this.loading.set(true);
+        try {
+            // Loading metadata
+            const metaData = await new ProgramEntryFormMetaData()
+                .setConfig(this.config())
+                .get();
+            this.metaData.set(metaData);
+            // Load initial instance information
+            const instance = await this.#getInstance();
+            this.instance.set(instance);
+            if (this.config().autoAssignedValues) {
+                this.#updateInstanceWithAutoAssignedValues(this.config().autoAssignedValues || []);
+            }
+            this.loading.set(false);
+        }
+        catch (err) {
+            this.loading.set(false);
+        }
+    }
+    onFormUpdate(dataValues) {
+        this.#updateInstance(dataValues);
+        if (this.instance()) {
+            this.instanceUpdate.emit(this.instance());
+        }
+    }
+    onValidityUpdate(isFormValid) {
+        this.isFormValid.set(isFormValid);
+        this.formValidityUpdate.emit(isFormValid);
+    }
+    onCancel() {
+        this.formCancel.emit();
+    }
+    #updateInstanceWithAutoAssignedValues(autoAssignedValues) {
+        const assignedDataValues = autoAssignedValues.reduce((entities, assignedValue) => {
+            return {
+                ...entities,
+                [assignedValue.field]: assignedValue.value,
+            };
+        }, {});
+        this.#updateInstance(assignedDataValues);
+    }
+    #updateInstance(dataValues) {
+        this.instance.update((instance) => {
+            instance?.updateDataValues(dataValues);
+            return instance;
+        });
+    }
+    async #saveInstance() {
+        switch (this.config().formType) {
+            case 'TRACKER':
+                return this.instanceQuery
+                    .setData(this.instance())
+                    .save();
+            case 'EVENT':
+                return this.instanceQuery
+                    .setData(this.instance())
+                    .save();
+            default:
+                return firstValueFrom(of(null));
+        }
+    }
+    async #getTrackerInstance() {
+        this.instanceQuery = this.d2.trackerModule.trackedEntity
+            .setProgram(this.config().program)
+            .setOrgUnit(this.orgUnit());
+        return this.trackedEntity()
+            ? (await this.instanceQuery
+                .setTrackedEntity(this.trackedEntity())
+                .get()).data || (await this.instanceQuery.create())
+            : await this.instanceQuery.create();
+    }
+    async #getEventInstance() {
+        this.instanceQuery = this.d2.eventModule.event
+            .setProgram(this.config().program)
+            .setProgramStage(this.config().programStage)
+            .setEnrollment(this.enrollment())
+            .setTrackedEntity(this.trackedEntity())
+            .setOrgUnit(this.orgUnit());
+        return this.event()
+            ? (await this.instanceQuery.setEvent(this.event()).get())
+                .data || (await this.instanceQuery.create())
+            : await this.instanceQuery.create();
+    }
+    #getInstance() {
+        switch (this.config().formType) {
+            case 'TRACKER':
+                return this.#getTrackerInstance();
+            case 'EVENT':
+                return this.#getEventInstance();
+            default:
+                return firstValueFrom(of(null));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: ProgramEntryFormModule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: ProgramEntryFormModule, isStandalone: true, selector: "ng-dhis2-ui-program-entry-form", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, trackedEntity: { classPropertyName: "trackedEntity", publicName: "trackedEntity", isSignal: true, isRequired: false, transformFunction: null }, event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: false, transformFunction: null }, enrollment: { classPropertyName: "enrollment", publicName: "enrollment", isSignal: true, isRequired: false, transformFunction: null }, orgUnit: { classPropertyName: "orgUnit", publicName: "orgUnit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { instanceSave: "instanceSave", instanceSaveCompleted: "instanceSaveCompleted", instanceUpdate: "instanceUpdate", formValidityUpdate: "formValidityUpdate", formCancel: "formCancel" }, ngImport: i0, template: "@if (loading()) {\n<div className=\"program-entry__form-loader\">\n  <ng-dhis2-ui-wrapper [component]=\"FormLoader\" />\n</div>\n} @else if(metaData()) {\n\n<div>\n  <!-- Form content -->\n  @switch (config().displayType) {\n\n  <!-- Flat display -->\n  @case ('FLAT') {\n  <ng-dhis2-ui-flat-form\n    [name]=\"metaData()!.name\"\n    [dataValues]=\"instance()!\"\n    [rules]=\"metaData()!.rules\"\n    [fields]=\"metaData()!.formFields\"\n    (formUpdate)=\"onFormUpdate($event)\"\n    (formValidityUpdate)=\"onValidityUpdate($event)\"\n  />\n  }\n\n  <!-- SECTION display -->\n  @case ('SECTION') { Section form }\n\n  <!-- CUSTOM FORM -->\n  @case ('CUSTOM') { } }\n\n  <!-- Action buttons -->\n\n  @if(!config().hideActionButtons) {\n  <ng-dhis2-ui-wrapper [component]=\"FormActionButtons()\" />\n  }\n</div>\n}\n", styles: ["::ng-deep .program-entry__form-loader{padding:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: D2FormModule }, { kind: "component", type: FlatFormComponent, selector: "ng-dhis2-ui-flat-form" }, { kind: "directive", type: ReactWrapperModule, selector: "ng-dhis2-ui-wrapper", inputs: ["props", "component"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: ProgramEntryFormModule, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-dhis2-ui-program-entry-form', imports: [CommonModule, D2FormModule, ReactWrapperModule], template: "@if (loading()) {\n<div className=\"program-entry__form-loader\">\n  <ng-dhis2-ui-wrapper [component]=\"FormLoader\" />\n</div>\n} @else if(metaData()) {\n\n<div>\n  <!-- Form content -->\n  @switch (config().displayType) {\n\n  <!-- Flat display -->\n  @case ('FLAT') {\n  <ng-dhis2-ui-flat-form\n    [name]=\"metaData()!.name\"\n    [dataValues]=\"instance()!\"\n    [rules]=\"metaData()!.rules\"\n    [fields]=\"metaData()!.formFields\"\n    (formUpdate)=\"onFormUpdate($event)\"\n    (formValidityUpdate)=\"onValidityUpdate($event)\"\n  />\n  }\n\n  <!-- SECTION display -->\n  @case ('SECTION') { Section form }\n\n  <!-- CUSTOM FORM -->\n  @case ('CUSTOM') { } }\n\n  <!-- Action buttons -->\n\n  @if(!config().hideActionButtons) {\n  <ng-dhis2-ui-wrapper [component]=\"FormActionButtons()\" />\n  }\n</div>\n}\n", styles: ["::ng-deep .program-entry__form-loader{padding:8px}\n"] }]
+        }], propDecorators: { instanceSave: [{
+                type: Output
+            }], instanceSaveCompleted: [{
+                type: Output
+            }], instanceUpdate: [{
+                type: Output
+            }], formValidityUpdate: [{
+                type: Output
+            }], formCancel: [{
+                type: Output
+            }] } });
+
+// Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Boolean$1 as Boolean, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CheckBox, D2FormModule, DataTableUIComponent, DataTableUIModule, DateField, DateRangeValue, Dropdown, EventFormComponent, EventFormModule, FieldConfig, FieldControlTypeUtil, FieldDropdown, FieldType, FieldUtil, FormComponent, FormConfig, FormField, FormFieldComponent, FormFieldGroup, FormFieldTypeUtil, FormMetaData, FormMetadataSection, FormUtil, FormValue, FormValueUtil, HeaderBarComponent, HeaderBarModule, LineListModule, LineListTableComponent, MetadataRule, MetadataRuleAction, OrganisationUnitSelectionConfig, OrganisationUnitSelectorComponent, OrganisationUnitSelectorModalComponent, OrganisationUnitSelectorModule, PeriodSelectorComponent, PeriodSelectorModalComponent, PeriodSelectorModule, ReactWrapperModule, RepeatableFormComponent, SectionFormComponent, SelectionFiltersComponent, SelectionFiltersUiModule, TrackerFormComponent, TrackerFormModule, TranslationUtil };
+export { Boolean$1 as Boolean, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CheckBox, D2FormModule, DataTableUIComponent, DataTableUIModule, DateField, DateRangeValue, Dropdown, EventFormComponent, EventFormModule, FieldConfig, FieldControlTypeUtil, FieldDropdown, FieldType, FieldUtil, FlatFormComponent, FormComponent, FormConfig, FormField, FormFieldComponent, FormFieldGroup, FormFieldTypeUtil, FormMetaData, FormMetadataSection, FormUtil, FormValue, FormValueUtil, HeaderBarComponent, HeaderBarModule, LineListModule, LineListTableComponent, MetadataRule, MetadataRuleAction, OrganisationUnitSelectionConfig, OrganisationUnitSelectorComponent, OrganisationUnitSelectorModalComponent, OrganisationUnitSelectorModule, PeriodSelectorComponent, PeriodSelectorModalComponent, PeriodSelectorModule, ProgramEntryFormConfig, ProgramEntryFormMetaData, ProgramEntryFormModule, ProgramEntryFormSection, ReactWrapperModule, RepeatableFormComponent, SectionFormComponent, SelectionFiltersComponent, SelectionFiltersUiModule, TrackerFormComponent, TrackerFormModule, TranslationUtil };
 //# sourceMappingURL=iapps-ng-dhis2-ui.mjs.map