@evoke-platform/ui-components 1.0.0-dev.217 → 1.0.0-dev.218

package/dist/published/components/custom/Form/utils.js

@@ -0,0 +1,1036 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { camelCase, get, isArray, isEmpty, isNil, isObject, isUndefined, pick, startCase, transform, uniq, } from 'lodash';
+import { DateTime } from 'luxon';
+import { nanoid } from 'nanoid';
+// The following functions are used to build the FormIO form components from the form parameters.
+export function determineComponentType(properties, parameter) {
+    if (!parameter)
+        return;
+    switch (parameter.type) {
+        case 'string': {
+            if (parameter.enum)
+                return 'Select';
+            return 'TextField';
+        }
+        case 'date-time':
+            return 'DateTime';
+        case 'collection': {
+            const property = properties.find((property) => property.id === parameter.id);
+            if (!property)
+                return undefined;
+            return (property === null || property === void 0 ? void 0 : property.manyToManyPropertyId) ? 'ManyToManyRepeatableField' : 'RepeatableField';
+        }
+        case 'document':
+            return 'Document';
+        case 'array':
+            return 'MultiSelect';
+        case 'number':
+            return 'Decimal';
+        case 'richText':
+            return 'RichText';
+        case 'date':
+        case 'integer':
+        case 'image':
+        case 'object':
+        case 'time':
+        case 'user':
+        case 'boolean':
+            return startCase(parameter.type);
+        default:
+            return 'TextField';
+    }
+}
+export function determineParameterType(componentType) {
+    switch (componentType) {
+        case 'Select':
+        case 'Content':
+        case 'TextField':
+            return 'string';
+        case 'DateTime':
+            return 'date-time';
+        case 'RepeatableField':
+            return 'collection';
+        case 'MultiSelect':
+            return 'array';
+        case 'Decimal':
+            return 'number';
+        case 'RichText':
+            return 'richText';
+        case 'ManyToManyRepeatableField':
+            return 'collection';
+        default:
+            return camelCase(componentType);
+    }
+}
+export function getFlattenEntries(entries) {
+    return entries.reduce((acc, entry) => {
+        if (entry.type === 'sections') {
+            const subEntries = entry.sections.flatMap((s) => { var _a; return (_a = s.entries) !== null && _a !== void 0 ? _a : []; });
+            return acc.concat(getFlattenEntries(subEntries !== null && subEntries !== void 0 ? subEntries : []));
+        }
+        else if (entry.type === 'columns') {
+            const subEntries = entry.columns.flatMap((c) => { var _a; return (_a = c.entries) !== null && _a !== void 0 ? _a : []; });
+            return acc.concat(getFlattenEntries(subEntries !== null && subEntries !== void 0 ? subEntries : []));
+        }
+        else if (entry.type === 'content') {
+            return acc;
+        }
+        else {
+            return acc.concat([entry]);
+        }
+    }, []);
+}
+export function convertFormToComponents(entries, parameters, object) {
+    return entries
+        .map((entry) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17;
+        if (entry.type === 'sections') {
+            return {
+                type: 'Section',
+                key: nanoid(),
+                verticalLayout: true,
+                label: 'Section',
+                components: entry.sections.map((section) => {
+                    var _a;
+                    return ({
+                        key: nanoid(),
+                        label: section.label,
+                        components: ((_a = section.entries) === null || _a === void 0 ? void 0 : _a.length)
+                            ? convertFormToComponents(section.entries, parameters, object)
+                            : [],
+                    });
+                }),
+                conditional: typeof entry.visibility !== 'string' && ((_b = (_a = entry.visibility) === null || _a === void 0 ? void 0 : _a.conditions) === null || _b === void 0 ? void 0 : _b.length)
+                    ? {
+                        show: entry.visibility.conditions[0].operator === 'eq',
+                        when: entry.visibility.conditions[0].property,
+                        eq: entry.visibility.conditions[0].value,
+                    }
+                    : {
+                        json: entry.visibility,
+                    },
+            };
+        }
+        else if (entry.type === 'columns') {
+            return {
+                type: 'Columns',
+                key: nanoid(),
+                label: 'Columns',
+                columns: entry.columns.map((column) => {
+                    var _a;
+                    return (Object.assign(Object.assign({}, column), { size: 'md', currentWidth: column.width, components: ((_a = column.entries) === null || _a === void 0 ? void 0 : _a.length)
+                            ? convertFormToComponents(column.entries, parameters, object)
+                            : [] }));
+                }),
+                conditional: typeof entry.visibility !== 'string' && ((_d = (_c = entry.visibility) === null || _c === void 0 ? void 0 : _c.conditions) === null || _d === void 0 ? void 0 : _d.length)
+                    ? {
+                        show: entry.visibility.conditions[0].operator === 'eq',
+                        when: entry.visibility.conditions[0].property,
+                        eq: entry.visibility.conditions[0].value,
+                    }
+                    : {
+                        json: entry.visibility,
+                    },
+            };
+        }
+        else if (entry.type === 'content') {
+            return {
+                type: 'Content',
+                key: nanoid(),
+                html: entry.html,
+                conditional: typeof entry.visibility !== 'string' && ((_f = (_e = entry.visibility) === null || _e === void 0 ? void 0 : _e.conditions) === null || _f === void 0 ? void 0 : _f.length)
+                    ? {
+                        show: entry.visibility.conditions[0].operator === 'eq',
+                        when: entry.visibility.conditions[0].property,
+                        eq: entry.visibility.conditions[0].value,
+                    }
+                    : {
+                        json: entry.visibility,
+                    },
+            };
+        }
+        else {
+            const displayOptions = entry.display;
+            const parameter = parameters.find((parameter) => parameter.id === entry.parameterId);
+            if (!parameter) {
+                return;
+            }
+            let property = (_h = (_g = object.properties) === null || _g === void 0 ? void 0 : _g.find((p) => p.id === entry.parameterId)) !== null && _h !== void 0 ? _h : {
+                id: entry.parameterId,
+            };
+            if ((_j = property.id) === null || _j === void 0 ? void 0 : _j.includes('.')) {
+                const topLevelProperty = (_k = object.properties) === null || _k === void 0 ? void 0 : _k.find((p) => { var _a; return p.id === ((_a = property.id) === null || _a === void 0 ? void 0 : _a.split('.')[0]) && (p.type === 'address' || p.type === 'user'); });
+                property = {
+                    id: property.id,
+                    name: (topLevelProperty === null || topLevelProperty === void 0 ? void 0 : topLevelProperty.name)
+                        ? `${topLevelProperty.name} ${startCase(property.id.split('.')[1])}`
+                        : startCase(property.id.split('.')[1]),
+                };
+            }
+            const type = determineComponentType((_l = object.properties) !== null && _l !== void 0 ? _l : [], parameter);
+            if (!type) {
+                return;
+            }
+            return Object.assign(Object.assign({}, pick(displayOptions, 'label', 'description', 'tooltip', 'prefix', 'suffix', 'readOnly', 'mode')), { initialValue: type === 'Select'
+                    ? (_m = entry.enumWithLabels) === null || _m === void 0 ? void 0 : _m.find((c) => c.value === (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue))
+                    : type === 'MultiSelect' && isArray(displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue)
+                        ? (_o = entry.enumWithLabels) === null || _o === void 0 ? void 0 : _o.filter((c) => (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue).includes(c.value))
+                        : type !== 'Object'
+                            ? displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue
+                            : undefined, isMultiLineText: parameter.type === 'string' && (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.rowCount) ? true : false, rows: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.rowCount, key: parameter.id, type, multiple: ['array', 'document'].includes(parameter.type), data: {
+                    values: entry.enumWithLabels,
+                }, property: property, defaultToCurrentTime: (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue) === 'currentTime' && parameter.type === 'time' ? true : false, defaultToCurrentDate: (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue) === 'currentDate' && parameter.type === 'date' ? true : false, defaultValueCriteria: parameter.type === 'object' && (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue)
+                    ? displayOptions.defaultValue.criteria
+                    : undefined, sortBy: parameter.type === 'object' && (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue)
+                    ? (_p = displayOptions.defaultValue) === null || _p === void 0 ? void 0 : _p.sortBy
+                    : undefined, orderBy: parameter.type === 'object' &&
+                    ((_q = displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue) === null || _q === void 0 ? void 0 : _q.orderBy)
+                    ? (_r = displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.defaultValue) === null || _r === void 0 ? void 0 : _r.orderBy
+                    : undefined, inputMask: parameter.type === 'string' ? (_s = parameter.validation) === null || _s === void 0 ? void 0 : _s.mask : undefined, inputMaskPlacholderChar: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.placeholderChar, placeholder: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.placeholder, tableView: false, displayOption: parameter.type === 'object' ? displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.relatedObjectDisplay : undefined, labelPosition: 'top', dataSrc: ((_t = property.enum) === null || _t === void 0 ? void 0 : _t.length) ? 'values' : undefined, showCharCount: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.charCount, objectId: object.id, validate: {
+                    required: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.required,
+                    criteria: ['collection', 'object'].includes((_u = parameter.type) !== null && _u !== void 0 ? _u : '')
+                        ? (_v = parameter.validation) === null || _v === void 0 ? void 0 : _v.criteria
+                        : undefined,
+                    regexes: parameter.type === 'string'
+                        ? (_x = (_w = parameter.validation) === null || _w === void 0 ? void 0 : _w.rules) === null || _x === void 0 ? void 0 : _x.map((rule) => {
+                            var _a;
+                            return (Object.assign(Object.assign({}, rule), { errorMessage: (_a = rule.errorMessage) !== null && _a !== void 0 ? _a : 'Property is not in a valid format' }));
+                        })
+                        : [],
+                    operator: (_z = (_y = parameter.validation) === null || _y === void 0 ? void 0 : _y.operator) !== null && _z !== void 0 ? _z : 'any',
+                    minLength: parameter.type === 'string'
+                        ? (_0 = parameter.validation) === null || _0 === void 0 ? void 0 : _0.minLength
+                        : undefined,
+                    maxLength: parameter.type === 'string'
+                        ? (_1 = parameter.validation) === null || _1 === void 0 ? void 0 : _1.maxLength
+                        : undefined,
+                    minDate: parameter.type === 'date' ? (_2 = parameter.validation) === null || _2 === void 0 ? void 0 : _2.from : undefined,
+                    maxDate: parameter.type === 'date' ? (_3 = parameter.validation) === null || _3 === void 0 ? void 0 : _3.to : undefined,
+                    minTime: parameter.type === 'time' ? (_4 = parameter.validation) === null || _4 === void 0 ? void 0 : _4.from : undefined,
+                    maxTime: parameter.type === 'time' ? (_5 = parameter.validation) === null || _5 === void 0 ? void 0 : _5.to : undefined,
+                    min: ['integer', 'number'].includes((_6 = parameter.type) !== null && _6 !== void 0 ? _6 : '')
+                        ? (_7 = parameter.validation) === null || _7 === void 0 ? void 0 : _7.minimum
+                        : undefined,
+                    max: ['integer', 'number'].includes((_8 = parameter.type) !== null && _8 !== void 0 ? _8 : '')
+                        ? (_9 = parameter.validation) === null || _9 === void 0 ? void 0 : _9.maximum
+                        : undefined,
+                    minDocuments: parameter.type === 'document'
+                        ? (_10 = parameter.validation) === null || _10 === void 0 ? void 0 : _10.minDocuments
+                        : undefined,
+                    maxDocuments: parameter.type === 'document'
+                        ? (_11 = parameter.validation) === null || _11 === void 0 ? void 0 : _11.maxDocuments
+                        : undefined,
+                    customMessage: ['integer', 'number', 'date', 'time', 'document'].includes((_12 = parameter.type) !== null && _12 !== void 0 ? _12 : '')
+                        ? (_13 = parameter.validation) === null || _13 === void 0 ? void 0 : _13.errorMessage
+                        : '',
+                }, id: nanoid(7), isAddressLine1: ((_14 = property.id) === null || _14 === void 0 ? void 0 : _14.split('.')[1]) === 'line1' ? true : false, addressPropertyId: ((_15 = property.id) === null || _15 === void 0 ? void 0 : _15.split('.')[1]) === 'line1' ? (_16 = property.id) === null || _16 === void 0 ? void 0 : _16.split('.')[0] : undefined, input: true, widget: (parameter.type === 'string' && parameter.enum) || parameter.type === 'array'
+                    ? 'choicejs'
+                    : undefined, conditional: (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility) &&
+                    typeof (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility) !== 'string' &&
+                    ((_17 = displayOptions.visibility.conditions) === null || _17 === void 0 ? void 0 : _17.length)
+                    ? {
+                        show: (displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility.conditions[0].operator) === 'eq',
+                        when: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility.conditions[0].property,
+                        eq: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility.conditions[0].value,
+                    }
+                    : {
+                        json: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility,
+                    } });
+        }
+    })
+        .filter((item) => item);
+}
+export function convertComponentsToForm(components) {
+    return components.map((component) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+        if (component.type === 'Section') {
+            return Object.assign({ type: 'sections', label: component.label, sections: (_a = component.components) === null || _a === void 0 ? void 0 : _a.map((section) => {
+                    var _a;
+                    return ({
+                        key: nanoid(),
+                        label: section.label,
+                        entries: ((_a = section.components) === null || _a === void 0 ? void 0 : _a.length) ? convertComponentsToForm(section.components) : [],
+                    });
+                }) }, (((_b = component.conditional) === null || _b === void 0 ? void 0 : _b.json) ||
+                (((_c = component.conditional) === null || _c === void 0 ? void 0 : _c.when) && !isUndefined((_d = component.conditional) === null || _d === void 0 ? void 0 : _d.show) && ((_e = component.conditional) === null || _e === void 0 ? void 0 : _e.eq))
+                ? {
+                    visibility: component.conditional.json
+                        ? component.conditional.json
+                        : {
+                            operator: 'all',
+                            conditions: [
+                                {
+                                    property: component.conditional.when,
+                                    operator: component.conditional.show ? 'eq' : 'ne',
+                                    value: component.conditional.eq,
+                                },
+                            ],
+                        },
+                }
+                : {}));
+        }
+        else if (component.type === 'Columns') {
+            return Object.assign({ type: 'columns', label: component.label, columns: (_f = component.columns) === null || _f === void 0 ? void 0 : _f.map((column) => {
+                    var _a;
+                    return ({
+                        width: column.width,
+                        entries: ((_a = column.components) === null || _a === void 0 ? void 0 : _a.length) ? convertComponentsToForm(column.components) : [],
+                    });
+                }) }, (((_g = component.conditional) === null || _g === void 0 ? void 0 : _g.json) ||
+                (((_h = component.conditional) === null || _h === void 0 ? void 0 : _h.when) && !isUndefined((_j = component.conditional) === null || _j === void 0 ? void 0 : _j.show) && ((_k = component.conditional) === null || _k === void 0 ? void 0 : _k.eq))
+                ? {
+                    visibility: component.conditional.json
+                        ? component.conditional.json
+                        : {
+                            operator: 'all',
+                            conditions: [
+                                {
+                                    property: component.conditional.when,
+                                    operator: component.conditional.show ? 'eq' : 'ne',
+                                    value: component.conditional.eq,
+                                },
+                            ],
+                        },
+                }
+                : {}));
+        }
+        else if (component.type === 'Content') {
+            return Object.assign({ type: 'content', html: (_l = component.html) !== null && _l !== void 0 ? _l : '' }, (((_m = component.conditional) === null || _m === void 0 ? void 0 : _m.json) ||
+                (((_o = component.conditional) === null || _o === void 0 ? void 0 : _o.when) && !isUndefined((_p = component.conditional) === null || _p === void 0 ? void 0 : _p.show) && ((_q = component.conditional) === null || _q === void 0 ? void 0 : _q.eq))
+                ? {
+                    visibility: component.conditional.json
+                        ? component.conditional.json
+                        : {
+                            operator: 'all',
+                            conditions: [
+                                {
+                                    property: component.conditional.when,
+                                    operator: component.conditional.show ? 'eq' : 'ne',
+                                    value: component.conditional.eq,
+                                },
+                            ],
+                        },
+                }
+                : {}));
+        }
+        else {
+            return {
+                type: 'input',
+                parameterId: component.key,
+                display: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (component.label ? { label: component.label } : {})), (component.description ? { description: component.description } : {})), (component.tooltip ? { tooltip: component.tooltip } : {})), (component.placeholder ? { placeholder: component.placeholder } : {})), (component.prefix ? { prefix: component.prefix } : {})), (component.suffix ? { suffix: component.suffix } : {})), (component.readOnly ? { readOnly: component.readOnly } : {})), (component.mode ? { mode: component.mode } : {})), (((_r = component.validate) === null || _r === void 0 ? void 0 : _r.required) ? { required: (_s = component.validate) === null || _s === void 0 ? void 0 : _s.required } : {})), (component.displayOption ? { relatedObjectDisplay: component.displayOption } : {})), (component.defaultToCurrentDate ||
+                    component.defaultToCurrentTime ||
+                    component.initialValue ||
+                    component.defaultValueCriteria
+                    ? {
+                        defaultValue: component.defaultToCurrentDate
+                            ? 'currentDate'
+                            : component.defaultToCurrentTime
+                                ? 'currentTime'
+                                : component.defaultValueCriteria
+                                    ? Object.assign(Object.assign({ criteria: component.defaultValueCriteria }, (component.sortBy ? { sortBy: component.sortBy } : {})), (component.orderBy ? { sortBy: component.orderBy } : {})) : isArray(component.initialValue)
+                                    ? component.initialValue.map((c) => c.value)
+                                    : ((_t = component.initialValue) === null || _t === void 0 ? void 0 : _t.value)
+                                        ? (_u = component.initialValue) === null || _u === void 0 ? void 0 : _u.value
+                                        : component.initialValue,
+                    }
+                    : {})), (component.rows ? { rowCount: component.rows } : {})), (component.inputMaskPlaceholderChar
+                    ? { placeholderChar: component.inputMaskPlaceholderChar }
+                    : {})), (component.showCharCount ? { charCount: true } : {})), (((_v = component.conditional) === null || _v === void 0 ? void 0 : _v.json) ||
+                    (((_w = component.conditional) === null || _w === void 0 ? void 0 : _w.when) &&
+                        !isUndefined((_x = component.conditional) === null || _x === void 0 ? void 0 : _x.show) &&
+                        ((_y = component.conditional) === null || _y === void 0 ? void 0 : _y.eq))
+                    ? {
+                        visibility: component.conditional.json
+                            ? component.conditional.json
+                            : {
+                                operator: 'all',
+                                conditions: [
+                                    {
+                                        property: component.conditional.when,
+                                        operator: component.conditional.show ? 'eq' : 'ne',
+                                        value: component.conditional.eq,
+                                    },
+                                ],
+                            },
+                    }
+                    : {})),
+                enumWithLabels: (_z = component.data) === null || _z === void 0 ? void 0 : _z.values,
+            };
+        }
+    });
+}
+// The following functions are used to support the many-to-many relationship collection property.
+export function getMiddleObjectFilter(property, instance) {
+    const filterProperty = `${property.relatedPropertyId}.id`;
+    const filter = { where: { [filterProperty]: instance === null || instance === void 0 ? void 0 : instance.id } };
+    return filter;
+}
+export function getMiddleObject(instance, property, endObjectId, endObjectName) {
+    if (property.relatedPropertyId && property.manyToManyPropertyId) {
+        const middleObject = {
+            [property.relatedPropertyId]: {
+                id: instance.id,
+                name: instance.name,
+            },
+            [property.manyToManyPropertyId]: {
+                id: endObjectId,
+                name: endObjectName,
+            },
+        };
+        return middleObject;
+    }
+}
+export function getMiddleInstance(instanceId, property, middleObjectInstances) {
+    return middleObjectInstances.find((o) => { var _a; return property.manyToManyPropertyId && ((_a = o[property.manyToManyPropertyId]) === null || _a === void 0 ? void 0 : _a.id) === instanceId; });
+}
+// The following function is used to prefix the URL with the appropriate path.
+export function getPrefixedUrl(url) {
+    const wcsMatchers = ['/apps', '/pages', '/widgets'];
+    const dataMatchers = ['/objects', '/correspondenceTemplates', '/documents', '/payments', '/locations'];
+    const signalrMatchers = ['/hubs'];
+    const accessManagementMatchers = ['/users'];
+    const workflowMatchers = ['/workflows'];
+    if (wcsMatchers.some((endpoint) => url.startsWith(endpoint)))
+        return `/webContent${url}`;
+    if (dataMatchers.some((endpoint) => url.startsWith(endpoint)))
+        return `/data${url}`;
+    if (signalrMatchers.some((endpoint) => url.startsWith(endpoint)))
+        return `/signalr${url}`;
+    if (accessManagementMatchers.some((endpoint) => url.startsWith(endpoint)))
+        return `/accessManagement${url}`;
+    if (workflowMatchers.some((endpoint) => url.startsWith(endpoint)))
+        return `/workflow${url}`;
+    return url;
+}
+// The following function adds the object properties to the form components.
+// This function is used when there is no form configured in the form builder.
+export function addObjectPropertiesToComponentProps(properties, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+formComponents, instance, objectPropertyInputProps, autoSave, readOnly, defaultPages, navigateTo, queryAddresses, apiServices, isModal, fieldHeight) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        return [
+            ...(yield Promise.all((_a = formComponents === null || formComponents === void 0 ? void 0 : formComponents.filter((component) => !isUndefined(component) && !isNil(component))) === null || _a === void 0 ? void 0 : _a.map((component) => __awaiter(this, void 0, void 0, function* () {
+                var _b, _c, _d, _e, _f, _g;
+                const property = properties
+                    .flatMap((property) => {
+                    if (property.type === 'address') {
+                        return [
+                            {
+                                id: `${property.id}.line1`,
+                                name: `${property.name} Line 1`,
+                                type: 'string',
+                            },
+                            {
+                                id: `${property.id}.line2`,
+                                name: `${property.name} Line 2`,
+                                type: 'string',
+                            },
+                            {
+                                id: `${property.id}.city`,
+                                name: `${property.name} City`,
+                                type: 'string',
+                            },
+                            {
+                                id: `${property.id}.county`,
+                                name: `${property.name} County`,
+                                type: 'string',
+                            },
+                            {
+                                id: `${property.id}.state`,
+                                name: `${property.name} State`,
+                                type: 'string',
+                            },
+                            {
+                                id: `${property.id}.zipCode`,
+                                name: `${property.name} Zip Code`,
+                                type: 'string',
+                            },
+                        ];
+                    }
+                    return property;
+                })
+                    .find((property) => property.id === component.key);
+                const id = (_b = property === null || property === void 0 ? void 0 : property.id) !== null && _b !== void 0 ? _b : component.key;
+                if (component.type === 'Content') {
+                    return component;
+                }
+                if (component.type === 'Date') {
+                    if (component.initialValue) {
+                        component.initialValue = DateTime.fromISO(component.initialValue).toISODate();
+                    }
+                    // This will overwrite the default value
+                    if (component.defaultToCurrentDate) {
+                        component.initialValue = DateTime.now().toISODate();
+                    }
+                }
+                if (component.type === 'DateTime') {
+                    if (component.initialValue) {
+                        component.initialValue = DateTime.fromISO(component.initialValue).toISO();
+                    }
+                    // This will overwrite the default value
+                    if (component.defaultToCurrentDate) {
+                        component.initialValue = DateTime.now().toISO();
+                    }
+                }
+                if (component.type === 'Time') {
+                    if (component.initialValue) {
+                        component.initialValue = DateTime.fromISO(component.initialValue).toISOTime({
+                            includeOffset: false,
+                            suppressMilliseconds: true,
+                        });
+                    }
+                    // This will overwrite the default value
+                    if (component.defaultToCurrentTime) {
+                        component.initialValue = DateTime.now().toISOTime({
+                            includeOffset: false,
+                            suppressMilliseconds: true,
+                        });
+                    }
+                }
+                // if a conditional date is in a format other than yyyy-mm-dd, convert it to that format
+                if (component.conditional &&
+                    ((_c = formComponents.find((formComponent) => formComponent.key === component.conditional.when)) === null || _c === void 0 ? void 0 : _c.type) === 'Date') {
+                    component.conditional.eq = new Date(component.conditional.eq).toISOString().split('T')[0];
+                }
+                const [propertyId, nestedPropertyId] = id.split('.');
+                let instanceValue;
+                if (nestedPropertyId) {
+                    instanceValue = (instance === null || instance === void 0 ? void 0 : instance[propertyId])
+                        ? instance[propertyId][nestedPropertyId]
+                        : undefined;
+                }
+                else {
+                    instanceValue = instance && id ? instance[id] : undefined;
+                }
+                // only add fieldComponents if the property exists on the sanitized object
+                if (property) {
+                    if (property.manyToManyPropertyId &&
+                        apiServices &&
+                        !component.middleObject &&
+                        !component.initialMiddleObjectInstances) {
+                        const getMiddleObjectInstances = () => __awaiter(this, void 0, void 0, function* () {
+                            const filter = instance ? getMiddleObjectFilter(property, instance) : {};
+                            try {
+                                return yield apiServices.get(getPrefixedUrl(`/objects/${property.objectId}/instances`), { params: { filter: JSON.stringify(filter) } });
+                            }
+                            catch (err) {
+                                console.log(err);
+                                return [];
+                            }
+                        });
+                        const middleObject = yield apiServices.get(getPrefixedUrl(`/objects/${property.objectId}/effective?sanitizedVersion=true`), {
+                            params: { filter: { fields: ['properties', 'actions', 'rootObjectId'] } },
+                        });
+                        const initialMiddleObjectInstances = yield getMiddleObjectInstances();
+                        return Object.assign(Object.assign(Object.assign({}, component), (component.type === 'Object' && objectPropertyInputProps)), { defaultValue: getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue, (_d = component === null || component === void 0 ? void 0 : component.data) === null || _d === void 0 ? void 0 : _d.values), property, type: `${readOnly ? 'ViewOnly' : ''}${component.type}`, readOnly: component.readOnly || readOnly || (property === null || property === void 0 ? void 0 : property.formula), multiple: ['array', 'document'].includes(property.type), instance: instance, fromFormBuilder: true, apiServices: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.apiServices, user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user, autoSave,
+                            fieldHeight, customDefaultValue: component.type === 'Select'
+                                ? () => getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue)
+                                : undefined, queryAddresses: component.isAddressLine1 || ['collection', 'object'].includes(property === null || property === void 0 ? void 0 : property.type)
+                                ? queryAddresses
+                                : undefined, initialMiddleObjectInstances,
+                            middleObject,
+                            getMiddleObjectInstances,
+                            isModal });
+                    }
+                    return Object.assign(Object.assign(Object.assign({}, component), (component.type === 'Object' && objectPropertyInputProps)), { type: `${readOnly ? 'ViewOnly' : ''}${component.type}`, defaultValue: getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue, (_e = component === null || component === void 0 ? void 0 : component.data) === null || _e === void 0 ? void 0 : _e.values), property, readOnly: component.readOnly || readOnly || (property === null || property === void 0 ? void 0 : property.formula), multiple: ['array', 'document'].includes(property.type), instance: instance, fromFormBuilder: true, apiServices: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.apiServices, user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user, fieldHeight,
+                        autoSave, customDefaultValue: component.type === 'Select'
+                            ? () => getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue)
+                            : undefined, queryAddresses: component.isAddressLine1 || ['collection', 'object'].includes(property === null || property === void 0 ? void 0 : property.type)
+                            ? queryAddresses
+                            : undefined, isOptionEqualToValue: component.type === 'Select' || component.type === 'MultiSelect'
+                            ? (option, value) => {
+                                if (typeof value === 'object' && 'value' in value) {
+                                    return option.value === value.value;
+                                }
+                                return option.value === value;
+                            }
+                            : undefined, getOptionLabel: component.type === 'Select' || component.type === 'MultiSelect'
+                            ? (option) => {
+                                var _a, _b, _c;
+                                if (option) {
+                                    return (_c = (_b = (_a = component.data) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.find((op) => op.value ===
+                                        (typeof option === 'string' ? option : option.value))) === null || _c === void 0 ? void 0 : _c.label;
+                                }
+                            }
+                            : undefined, isModal });
+                }
+                if (component.columns) {
+                    for (const column of component.columns) {
+                        column.components = yield addObjectPropertiesToComponentProps(properties, column.components, instance, objectPropertyInputProps, autoSave, readOnly, undefined, undefined, queryAddresses, apiServices, isModal, fieldHeight);
+                    }
+                    return component;
+                }
+                if (component.components) {
+                    for (const item of component.components) {
+                        const nestedFieldProperty = properties.find((property) => property.id === item.key);
+                        if (item.type) {
+                            item.defaultValue = getDefaultValue(!instance || isNil(get(instance, item.key))
+                                ? item.initialValue
+                                : get(instance, item.key), (_f = item === null || item === void 0 ? void 0 : item.data) === null || _f === void 0 ? void 0 : _f.values);
+                            item.customDefaultValue =
+                                item.type === 'Select'
+                                    ? () => getDefaultValue(!instance || isNil(instance[item === null || item === void 0 ? void 0 : item.key])
+                                        ? item.initialValue
+                                        : instance[item.key], undefined)
+                                    : undefined;
+                            if (item.type.includes('RepeatableField') && !!instance) {
+                                item.instance = instance;
+                            }
+                        }
+                        if (nestedFieldProperty) {
+                            item.type = `${readOnly ? 'ViewOnly' : ''}${item.type}`;
+                            item.property = nestedFieldProperty;
+                        }
+                        item.instance = instance;
+                        item.readOnly = item.readOnly || readOnly;
+                        item.autoSave = autoSave;
+                        item.apiServices = objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.apiServices;
+                        item.user = objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user;
+                        item.defaultPages = defaultPages;
+                        item.navigateTo = navigateTo;
+                        item.isModal = isModal;
+                        item.fieldHeight = fieldHeight;
+                        if (item.addressPropertyId) {
+                            item.queryAddresses = queryAddresses;
+                        }
+                        if (((_g = item.property) === null || _g === void 0 ? void 0 : _g.manyToManyPropertyId) &&
+                            apiServices &&
+                            !item.middleObject &&
+                            !item.initialMiddleObjectInstances) {
+                            const getMiddleObjectInstances = () => __awaiter(this, void 0, void 0, function* () {
+                                const filter = instance ? getMiddleObjectFilter(item.property, instance) : {};
+                                return yield apiServices.get(getPrefixedUrl(`/objects/${item.property.objectId}/instances`), { params: { filter: JSON.stringify(filter) } });
+                            });
+                            const middleObject = yield apiServices.get(getPrefixedUrl(`/objects/${item.property.objectId}/effective?sanitizedVersion=true`), {
+                                params: { filter: { fields: ['properties', 'actions', 'rootObjectId'] } },
+                            });
+                            const initialMiddleObjectInstances = yield getMiddleObjectInstances();
+                            item.initialMiddleObjectInstances = initialMiddleObjectInstances;
+                            item.middleObject = middleObject;
+                            item.getMiddleObjectInstances = getMiddleObjectInstances;
+                        }
+                    }
+                    return Object.assign(Object.assign(Object.assign({ components: yield addObjectPropertiesToComponentProps(properties, component.components, instance, objectPropertyInputProps, autoSave, readOnly, defaultPages, navigateTo, queryAddresses, apiServices, isModal, fieldHeight) }, component), (component.type === 'Object' && objectPropertyInputProps)), { type: `${readOnly ? 'ViewOnly' : ''}${component.type}`, properties: properties, property, instance: instance, fromFormBuilder: true, apiServices: apiServices, user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user, autoSave, queryAddresses: component.isAddressLine1 ? queryAddresses : undefined, isModal,
+                        fieldHeight });
+                }
+            })))).filter((component) => !!component),
+        ];
+    });
+}
+export function getDefaultValue(initialValue, selectOptions) {
+    var _a;
+    if (!isEmpty(initialValue) || (initialValue !== undefined && typeof initialValue === 'number')) {
+        if (Array.isArray(initialValue)) {
+            return initialValue.map((option) => {
+                if (option && typeof option === 'object' && 'value' in option) {
+                    return option.value;
+                }
+                else {
+                    return option;
+                }
+            });
+        }
+        else if (initialValue && typeof initialValue === 'object' && 'value' in initialValue) {
+            return initialValue['value'];
+        }
+        else {
+            if (selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.length) {
+                return (_a = selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.find((option) => option.value === initialValue)) === null || _a === void 0 ? void 0 : _a.label;
+            }
+            return initialValue;
+        }
+    }
+    return undefined;
+}
+// The following function adds the configured properties to the form components.
+// This function is used when there is a form configured in the form builder.
+export const buildComponentPropsFromObjectProperties = (properties, objectId, instance, objectPropertyInputProps, hasActionPermissions, autoSave, readOnly, queryAddresses, isModal, fieldHeight) => {
+    const matchType = (type) => {
+        switch (type) {
+            case 'boolean':
+                return 'Boolean';
+            case 'datetime':
+                return 'Datetime';
+            case 'date':
+                return 'Date';
+            case 'document':
+                return 'Document';
+            case 'number':
+                return 'Decimal';
+            case 'integer':
+                return 'Integer';
+            case 'object':
+                return 'Object';
+            case 'select':
+                return 'Select';
+            case 'array':
+                return 'MultiSelect';
+            case 'image':
+                return 'Image';
+            case 'richText':
+                return 'RichText';
+            case 'time':
+                return 'Time';
+            case 'date-time':
+                return 'DateTime';
+            case 'user':
+                return 'User';
+            default:
+                return 'TextField';
+        }
+    };
+    properties = properties.filter((property) => property.type !== 'collection');
+    return properties.flatMap((property) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        if (property.type === 'address') {
+            const type = readOnly ? 'ViewOnlyTextField' : 'TextField';
+            return [
+                {
+                    type,
+                    key: `${property.id}.line1`,
+                    label: `${property.name} Line 1`,
+                    inputMask: property.mask,
+                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    instance: instance,
+                    defaultValue: instance ? (_a = instance[property.id]) === null || _a === void 0 ? void 0 : _a[`line1`] : undefined,
+                    user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user,
+                    property: {
+                        id: `${property.id}.line1`,
+                        name: `${property.name} Line 1`,
+                        type: 'string',
+                    },
+                    validate: {
+                        required: property.required,
+                    },
+                    isAddressLine1: true,
+                    addressPropertyId: property.id,
+                    objectId,
+                    fieldHeight,
+                    autoSave,
+                    queryAddresses,
+                },
+                {
+                    type,
+                    key: `${property.id}.line2`,
+                    label: `${property.name} Line 2`,
+                    inputMask: property.mask,
+                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    instance: instance,
+                    defaultValue: instance ? (_b = instance[property.id]) === null || _b === void 0 ? void 0 : _b[`line2`] : undefined,
+                    user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user,
+                    property: {
+                        id: `${property.id}.line2`,
+                        name: `${property.name} Line 2`,
+                        type: 'string',
+                    },
+                    objectId,
+                    fieldHeight,
+                    autoSave,
+                },
+                {
+                    type,
+                    key: `${property.id}.city`,
+                    label: `${property.name} City`,
+                    inputMask: property.mask,
+                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    instance: instance,
+                    defaultValue: instance ? (_c = instance[property.id]) === null || _c === void 0 ? void 0 : _c[`city`] : undefined,
+                    user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user,
+                    property: {
+                        id: `${property.id}.city`,
+                        name: `${property.name} City`,
+                        type: 'string',
+                    },
+                    validate: {
+                        required: property.required,
+                    },
+                    objectId,
+                    fieldHeight,
+                    autoSave,
+                },
+                {
+                    type,
+                    key: `${property.id}.county`,
+                    label: `${property.name} County`,
+                    inputMask: property.mask,
+                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    instance: instance,
+                    defaultValue: instance ? (_d = instance[property.id]) === null || _d === void 0 ? void 0 : _d[`county`] : undefined,
+                    user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user,
+                    property: {
+                        id: `${property.id}.county`,
+                        name: `${property.name} County`,
+                        type: 'string',
+                    },
+                    fieldHeight,
+                    autoSave,
+                },
+                {
+                    type,
+                    key: `${property.id}.state`,
+                    label: `${property.name} State`,
+                    inputMask: property.mask,
+                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    instance: instance,
+                    defaultValue: instance ? (_e = instance[property.id]) === null || _e === void 0 ? void 0 : _e[`state`] : undefined,
+                    user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user,
+                    property: {
+                        id: `${property.id}.state`,
+                        name: `${property.name} State`,
+                        type: 'string',
+                    },
+                    validate: {
+                        required: property.required,
+                    },
+                    objectId,
+                    fieldHeight,
+                    autoSave,
+                },
+                {
+                    type,
+                    key: `${property.id}.zipCode`,
+                    label: `${property.name} Zip Code`,
+                    inputMask: property.mask,
+                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    instance: instance,
+                    defaultValue: instance ? (_f = instance[property.id]) === null || _f === void 0 ? void 0 : _f[`zipCode`] : undefined,
+                    user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user,
+                    property: {
+                        id: `${property.id}.zipCode`,
+                        name: `${property.name} Zip Code`,
+                        type: 'string',
+                    },
+                    validate: {
+                        required: property.required,
+                    },
+                    objectId,
+                    fieldHeight,
+                    autoSave,
+                },
+            ];
+        }
+        let minDate = (_h = (_g = property.validation) === null || _g === void 0 ? void 0 : _g.from) !== null && _h !== void 0 ? _h : '';
+        let maxDate = (_k = (_j = property.validation) === null || _j === void 0 ? void 0 : _j.to) !== null && _k !== void 0 ? _k : '';
+        if (minDate && /^{{.*}}$/.test(minDate)) {
+            const fragments = minDate.split(/\s/);
+            if (fragments.length === 1) {
+                minDate = minDate.replace(/^{{/, '{{input.');
+            }
+            else {
+                minDate = fragments
+                    .map((fragment, index) => {
+                    if (index === 1) {
+                        return `input.${fragment}`;
+                    }
+                    return fragment;
+                })
+                    .join(' ');
+            }
+        }
+        if (maxDate && /^{{.*}}$/.test(maxDate)) {
+            const fragments = maxDate.split(/\s/);
+            if (fragments.length === 1) {
+                maxDate = maxDate.replace(/^{{/, '{{input.');
+            }
+            else {
+                maxDate = fragments
+                    .map((fragment, index) => {
+                    if (index === 1) {
+                        return `input.${fragment}`;
+                    }
+                    return fragment;
+                })
+                    .join(' ');
+            }
+        }
+        return Object.assign(Object.assign({ type: `${readOnly ? 'ViewOnly' : ''}${matchType(property.type)}`, key: property.id, label: property.name, inputMask: property.mask, multiple: ['array', 'document'].includes(property.type), readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula), instance: instance, validate: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ required: property.required }, (property.type === 'date' &&
+                property.validation && {
+                minDate,
+                maxDate,
+                customMessage: property.validation.errorMessage,
+            })), (property.type === 'date-time' &&
+                property.validation && {
+                minTime: property.validation.from,
+                maxTime: property.validation.to,
+                customMessage: (property === null || property === void 0 ? void 0 : property.validation).errorMessage,
+            })), (property.type === 'time' &&
+                property.validation && {
+                minTime: property.validation.from,
+                maxTime: property.validation.to,
+                customMessage: (property === null || property === void 0 ? void 0 : property.validation).errorMessage,
+            })), ((property.type === 'integer' || property.type === 'number') &&
+                property.validation && {
+                min: property.validation.minimum,
+                max: property.validation.maximum,
+                customMessage: property.validation.errorMessage,
+            })), (property.type === 'string' &&
+                property.validation &&
+                Object.hasOwnProperty.call(property.validation, 'rules') && {
+                operator: property.validation.operator,
+                regexes: (_l = property.validation.rules) === null || _l === void 0 ? void 0 : _l.map((rule) => {
+                    var _a;
+                    return (Object.assign(Object.assign({}, rule), { errorMessage: ((_a = rule.errorMessage) === null || _a === void 0 ? void 0 : _a.length)
+                            ? rule.errorMessage
+                            : 'Property is not in a valid format' }));
+                }),
+            })), (property.type === 'document' &&
+                property.validation && {
+                minDocuments: property.validation.minDocuments,
+                maxDocuments: property.validation.maxDocuments,
+                customMessage: property.validation.errorMessage,
+            })), property.validation), objectId }, (property.type === 'object' && objectPropertyInputProps)), { defaultValue: instance ? instance[property.id] : undefined, user: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.user, apiServices: objectPropertyInputProps === null || objectPropertyInputProps === void 0 ? void 0 : objectPropertyInputProps.apiServices, property: property, fieldHeight,
+            autoSave, queryAddresses: ['collection', 'object'].includes(property === null || property === void 0 ? void 0 : property.type) ? queryAddresses : undefined, isModal });
+    });
+};
+// The following function is used to build the form components from the document properties.
+export const buildComponentPropsFromDocumentProperties = (documentProperties, readOnly, autoSave, fieldHeight) => {
+    return documentProperties.map(([keyName, value]) => {
+        return {
+            type: keyName === 'metadata.view_permission'
+                ? `${readOnly ? 'ViewOnly' : ''}Select`
+                : `${readOnly ? 'ViewOnly' : ''}TextField`,
+            key: keyName,
+            label: startCase(keyName.replace('metadata.', '')),
+            readOnly: !keyName.includes('metadata.') || readOnly,
+            defaultValue: value,
+            autoSave,
+            fieldHeight,
+        };
+    });
+};
+// The following variable and functions are used to support the "Related Object" properies.
+export const OPERATOR_MAP = {
+    $and: 'and',
+    $or: 'or',
+    $eq: 'eq',
+    $ne: 'neq',
+    $lt: 'lt',
+    $lte: 'lte',
+    $gt: 'gt',
+    $gte: 'gte',
+    $in: 'inq',
+    $nin: 'nin',
+    $regex: 'regexp',
+    $exists: 'exists',
+    $not: 'not',
+};
+export function transformToWhere(mongoQuery) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return transform(mongoQuery, (result, value, key) => {
+        const newKey = typeof key === 'string' && key.startsWith('$') ? OPERATOR_MAP[key] : key;
+        if (newKey === undefined) {
+            throw new Error(`Unsupported operator ${key}`);
+        }
+        result[newKey] = isObject(value) ? transformToWhere(value) : value;
+    });
+}
+export function updateCriteriaInputs(criteria, field, fieldValue, isInputField) {
+    var _a;
+    for (const [key, value] of Object.entries(criteria)) {
+        if (isArray(value)) {
+            for (const index in value) {
+                if (isObject(value[index])) {
+                    updateCriteriaInputs(value[index], field, fieldValue, isInputField);
+                }
+                else {
+                    value[index] =
+                        typeof value[index] === 'string'
+                            ? ((_a = value[index]) === null || _a === void 0 ? void 0 : _a.replaceAll(!isInputField ? `{{{${field}}}}` : `{{{input.${field}}}}`, fieldValue !== null && fieldValue !== void 0 ? fieldValue : '').trim()) || undefined
+                            : value !== null && value !== void 0 ? value : undefined;
+                }
+            }
+        }
+        else if (isObject(value)) {
+            updateCriteriaInputs(value, field, fieldValue, isInputField);
+        }
+        else {
+            criteria[key] =
+                typeof value === 'string'
+                    ? (value === null || value === void 0 ? void 0 : value.replaceAll(!isInputField ? `{{{${field}}}}` : `{{{input.${field}}}}`, fieldValue !== null && fieldValue !== void 0 ? fieldValue : '').trim()) || undefined
+                    : value !== null && value !== void 0 ? value : undefined;
+        }
+    }
+}
+export function getAllCriteriaInputs(criteria) {
+    const result = [];
+    for (const [, value] of Object.entries(criteria)) {
+        if (isArray(value)) {
+            for (const item of value) {
+                if (item && typeof item === 'object') {
+                    const inputProps = getAllCriteriaInputs(item);
+                    inputProps && result.push(...inputProps);
+                }
+                else {
+                    const inputProps = typeof item === 'string' ? item.match(/{{{input\..*}}}/g) : undefined;
+                    inputProps && result.push(...inputProps);
+                }
+            }
+        }
+        else if (value && typeof value === 'object') {
+            const inputProps = getAllCriteriaInputs(value);
+            inputProps && result.push(...inputProps);
+        }
+        else {
+            const inputProps = typeof value === 'string' ? value.match(/{{{input\..*}}}/g) : undefined;
+            inputProps && result.push(...inputProps);
+        }
+    }
+    return uniq(result.map((item) => item.replace('{{{input.', '').replace('}}}', '')));
+}
+export function isPropertyVisible(conditional, formData) {
+    const isConditional = !!(conditional === null || conditional === void 0 ? void 0 : conditional.when);
+    if (!isConditional) {
+        return true;
+    }
+    const valueOfConditional = get(formData, conditional.when);
+    if (conditional.show) {
+        return valueOfConditional === conditional.eq;
+    }
+    else {
+        return valueOfConditional !== conditional.eq;
+    }
+}
+// The following function is used to normalize date and time values.
+export function normalizeDateTime(dateTime) {
+    return new Date(dateTime.toString()).toISOString();
+}
+export function normalizeDates(instances, object) {
+    var _a, _b;
+    const dateProps = ['date', 'date-time', 'time'];
+    const properties = (_b = (_a = object === null || object === void 0 ? void 0 : object.properties) === null || _a === void 0 ? void 0 : _a.filter((property) => dateProps.includes(property.type)).reduce((agg, property) => Object.assign(agg, { [property.id]: property.type }), {})) !== null && _b !== void 0 ? _b : {};
+    const propKeys = Object.keys(properties);
+    instances.forEach((instance) => {
+        Object.keys(instance).forEach((key) => {
+            // Ignore non-datelike and empty fields.
+            if (!propKeys.includes(key) || !instance[key]) {
+                return;
+            }
+            switch (properties[key]) {
+                case 'date':
+                    // Casting here is valid because the value has already been
+                    // determined to be a datelike field that is non-empty.
+                    instance[key] = DateTime.fromISO(instance[key]).toLocaleString(DateTime.DATE_SHORT);
+                    break;
+                case 'date-time':
+                    // Casting here is valid because the value has already been
+                    // determined to be a datelike field that is non-empty.
+                    instance[key] = DateTime.fromISO(instance[key]).toLocaleString(DateTime.DATETIME_SHORT);
+                    break;
+                case 'time':
+                    // Casting here is valid because the value has already been
+                    // determined to be a datelike field that is non-empty.
+                    instance[key] = DateTime.fromISO(instance[key]).toLocaleString(DateTime.TIME_SIMPLE);
+                    break;
+            }
+        });
+    });
+}