@evoke-platform/ui-components 1.0.0-dev.226 → 1.0.0-dev.228

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

@@ -1,12 +1,3 @@
-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';
@@ -26,7 +17,7 @@ export function determineComponentType(properties, parameter) {
             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';
+            return property?.manyToManyPropertyId ? 'ManyToManyRepeatableField' : 'RepeatableField';
         }
         case 'document':
             return 'Document';
@@ -73,12 +64,12 @@ export function determineParameterType(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 : []));
+            const subEntries = entry.sections.flatMap((s) => s.entries ?? []);
+            return acc.concat(getFlattenEntries(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 : []));
+            const subEntries = entry.columns.flatMap((c) => c.entries ?? []);
+            return acc.concat(getFlattenEntries(subEntries ?? []));
         }
         else if (entry.type === 'content') {
             return acc;
@@ -91,24 +82,20 @@ export function getFlattenEntries(entries) {
 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)
+                components: entry.sections.map((section) => ({
+                    key: nanoid(),
+                    label: section.label,
+                    components: section.entries?.length
+                        ? convertFormToComponents(section.entries, parameters, object)
+                        : [],
+                })),
+                conditional: typeof entry.visibility !== 'string' && entry.visibility?.conditions?.length
                     ? {
                         show: entry.visibility.conditions[0].operator === 'eq',
                         when: entry.visibility.conditions[0].property,
@@ -124,13 +111,15 @@ export function convertFormToComponents(entries, parameters, object) {
                 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)
+                columns: entry.columns.map((column) => ({
+                    ...column,
+                    size: 'md',
+                    currentWidth: column.width,
+                    components: column.entries?.length
+                        ? convertFormToComponents(column.entries, parameters, object)
+                        : [],
+                })),
+                conditional: typeof entry.visibility !== 'string' && entry.visibility?.conditions?.length
                     ? {
                         show: entry.visibility.conditions[0].operator === 'eq',
                         when: entry.visibility.conditions[0].property,
@@ -146,7 +135,7 @@ export function convertFormToComponents(entries, parameters, object) {
                 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)
+                conditional: typeof entry.visibility !== 'string' && entry.visibility?.conditions?.length
                     ? {
                         show: entry.visibility.conditions[0].operator === 'eq',
                         when: entry.visibility.conditions[0].property,
@@ -163,190 +152,190 @@ export function convertFormToComponents(entries, parameters, object) {
             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 : {
+            let property = object.properties?.find((p) => p.id === entry.parameterId) ?? {
                 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'); });
+            if (property.id?.includes('.')) {
+                const topLevelProperty = object.properties?.find((p) => p.id === property.id?.split('.')[0] && (p.type === 'address' || p.type === 'user'));
                 property = {
                     id: property.id,
-                    name: (topLevelProperty === null || topLevelProperty === void 0 ? void 0 : topLevelProperty.name)
+                    name: 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);
+            const type = determineComponentType(object.properties ?? [], 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: {
+            return {
+                ...pick(displayOptions, 'label', 'description', 'tooltip', 'prefix', 'suffix', 'readOnly', 'mode'),
+                initialValue: type === 'Object'
+                    ? typeof displayOptions?.defaultValue === 'string'
+                        ? displayOptions.defaultValue
+                        : undefined
+                    : displayOptions?.defaultValue,
+                isMultiLineText: parameter.type === 'string' && displayOptions?.rowCount ? true : false,
+                rows: 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)
+                },
+                property: property,
+                defaultToCurrentTime: displayOptions?.defaultValue === 'currentTime' && parameter.type === 'time' ? true : false,
+                defaultToCurrentDate: displayOptions?.defaultValue === 'currentDate' && parameter.type === 'date' ? true : false,
+                defaultValueCriteria: parameter.type === 'object' &&
+                    displayOptions?.defaultValue &&
+                    typeof displayOptions.defaultValue !== 'string'
                     ? 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,
+                sortBy: parameter.type === 'object' &&
+                    displayOptions?.defaultValue &&
+                    typeof displayOptions.defaultValue !== 'string'
+                    ? displayOptions.defaultValue?.sortBy
+                    : undefined,
+                orderBy: parameter.type === 'object' &&
+                    displayOptions?.defaultValue &&
+                    typeof displayOptions.defaultValue !== 'string'
+                    ? displayOptions.defaultValue.orderBy
+                    : undefined,
+                inputMask: parameter.type === 'string' ? parameter.validation?.mask : undefined,
+                inputMaskPlacholderChar: displayOptions?.placeholderChar,
+                placeholder: displayOptions?.placeholder,
+                tableView: false,
+                displayOption: parameter.type === 'object' ? displayOptions?.relatedObjectDisplay : undefined,
+                labelPosition: 'top',
+                dataSrc: property.enum?.length ? 'values' : undefined,
+                showCharCount: displayOptions?.charCount,
+                objectId: object.id,
+                validate: {
+                    required: displayOptions?.required,
+                    criteria: ['collection', 'object'].includes(parameter.type ?? '')
+                        ? parameter.validation?.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' }));
-                        })
+                        ? parameter.validation?.rules?.map((rule) => ({
+                            ...rule,
+                            errorMessage: rule.errorMessage ?? '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',
+                    operator: parameter.validation?.operator ?? 'any',
                     minLength: parameter.type === 'string'
-                        ? (_0 = parameter.validation) === null || _0 === void 0 ? void 0 : _0.minLength
+                        ? parameter.validation?.minLength
                         : undefined,
                     maxLength: parameter.type === 'string'
-                        ? (_1 = parameter.validation) === null || _1 === void 0 ? void 0 : _1.maxLength
+                        ? parameter.validation?.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
+                    minDate: parameter.type === 'date' ? parameter.validation?.from : undefined,
+                    maxDate: parameter.type === 'date' ? parameter.validation?.to : undefined,
+                    minTime: parameter.type === 'time' ? parameter.validation?.from : undefined,
+                    maxTime: parameter.type === 'time' ? parameter.validation?.to : undefined,
+                    min: ['integer', 'number'].includes(parameter.type ?? '')
+                        ? parameter.validation?.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
+                    max: ['integer', 'number'].includes(parameter.type ?? '')
+                        ? parameter.validation?.maximum
                         : undefined,
                     minDocuments: parameter.type === 'document'
-                        ? (_10 = parameter.validation) === null || _10 === void 0 ? void 0 : _10.minDocuments
+                        ? parameter.validation?.minDocuments
                         : undefined,
                     maxDocuments: parameter.type === 'document'
-                        ? (_11 = parameter.validation) === null || _11 === void 0 ? void 0 : _11.maxDocuments
+                        ? parameter.validation?.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
+                    customMessage: ['integer', 'number', 'date', 'time', 'document'].includes(parameter.type ?? '')
+                        ? parameter.validation
+                            ?.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'
+                },
+                id: nanoid(7),
+                isAddressLine1: property.id?.split('.')[1] === 'line1' ? true : false,
+                addressPropertyId: property.id?.split('.')[1] === 'line1' ? property.id?.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)
+                    : undefined,
+                conditional: displayOptions?.visibility &&
+                    typeof displayOptions?.visibility !== 'string' &&
+                    displayOptions.visibility.conditions?.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,
+                        show: displayOptions?.visibility.conditions[0].operator === 'eq',
+                        when: displayOptions?.visibility.conditions[0].property,
+                        eq: displayOptions?.visibility.conditions[0].value,
                     }
                     : {
-                        json: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.visibility,
-                    }, viewLayout: displayOptions === null || displayOptions === void 0 ? void 0 : displayOptions.viewLayout });
+                        json: displayOptions?.visibility,
+                    },
+                viewLayout: displayOptions?.viewLayout,
+            };
         }
     })
         .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,
-                                },
-                            ],
-                        },
-                }
-                : {}));
+            return {
+                type: 'sections',
+                label: component.label,
+                sections: component.components?.map((section) => ({
+                    key: nanoid(),
+                    label: section.label,
+                    entries: section.components?.length ? convertComponentsToForm(section.components) : [],
+                })),
+                ...(component.conditional?.json ||
+                    (component.conditional?.when && !isUndefined(component.conditional?.show) && component.conditional?.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
+                type: 'columns',
+                label: component.label,
+                columns: component.columns?.map((column) => ({
+                    width: column.width,
+                    entries: column.components?.length ? convertComponentsToForm(column.components) : [],
+                })),
+                ...(component.conditional?.json ||
+                    (component.conditional?.when && !isUndefined(component.conditional?.show) && component.conditional?.eq)
                     ? {
-                        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,
+                        visibility: component.conditional.json
+                            ? component.conditional.json
+                            : {
+                                operator: 'all',
+                                conditions: [
+                                    {
+                                        property: component.conditional.when,
+                                        operator: component.conditional.show ? 'eq' : 'ne',
+                                        value: component.conditional.eq,
+                                    },
+                                ],
+                            },
                     }
-                    : {})), (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))
+                    : {}),
+            };
+        }
+        else if (component.type === 'Content') {
+            return {
+                type: 'content',
+                html: component.html ?? '',
+                ...(component.conditional?.json ||
+                    (component.conditional?.when && !isUndefined(component.conditional?.show) && component.conditional?.eq)
                     ? {
                         visibility: component.conditional.json
                             ? component.conditional.json
@@ -361,8 +350,72 @@ export function convertComponentsToForm(components) {
                                 ],
                             },
                     }
-                    : {})),
-                enumWithLabels: (_z = component.data) === null || _z === void 0 ? void 0 : _z.values,
+                    : {}),
+            };
+        }
+        else {
+            return {
+                type: 'input',
+                parameterId: component.key,
+                display: {
+                    ...(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 } : {}),
+                    ...(component.validate?.required ? { required: component.validate?.required } : {}),
+                    ...(component.displayOption ? { relatedObjectDisplay: component.displayOption } : {}),
+                    ...(component.defaultToCurrentDate ||
+                        component.defaultToCurrentTime ||
+                        component.initialValue ||
+                        component.defaultValueCriteria
+                        ? {
+                            defaultValue: component.defaultToCurrentDate
+                                ? 'currentDate'
+                                : component.defaultToCurrentTime
+                                    ? 'currentTime'
+                                    : component.defaultValueCriteria
+                                        ? {
+                                            criteria: component.defaultValueCriteria,
+                                            ...(component.sortBy ? { sortBy: component.sortBy } : {}),
+                                            ...(component.orderBy ? { sortBy: component.orderBy } : {}),
+                                        }
+                                        : isArray(component.initialValue)
+                                            ? component.initialValue.map((c) => c.value)
+                                            : component.initialValue?.value
+                                                ? component.initialValue?.value
+                                                : component.initialValue,
+                        }
+                        : {}),
+                    ...(component.rows ? { rowCount: component.rows } : {}),
+                    ...(component.inputMaskPlaceholderChar
+                        ? { placeholderChar: component.inputMaskPlaceholderChar }
+                        : {}),
+                    ...(component.showCharCount ? { charCount: true } : {}),
+                    ...(component.conditional?.json ||
+                        (component.conditional?.when &&
+                            !isUndefined(component.conditional?.show) &&
+                            component.conditional?.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: component.data?.values,
             };
         }
     });
@@ -370,7 +423,7 @@ export function convertComponentsToForm(components) {
 // 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 } };
+    const filter = { where: { [filterProperty]: instance?.id } };
     return filter;
 }
 export function getMiddleObject(instance, property, endObjectId, endObjectName) {
@@ -389,7 +442,7 @@ export function getMiddleObject(instance, property, endObjectId, endObjectName)
     }
 }
 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; });
+    return middleObjectInstances.find((o) => property.manyToManyPropertyId && o[property.manyToManyPropertyId]?.id === instanceId);
 }
 // The following function is used to prefix the URL with the appropriate path.
 export function getPrefixedUrl(url) {
@@ -408,245 +461,327 @@ export function getPrefixedUrl(url) {
         return `/accessManagement${url}`;
     if (workflowMatchers.some((endpoint) => url.startsWith(endpoint)))
         return `/workflow${url}`;
+    console.error('Invalid 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, 
+export async 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;
+    return [
+        ...(await Promise.all(formComponents
+            ?.filter((component) => !isUndefined(component) && !isNil(component))
+            ?.map(async (component) => {
+            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',
+                        },
+                    ];
                 }
-                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();
-                    }
+                return property;
+            })
+                .find((property) => property.id === component.key);
+            const id = property?.id ?? component.key;
+            if (component.type === 'Content') {
+                return component;
+            }
+            else if (component.type === 'Date') {
+                if (component.initialValue && !/^{{.*}}/.test(component.initialValue)) {
+                    component.initialValue =
+                        component.initialValue === 'currentDate'
+                            ? DateTime.now().toISODate()
+                            : DateTime.fromISO(component.initialValue).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();
-                    }
+                // @Deprecrated
+                // This will overwrite the default value
+                if (component.defaultToCurrentDate) {
+                    component.initialValue = DateTime.now().toISODate();
                 }
-                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,
-                        });
-                    }
+            }
+            else if (component.type === 'DateTime') {
+                if (component.initialValue && !/^{{.*}}/.test(component.initialValue)) {
+                    component.initialValue =
+                        component.initialValue === 'currentDateTime'
+                            ? DateTime.now().toISO()
+                            : DateTime.fromISO(component.initialValue).toISO();
                 }
-                // 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];
+                // @Deprecrated
+                // This will overwrite the default value
+                if (component.defaultToCurrentDate) {
+                    component.initialValue = DateTime.now().toISO();
                 }
-                const [propertyId, nestedPropertyId] = id.split('.');
-                let instanceValue;
-                if (nestedPropertyId) {
-                    instanceValue = (instance === null || instance === void 0 ? void 0 : instance[propertyId])
-                        ? instance[propertyId][nestedPropertyId]
-                        : undefined;
+            }
+            else if (component.type === 'Time') {
+                if (component.initialValue && !/^{{.*}}/.test(component.initialValue)) {
+                    component.initialValue =
+                        component.initialValue === 'currentTime'
+                            ? DateTime.now().toISOTime({
+                                includeOffset: false,
+                                suppressMilliseconds: true,
+                            })
+                            : DateTime.fromISO(component.initialValue).toISOTime({
+                                includeOffset: false,
+                                suppressMilliseconds: true,
+                            });
                 }
-                else {
-                    instanceValue = instance && id ? instance[id] : undefined;
+                // @Deprecrated
+                // This will overwrite the default value
+                if (component.defaultToCurrentTime) {
+                    component.initialValue = DateTime.now().toISOTime({
+                        includeOffset: false,
+                        suppressMilliseconds: true,
+                    });
                 }
-                // 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'
+            }
+            // if a conditional date is in a format other than yyyy-mm-dd, convert it to that format
+            if (component.conditional &&
+                formComponents.find((formComponent) => formComponent.key === component.conditional.when)
+                    ?.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?.[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 = async () => {
+                        const filter = instance ? getMiddleObjectFilter(property, instance) : {};
+                        try {
+                            return await apiServices.get(getPrefixedUrl(`/objects/${property.objectId}/instances`), { params: { filter: JSON.stringify(filter) } });
+                        }
+                        catch (err) {
+                            console.log(err);
+                            return [];
+                        }
+                    };
+                    const middleObject = await apiServices.get(getPrefixedUrl(`/objects/${property.objectId}/effective?sanitizedVersion=true`), {
+                        params: { filter: { fields: ['properties', 'actions', 'rootObjectId'] } },
+                    });
+                    const initialMiddleObjectInstances = await getMiddleObjectInstances();
+                    const defaultValue = getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue, component?.data?.values);
+                    return {
+                        ...component,
+                        ...(component.type === 'Object' && objectPropertyInputProps),
+                        defaultValue,
+                        property,
+                        type: `${readOnly ? 'ViewOnly' : ''}${component.type}`,
+                        readOnly: component.readOnly || readOnly || property?.formula,
+                        multiple: ['array', 'document'].includes(property.type),
+                        instance: instance,
+                        fromFormBuilder: true,
+                        apiServices: objectPropertyInputProps?.apiServices,
+                        user: 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)
+                            : undefined,
+                        queryAddresses: component.isAddressLine1 || ['collection', 'object'].includes(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;
+                            : undefined,
+                        initialMiddleObjectInstances,
+                        middleObject,
+                        getMiddleObjectInstances,
+                        isModal,
+                    };
                 }
-                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;
+                const defaultValue = getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue, component?.data?.values);
+                return {
+                    ...component,
+                    ...(component.type === 'Object' && objectPropertyInputProps),
+                    type: `${readOnly ? 'ViewOnly' : ''}${component.type}`,
+                    defaultValue,
+                    property,
+                    readOnly: component.readOnly || readOnly || property?.formula,
+                    multiple: ['array', 'document'].includes(property.type),
+                    instance: instance,
+                    fromFormBuilder: true,
+                    apiServices: objectPropertyInputProps?.apiServices,
+                    user: objectPropertyInputProps?.user,
+                    fieldHeight,
+                    autoSave,
+                    customDefaultValue: component.type === 'Select'
+                        ? () => getDefaultValue(isNil(instanceValue) ? component.initialValue : instanceValue)
+                        : undefined,
+                    queryAddresses: component.isAddressLine1 || ['collection', 'object'].includes(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;
                         }
-                        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;
+                        : undefined,
+                    getOptionLabel: component.type === 'Select' || component.type === 'MultiSelect'
+                        ? (option) => {
+                            if (option) {
+                                return component.data?.values?.find((op) => op.value ===
+                                    (typeof option === 'string' ? option : option.value))?.label;
+                            }
                         }
-                        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;
+                        : undefined,
+                    isModal,
+                };
+            }
+            if (component.columns) {
+                for (const column of component.columns) {
+                    column.components = await 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), item?.data?.values);
+                        item.customDefaultValue =
+                            item.type === 'Select'
+                                ? () => getDefaultValue(!instance || isNil(instance[item?.key])
+                                    ? item.initialValue
+                                    : instance[item.key], undefined)
+                                : undefined;
+                        if (item.type.includes('RepeatableField') && !!instance) {
+                            item.instance = instance;
                         }
                     }
-                    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 });
+                    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?.apiServices;
+                    item.user = objectPropertyInputProps?.user;
+                    item.defaultPages = defaultPages;
+                    item.navigateTo = navigateTo;
+                    item.isModal = isModal;
+                    item.fieldHeight = fieldHeight;
+                    if (item.addressPropertyId) {
+                        item.queryAddresses = queryAddresses;
+                    }
+                    if (item.property?.manyToManyPropertyId &&
+                        apiServices &&
+                        !item.middleObject &&
+                        !item.initialMiddleObjectInstances) {
+                        const getMiddleObjectInstances = async () => {
+                            const filter = instance ? getMiddleObjectFilter(item.property, instance) : {};
+                            return await apiServices.get(getPrefixedUrl(`/objects/${item.property.objectId}/instances`), { params: { filter: JSON.stringify(filter) } });
+                        };
+                        const middleObject = await apiServices.get(getPrefixedUrl(`/objects/${item.property.objectId}/effective?sanitizedVersion=true`), {
+                            params: { filter: { fields: ['properties', 'actions', 'rootObjectId'] } },
+                        });
+                        const initialMiddleObjectInstances = await getMiddleObjectInstances();
+                        item.initialMiddleObjectInstances = initialMiddleObjectInstances;
+                        item.middleObject = middleObject;
+                        item.getMiddleObjectInstances = getMiddleObjectInstances;
+                    }
                 }
-            })))).filter((component) => !!component),
-        ];
-    });
+                return {
+                    components: await 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?.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) => {
+            return initialValue
+                .map((option) => {
                 if (option && typeof option === 'object' && 'value' in option) {
                     return option.value;
                 }
                 else {
                     return option;
                 }
-            });
+            })
+                .filter((option) => !/^{{.*}}$/.test(option));
         }
-        else if (initialValue && typeof initialValue === 'object' && 'value' in initialValue) {
-            return initialValue['value'];
+        else if (initialValue && isObject(initialValue) && '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;
+            if (selectOptions?.length) {
+                return selectOptions?.find((option) => option.value === initialValue)?.label;
+            }
+            if (initialValue === 'currentDate') {
+                return DateTime.now().toISODate();
+            }
+            else if (initialValue === 'currentDateTime') {
+                return DateTime.now().toISO();
+            }
+            else if (initialValue === 'currentTime') {
+                return DateTime.now().toISOTime({
+                    includeOffset: false,
+                    suppressMilliseconds: true,
+                });
+            }
+            else if (/^{{.*}}$/.test(initialValue)) {
+                return undefined;
+            }
+            else {
+                return initialValue;
             }
-            return initialValue;
         }
     }
     return undefined;
@@ -690,7 +825,6 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
     };
     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 [
@@ -699,10 +833,10 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     key: `${property.id}.line1`,
                     label: `${property.name} Line 1`,
                     inputMask: property.mask,
-                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    readOnly: !hasActionPermissions || readOnly || !!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,
+                    defaultValue: instance ? instance[property.id]?.[`line1`] : undefined,
+                    user: objectPropertyInputProps?.user,
                     property: {
                         id: `${property.id}.line1`,
                         name: `${property.name} Line 1`,
@@ -723,10 +857,10 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     key: `${property.id}.line2`,
                     label: `${property.name} Line 2`,
                     inputMask: property.mask,
-                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    readOnly: !hasActionPermissions || readOnly || !!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,
+                    defaultValue: instance ? instance[property.id]?.[`line2`] : undefined,
+                    user: objectPropertyInputProps?.user,
                     property: {
                         id: `${property.id}.line2`,
                         name: `${property.name} Line 2`,
@@ -741,10 +875,10 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     key: `${property.id}.city`,
                     label: `${property.name} City`,
                     inputMask: property.mask,
-                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    readOnly: !hasActionPermissions || readOnly || !!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,
+                    defaultValue: instance ? instance[property.id]?.[`city`] : undefined,
+                    user: objectPropertyInputProps?.user,
                     property: {
                         id: `${property.id}.city`,
                         name: `${property.name} City`,
@@ -762,10 +896,10 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     key: `${property.id}.county`,
                     label: `${property.name} County`,
                     inputMask: property.mask,
-                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    readOnly: !hasActionPermissions || readOnly || !!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,
+                    defaultValue: instance ? instance[property.id]?.[`county`] : undefined,
+                    user: objectPropertyInputProps?.user,
                     property: {
                         id: `${property.id}.county`,
                         name: `${property.name} County`,
@@ -779,10 +913,10 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     key: `${property.id}.state`,
                     label: `${property.name} State`,
                     inputMask: property.mask,
-                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    readOnly: !hasActionPermissions || readOnly || !!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,
+                    defaultValue: instance ? instance[property.id]?.[`state`] : undefined,
+                    user: objectPropertyInputProps?.user,
                     property: {
                         id: `${property.id}.state`,
                         name: `${property.name} State`,
@@ -800,10 +934,10 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     key: `${property.id}.zipCode`,
                     label: `${property.name} Zip Code`,
                     inputMask: property.mask,
-                    readOnly: !hasActionPermissions || readOnly || !!(property === null || property === void 0 ? void 0 : property.formula),
+                    readOnly: !hasActionPermissions || readOnly || !!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,
+                    defaultValue: instance ? instance[property.id]?.[`zipCode`] : undefined,
+                    user: objectPropertyInputProps?.user,
                     property: {
                         id: `${property.id}.zipCode`,
                         name: `${property.name} Zip Code`,
@@ -818,8 +952,8 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                 },
             ];
         }
-        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 : '';
+        let minDate = property.validation?.from ?? '';
+        let maxDate = property.validation?.to ?? '';
         if (minDate && /^{{.*}}$/.test(minDate)) {
             const fragments = minDate.split(/\s/);
             if (fragments.length === 1) {
@@ -852,43 +986,70 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
                     .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)
+        return {
+            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?.formula,
+            instance: instance,
+            validate: {
+                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?.validation).errorMessage,
+                }),
+                ...(property.type === 'time' &&
+                    property.validation && {
+                    minTime: property.validation.from,
+                    maxTime: property.validation.to,
+                    customMessage: (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: property.validation.rules?.map((rule) => ({
+                        ...rule,
+                        errorMessage: rule.errorMessage?.length
                             ? rule.errorMessage
-                            : 'Property is not in a valid format' }));
+                            : '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 });
+                ...(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?.user,
+            apiServices: objectPropertyInputProps?.apiServices,
+            property: property,
+            fieldHeight,
+            autoSave,
+            queryAddresses: ['collection', 'object'].includes(property?.type) ? queryAddresses : undefined,
+            isModal,
+        };
     });
 };
 // The following function is used to build the form components from the document properties.
@@ -934,7 +1095,6 @@ export function transformToWhere(mongoQuery) {
     });
 }
 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) {
@@ -944,8 +1104,10 @@ export function updateCriteriaInputs(criteria, 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;
+                            ? value[index]
+                                ?.replaceAll(!isInputField ? `{{{${field}}}}` : `{{{input.${field}}}}`, fieldValue ?? '')
+                                .trim() || undefined
+                            : value ?? undefined;
                 }
             }
         }
@@ -955,8 +1117,10 @@ export function updateCriteriaInputs(criteria, 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;
+                    ? value
+                        ?.replaceAll(!isInputField ? `{{{${field}}}}` : `{{{input.${field}}}}`, fieldValue ?? '')
+                        .trim() || undefined
+                    : value ?? undefined;
         }
     }
 }
@@ -987,7 +1151,7 @@ export function getAllCriteriaInputs(criteria) {
     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);
+    const isConditional = !!conditional?.when;
     if (!isConditional) {
         return true;
     }
@@ -1004,9 +1168,10 @@ 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 properties = object?.properties
+        ?.filter((property) => dateProps.includes(property.type))
+        .reduce((agg, property) => Object.assign(agg, { [property.id]: property.type }), {}) ?? {};
     const propKeys = Object.keys(properties);
     instances.forEach((instance) => {
         Object.keys(instance).forEach((key) => {