@solidstarters/solid-core-ui 1.1.210 → 1.1.211

package/dist/components/core/model/FieldMetaDataForm.js

@@ -1,60 +1,4 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import CodeEditor from "../../../components/common/CodeEditor";
 import { SingleSelectAutoCompleteField } from "../../../components/common/SingleSelectAutoCompleteField";
@@ -120,18 +64,17 @@ var SolidFieldType;
     SolidFieldType["computed"] = "computed";
     SolidFieldType["uuid"] = "uuid";
 })(SolidFieldType || (SolidFieldType = {}));
-var SelectionStaticValues = function (_a) {
-    var enumValue = _a.enumValue, onUpdate = _a.onUpdate, onDelete = _a.onDelete, onAdd = _a.onAdd;
-    var _b = enumValue.split(":"), value = _b[0], display = _b[1];
-    var handleValueChange = function (newValue) {
-        onUpdate("".concat(newValue, ":").concat(display || ""));
+const SelectionStaticValues = ({ enumValue, onUpdate, onDelete, onAdd }) => {
+    const [value, display] = enumValue.split(":");
+    const handleValueChange = (newValue) => {
+        onUpdate(`${newValue}:${display || ""}`);
     };
-    var handleDisplayChange = function (newDisplay) {
-        onUpdate("".concat(value || "", ":").concat(newDisplay));
+    const handleDisplayChange = (newDisplay) => {
+        onUpdate(`${value || ""}:${newDisplay}`);
     };
-    return (_jsxs("div", { className: "flex align-items-center gap-2 mt-2", children: [_jsx(InputText, { value: value || "", onChange: function (e) { return handleValueChange(e.target.value); }, placeholder: "Value", className: "w-full" }), _jsx(InputText, { value: display || "", onChange: function (e) { return handleDisplayChange(e.target.value); }, placeholder: "Display", className: "w-full" }), _jsx(Button, { icon: "pi pi-plus", size: "small", onClick: onAdd, type: "button" }), _jsx(Button, { icon: "pi pi-trash", size: "small", onClick: onDelete, outlined: true, severity: "danger", type: "button" })] }));
+    return (_jsxs("div", { className: "flex align-items-center gap-2 mt-2", children: [_jsx(InputText, { value: value || "", onChange: (e) => handleValueChange(e.target.value), placeholder: "Value", className: "w-full" }), _jsx(InputText, { value: display || "", onChange: (e) => handleDisplayChange(e.target.value), placeholder: "Display", className: "w-full" }), _jsx(Button, { icon: "pi pi-plus", size: "small", onClick: onAdd, type: "button" }), _jsx(Button, { icon: "pi pi-trash", size: "small", onClick: onDelete, outlined: true, severity: "danger", type: "button" })] }));
 };
-var triggerOperationOptions = [
+const triggerOperationOptions = [
     { label: "beforeInsert", value: "before-insert" },
     { label: "afterInsert", value: "after-insert" },
     { label: "beforeUpdate", value: "before-update" },
@@ -139,56 +82,52 @@ var triggerOperationOptions = [
     { label: "beforeRemove", value: "before-delete" },
     { label: "afterRemove", value: "after-delete" },
 ];
-var formatDisplayName = function (value) {
+const formatDisplayName = (value) => {
     return value
         .split('-')
-        .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
         .join(' ');
 };
-var SelectComputedFieldTriggerValues = function (_a) {
-    var _b, _c;
-    var index = _a.index, row = _a.row, onChange = _a.onChange, onDelete = _a.onDelete, disableDelete = _a.disableDelete, formik = _a.formik, isFormFieldValid = _a.isFormFieldValid, searchModuleName = _a.searchModuleName, searchModelName = _a.searchModelName, modelMetaData = _a.modelMetaData, errors = _a.errors, touched = _a.touched;
-    var _d = useState([]), filteredOperations = _d[0], setFilteredOperations = _d[1];
-    useEffect(function () {
-        var _a, _b;
-        if (!row.moduleName && ((_a = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _a === void 0 ? void 0 : _a.name)) {
-            formik.setFieldValue("computedFieldTriggerConfig[".concat(index, "].moduleName"), (_b = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _b === void 0 ? void 0 : _b.name);
+const SelectComputedFieldTriggerValues = ({ index, row, onChange, onDelete, disableDelete, formik, isFormFieldValid, searchModuleName, searchModelName, modelMetaData, errors, touched, }) => {
+    const [filteredOperations, setFilteredOperations] = useState([]);
+    useEffect(() => {
+        if (!row.moduleName && modelMetaData?.module?.name) {
+            formik.setFieldValue(`computedFieldTriggerConfig[${index}].moduleName`, modelMetaData?.module?.name);
         }
-        if (!row.modelName && (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName)) {
-            formik.setFieldValue("computedFieldTriggerConfig[".concat(index, "].modelName"), modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName);
+        if (!row.modelName && modelMetaData?.singularName) {
+            formik.setFieldValue(`computedFieldTriggerConfig[${index}].modelName`, modelMetaData?.singularName);
         }
-    }, [(_b = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _b === void 0 ? void 0 : _b.name, modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName]);
-    var searchOperations = function (event) {
-        var query = event.query.toLowerCase();
-        setFilteredOperations(triggerOperationOptions.filter(function (item) {
-            return item.label.toLowerCase().includes(query);
-        }));
+    }, [modelMetaData?.module?.name, modelMetaData?.singularName]);
+    const searchOperations = (event) => {
+        const query = event.query.toLowerCase();
+        setFilteredOperations(triggerOperationOptions.filter((item) => item.label.toLowerCase().includes(query)));
     };
-    return (_jsxs("div", { className: "flex align-items-start gap-3 mt-2 flex-wrap md:flex-nowrap", children: [_jsxs("div", { className: "", children: [_jsx("label", { htmlFor: "moduleName", className: "form-field-label", children: "Module" }), _jsx("div", { className: "mt-2", children: _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "computedFieldTriggerConfig[".concat(index, "].moduleName"), fieldNameId: "computedFieldTriggerConfig[".concat(index, "].moduleName"), labelKey: "displayName", valueKey: "name", searchData: searchModuleName, existingData: row.moduleName
+    return (_jsxs("div", { className: "flex align-items-start gap-3 mt-2 flex-wrap md:flex-nowrap", children: [_jsxs("div", { className: "", children: [_jsx("label", { htmlFor: "moduleName", className: "form-field-label", children: "Module" }), _jsx("div", { className: "mt-2", children: _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: `computedFieldTriggerConfig[${index}].moduleName`, fieldNameId: `computedFieldTriggerConfig[${index}].moduleName`, labelKey: "displayName", valueKey: "name", searchData: searchModuleName, existingData: row.moduleName
                                 ? {
                                     name: row.moduleName,
                                     displayName: row.displayName || formatDisplayName(row.moduleName),
                                 }
-                                : ((_c = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _c === void 0 ? void 0 : _c.name)
+                                : modelMetaData?.module?.name
                                     ? {
                                         name: modelMetaData.module.name,
                                         displayName: modelMetaData.module.displayName || formatDisplayName(modelMetaData.module.name),
                                     }
-                                    : null }, "moduleName-".concat(index)) }), (errors === null || errors === void 0 ? void 0 : errors.moduleName) && (_jsx(Message, { severity: "error", text: errors.moduleName }))] }), _jsxs("div", { className: "", children: [_jsx("label", { htmlFor: "modelName", className: "form-field-label", children: "Model" }), _jsx("div", { className: "mt-2", children: _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "computedFieldTriggerConfig[".concat(index, "].modelName"), fieldNameId: "computedFieldTriggerConfig[".concat(index, "].modelName"), labelKey: "displayName", valueKey: "singularName", searchData: searchModelName, existingData: row.modelName
+                                    : null }, `moduleName-${index}`) }), errors?.moduleName && (_jsx(Message, { severity: "error", text: errors.moduleName }))] }), _jsxs("div", { className: "", children: [_jsx("label", { htmlFor: "modelName", className: "form-field-label", children: "Model" }), _jsx("div", { className: "mt-2", children: _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: `computedFieldTriggerConfig[${index}].modelName`, fieldNameId: `computedFieldTriggerConfig[${index}].modelName`, labelKey: "displayName", valueKey: "singularName", searchData: searchModelName, existingData: row.modelName
                                 ? {
                                     singularName: row.modelName,
                                     displayName: row.displayName || formatDisplayName(row.modelName),
                                 }
-                                : (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName)
+                                : modelMetaData?.singularName
                                     ? {
-                                        singularName: modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName,
-                                        displayName: (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName) || formatDisplayName(modelMetaData.displayName),
+                                        singularName: modelMetaData?.singularName,
+                                        displayName: modelMetaData?.displayName || formatDisplayName(modelMetaData.displayName),
                                     }
-                                    : null }, "modelName-".concat(index)) }), (errors === null || errors === void 0 ? void 0 : errors.modelName) && (_jsx(Message, { severity: "error", text: errors.modelName }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "operations", className: "form-field-label", children: "Operations" }), _jsx("div", { className: "mt-2", children: _jsx(AutoComplete, { multiple: true, dropdown: true, value: triggerOperationOptions.filter(function (opt) { return (row.operations || []).includes(opt.value); }), suggestions: filteredOperations, completeMethod: searchOperations, field: "label", onChange: function (e) {
-                                return onChange(index, __assign(__assign({}, row), { operations: e.value.map(function (val) { return val.value; }) }));
-                            }, placeholder: "Select operations", className: "solid-standard-autocomplete max-w-16rem" }) }), (errors === null || errors === void 0 ? void 0 : errors.operations) && (_jsx(Message, { severity: "error", text: errors.operations }))] }), _jsx(Button, { icon: "pi pi-trash", size: "small", onClick: function () { return onDelete(index); }, disabled: disableDelete, outlined: true, severity: "danger", type: "button" })] }));
+                                    : null }, `modelName-${index}`) }), errors?.modelName && (_jsx(Message, { severity: "error", text: errors.modelName }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "operations", className: "form-field-label", children: "Operations" }), _jsx("div", { className: "mt-2", children: _jsx(AutoComplete, { multiple: true, dropdown: true, value: triggerOperationOptions.filter(opt => (row.operations || []).includes(opt.value)), suggestions: filteredOperations, completeMethod: searchOperations, field: "label", onChange: (e) => onChange(index, {
+                                ...row,
+                                operations: e.value.map((val) => val.value),
+                            }), placeholder: "Select operations", className: "solid-standard-autocomplete max-w-16rem" }) }), errors?.operations && (_jsx(Message, { severity: "error", text: errors.operations }))] }), _jsx(Button, { icon: "pi pi-trash", size: "small", onClick: () => onDelete(index), disabled: disableDelete, outlined: true, severity: "danger", type: "button" })] }));
 };
-var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData) {
+const fieldBasedPayloadFormating = (values, currentFields, fieldMetaData) => {
     // const booleanFields: string | any[] = [
     //   "isSystem",
     //   "defaultValue",
@@ -198,7 +137,7 @@ var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData)
     //   "index",
     //   "private",
     //   "relationCreateInverse"];
-    var transformedPayload = currentFields.reduce(function (acc, key) {
+    const transformedPayload = currentFields.reduce((acc, key) => {
         acc[key] = values[key]; // Set key and its value as the same string
         // if (booleanFields.includes(acc[key])) {
         //   acc[key] = values[key] == "false" ? "" : true
@@ -207,18 +146,18 @@ var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData)
     }, {});
     transformedPayload.displayName = transformedPayload.displayName.trim();
     transformedPayload.identifier = fieldMetaData ? fieldMetaData.identifier : Date.now();
-    if (fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id) {
+    if (fieldMetaData?.id) {
         transformedPayload.id = fieldMetaData.id;
     }
     if (currentFields.includes("mediaStorageProviderId")) {
         transformedPayload.mediaStorageProvider = values.mediaStorageProvider;
     }
     if (currentFields.includes("selectionDynamicProviderCtxt")) {
-        var prettified = JSON.stringify(JSON.parse(values.selectionDynamicProviderCtxt), null, 2);
+        const prettified = JSON.stringify(JSON.parse(values.selectionDynamicProviderCtxt), null, 2);
         transformedPayload.selectionDynamicProviderCtxt = prettified;
     }
     if (currentFields.includes("computedFieldValueProviderCtxt")) {
-        var prettified = JSON.stringify(JSON.parse(values.computedFieldValueProviderCtxt), null, 2);
+        const prettified = JSON.stringify(JSON.parse(values.computedFieldValueProviderCtxt), null, 2);
         transformedPayload.computedFieldValueProviderCtxt = prettified;
     }
     if (currentFields.includes("computedFieldTriggerConfig")) {
@@ -237,9 +176,8 @@ var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData)
     return transformedPayload;
 };
 function fetchCurrentFields(solidFieldType, fieldDefaultMetaData) {
-    var _a;
     if (solidFieldType) {
-        var allowedFields = (_a = fieldDefaultMetaData === null || fieldDefaultMetaData === void 0 ? void 0 : fieldDefaultMetaData.data) === null || _a === void 0 ? void 0 : _a.fieldTypes.filter(function (e) { return e.fieldType === solidFieldType; });
+        const allowedFields = fieldDefaultMetaData?.data?.fieldTypes.filter((e) => e.fieldType === solidFieldType);
         if (allowedFields.length > 0) {
             return allowedFields[0].fields;
         }
@@ -257,636 +195,618 @@ function fetchCurrentFields(solidFieldType, fieldDefaultMetaData) {
         "isUserKey"
     ];
 }
-var createValidationSchema = function (currentFields, selectedType, allFields, fieldMetaData, encryptState) {
-    var reservedNames;
+const createValidationSchema = (currentFields, selectedType, allFields, fieldMetaData, encryptState) => {
+    let reservedNames;
     if (fieldMetaData) {
-        reservedNames = allFields.length > 0 ? allFields.filter(function (i) { return i.id !== fieldMetaData.id; }).map(function (f) { return f.name; }) : [];
+        reservedNames = allFields.length > 0 ? allFields.filter((i) => i.id !== fieldMetaData.id).map((f) => f.name) : [];
     }
     else {
-        reservedNames = allFields.length > 0 ? allFields.map(function (f) { return f.name; }) : [];
+        reservedNames = allFields.length > 0 ? allFields.map((f) => f.name) : [];
     }
-    var schema = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ name: Yup.string()
+    const schema = {
+        name: Yup.string()
             // .matches(/^[a-z]+(-[a-z]+)*$/,"Invalid format. Use lowercase letters and hyphens only.")
             .notOneOf(reservedNames, ERROR_MESSAGES.FIELD_ALREADY_USE('Name', 'name'))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Name')), displayName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Display Name')), description: Yup.string().nullable(), type: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Type')), isSystem: Yup.boolean() }, (currentFields.includes("ormType") && {
-        ormType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Orm Type')),
-    })), (currentFields.includes("length") && {
-        length: Yup.number().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Length', 'interger')).nullable(),
-    })), (currentFields.includes("defaultValue") && {
-        defaultValue: Yup.mixed().nullable().when("type", function (type) {
-            switch (selectedType.value) {
-                case "int":
-                case "bigint":
-                    return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'integer'))
-                        .integer(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'integer'));
-                case "float":
-                case "decimal":
-                    return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'integer'));
-                case "shortText":
-                case "longText":
-                case "richText":
-                case "json":
-                    return Yup.string().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'boolean'));
-                case "boolean":
-                    return Yup.boolean().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'boolean'));
-                case "date":
-                case "datetime":
-                case "time":
-                    return Yup.date().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'Date'));
-                default:
-                    return Yup.mixed().nullable(); // Default fallback if no match
-            }
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('Name')),
+        displayName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Display Name')),
+        description: Yup.string().nullable(),
+        type: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Type')),
+        isSystem: Yup.boolean(),
+        // Conditionally add validation rules based on `currentFields`
+        ...(currentFields.includes("ormType") && {
+            ormType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Orm Type')),
         }),
-    })), (currentFields.includes("regexPattern") && {
-        regexPattern: Yup.string(),
-        regexPatternNotMatchingErrorMsg: Yup.string(),
-    })), (currentFields.includes("required") && {
-        required: Yup.boolean(),
-    })), (currentFields.includes("unique") && {
-        unique: Yup.boolean(),
-    })), (currentFields.includes("encrypt") && {
-        encrypt: Yup.boolean(),
-    })), (currentFields.includes("encryptionType") && encryptState == true && {
-        encryptionType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Encryption Type Value')),
-    })), (currentFields.includes("decryptWhen") && encryptState == true && {
-        decryptWhen: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Decrypt When Value')),
-    })), (currentFields.includes("index") && {
-        index: Yup.boolean(),
-    })), (currentFields.includes("min") && {
-        min: Yup.mixed().nullable()
-            .when("type", function (type) {
-            switch (selectedType.value) {
-                case "int":
-                    return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Min', 'interger'))
-                        .integer(ERROR_MESSAGES.FIELD_MUST_BE_AN('Min', 'interger'));
-                case "decimal":
-                case "shortText":
-                case "longText":
-                case "richText":
-                case "json":
-                    return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Min', 'interger'));
-                default:
-                    return Yup.mixed().nullable().nullable(); // Default fallback if no match
-            }
+        ...(currentFields.includes("length") && {
+            length: Yup.number().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Length', 'interger')).nullable(),
         }),
-    })), (currentFields.includes("max") && {
-        max: Yup.mixed()
-            .when("type", function (type) {
-            switch (selectedType.value) {
-                case "int":
-                    return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'interger'))
-                        .integer(ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'interger'))
-                        .test(ERROR_MESSAGES.GREATER_THAN_MIN, ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'greater than Min'), function (value) {
-                        var min = this.parent.min; // Access sibling field 'min'
-                        // if (min != null && value == null) {
-                        //   // Trigger error if Min is filled but Max is empty
-                        //   return this.createError({
-                        //     message: "Max is required if Min is specified",
-                        //   });
-                        // }
-                        return value == null || value > min; // Validate only if Max exists
-                    });
-                case "decimal":
-                case "shortText":
-                case "longText":
-                case "richText":
-                case "json":
-                    return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'interger'))
-                        .test(ERROR_MESSAGES.GREATER_THAN_MIN, ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'greater than Min'), function (value) {
-                        var min = this.parent.min; // Access sibling field 'min'
-                        // if (min != null && value == null) {
-                        //   // Trigger error if Min is filled but Max is empty
-                        //   return this.createError({
-                        //     message: "Max is required if Min is specified",
-                        //   });
-                        // }
-                        return value == null || value > min; // Validate only if Max exists
-                    });
-                default:
-                    return Yup.mixed().nullable().nullable(); // Default fallback if no match
-            }
+        // ...(currentFields.includes("defaultValue") && {
+        //   defaultValue: Yup.string().required("Default Value is required"),
+        // }),
+        // Conditionally validate defaultValue based on SolidFieldType
+        ...(currentFields.includes("defaultValue") && {
+            defaultValue: Yup.mixed().nullable().when("type", (type) => {
+                switch (selectedType.value) {
+                    case "int":
+                    case "bigint":
+                        return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'integer'))
+                            .integer(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'integer'));
+                    case "float":
+                    case "decimal":
+                        return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'integer'));
+                    case "shortText":
+                    case "longText":
+                    case "richText":
+                    case "json":
+                        return Yup.string().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'boolean'));
+                    case "boolean":
+                        return Yup.boolean().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'boolean'));
+                    case "date":
+                    case "datetime":
+                    case "time":
+                        return Yup.date().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Default value', 'Date'));
+                    default:
+                        return Yup.mixed().nullable(); // Default fallback if no match
+                }
+            }),
         }),
-    })), (currentFields.includes("private") && {
-        private: Yup.boolean(),
-    })), (currentFields.includes("mediaTypes") && {
-        mediaTypes: Yup.mixed().required(ERROR_MESSAGES.FIELD_MUST_BE_AN('Media Types', 'Arrays')).required(ERROR_MESSAGES.FIELD_REUQIRED('Media Types')),
-    })), (currentFields.includes("mediaMaxSizeKb") && {
-        mediaMaxSizeKb: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Max Size')),
-    })), (currentFields.includes("mediaStorageProviderId") && {
-        mediaStorageProviderId: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Storage Provider')),
-    })), (currentFields.includes("mediaStorageProviderId") && {
-        mediaStorageProvider: Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Storage Provider')),
-    })), (currentFields.includes("mediaEmbedded") && {
-        mediaEmbedded: Yup.boolean(),
-    })), (currentFields.includes("relationType") && {
-        relationType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Type ')),
-    })), (currentFields.includes("relationCoModelSingularName") && {
-        relationCoModelSingularName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Model Singular Name')),
-    })), (currentFields.includes("relationCoModelFieldName") && {
-        relationCoModelFieldName: Yup.string()
-        // .required(
-        //   "Relation Model Field Name is required"
-        // ),
-    })), (currentFields.includes("relationCreateInverse") && {
-        relationCreateInverse: Yup.boolean(),
-    })), (currentFields.includes("relationCoModelFieldName") && {
-        relationCoModelFieldName: Yup.string().when("relationCreateInverse", function (relationCreateInverse, schema) {
-            if (relationCreateInverse.length > 0 && relationCreateInverse[0] == true) {
-                return schema.required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Co Model Field Name'));
-            }
-            else {
-                return schema.notRequired();
-            }
+        // Add more conditional fields as needed
+        ...(currentFields.includes("regexPattern") && {
+            regexPattern: Yup.string(),
+            regexPatternNotMatchingErrorMsg: Yup.string(),
         }),
-    })), (currentFields.includes("relation") && {
-        relationCascade: Yup.string().when("relationType", function (relationType, schema) {
-            return relationType === "one-to-one"
-                ? schema.required(ERROR_MESSAGES.RELATION_CASCADE)
-                : schema.notRequired();
+        ...(currentFields.includes("required") && {
+            required: Yup.boolean(),
         }),
-    })), (currentFields.includes("relationModelModuleName") && {
-        relationModelModuleName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Model Module Name Value')),
-    })), (currentFields.includes("relationFieldFixedFilter") && {
-        relationFieldFixedFilter: Yup.string().nullable(),
-    })), (currentFields.includes("selectionDynamicProvider") && {
-        selectionDynamicProvider: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Selection Dynamic Provider Value ')),
-    })), (currentFields.includes("selectionDynamicProviderCtxt") && {
-        selectionDynamicProviderCtxt: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Selection Dynamic Provider Context Value')).test(ERROR_MESSAGES.IS_VALID_JSON, ERROR_MESSAGES.COMPUTED_FIELD_VALIDATE_JSON, function (value) {
-            if (!value)
-                return false; // Ensure it's required
-            try {
-                JSON.parse(value); // Check if it's valid JSON
-                return true;
-            }
-            catch (_a) {
-                return false;
-            }
+        ...(currentFields.includes("unique") && {
+            unique: Yup.boolean(),
         }),
-    })), (currentFields.includes("selectionStaticValues") && {
-        selectionStaticValues: Yup.array().of(Yup.string().matches(/^[\w\s\d-]+:[\w\s-]+$/, ERROR_MESSAGES.FIELD_REUQIRED('Label and Value'))),
-    })), (currentFields.includes("computedFieldValueProvider") && {
-        computedFieldValueProvider: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Computed Field Function Value')),
-    })), (currentFields.includes("computedFieldValueProviderCtxt") && {
-        computedFieldValueProviderCtxt: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('"Computed Field Value Provider Context Value')).test(ERROR_MESSAGES.IS_VALID_JSON, ERROR_MESSAGES.COMPUTED_FIELD_VALIDATE_JSON, function (value) {
-            if (!value)
-                return false; // Ensure it's required
-            try {
-                JSON.parse(value); // Check if it's valid JSON
-                return true;
-            }
-            catch (_a) {
-                return false;
-            }
+        ...(currentFields.includes("encrypt") && {
+            encrypt: Yup.boolean(),
+        }),
+        ...(currentFields.includes("encryptionType") && encryptState == true && {
+            encryptionType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Encryption Type Value')),
+        }),
+        ...(currentFields.includes("decryptWhen") && encryptState == true && {
+            decryptWhen: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Decrypt When Value')),
+        }),
+        ...(currentFields.includes("index") && {
+            index: Yup.boolean(),
+        }),
+        // ...(currentFields.includes("min") && {
+        //   min: Yup.number().required("Min is required"),
+        // }),
+        ...(currentFields.includes("min") && {
+            min: Yup.mixed().nullable()
+                .when("type", (type) => {
+                switch (selectedType.value) {
+                    case "int":
+                        return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Min', 'interger'))
+                            .integer(ERROR_MESSAGES.FIELD_MUST_BE_AN('Min', 'interger'));
+                    case "decimal":
+                    case "shortText":
+                    case "longText":
+                    case "richText":
+                    case "json":
+                        return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Min', 'interger'));
+                    default:
+                        return Yup.mixed().nullable().nullable(); // Default fallback if no match
+                }
+            }),
         }),
-    })), (currentFields.includes("computedFieldValueType") && {
-        computedFieldValueType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Computed Field Value Type')),
-    })), (currentFields.includes("computedFieldTriggerConfig") && {
-        computedFieldTriggerConfig: Yup.array()
-            .of(Yup.object().shape({
-            moduleName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Module name')),
-            modelName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Model name')),
-            operations: Yup.array().of(Yup.string()).min(1, ERROR_MESSAGES.SELECT_ONE_OPERATION),
-        }))
-            .min(1, ERROR_MESSAGES.FIELD_REUQIRED('At least one trigger config'))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Computed Field Trigger Config')),
-    })), (currentFields.includes("isPrimaryKey") && { isPrimaryKey: Yup.boolean(), }));
+        // ...(currentFields.includes("max") && {
+        //   max: Yup.number().required("Max is required"),
+        // }),
+        ...(currentFields.includes("max") && {
+            max: Yup.mixed()
+                .when("type", (type) => {
+                switch (selectedType.value) {
+                    case "int":
+                        return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'interger'))
+                            .integer(ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'interger'))
+                            .test(ERROR_MESSAGES.GREATER_THAN_MIN, ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'greater than Min'), function (value) {
+                            const { min } = this.parent; // Access sibling field 'min'
+                            // if (min != null && value == null) {
+                            //   // Trigger error if Min is filled but Max is empty
+                            //   return this.createError({
+                            //     message: "Max is required if Min is specified",
+                            //   });
+                            // }
+                            return value == null || value > min; // Validate only if Max exists
+                        });
+                    case "decimal":
+                    case "shortText":
+                    case "longText":
+                    case "richText":
+                    case "json":
+                        return Yup.number().nullable().typeError(ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'interger'))
+                            .test(ERROR_MESSAGES.GREATER_THAN_MIN, ERROR_MESSAGES.FIELD_MUST_BE_AN('Max', 'greater than Min'), function (value) {
+                            const { min } = this.parent; // Access sibling field 'min'
+                            // if (min != null && value == null) {
+                            //   // Trigger error if Min is filled but Max is empty
+                            //   return this.createError({
+                            //     message: "Max is required if Min is specified",
+                            //   });
+                            // }
+                            return value == null || value > min; // Validate only if Max exists
+                        });
+                    default:
+                        return Yup.mixed().nullable().nullable(); // Default fallback if no match
+                }
+            }),
+        }),
+        ...(currentFields.includes("private") && {
+            private: Yup.boolean(),
+        }),
+        ...(currentFields.includes("mediaTypes") && {
+            mediaTypes: Yup.mixed().required(ERROR_MESSAGES.FIELD_MUST_BE_AN('Media Types', 'Arrays')).required(ERROR_MESSAGES.FIELD_REUQIRED('Media Types')),
+        }),
+        ...(currentFields.includes("mediaMaxSizeKb") && {
+            mediaMaxSizeKb: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Max Size')),
+        }),
+        ...(currentFields.includes("mediaStorageProviderId") && {
+            mediaStorageProviderId: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Storage Provider')),
+        }),
+        ...(currentFields.includes("mediaStorageProviderId") && {
+            mediaStorageProvider: Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Storage Provider')),
+        }),
+        ...(currentFields.includes("mediaEmbedded") && {
+            mediaEmbedded: Yup.boolean(),
+        }),
+        ...(currentFields.includes("relationType") && {
+            relationType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Type ')),
+        }),
+        ...(currentFields.includes("relationCoModelSingularName") && {
+            relationCoModelSingularName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Model Singular Name')),
+        }),
+        ...(currentFields.includes("relationCoModelFieldName") && {
+            relationCoModelFieldName: Yup.string()
+            // .required(
+            //   "Relation Model Field Name is required"
+            // ),
+        }),
+        ...(currentFields.includes("relationCreateInverse") && {
+            relationCreateInverse: Yup.boolean(),
+        }),
+        ...(currentFields.includes("relationCoModelFieldName") && {
+            relationCoModelFieldName: Yup.string().when("relationCreateInverse", (relationCreateInverse, schema) => {
+                if (relationCreateInverse.length > 0 && relationCreateInverse[0] == true) {
+                    return schema.required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Co Model Field Name'));
+                }
+                else {
+                    return schema.notRequired();
+                }
+            }),
+        }),
+        // ...(currentFields.includes("relationCascade") && {
+        //   relationCascade: Yup.string().required(
+        //     "Relation Cascade Value is required"
+        //   ),
+        // }),
+        // Conditionally validate relationCascade based on relationType
+        ...(currentFields.includes("relation") && {
+            relationCascade: Yup.string().when("relationType", (relationType, schema) => {
+                return relationType === "one-to-one"
+                    ? schema.required(ERROR_MESSAGES.RELATION_CASCADE)
+                    : schema.notRequired();
+            }),
+        }),
+        ...(currentFields.includes("relationModelModuleName") && {
+            relationModelModuleName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Relation Model Module Name Value')),
+        }),
+        ...(currentFields.includes("relationFieldFixedFilter") && {
+            relationFieldFixedFilter: Yup.string().nullable(),
+        }),
+        ...(currentFields.includes("selectionDynamicProvider") && {
+            selectionDynamicProvider: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Selection Dynamic Provider Value ')),
+        }),
+        ...(currentFields.includes("selectionDynamicProviderCtxt") && {
+            selectionDynamicProviderCtxt: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Selection Dynamic Provider Context Value')).test(ERROR_MESSAGES.IS_VALID_JSON, ERROR_MESSAGES.COMPUTED_FIELD_VALIDATE_JSON, (value) => {
+                if (!value)
+                    return false; // Ensure it's required
+                try {
+                    JSON.parse(value); // Check if it's valid JSON
+                    return true;
+                }
+                catch {
+                    return false;
+                }
+            }),
+        }),
+        ...(currentFields.includes("selectionStaticValues") && {
+            selectionStaticValues: Yup.array().of(Yup.string().matches(/^[\w\s\d-]+:[\w\s-]+$/, ERROR_MESSAGES.FIELD_REUQIRED('Label and Value'))),
+        }),
+        ...(currentFields.includes("computedFieldValueProvider") && {
+            computedFieldValueProvider: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Computed Field Function Value')),
+        }),
+        ...(currentFields.includes("computedFieldValueProviderCtxt") && {
+            computedFieldValueProviderCtxt: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('"Computed Field Value Provider Context Value')).test(ERROR_MESSAGES.IS_VALID_JSON, ERROR_MESSAGES.COMPUTED_FIELD_VALIDATE_JSON, (value) => {
+                if (!value)
+                    return false; // Ensure it's required
+                try {
+                    JSON.parse(value); // Check if it's valid JSON
+                    return true;
+                }
+                catch {
+                    return false;
+                }
+            }),
+        }),
+        ...(currentFields.includes("computedFieldValueType") && {
+            computedFieldValueType: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Computed Field Value Type')),
+        }),
+        ...(currentFields.includes("computedFieldTriggerConfig") && {
+            computedFieldTriggerConfig: Yup.array()
+                .of(Yup.object().shape({
+                moduleName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Module name')),
+                modelName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Model name')),
+                operations: Yup.array().of(Yup.string()).min(1, ERROR_MESSAGES.SELECT_ONE_OPERATION),
+            }))
+                .min(1, ERROR_MESSAGES.FIELD_REUQIRED('At least one trigger config'))
+                .required(ERROR_MESSAGES.FIELD_REUQIRED('Computed Field Trigger Config')),
+        }),
+        // ...(currentFields.includes("columnName") && { columnName: Yup.string().nullable().matches(/^[a-z0-9_]+$/, ERROR_MESSAGES.SNAKE_CASE('column')), }),
+        ...(currentFields.includes("isPrimaryKey") && { isPrimaryKey: Yup.boolean(), }),
+        // ...(currentFields.includes("externalIdProvider") && {
+        //   externalIdProvider: Yup.string().required(
+        //     "ExternalId Provider Value is required"
+        //   ),
+        // }),
+        // ...(currentFields.includes("externalIdProviderCtxt") && {
+        //   externalIdProviderCtxt: Yup.string().required(
+        //     "EexternalId Provider Context Value is required"
+        //   ),
+        // }),
+    };
     return Yup.object(schema);
 };
-var FieldMetaDataForm = function (_a) {
-    var _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, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68;
-    var setIsDirty = _a.setIsDirty, modelMetaData = _a.modelMetaData, fieldMetaData = _a.fieldMetaData, setFieldMetaData = _a.setFieldMetaData, allFields = _a.allFields, deleteModelFunction = _a.deleteModelFunction, setVisiblePopup = _a.setVisiblePopup, params = _a.params, setIsRequiredPopUp = _a.setIsRequiredPopUp, showToaster = _a.showToaster;
-    var booleanOptions = ["false", "true"];
-    var _69 = useState(false), isBackPopupVisible = _69[0], setIsBackPopupVisible = _69[1];
-    var _70 = useState(false), showColumnName = _70[0], setShowColumnName = _70[1];
-    var pathname = usePathname();
-    var toast = useRef(null);
-    var _71 = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _71.data, isLoading = _71.isLoading, error = _71.error, refetch = _71.refetch;
-    var _72 = useState(fetchCurrentFields(fieldMetaData && fieldMetaData.type, fieldDefaultMetaData)), currentFields = _72[0], setCurrentFields = _72[1];
-    var _73 = useLazyGetMediaStorageProvidersQuery(), triggerGetMediaStorageProvider = _73[0], _74 = _73[1], MediaStorageProviderData = _74.data, isMediaStorageProviderFetching = _74.isFetching, MediaStorageProviderError = _74.error;
-    var _75 = useLazyGetmodulesQuery(), triggerGetModules = _75[0], _76 = _75[1], moduleData = _76.data, isModuleFetching = _76.isFetching, moduleError = _76.error;
-    var _77 = useLazyGetModelsQuery(), triggerGetModels = _77[0], _78 = _77[1], modelData = _78.data, ismodelFetching = _78.isFetching, modelError = _78.error;
-    var _79 = useUpdateUserKeyMutation(), updateUserKey = _79[0], _80 = _79[1], isUpdateUserKeyLoading = _80.isLoading, isUpdateUserKeySuccess = _80.isSuccess, isUpdateUserKeyError = _80.isError, UpdateUserKeyError = _80.error, newModel = _80.data;
-    var _81 = useState(), markdownText = _81[0], setMarkdownText = _81[1];
-    var _82 = useState(false), encryptState = _82[0], setEncryptState = _82[1];
-    var _83 = useState(fieldMetaData ? false : true), showTypeFilter = _83[0], setShowTypeFilter = _83[1];
-    var _84 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type) && { label: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type, value: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type }), selectedType = _84[0], setSelectedType = _84[1];
-    var _85 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueType) && { label: fieldMetaData.computedFieldValueType, value: fieldMetaData.computedFieldValueType }), selectedComputedFieldValueType = _85[0], setSelectedComputedFieldValueType = _85[1];
-    var _86 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionDynamicProvider) && { label: fieldMetaData.selectionDynamicProvider, value: fieldMetaData.selectionDynamicProvider }), selectionDynamicProvider = _86[0], setSelectionDynamicProvider = _86[1];
+const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaData, allFields, deleteModelFunction, setVisiblePopup, params, setIsRequiredPopUp, showToaster }) => {
+    const booleanOptions = ["false", "true"];
+    const [isBackPopupVisible, setIsBackPopupVisible] = useState(false);
+    const [showColumnName, setShowColumnName] = useState(false);
+    const pathname = usePathname();
+    const toast = useRef(null);
+    const { data: fieldDefaultMetaData, isLoading, error, refetch } = useGetFieldDefaultMetaDataQuery(null);
+    const [currentFields, setCurrentFields] = useState(fetchCurrentFields(fieldMetaData && fieldMetaData.type, fieldDefaultMetaData));
+    const [triggerGetMediaStorageProvider, { data: MediaStorageProviderData, isFetching: isMediaStorageProviderFetching, error: MediaStorageProviderError }] = useLazyGetMediaStorageProvidersQuery();
+    const [triggerGetModules, { data: moduleData, isFetching: isModuleFetching, error: moduleError }] = useLazyGetmodulesQuery();
+    const [triggerGetModels, { data: modelData, isFetching: ismodelFetching, error: modelError }] = useLazyGetModelsQuery();
+    const [updateUserKey, { isLoading: isUpdateUserKeyLoading, isSuccess: isUpdateUserKeySuccess, isError: isUpdateUserKeyError, error: UpdateUserKeyError, data: newModel },] = useUpdateUserKeyMutation();
+    const [markdownText, setMarkdownText] = useState();
+    const [encryptState, setEncryptState] = useState(false);
+    const [showTypeFilter, setShowTypeFilter] = useState(fieldMetaData ? false : true);
+    const [selectedType, setSelectedType] = useState(fieldMetaData?.type && { label: fieldMetaData?.type, value: fieldMetaData?.type });
+    const [selectedComputedFieldValueType, setSelectedComputedFieldValueType] = useState(fieldMetaData?.computedFieldValueType && { label: fieldMetaData.computedFieldValueType, value: fieldMetaData.computedFieldValueType });
+    const [selectionDynamicProvider, setSelectionDynamicProvider] = useState(fieldMetaData?.selectionDynamicProvider && { label: fieldMetaData.selectionDynamicProvider, value: fieldMetaData.selectionDynamicProvider });
     // const [externalIdProvider, setExternalIdProvider] = useState(fieldMetaData?.externalIdProvider && { label: fieldMetaData.externalIdProvider, value: fieldMetaData.externalIdProvider });
-    var _87 = useState(fieldMetaData && fieldMetaData.selectionStaticValues && fieldMetaData.selectionStaticValues.length > 0 && (fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionStaticValues.filter(function (line) { return line.trim() !== ""; }).join("\n"))), selectionStaticValues = _87[0], setSelectionStaticValues = _87[1];
-    var _88 = useState([]), filteredComputedFieldValueTypes = _88[0], setFilteredComputedFieldValueTypes = _88[1];
-    var _89 = useState([]), filteredSelectionDynamicProvider = _89[0], setFilteredSelectionDynamicProvider = _89[1];
-    var _90 = useState([]), ormTypeOptions = _90[0], setOrmTypeOptions = _90[1];
-    var _91 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.ormType), selectedOrmType = _91[0], setSelectedOrmType = _91[1];
-    var _92 = useState(false), askForUserKeyField = _92[0], setAskForUserKeyField = _92[1];
-    var _93 = useState([]), userKeyFieldData = _93[0], setUserKeyFieldData = _93[1];
-    var _94 = useState([]), filteredExternalIdProvider = _94[0], setFilteredExternalIdProvider = _94[1];
-    var _95 = useState([]), filteredSelectionEncryptionType = _95[0], setFilteredSelectionEncryptionType = _95[1];
-    var _96 = useState([]), filteredSelectionDecryptWhen = _96[0], setFilteredSelectionDecryptWhen = _96[1];
-    var items = Array.from({ length: 100000 }).map(function (_, i) { return ({
-        label: "Item #".concat(i),
+    const [selectionStaticValues, setSelectionStaticValues] = useState(fieldMetaData && fieldMetaData.selectionStaticValues && fieldMetaData.selectionStaticValues.length > 0 && fieldMetaData?.selectionStaticValues.filter((line) => line.trim() !== "").join("\n"));
+    const [filteredComputedFieldValueTypes, setFilteredComputedFieldValueTypes] = useState([]);
+    const [filteredSelectionDynamicProvider, setFilteredSelectionDynamicProvider,] = useState([]);
+    const [ormTypeOptions, setOrmTypeOptions] = useState([]);
+    const [selectedOrmType, setSelectedOrmType] = useState(fieldMetaData?.ormType);
+    const [askForUserKeyField, setAskForUserKeyField] = useState(false);
+    const [userKeyFieldData, setUserKeyFieldData] = useState([]);
+    const [filteredExternalIdProvider, setFilteredExternalIdProvider,] = useState([]);
+    const [filteredSelectionEncryptionType, setFilteredSelectionEncryptionType] = useState([]);
+    const [filteredSelectionDecryptWhen, setFilteredSelectionDecryptWhen] = useState([]);
+    const items = Array.from({ length: 100000 }).map((_, i) => ({
+        label: `Item #${i}`,
         value: i,
-    }); });
-    var validationSchema = React.useMemo(function () { return createValidationSchema(currentFields, selectedType, allFields, fieldMetaData, encryptState); }, [currentFields, encryptState]);
-    var _97 = useState(false), typeSelected = _97[0], setTypeSelected = _97[1];
-    var searchMediaTypes = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, suggestionData;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                suggestionData = fieldDefaultMetaData.data.mediaTypes.filter(function (t) { return t.label.toLowerCase().startsWith(query.toLowerCase()); });
-                return [2 /*return*/, suggestionData];
+    }));
+    const validationSchema = React.useMemo(() => createValidationSchema(currentFields, selectedType, allFields, fieldMetaData, encryptState), [currentFields, encryptState]);
+    const [typeSelected, setTypeSelected] = useState(false);
+    const searchMediaTypes = async (event) => {
+        const query = event.query;
+        try {
+            const suggestionData = fieldDefaultMetaData.data.mediaTypes.filter((t) => t.label.toLowerCase().startsWith(query.toLowerCase()));
+            return suggestionData;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            return [];
+        }
+    };
+    const searchMediaStorageProvIderId = async (event) => {
+        try {
+            const query = event.query;
+            const queryData = {
+                limit: 10,
+                offset: 0,
+                // filters: {
+                //   name: {
+                //     $containsi: query,
+                //   },
+                // },
+            };
+            const queryString = qs.stringify(queryData, {
+                encodeValuesOnly: true,
+            });
+            const result = await triggerGetMediaStorageProvider(queryString).unwrap();
+            if (result && result.records) {
+                const updatedSuggestion = [...result.records];
+                return updatedSuggestion;
             }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                return [2 /*return*/, []];
+            else {
+                return [];
             }
-            return [2 /*return*/];
+        }
+        catch (error) {
+            return [];
+        }
+    };
+    const searchModel = async (event) => {
+        const query = event.query;
+        const queryData = {
+            limit: 10,
+            offset: 0,
+            // filters: {
+            //   title: {
+            //     $containsi: query
+            //   }
+            // }
+        };
+        const queryString = qs.stringify(queryData, {
+            encodeValuesOnly: true
         });
-    }); };
-    var searchMediaStorageProvIderId = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, queryData, queryString, result, updatedSuggestion, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    query = event.query;
-                    queryData = {
-                        limit: 10,
-                        offset: 0,
-                        // filters: {
-                        //   name: {
-                        //     $containsi: query,
-                        //   },
-                        // },
-                    };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true,
-                    });
-                    return [4 /*yield*/, triggerGetMediaStorageProvider(queryString).unwrap()];
-                case 1:
-                    result = _a.sent();
-                    if (result && result.records) {
-                        updatedSuggestion = __spreadArray([], result.records, true);
-                        return [2 /*return*/, updatedSuggestion];
-                    }
-                    else {
-                        return [2 /*return*/, []];
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _a.sent();
-                    return [2 /*return*/, []];
-                case 3: return [2 /*return*/];
+        // Trigger the API call manually
+        const result = await triggerGetModels(queryString).unwrap(); // Unwrap to access the data
+        // Map the API response to AutoComplete format
+        if (result && result.records) {
+            const filteredMenu = result.records.map((m) => ({
+                label: m.name,
+                value: m.id,
+                name: m.name,
+                id: m.id,
+            }));
+            // Update the suggestions in state
+            return filteredMenu;
+        }
+        else {
+            // Handle the case where no data is returned
+            return [];
+        }
+    };
+    const searchOrmTypes = async (event) => {
+        const query = event.query;
+        try {
+            const ormType = fieldDefaultMetaData.data.ormType[modelMetaData?.dataSourceType];
+            const _filteredOrmType = ormType[formik.values.type].ormTypes.map((e) => ({ label: e, value: e }));
+            const suggestionData = _filteredOrmType.filter((t) => t.label.toLowerCase().startsWith(query.toLowerCase()));
+            return suggestionData;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            return [];
+        }
+    };
+    const searchRelationModelModuleNames = async (event) => {
+        try {
+            const query = event.query;
+            const queryData = {
+                limit: 10,
+                offset: 0,
+                filters: {
+                    name: {
+                        $containsi: query,
+                    },
+                },
+            };
+            const queryString = qs.stringify(queryData, {
+                encodeValuesOnly: true,
+            });
+            const result = await triggerGetModules(queryString).unwrap(); // Unwrap to access the data
+            if (result && result.records) {
+                const updatedSuggestion = [...result.records];
+                return updatedSuggestion;
             }
-        });
-    }); };
-    var searchModel = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, queryData, queryString, result, filteredMenu;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    query = event.query;
-                    queryData = {
-                        limit: 10,
-                        offset: 0,
-                        // filters: {
-                        //   title: {
-                        //     $containsi: query
-                        //   }
-                        // }
-                    };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                    return [4 /*yield*/, triggerGetModels(queryString).unwrap()];
-                case 1:
-                    result = _a.sent();
-                    // Map the API response to AutoComplete format
-                    if (result && result.records) {
-                        filteredMenu = result.records.map(function (m) { return ({
-                            label: m.name,
-                            value: m.id,
-                            name: m.name,
-                            id: m.id,
-                        }); });
-                        // Update the suggestions in state
-                        return [2 /*return*/, filteredMenu];
-                    }
-                    else {
-                        // Handle the case where no data is returned
-                        return [2 /*return*/, []];
+            else {
+                return [];
+            }
+        }
+        catch (error) {
+            return [];
+        }
+    };
+    const searchrelationCoModelSingularNames = async (event) => {
+        try {
+            const query = event.query;
+            const queryData = {
+                limit: 10,
+                offset: 0,
+                filters: {
+                    module: {
+                        name: {
+                            $containsi: formik.values.relationModelModuleName
+                        }
                     }
-                    return [2 /*return*/];
+                }
+            };
+            if (query) {
+                queryData.filters.singularName = {
+                    $containsi: query,
+                };
             }
-        });
-    }); };
-    var searchOrmTypes = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, ormType, _filteredOrmType, suggestionData;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                ormType = fieldDefaultMetaData.data.ormType[modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.dataSourceType];
-                _filteredOrmType = ormType[formik.values.type].ormTypes.map(function (e) { return ({ label: e, value: e }); });
-                suggestionData = _filteredOrmType.filter(function (t) { return t.label.toLowerCase().startsWith(query.toLowerCase()); });
-                return [2 /*return*/, suggestionData];
+            const queryString = qs.stringify(queryData, {
+                encodeValuesOnly: true,
+            });
+            const result = await triggerGetModels(queryString).unwrap(); // Unwrap to access the data
+            if (result && result.records) {
+                const updatedSuggestion = [...result.records];
+                return updatedSuggestion;
             }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                return [2 /*return*/, []];
+            else {
+                return [];
             }
-            return [2 /*return*/];
-        });
-    }); };
-    var searchRelationModelModuleNames = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, queryData, queryString, result, updatedSuggestion, error_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    query = event.query;
-                    queryData = {
-                        limit: 10,
-                        offset: 0,
-                        filters: {
-                            name: {
-                                $containsi: query,
-                            },
-                        },
-                    };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true,
-                    });
-                    return [4 /*yield*/, triggerGetModules(queryString).unwrap()];
-                case 1:
-                    result = _a.sent();
-                    if (result && result.records) {
-                        updatedSuggestion = __spreadArray([], result.records, true);
-                        return [2 /*return*/, updatedSuggestion];
-                    }
-                    else {
-                        return [2 /*return*/, []];
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_2 = _a.sent();
-                    return [2 /*return*/, []];
-                case 3: return [2 /*return*/];
+        }
+        catch (error) {
+            return [];
+        }
+    };
+    const searchModuleName = async (event) => {
+        try {
+            const query = event.query;
+            const queryData = {
+                limit: 10,
+                offset: 0,
+                filters: {
+                    name: {
+                        $containsi: query,
+                    },
+                },
+            };
+            const queryString = qs.stringify(queryData, {
+                encodeValuesOnly: true,
+            });
+            const result = await triggerGetModules(queryString).unwrap(); // Unwrap to access the data
+            if (result && result.records) {
+                const updatedSuggestion = [...result.records];
+                return updatedSuggestion;
             }
-        });
-    }); };
-    var searchrelationCoModelSingularNames = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, queryData, queryString, result, updatedSuggestion, error_3;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    query = event.query;
-                    queryData = {
-                        limit: 10,
-                        offset: 0,
-                        filters: {
-                            module: {
-                                name: {
-                                    $containsi: formik.values.relationModelModuleName
-                                }
-                            }
-                        }
-                    };
-                    if (query) {
-                        queryData.filters.singularName = {
-                            $containsi: query,
-                        };
-                    }
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true,
-                    });
-                    return [4 /*yield*/, triggerGetModels(queryString).unwrap()];
-                case 1:
-                    result = _a.sent();
-                    if (result && result.records) {
-                        updatedSuggestion = __spreadArray([], result.records, true);
-                        return [2 /*return*/, updatedSuggestion];
-                    }
-                    else {
-                        return [2 /*return*/, []];
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_3 = _a.sent();
-                    return [2 /*return*/, []];
-                case 3: return [2 /*return*/];
+            else {
+                return [];
             }
-        });
-    }); };
-    var searchModuleName = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, queryData, queryString, result, updatedSuggestion, error_4;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    query = event.query;
-                    queryData = {
-                        limit: 10,
-                        offset: 0,
-                        filters: {
+        }
+        catch (error) {
+            return [];
+        }
+    };
+    const getSearchModelNameHandler = useCallback((moduleName) => {
+        return async (event) => {
+            try {
+                const query = event.query;
+                const queryData = {
+                    limit: 10,
+                    offset: 0,
+                    filters: {
+                        module: {
                             name: {
-                                $containsi: query,
+                                $containsi: moduleName,
                             },
                         },
+                    },
+                };
+                if (query) {
+                    queryData.filters.singularName = {
+                        $containsi: query,
                     };
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true,
-                    });
-                    return [4 /*yield*/, triggerGetModules(queryString).unwrap()];
-                case 1:
-                    result = _a.sent();
-                    if (result && result.records) {
-                        updatedSuggestion = __spreadArray([], result.records, true);
-                        return [2 /*return*/, updatedSuggestion];
-                    }
-                    else {
-                        return [2 /*return*/, []];
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_4 = _a.sent();
-                    return [2 /*return*/, []];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var getSearchModelNameHandler = useCallback(function (moduleName) {
-        return function (event) { return __awaiter(void 0, void 0, void 0, function () {
-            var query, queryData, queryString, result, error_5;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _b.trys.push([0, 2, , 3]);
-                        query = event.query;
-                        queryData = {
-                            limit: 10,
-                            offset: 0,
-                            filters: {
-                                module: {
-                                    name: {
-                                        $containsi: moduleName,
-                                    },
-                                },
-                            },
-                        };
-                        if (query) {
-                            queryData.filters.singularName = {
-                                $containsi: query,
-                            };
-                        }
-                        queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-                        return [4 /*yield*/, triggerGetModels(queryString).unwrap()];
-                    case 1:
-                        result = _b.sent();
-                        return [2 /*return*/, (_a = result === null || result === void 0 ? void 0 : result.records) !== null && _a !== void 0 ? _a : []];
-                    case 2:
-                        error_5 = _b.sent();
-                        return [2 /*return*/, []];
-                    case 3: return [2 /*return*/];
                 }
-            });
-        }); };
+                const queryString = qs.stringify(queryData, { encodeValuesOnly: true });
+                const result = await triggerGetModels(queryString).unwrap();
+                return result?.records ?? [];
+            }
+            catch (error) {
+                return [];
+            }
+        };
     }, [] // or include dependencies like triggerGetModels if needed
     );
-    var searchUserKeyField = function () {
+    const searchUserKeyField = () => {
         return userKeyFieldData;
     };
-    var searchComputedFieldValueType = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, _filteredTypes;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                _filteredTypes = fieldDefaultMetaData.data.computedFieldValueTypes.filter(function (t) { return t.label.toLowerCase().startsWith(query.toLowerCase()); });
-                setFilteredComputedFieldValueTypes(_filteredTypes);
-            }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                setFilteredComputedFieldValueTypes([]);
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var searchSelectionDynamicProvider = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, filterredData, transformedData;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                filterredData = fieldDefaultMetaData.data.selectionDynamicProviders.filter(function (t) { return t.provider.toLowerCase().startsWith(query.toLowerCase()); });
-                transformedData = filterredData.map(function (e) { return ({ label: e.provider, value: e.provider, help: e.help }); });
-                return [2 /*return*/, transformedData];
-            }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                return [2 /*return*/, []];
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var searchComputedProvider = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, filterredData, transformedData;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                filterredData = fieldDefaultMetaData.data.computedProviders.filter(function (t) { return t.provider.toLowerCase().startsWith(query.toLowerCase()); });
-                transformedData = filterredData.map(function (e) { return ({ label: e.provider, value: e.provider, help: e.help }); });
-                return [2 /*return*/, transformedData];
-            }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                return [2 /*return*/, []];
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var searchExternalIdProvider = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, filterredData, transformedData;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                filterredData = fieldDefaultMetaData.data.externalIdProviders.filter(function (t) { return t.provider.toLowerCase().startsWith(query.toLowerCase()); });
-                transformedData = filterredData.map(function (e) { return ({ label: e.provider, value: e.provider, help: e.help }); });
-                return [2 /*return*/, transformedData];
-            }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                return [2 /*return*/, []];
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var searchSelectionEncryptionType = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, _filteredTypes;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                _filteredTypes = fieldDefaultMetaData.data.encryptionTypes.filter(function (t) { return t.label.toLowerCase().startsWith(query.toLowerCase()); });
-                setFilteredSelectionEncryptionType(_filteredTypes);
-                return [2 /*return*/, _filteredTypes];
-            }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                setFilteredSelectionEncryptionType([]);
-                return [2 /*return*/, []];
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var searchSelectionDecryptWhen = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, _filteredTypes;
-        return __generator(this, function (_a) {
-            query = event.query;
-            try {
-                _filteredTypes = fieldDefaultMetaData.data.decryptWhenTypes.filter(function (t) { return t.label.toLowerCase().startsWith(query.toLowerCase()); });
-                setFilteredSelectionDecryptWhen(_filteredTypes);
-                return [2 /*return*/, _filteredTypes];
-            }
-            catch (error) {
-                console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
-                setFilteredSelectionDecryptWhen([]);
-                return [2 /*return*/, []];
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var isFormFieldValid = function (formik, fieldName) {
+    const searchComputedFieldValueType = async (event) => {
+        const query = event.query;
+        try {
+            const _filteredTypes = fieldDefaultMetaData.data.computedFieldValueTypes.filter((t) => t.label.toLowerCase().startsWith(query.toLowerCase()));
+            setFilteredComputedFieldValueTypes(_filteredTypes);
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            setFilteredComputedFieldValueTypes([]);
+        }
+    };
+    const searchSelectionDynamicProvider = async (event) => {
+        const query = event.query;
+        try {
+            const filterredData = fieldDefaultMetaData.data.selectionDynamicProviders.filter((t) => t.provider.toLowerCase().startsWith(query.toLowerCase()));
+            const transformedData = filterredData.map((e) => ({ label: e.provider, value: e.provider, help: e.help }));
+            return transformedData;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            return [];
+        }
+    };
+    const searchComputedProvider = async (event) => {
+        const query = event.query;
+        try {
+            const filterredData = fieldDefaultMetaData.data.computedProviders.filter((t) => t.provider.toLowerCase().startsWith(query.toLowerCase()));
+            const transformedData = filterredData.map((e) => ({ label: e.provider, value: e.provider, help: e.help }));
+            return transformedData;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            return [];
+        }
+    };
+    const searchExternalIdProvider = async (event) => {
+        const query = event.query;
+        try {
+            const filterredData = fieldDefaultMetaData.data.externalIdProviders.filter((t) => t.provider.toLowerCase().startsWith(query.toLowerCase()));
+            const transformedData = filterredData.map((e) => ({ label: e.provider, value: e.provider, help: e.help }));
+            return transformedData;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            return [];
+        }
+    };
+    const searchSelectionEncryptionType = async (event) => {
+        const query = event.query;
+        try {
+            const _filteredTypes = fieldDefaultMetaData.data.encryptionTypes.filter((t) => t.label.toLowerCase().startsWith(query.toLowerCase()));
+            setFilteredSelectionEncryptionType(_filteredTypes);
+            return _filteredTypes;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            setFilteredSelectionEncryptionType([]);
+            return [];
+        }
+    };
+    const searchSelectionDecryptWhen = async (event) => {
+        const query = event.query;
+        try {
+            const _filteredTypes = fieldDefaultMetaData.data.decryptWhenTypes.filter((t) => t.label.toLowerCase().startsWith(query.toLowerCase()));
+            setFilteredSelectionDecryptWhen(_filteredTypes);
+            return _filteredTypes;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);
+            setFilteredSelectionDecryptWhen([]);
+            return [];
+        }
+    };
+    const isFormFieldValid = (formik, fieldName) => {
         return formik.touched[fieldName] && formik.errors[fieldName];
     };
-    var mediaStorageProviderId = [
+    const mediaStorageProviderId = [
         { label: "mediaStorageProviderId", value: "mediaStorageProviderId" },
         { label: "id2", value: "2" },
     ];
-    var selctionValueTypes = [
+    const selctionValueTypes = [
         { label: "String", value: "string" },
         { label: "Int", value: "int" },
     ];
-    var relationCreateInverses = [
+    const relationCreateInverses = [
         { label: "True", value: "true" },
         { label: "False", value: "false" },
     ];
-    var _98 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPattern), selectedPasswordPolicy = _98[0], setSelectedPasswordPolicy = _98[1];
-    var passwordPolicyOptions = [
+    const [selectedPasswordPolicy, setSelectedPasswordPolicy] = useState(fieldMetaData?.regexPattern);
+    const passwordPolicyOptions = [
         { label: 'Lowercase and Uppercase Alphabets Required', value: '^(?=.*[a-z])(?=.*[A-Z]).*$' },
         { label: 'Lowercase and Uppercase Alphabets and Numbers Required', value: '^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).*$' },
         { label: 'Lowercase and Uppercase Alphabets, Numbers, and Special Characters Required', value: '^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&]).*$' },
         { label: 'custom', value: 'custom' },
     ];
-    var mediaTypesOptions = [
+    const mediaTypesOptions = [
         { label: 'Image (Supports JPEG, PNG, WEBP, etc.)', value: 'image' },
         { label: 'Audio (Supports MP3, WAV, AAC, etc.)', value: 'audio' },
         { label: 'Video (Supports MP4, AVI, MKV, etc.)', value: 'video' },
         { label: 'File (Supports PDF, DOCX, TXT, etc.)', value: 'file' }
     ];
-    var parseComputedFieldTriggerConfig = function (input) {
+    const parseComputedFieldTriggerConfig = (input) => {
         try {
             if (typeof input === "string") {
-                var parsed = JSON.parse(input);
+                const parsed = JSON.parse(input);
                 return Array.isArray(parsed) ? parsed : [parsed];
             }
             else if (Array.isArray(input)) {
@@ -896,137 +816,123 @@ var FieldMetaDataForm = function (_a) {
                 return [input];
             }
         }
-        catch (_a) {
+        catch {
             return [{ moduleName: "", modelName: "", operations: [] }];
         }
         return [{ moduleName: "", modelName: "", operations: [] }];
     };
-    var initialValues = {
-        name: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.name : null,
-        displayName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.displayName : null,
-        description: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.description : null,
-        type: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type : null,
-        ormType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.ormType : null,
-        length: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.length : null,
-        defaultValue: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.defaultValue : null,
-        regexPattern: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPattern : null,
-        regexPatternNotMatchingErrorMsg: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPatternNotMatchingErrorMsg : "Invalid regex pattern",
-        required: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.required : false,
-        unique: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.unique : false,
-        encrypt: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.encrypt : false,
-        encryptionType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.encryptionType : null,
-        decryptWhen: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.decryptWhen : null,
-        index: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.index : false,
-        min: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.min : null,
-        max: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.max : null,
-        private: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.private : false,
-        mediaTypes: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.mediaTypes : null,
-        mediaMaxSizeKb: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.mediaMaxSizeKb : null,
-        mediaStorageProviderId: fieldMetaData ? (_b = fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.mediaStorageProvider) === null || _b === void 0 ? void 0 : _b.id : null,
-        mediaStorageProvider: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.mediaStorageProvider : null,
-        mediaEmbedded: fieldMetaData ? ((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.mediaEmbedded) && (fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.mediaEmbedded.toString())) : "true",
-        relationType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationType : null,
-        relationCoModelSingularName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationCoModelSingularName : null,
-        relationCoModelFieldName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationCoModelFieldName : null,
-        relationCreateInverse: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationCreateInverse : false,
-        relationCascade: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationCascade : 'cascade',
-        relationModelModuleName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationModelModuleName : modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module.name,
-        relationFieldFixedFilter: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationFieldFixedFilter : "",
-        selectionDynamicProvider: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionDynamicProvider : null,
-        selectionDynamicProviderCtxt: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionDynamicProviderCtxt : "",
-        selectionStaticValues: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionStaticValues : [""],
-        selectionValueType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionValueType : null,
-        computedFieldValueProvider: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider : null,
-        computedFieldValueType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueType : null,
-        computedFieldTriggerConfig: parseComputedFieldTriggerConfig(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig),
-        computedFieldValueProviderCtxt: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProviderCtxt : "",
+    const initialValues = {
+        name: fieldMetaData ? fieldMetaData?.name : null,
+        displayName: fieldMetaData ? fieldMetaData?.displayName : null,
+        description: fieldMetaData ? fieldMetaData?.description : null,
+        type: fieldMetaData ? fieldMetaData?.type : null,
+        ormType: fieldMetaData ? fieldMetaData?.ormType : null,
+        length: fieldMetaData ? fieldMetaData?.length : null,
+        defaultValue: fieldMetaData ? fieldMetaData?.defaultValue : null,
+        regexPattern: fieldMetaData ? fieldMetaData?.regexPattern : null,
+        regexPatternNotMatchingErrorMsg: fieldMetaData ? fieldMetaData?.regexPatternNotMatchingErrorMsg : "Invalid regex pattern",
+        required: fieldMetaData ? fieldMetaData?.required : false,
+        unique: fieldMetaData ? fieldMetaData?.unique : false,
+        encrypt: fieldMetaData ? fieldMetaData?.encrypt : false,
+        encryptionType: fieldMetaData ? fieldMetaData?.encryptionType : null,
+        decryptWhen: fieldMetaData ? fieldMetaData?.decryptWhen : null,
+        index: fieldMetaData ? fieldMetaData?.index : false,
+        min: fieldMetaData ? fieldMetaData?.min : null,
+        max: fieldMetaData ? fieldMetaData?.max : null,
+        private: fieldMetaData ? fieldMetaData?.private : false,
+        mediaTypes: fieldMetaData ? fieldMetaData?.mediaTypes : null,
+        mediaMaxSizeKb: fieldMetaData ? fieldMetaData?.mediaMaxSizeKb : null,
+        mediaStorageProviderId: fieldMetaData ? fieldMetaData?.mediaStorageProvider?.id : null,
+        mediaStorageProvider: fieldMetaData ? fieldMetaData?.mediaStorageProvider : null,
+        mediaEmbedded: fieldMetaData ? (fieldMetaData?.mediaEmbedded && fieldMetaData?.mediaEmbedded.toString()) : "true",
+        relationType: fieldMetaData ? fieldMetaData?.relationType : null,
+        relationCoModelSingularName: fieldMetaData ? fieldMetaData?.relationCoModelSingularName : null,
+        relationCoModelFieldName: fieldMetaData ? fieldMetaData?.relationCoModelFieldName : null,
+        relationCreateInverse: fieldMetaData ? fieldMetaData?.relationCreateInverse : false,
+        relationCascade: fieldMetaData ? fieldMetaData?.relationCascade : 'cascade',
+        relationModelModuleName: fieldMetaData ? fieldMetaData?.relationModelModuleName : modelMetaData?.module.name,
+        relationFieldFixedFilter: fieldMetaData ? fieldMetaData?.relationFieldFixedFilter : "",
+        selectionDynamicProvider: fieldMetaData ? fieldMetaData?.selectionDynamicProvider : null,
+        selectionDynamicProviderCtxt: fieldMetaData ? fieldMetaData?.selectionDynamicProviderCtxt : "",
+        selectionStaticValues: fieldMetaData ? fieldMetaData?.selectionStaticValues : [""],
+        selectionValueType: fieldMetaData ? fieldMetaData?.selectionValueType : null,
+        computedFieldValueProvider: fieldMetaData ? fieldMetaData?.computedFieldValueProvider : null,
+        computedFieldValueType: fieldMetaData ? fieldMetaData?.computedFieldValueType : null,
+        computedFieldTriggerConfig: parseComputedFieldTriggerConfig(fieldMetaData?.computedFieldTriggerConfig),
+        computedFieldValueProviderCtxt: fieldMetaData ? fieldMetaData?.computedFieldValueProviderCtxt : "",
         // externalIdProvider: fieldMetaData ? fieldMetaData?.externalIdProvider : null,
         // externalIdProviderCtxt: fieldMetaData ? fieldMetaData?.externalIdProviderCtxt : "",
-        isSystem: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.isSystem : false,
-        columnName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.columnName : null,
-        isUserKey: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.isUserKey : false,
-        relationCoModelColumnName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationCoModelColumnName : null,
-        relationJoinTableName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationJoinTableName : null,
-        userKey: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.userKey : null,
-        enableAuditTracking: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.enableAuditTracking : true,
-        isPrimaryKey: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.isPrimaryKey : false,
-        isMultiSelect: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.isMultiSelect : false,
+        isSystem: fieldMetaData ? fieldMetaData?.isSystem : false,
+        columnName: fieldMetaData ? fieldMetaData?.columnName : null,
+        isUserKey: fieldMetaData ? fieldMetaData?.isUserKey : false,
+        relationCoModelColumnName: fieldMetaData ? fieldMetaData?.relationCoModelColumnName : null,
+        relationJoinTableName: fieldMetaData ? fieldMetaData?.relationJoinTableName : null,
+        userKey: fieldMetaData ? fieldMetaData?.userKey : null,
+        enableAuditTracking: fieldMetaData ? fieldMetaData?.enableAuditTracking : true,
+        isPrimaryKey: fieldMetaData ? fieldMetaData?.isPrimaryKey : false,
+        isMultiSelect: fieldMetaData ? fieldMetaData?.isMultiSelect : false,
     };
-    var formik = useFormik({
-        initialValues: initialValues,
-        validationSchema: validationSchema,
+    const formik = useFormik({
+        initialValues,
+        validationSchema,
         enableReinitialize: true,
-        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
-            var data;
-            return __generator(this, function (_a) {
-                try {
-                    setFieldMetaData(function (prevItems) {
-                        var newFieldData = __assign(__assign({}, values), { isSystem: values.isSystem == true ? true : '' });
-                        var formtatedFieldPayload = fieldBasedPayloadFormating(newFieldData, currentFields, fieldMetaData);
-                        var existingIndex = prevItems.findIndex(function (item) { return item.identifier === formtatedFieldPayload.identifier; });
-                        if (existingIndex !== -1) {
-                            var updatedItems = __spreadArray([], prevItems, true);
-                            updatedItems[existingIndex] = formtatedFieldPayload;
-                            return updatedItems;
-                        }
-                        else {
-                            if ((params === null || params === void 0 ? void 0 : params.id) !== 'new' && (formtatedFieldPayload === null || formtatedFieldPayload === void 0 ? void 0 : formtatedFieldPayload.required) && !(formtatedFieldPayload === null || formtatedFieldPayload === void 0 ? void 0 : formtatedFieldPayload.defaultValue)) {
-                                setIsRequiredPopUp(true);
-                            }
-                            return __spreadArray(__spreadArray([], prevItems, true), [formtatedFieldPayload], false);
+        onSubmit: async (values) => {
+            try {
+                setFieldMetaData((prevItems) => {
+                    const newFieldData = { ...values, isSystem: values.isSystem == true ? true : '' };
+                    const formtatedFieldPayload = fieldBasedPayloadFormating(newFieldData, currentFields, fieldMetaData);
+                    const existingIndex = prevItems.findIndex((item) => item.identifier === formtatedFieldPayload.identifier);
+                    if (existingIndex !== -1) {
+                        const updatedItems = [...prevItems];
+                        updatedItems[existingIndex] = formtatedFieldPayload;
+                        return updatedItems;
+                    }
+                    else {
+                        if (params?.id !== 'new' && formtatedFieldPayload?.required && !formtatedFieldPayload?.defaultValue) {
+                            setIsRequiredPopUp(true);
                         }
-                    });
-                    if (values.userKey) {
-                        data = {
-                            modelName: values.relationCoModelSingularName,
-                            fieldName: values.userKey
-                        };
-                        updateUserKey(data);
+                        return [...prevItems, formtatedFieldPayload];
                     }
-                    // nextTab()
-                    setVisiblePopup(false);
-                }
-                catch (err) {
-                    console.error(ERROR_MESSAGES.CREATE_MODEL, err);
+                });
+                if (values.userKey) {
+                    const data = {
+                        modelName: values.relationCoModelSingularName,
+                        fieldName: values.userKey
+                    };
+                    updateUserKey(data);
                 }
-                return [2 /*return*/];
-            });
-        }); },
+                // nextTab()
+                setVisiblePopup(false);
+            }
+            catch (err) {
+                console.error(ERROR_MESSAGES.CREATE_MODEL, err);
+            }
+        },
         validateOnBlur: false // Disable validation on blur
     });
-    var showError = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var errors, errorMessages;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, formik.validateForm()];
-                case 1:
-                    errors = _b.sent();
-                    errorMessages = Object.values(errors);
-                    if (errorMessages.length > 0) {
-                        (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                            severity: "error",
-                            summary: ERROR_MESSAGES.SEND_REPORT,
-                            // sticky: true,
-                            life: 3000,
-                            //@ts-ignore
-                            content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
-                        });
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    useEffect(function () {
-        var _a;
+    const showError = async () => {
+        const errors = await formik.validateForm(); // Trigger validation and get the updated errors
+        const errorMessages = Object.values(errors);
+        if (errorMessages.length > 0) {
+            toast?.current?.show({
+                severity: "error",
+                summary: ERROR_MESSAGES.SEND_REPORT,
+                // sticky: true,
+                life: 3000,
+                //@ts-ignore
+                content: (props) => (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map((m, index) => (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index))) })),
+            });
+        }
+    };
+    useEffect(() => {
         if (isUpdateUserKeySuccess) {
-            showToaster([(_a = newModel === null || newModel === void 0 ? void 0 : newModel.data) === null || _a === void 0 ? void 0 : _a.message], "success");
+            showToaster([newModel?.data?.message], "success");
         }
         if (isUpdateUserKeyError) {
             showToaster(UpdateUserKeyError, 'error');
         }
     }, [isUpdateUserKeySuccess, isUpdateUserKeyError]);
-    var handleTypeSelect = function (e, label) {
+    const handleTypeSelect = (e, label) => {
         setShowTypeFilter(false);
         setSelectedType({ label: label, value: e });
         formik.setFieldValue("type", e);
@@ -1036,8 +942,8 @@ var FieldMetaDataForm = function (_a) {
         else {
             formik.setFieldValue("regexPattern", "");
         }
-        var ormType = fieldDefaultMetaData.data.ormType[modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.dataSourceType];
-        var availableOrmTypes = ormType[e];
+        const ormType = fieldDefaultMetaData.data.ormType[modelMetaData?.dataSourceType];
+        const availableOrmTypes = ormType[e];
         // setFilteredOrmTypes(availableOrmTypes.ormTypes.map((e: any) => ({
         //   label: e,
         //   value: e,
@@ -1049,114 +955,101 @@ var FieldMetaDataForm = function (_a) {
         setCurrentFields(fetchCurrentFields(e, fieldDefaultMetaData));
         // setTypeSelected(true);
     };
-    useEffect((function () {
-        setOrmTypeOptions(fieldDefaultMetaData && formik.values.type && fieldDefaultMetaData.data.ormType[modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.dataSourceType][formik.values.type].ormTypes);
+    useEffect((() => {
+        setOrmTypeOptions(fieldDefaultMetaData && formik.values.type && fieldDefaultMetaData.data.ormType[modelMetaData?.dataSourceType][formik.values.type].ormTypes);
     }), [formik]);
-    useEffect(function () {
+    useEffect(() => {
         if (fieldMetaData && fieldMetaData.columnName) {
             setShowColumnName(true);
         }
     }, [fieldMetaData]);
-    useEffect(function () {
-        var fetchFields = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var queryData, queryString, result, validUserKeyFields;
-            var _a, _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        queryData = {
-                            limit: 100,
-                            offset: 0,
-                            filters: {
-                                singularName: {
-                                    $eq: formik.values.relationCoModelSingularName
-                                }
-                            },
-                            populate: ['fields']
-                        };
-                        queryString = qs.stringify(queryData, {
-                            encodeValuesOnly: true,
-                        });
-                        return [4 /*yield*/, triggerGetModels(queryString).unwrap()];
-                    case 1:
-                        result = _d.sent();
-                        if (result && result.records) {
-                            if (!((_a = result === null || result === void 0 ? void 0 : result.records[0]) === null || _a === void 0 ? void 0 : _a.userKeyField)) {
-                                setAskForUserKeyField(true);
-                                validUserKeyFields = (_c = (_b = result === null || result === void 0 ? void 0 : result.records[0]) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.filter(function (field) { return (field === null || field === void 0 ? void 0 : field.unique) === true && (field === null || field === void 0 ? void 0 : field.type) === 'shortText'; });
-                                setUserKeyFieldData(validUserKeyFields);
-                            }
-                            else {
-                                setAskForUserKeyField(false);
-                                setUserKeyFieldData([]);
-                            }
-                        }
-                        return [2 /*return*/];
-                }
+    useEffect(() => {
+        const fetchFields = async () => {
+            const queryData = {
+                limit: 100,
+                offset: 0,
+                filters: {
+                    singularName: {
+                        $eq: formik.values.relationCoModelSingularName
+                    }
+                },
+                populate: ['fields']
+            };
+            const queryString = qs.stringify(queryData, {
+                encodeValuesOnly: true,
             });
-        }); };
+            const result = await triggerGetModels(queryString).unwrap();
+            if (result && result.records) {
+                if (!result?.records[0]?.userKeyField) {
+                    setAskForUserKeyField(true);
+                    const validUserKeyFields = result?.records[0]?.fields?.filter((field) => field?.unique === true && field?.type === 'shortText');
+                    setUserKeyFieldData(validUserKeyFields);
+                }
+                else {
+                    setAskForUserKeyField(false);
+                    setUserKeyFieldData([]);
+                }
+            }
+        };
         if (formik.values.relationCoModelSingularName) {
             fetchFields();
         }
     }, [formik.values.relationCoModelSingularName]);
-    var updateEnumValues = function (index, updatedString) {
-        var updatedValues = formik.values.selectionStaticValues.map(function (enumValue, i) {
-            return i === index ? updatedString : enumValue;
-        });
+    const updateEnumValues = (index, updatedString) => {
+        const updatedValues = formik.values.selectionStaticValues.map((enumValue, i) => i === index ? updatedString : enumValue);
         formik.setFieldValue("selectionStaticValues", updatedValues);
     };
-    var addEnumValue = function () {
-        formik.setFieldValue("selectionStaticValues", __spreadArray(__spreadArray([], formik.values.selectionStaticValues, true), [":"], false));
+    const addEnumValue = () => {
+        formik.setFieldValue("selectionStaticValues", [...formik.values.selectionStaticValues, ":"]);
     };
-    var deleteEnumValue = function (index) {
+    const deleteEnumValue = (index) => {
         if (formik.values.selectionStaticValues.length > 1) {
-            var updatedRows = formik.values.selectionStaticValues.filter(function (_, rowIndex) { return rowIndex !== index; });
+            const updatedRows = formik.values.selectionStaticValues.filter((_, rowIndex) => rowIndex !== index);
             formik.setFieldValue("selectionStaticValues", updatedRows);
         }
         else {
         }
     };
-    useEffect(function () {
+    useEffect(() => {
         if (formik.dirty) {
             setIsDirty(true);
         }
     }, [formik.dirty]);
-    var handleChange = function (index, updatedRow) {
-        var updatedRows = __spreadArray([], formik.values.computedFieldTriggerConfig, true);
+    const handleChange = (index, updatedRow) => {
+        const updatedRows = [...formik.values.computedFieldTriggerConfig];
         updatedRows[index] = updatedRow;
         formik.setFieldValue("computedFieldTriggerConfig", updatedRows);
     };
-    var handleAdd = function () {
-        var updatedRows = __spreadArray(__spreadArray([], formik.values.computedFieldTriggerConfig, true), [
+    const handleAdd = () => {
+        const updatedRows = [
+            ...formik.values.computedFieldTriggerConfig,
             { moduleName: '', modelName: '', operations: [] }
-        ], false);
+        ];
         formik.setFieldValue("computedFieldTriggerConfig", updatedRows);
     };
-    var handleDelete = function (index) {
-        var updatedRows = formik.values.computedFieldTriggerConfig.filter(function (_, i) { return i !== index; });
+    const handleDelete = (index) => {
+        const updatedRows = formik.values.computedFieldTriggerConfig.filter((_, i) => i !== index);
         formik.setFieldValue("computedFieldTriggerConfig", updatedRows.length > 0 ? updatedRows : [{ moduleName: '', modelName: '', operations: [] }]);
     };
     console.log("formik.values.computedFieldTriggerConfig", formik.values.computedFieldTriggerConfig);
-    var computedFieldSearchHandlers = useMemo(function () {
-        return formik.values.computedFieldTriggerConfig.map(function (row) {
-            return getSearchModelNameHandler(row.moduleName);
-        });
+    const computedFieldSearchHandlers = useMemo(() => {
+        return formik.values.computedFieldTriggerConfig.map(row => getSearchModelNameHandler(row.moduleName));
     }, [formik.values.computedFieldTriggerConfig]);
     return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx("div", { className: "solid-field-metadata-form-header", children: pathname.includes('create') ?
                                 _jsxs(_Fragment, { children: [_jsx("div", { className: "flex align-items-center gap-3", children: showTypeFilter === false ?
-                                                _jsxs(_Fragment, { children: [_jsx(Button, { text: true, icon: 'pi pi-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button', onClick: function () {
+                                                _jsxs(_Fragment, { children: [_jsx(Button, { text: true, icon: 'pi pi-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button', onClick: () => {
                                                                 if (!formik.values.displayName) {
                                                                     setShowTypeFilter(true);
                                                                 }
                                                                 else {
                                                                     setIsBackPopupVisible(true);
                                                                 }
-                                                            } }), _jsx("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: capitalize(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName) })] })
+                                                            } }), _jsx("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: capitalize(modelMetaData?.displayName) })] })
                                                 :
-                                                    _jsx("div", { className: "flex text-2xl font-bold align-items-center ml-4", style: { color: '#000' }, children: _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Model - ", capitalize(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName)] }) }) }), _jsx("div", { className: "flex align-items-center gap-3 close-popup", children: _jsx(Button, { icon: "pi pi-times", rounded: true, text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: function () { return setVisiblePopup(false); }, className: 'max-w-2rem bg-primary-reverse text-color' }) })] })
+                                                    _jsx("div", { className: "flex text-2xl font-bold align-items-center ml-4", style: { color: '#000' }, children: _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Model - ", capitalize(modelMetaData?.displayName)] }) }) }), _jsx("div", { className: "flex align-items-center gap-3 close-popup", children: _jsx(Button, { icon: "pi pi-times", rounded: true, text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: () => setVisiblePopup(false), className: 'max-w-2rem bg-primary-reverse text-color' }) })] })
                                 :
-                                    _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [!(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id) &&
-                                                        _jsx(Button, { text: true, icon: 'pi pi-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button', onClick: function () {
+                                    _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [!fieldMetaData?.id &&
+                                                        _jsx(Button, { text: true, icon: 'pi pi-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button', onClick: () => {
                                                                 if (!formik.values.displayName) {
                                                                     setShowTypeFilter(true);
                                                                 }
@@ -1164,28 +1057,28 @@ var FieldMetaDataForm = function (_a) {
                                                                     setIsBackPopupVisible(true);
                                                                 }
                                                             } }), fieldMetaData ?
-                                                        _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Edit ", capitalize(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.displayName)] })
+                                                        _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Edit ", capitalize(fieldMetaData?.displayName)] })
                                                         :
-                                                            _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Add New ", (selectedType === null || selectedType === void 0 ? void 0 : selectedType.label) && !showTypeFilter && capitalize(selectedType.label), " Field to ", capitalize(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName)] })] }), _jsx("div", { className: "flex align-items-center gap-3 close-popup", children: _jsx(Button, { icon: "pi pi-times", text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: function () { return setVisiblePopup(false); }, className: 'max-w-2rem bg-primary-reverse text-color' }) })] }) }), showTypeFilter === true ?
+                                                            _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Add New ", selectedType?.label && !showTypeFilter && capitalize(selectedType.label), " Field to ", capitalize(modelMetaData?.displayName)] })] }), _jsx("div", { className: "flex align-items-center gap-3 close-popup", children: _jsx(Button, { icon: "pi pi-times", text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: () => setVisiblePopup(false), className: 'max-w-2rem bg-primary-reverse text-color' }) })] }) }), showTypeFilter === true ?
                             _jsx(FieldSelector, { handleTypeSelect: handleTypeSelect, modelMetaData: modelMetaData })
                             :
-                                _jsx("div", { className: "p-4", style: { maxHeight: '80vh', overflowY: 'auto', overflowX: 'hidden' }, children: _jsx("div", { className: "p-d-flex p-jc-center creat-field-for form-dem", children: _jsxs("div", { className: "p-fluid", style: { position: 'relative' }, children: [_jsxs(TabView, { panelContainerClassName: "px-0", children: [_jsx(TabPanel, { header: "Basic Info", className: (formik.touched.hasOwnProperty("name") && formik.errors.hasOwnProperty("name")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("displayName")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("ormType")) ? "tab-error-heading" : "", children: _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("displayName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Display Name" }), _jsx(InputText, { type: "text", disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, id: "displayName", name: "displayName", onChange: function (e) {
+                                _jsx("div", { className: "p-4", style: { maxHeight: '80vh', overflowY: 'auto', overflowX: 'hidden' }, children: _jsx("div", { className: "p-d-flex p-jc-center creat-field-for form-dem", children: _jsxs("div", { className: "p-fluid", style: { position: 'relative' }, children: [_jsxs(TabView, { panelContainerClassName: "px-0", children: [_jsx(TabPanel, { header: "Basic Info", className: (formik.touched.hasOwnProperty("name") && formik.errors.hasOwnProperty("name")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("displayName")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("ormType")) ? "tab-error-heading" : "", children: _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("displayName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Display Name" }), _jsx(InputText, { type: "text", disabled: fieldMetaData?.id, id: "displayName", name: "displayName", onChange: (e) => {
                                                                                     formik.setFieldValue("displayName", e.target.value);
-                                                                                    var _a = getSingularAndPlural(e.target.value), toCamelCase = _a.toCamelCase, toSnakeCase = _a.toSnakeCase, toPluralCamelCase = _a.toPluralCamelCase;
+                                                                                    const { toCamelCase, toSnakeCase, toPluralCamelCase } = getSingularAndPlural(e.target.value);
                                                                                     formik.setFieldValue("name", toCamelCase);
                                                                                     if (showColumnName) {
                                                                                         formik.setFieldValue("columnName", toSnakeCase);
                                                                                     }
                                                                                 }, value: formik.values.displayName, className: classNames("", {
                                                                                     "p-invalid": isFormFieldValid(formik, "displayName"),
-                                                                                }) }), isFormFieldValid(formik, "displayName") && (_jsx(Message, { severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.displayName) === null || _d === void 0 ? void 0 : _d.toString() }))] })), currentFields.includes("name") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 md:mt-0", children: [_jsx("label", { htmlFor: "name", className: "form-field-label", children: "Name" }), _jsx(InputText, { disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: classNames("", {
+                                                                                }) }), isFormFieldValid(formik, "displayName") && (_jsx(Message, { severity: "error", text: formik?.errors?.displayName?.toString() }))] })), currentFields.includes("name") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 md:mt-0", children: [_jsx("label", { htmlFor: "name", className: "form-field-label", children: "Name" }), _jsx(InputText, { disabled: fieldMetaData?.id, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: classNames("", {
                                                                                     "p-invalid": isFormFieldValid(formik, "name"),
-                                                                                }) }), isFormFieldValid(formik, "name") && (_jsx(Message, { severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.name) === null || _f === void 0 ? void 0 : _f.toString() }))] })), currentFields.includes("description") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 md:mt-4", children: [_jsx("label", { htmlFor: "description", className: "form-field-label", children: "Description" }), _jsx(InputTextarea, { "aria-describedby": "Description of your field", id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, rows: 5, cols: 30, className: classNames("", {
+                                                                                }) }), isFormFieldValid(formik, "name") && (_jsx(Message, { severity: "error", text: formik?.errors?.name?.toString() }))] })), currentFields.includes("description") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 md:mt-4", children: [_jsx("label", { htmlFor: "description", className: "form-field-label", children: "Description" }), _jsx(InputTextarea, { "aria-describedby": "Description of your field", id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, rows: 5, cols: 30, className: classNames("", {
                                                                                     "p-invalid": isFormFieldValid(formik, "description"),
-                                                                                }) }), isFormFieldValid(formik, "description") && (_jsx(Message, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.description) === null || _h === void 0 ? void 0 : _h.toString() }))] })), currentFields.includes("columnName") && (_jsxs("div", { className: "field col-12 md:col-6 mt-4", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { onChange: function (e) {
+                                                                                }) }), isFormFieldValid(formik, "description") && (_jsx(Message, { severity: "error", text: formik?.errors?.description?.toString() }))] })), currentFields.includes("columnName") && (_jsxs("div", { className: "field col-12 md:col-6 mt-4", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { onChange: e => {
                                                                                             setShowColumnName(e.checked);
                                                                                             if (e.checked === true) {
-                                                                                                var _a = getSingularAndPlural(formik.values.displayName), toCamelCase = _a.toCamelCase, toSnakeCase = _a.toSnakeCase, toPluralCamelCase = _a.toPluralCamelCase;
+                                                                                                const { toCamelCase, toSnakeCase, toPluralCamelCase } = getSingularAndPlural(formik.values.displayName);
                                                                                                 if (pathname.includes('create')) {
                                                                                                     formik.setFieldValue("columnName", toSnakeCase);
                                                                                                 }
@@ -1193,88 +1086,81 @@ var FieldMetaDataForm = function (_a) {
                                                                                             else {
                                                                                                 formik.setFieldValue("columnName", null);
                                                                                             }
-                                                                                        }, checked: showColumnName, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Set Column Name" })] }), showColumnName &&
-                                                                                _jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "columnName", className: "form-field-label", children: "Column Name" }), _jsx(InputText, { disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, type: "text", id: "columnName", name: "columnName", onChange: formik.handleChange, value: formik.values.columnName, className: classNames("", {
+                                                                                        }, checked: showColumnName, disabled: fieldMetaData?.id }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Set Column Name" })] }), showColumnName &&
+                                                                                _jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "columnName", className: "form-field-label", children: "Column Name" }), _jsx(InputText, { disabled: fieldMetaData?.id, type: "text", id: "columnName", name: "columnName", onChange: formik.handleChange, value: formik.values.columnName, className: classNames("", {
                                                                                                 "p-invalid": isFormFieldValid(formik, "columnName"),
-                                                                                            }) }), isFormFieldValid(formik, "columnName") && (_jsx(Message, { severity: "error", text: (_k = (_j = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _j === void 0 ? void 0 : _j.columnName) === null || _k === void 0 ? void 0 : _k.toString() }))] })] }))] }) }), _jsxs(TabPanel, { header: "Advanced Config", children: [((_m = (_l = formik === null || formik === void 0 ? void 0 : formik.values) === null || _l === void 0 ? void 0 : _l.type) === null || _m === void 0 ? void 0 : _m.length) > 0 && (_jsxs("div", { className: "formgrid grid", children: [currentFields.includes("length") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "length", className: "form-field-label", children: "Length" }), _jsx(InputNumber
+                                                                                            }) }), isFormFieldValid(formik, "columnName") && (_jsx(Message, { severity: "error", text: formik?.errors?.columnName?.toString() }))] })] }))] }) }), _jsxs(TabPanel, { header: "Advanced Config", children: [formik?.values?.type?.length > 0 && (_jsxs("div", { className: "formgrid grid", children: [currentFields.includes("length") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "length", className: "form-field-label", children: "Length" }), _jsx(InputNumber
                                                                                 // type="text"
                                                                                 , { 
                                                                                     // type="text"
                                                                                     id: "length", name: "length", onValueChange: formik.handleChange, value: formik.values.length, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "length"),
-                                                                                    }) }), isFormFieldValid(formik, "length") && (_jsx(Message, { severity: "error", text: (_p = (_o = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _o === void 0 ? void 0 : _o.length) === null || _p === void 0 ? void 0 : _p.toString() }))] })), currentFields.includes("defaultValue") && (_jsxs("div", { className: "field col-12  md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "defaultValue", className: "form-field-label", children: "Default Value" }), (selectedType.value === "shortText" || selectedType.value === "longText" || selectedType.value === "richText" || selectedType.value === "json" || selectedType.value === "password" || selectedType.value === "selectionStatic") &&
+                                                                                    }) }), isFormFieldValid(formik, "length") && (_jsx(Message, { severity: "error", text: formik?.errors?.length?.toString() }))] })), currentFields.includes("defaultValue") && (_jsxs("div", { className: "field col-12  md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "defaultValue", className: "form-field-label", children: "Default Value" }), (selectedType.value === "shortText" || selectedType.value === "longText" || selectedType.value === "richText" || selectedType.value === "json" || selectedType.value === "password" || selectedType.value === "selectionStatic") &&
                                                                                     _jsx(InputText, { type: "text", id: "defaultValue", name: "defaultValue", onChange: formik.handleChange, value: formik.values.defaultValue, className: classNames("", {
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
                                                                                         }) }), (selectedType.value === "float" || selectedType.value === "decimal") &&
-                                                                                    _jsx(InputNumber, { id: "defaultValue", name: "defaultValue", minFractionDigits: 2, maxFractionDigits: 5, value: formik.values.defaultValue, onValueChange: function (e) { return formik.setFieldValue("defaultValue", e.value); }, className: classNames("", {
+                                                                                    _jsx(InputNumber, { id: "defaultValue", name: "defaultValue", minFractionDigits: 2, maxFractionDigits: 5, value: formik.values.defaultValue, onValueChange: (e) => formik.setFieldValue("defaultValue", e.value), className: classNames("", {
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
                                                                                         }) }), (selectedType.value === "int" || selectedType.value === "bigint") &&
-                                                                                    _jsx(InputNumber, { id: "defaultValue", name: "defaultValue", value: formik.values.defaultValue, onValueChange: function (e) { return formik.setFieldValue("defaultValue", e.value); }, className: classNames("", {
+                                                                                    _jsx(InputNumber, { id: "defaultValue", name: "defaultValue", value: formik.values.defaultValue, onValueChange: (e) => formik.setFieldValue("defaultValue", e.value), className: classNames("", {
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
                                                                                         }) }), selectedType.value === "boolean" &&
-                                                                                    _jsx(SelectButton, { value: formik.values.defaultValue ? formik.values.defaultValue : "false", onChange: function (e) { return formik.setFieldValue("defaultValue", e.value); }, options: booleanOptions, className: classNames("", {
+                                                                                    _jsx(SelectButton, { value: formik.values.defaultValue ? formik.values.defaultValue : "false", onChange: (e) => formik.setFieldValue("defaultValue", e.value), options: booleanOptions, className: classNames("", {
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
                                                                                         }) }), (selectedType.value === "date" || selectedType.value === "datetime" || selectedType.value === "time") &&
-                                                                                    _jsx(Calendar, { id: "defaultValue", name: "defaultValue", value: formik.values.defaultValue ? new Date(formik.values.defaultValue) : null, onChange: function (e) { return formik.setFieldValue("defaultValue", e.value); }, showTime: formik.values.type === "datetime", timeOnly: formik.values.type === "time", dateFormat: "yy-mm-dd", hourFormat: "24" // 24-hour format for time
+                                                                                    _jsx(Calendar, { id: "defaultValue", name: "defaultValue", value: formik.values.defaultValue ? new Date(formik.values.defaultValue) : null, onChange: (e) => formik.setFieldValue("defaultValue", e.value), showTime: formik.values.type === "datetime", timeOnly: formik.values.type === "time", dateFormat: "yy-mm-dd", hourFormat: "24" // 24-hour format for time
                                                                                         , className: classNames("", {
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                                                                                        }) }), isFormFieldValid(formik, "defaultValue") && (_jsx(Message, { severity: "error", text: (_r = (_q = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _q === void 0 ? void 0 : _q.defaultValue) === null || _r === void 0 ? void 0 : _r.toString() }))] })), currentFields.includes("mediaTypes") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "mediaTypes", className: "form-field-label", children: "Media Type" }), isFormFieldValid(formik, "mediaTypes") && (_jsx(Message, { severity: "error", text: (_t = (_s = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _s === void 0 ? void 0 : _s.mediaTypes) === null || _t === void 0 ? void 0 : _t.toString() })), _jsx(MultiSelect, { value: formik.values.mediaTypes, onChange: function (e) { return formik.setFieldValue("mediaTypes", e.value); }, options: mediaTypesOptions, optionLabel: "label", placeholder: "Select Media Types", maxSelectedLabels: 3, display: "chip", className: "" })] })), currentFields.includes("mediaMaxSizeKb") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 md:mt-0", children: [_jsx("label", { htmlFor: "mediaMaxSizeKb", className: "form-field-label", children: "Media Max Size (Mb)" }), _jsx(InputNumber, { id: "mediaMaxSizeKb", name: "mediaMaxSizeKb", onValueChange: formik.handleChange, value: formik.values.mediaMaxSizeKb, className: classNames("", {
+                                                                                        }) }), isFormFieldValid(formik, "defaultValue") && (_jsx(Message, { severity: "error", text: formik?.errors?.defaultValue?.toString() }))] })), currentFields.includes("mediaTypes") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "mediaTypes", className: "form-field-label", children: "Media Type" }), isFormFieldValid(formik, "mediaTypes") && (_jsx(Message, { severity: "error", text: formik?.errors?.mediaTypes?.toString() })), _jsx(MultiSelect, { value: formik.values.mediaTypes, onChange: (e) => formik.setFieldValue("mediaTypes", e.value), options: mediaTypesOptions, optionLabel: "label", placeholder: "Select Media Types", maxSelectedLabels: 3, display: "chip", className: "" })] })), currentFields.includes("mediaMaxSizeKb") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 md:mt-0", children: [_jsx("label", { htmlFor: "mediaMaxSizeKb", className: "form-field-label", children: "Media Max Size (Mb)" }), _jsx(InputNumber, { id: "mediaMaxSizeKb", name: "mediaMaxSizeKb", onValueChange: formik.handleChange, value: formik.values.mediaMaxSizeKb, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "mediaMaxSizeKb"),
-                                                                                    }) }), isFormFieldValid(formik, "mediaMaxSizeKb") && (_jsx(Message, { severity: "error", text: (_v = (_u = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _u === void 0 ? void 0 : _u.mediaMaxSizeKb) === null || _v === void 0 ? void 0 : _v.toString() }))] })), currentFields.includes("mediaStorageProviderId") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mediaStorageProviderId", className: "form-field-label", children: "Media  Storage Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, relationField: true, fieldName: "mediaStorageProvider", fieldNameId: "mediaStorageProviderId", labelKey: "name", valueKey: "value", searchData: searchMediaStorageProvIderId, existingData: formik.values.mediaStorageProvider }, "mediaStorageProviderId"), isFormFieldValid(formik, "mediaStorageProvider") && (_jsx(Message, { severity: "error", text: (_x = (_w = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _w === void 0 ? void 0 : _w.mediaStorageProviderId) === null || _x === void 0 ? void 0 : _x.toString() }))] })), currentFields.includes("mediaEmbedded") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mediaEmbedded", className: "form-field-label", children: "Media Embedded" }), _jsx(SelectButton, { value: formik.values.mediaEmbedded, 
+                                                                                    }) }), isFormFieldValid(formik, "mediaMaxSizeKb") && (_jsx(Message, { severity: "error", text: formik?.errors?.mediaMaxSizeKb?.toString() }))] })), currentFields.includes("mediaStorageProviderId") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mediaStorageProviderId", className: "form-field-label", children: "Media  Storage Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, relationField: true, fieldName: "mediaStorageProvider", fieldNameId: "mediaStorageProviderId", labelKey: "name", valueKey: "value", searchData: searchMediaStorageProvIderId, existingData: formik.values.mediaStorageProvider }, "mediaStorageProviderId"), isFormFieldValid(formik, "mediaStorageProvider") && (_jsx(Message, { severity: "error", text: formik?.errors?.mediaStorageProviderId?.toString() }))] })), currentFields.includes("mediaEmbedded") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mediaEmbedded", className: "form-field-label", children: "Media Embedded" }), _jsx(SelectButton, { value: formik.values.mediaEmbedded, 
                                                                                     // onChange={formik.handleChange}
-                                                                                    onChange: function (e) {
+                                                                                    onChange: (e) => {
                                                                                         formik.setFieldValue("mediaEmbedded", e.value);
                                                                                     }, options: booleanOptions, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "mediaEmbedded"),
-                                                                                    }) }), isFormFieldValid(formik, "mediaEmbedded") && (_jsx(Message, { severity: "error", text: (_z = (_y = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _y === void 0 ? void 0 : _y.mediaEmbedded) === null || _z === void 0 ? void 0 : _z.toString() }))] })), currentFields.includes("relationType") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationType", className: "form-field-label ", children: "Relation Type" }), _jsx(SelectButton, { value: formik.values.relationType, options: fieldDefaultMetaData.data.relationTypes, onChange: function (e) {
+                                                                                    }) }), isFormFieldValid(formik, "mediaEmbedded") && (_jsx(Message, { severity: "error", text: formik?.errors?.mediaEmbedded?.toString() }))] })), currentFields.includes("relationType") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationType", className: "form-field-label ", children: "Relation Type" }), _jsx(SelectButton, { value: formik.values.relationType, options: fieldDefaultMetaData.data.relationTypes, onChange: (e) => {
                                                                                         formik.setFieldValue("relationType", e.value);
                                                                                         if (e.value === "one-to-many") {
                                                                                             formik.setFieldValue("relationCreateInverse", true);
                                                                                         }
                                                                                     }, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationType"),
-                                                                                    }), optionLabel: "label" }), isFormFieldValid(formik, "relationType") && (_jsx(Message, { severity: "error", text: (_1 = (_0 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _0 === void 0 ? void 0 : _0.relationType) === null || _1 === void 0 ? void 0 : _1.toString() }))] })), currentFields.includes("relationType") && (formik.values.relationType === "many-to-one" || formik.values.relationType === "one-to-many") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCascade", className: "form-field-label", children: "Relation Cascade" }), _jsx(Dropdown, { id: "relationCascade", name: "relationCascade", value: formik.values.relationCascade, options: fieldDefaultMetaData.data.cascadeTypes, onChange: function (e) {
-                                                                                        return formik.setFieldValue("relationCascade", e.value);
-                                                                                    }, placeholder: "Cascade", className: classNames("w-full", {
+                                                                                    }), optionLabel: "label" }), isFormFieldValid(formik, "relationType") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationType?.toString() }))] })), currentFields.includes("relationType") && (formik.values.relationType === "many-to-one" || formik.values.relationType === "one-to-many") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCascade", className: "form-field-label", children: "Relation Cascade" }), _jsx(Dropdown, { id: "relationCascade", name: "relationCascade", value: formik.values.relationCascade, options: fieldDefaultMetaData.data.cascadeTypes, onChange: (e) => formik.setFieldValue("relationCascade", e.value), placeholder: "Cascade", className: classNames("w-full", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationCascade"),
-                                                                                    }) }), isFormFieldValid(formik, "relationCascade") && (_jsx(Message, { severity: "error", text: (_3 = (_2 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _2 === void 0 ? void 0 : _2.relationCascade) === null || _3 === void 0 ? void 0 : _3.toString() }))] })), currentFields.includes("relationModelModuleName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2  mt-3", children: [_jsx("label", { htmlFor: "relationModelModuleName", className: "form-field-label", children: "Co-Module Name" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "relationModelModuleName", fieldNameId: "relationModelModuleName", labelKey: "name", valueKey: "name", searchData: searchRelationModelModuleNames, existingData: formik.values.relationModelModuleName, additionalAction: function (e) {
+                                                                                    }) }), isFormFieldValid(formik, "relationCascade") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationCascade?.toString() }))] })), currentFields.includes("relationModelModuleName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2  mt-3", children: [_jsx("label", { htmlFor: "relationModelModuleName", className: "form-field-label", children: "Co-Module Name" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "relationModelModuleName", fieldNameId: "relationModelModuleName", labelKey: "name", valueKey: "name", searchData: searchRelationModelModuleNames, existingData: formik.values.relationModelModuleName, additionalAction: (e) => {
                                                                                         formik.setFieldValue("relationCoModelSingularName", "");
                                                                                         formik.setFieldValue("relationCoModelColumnName", "");
                                                                                         formik.setFieldValue("relationJoinTableName", "");
-                                                                                    } }, "relationModelModuleName"), isFormFieldValid(formik, "relationModelModuleName") && (_jsx(Message, { severity: "error", text: (_5 = (_4 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _4 === void 0 ? void 0 : _4.relationModelModuleName) === null || _5 === void 0 ? void 0 : _5.toString() }))] })), currentFields.includes("relationCoModelSingularName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCoModelSingularName", className: "form-field-label", children: "Co-Model Name" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "relationCoModelSingularName", fieldNameId: "relationCoModelSingularName", labelKey: "displayName", valueKey: "singularName", searchData: searchrelationCoModelSingularNames, existingData: formik.values.relationCoModelSingularName }, "relationCoModelSingularName"), isFormFieldValid(formik, "relationCoModelSingularName") && (_jsx(Message, { severity: "error", text: (_7 = (_6 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _6 === void 0 ? void 0 : _6.relationCoModelSingularName) === null || _7 === void 0 ? void 0 : _7.toString() })), formik.values.relationType === "one-to-many" &&
+                                                                                    } }, "relationModelModuleName"), isFormFieldValid(formik, "relationModelModuleName") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationModelModuleName?.toString() }))] })), currentFields.includes("relationCoModelSingularName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCoModelSingularName", className: "form-field-label", children: "Co-Model Name" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "relationCoModelSingularName", fieldNameId: "relationCoModelSingularName", labelKey: "displayName", valueKey: "singularName", searchData: searchrelationCoModelSingularNames, existingData: formik.values.relationCoModelSingularName }, "relationCoModelSingularName"), isFormFieldValid(formik, "relationCoModelSingularName") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationCoModelSingularName?.toString() })), formik.values.relationType === "one-to-many" &&
                                                                                     _jsx("p", { className: "fieldSubTitle", children: "This is the child model." }), formik.values.relationType === "many-to-one" &&
-                                                                                    _jsx("p", { className: "fieldSubTitle", children: "This is the parent model." })] })), currentFields.includes("relationCoModelColumnName") && (formik.values.relationType === "many-to-many" || formik.values.relationType === "many-to-one") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCoModelColumnName", className: "form-field-label", children: "Relation Co-Model Column Name" }), _jsx(InputText, { type: "text", id: "relationCoModelColumnName", name: "relationCoModelColumnName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationCoModelColumnName, className: classNames("", {
+                                                                                    _jsx("p", { className: "fieldSubTitle", children: "This is the parent model." })] })), currentFields.includes("relationCoModelColumnName") && (formik.values.relationType === "many-to-many" || formik.values.relationType === "many-to-one") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCoModelColumnName", className: "form-field-label", children: "Relation Co-Model Column Name" }), _jsx(InputText, { type: "text", id: "relationCoModelColumnName", name: "relationCoModelColumnName", onChange: formik.handleChange, disabled: fieldMetaData?.id, value: formik.values.relationCoModelColumnName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationCoModelColumnName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationCoModelColumnName") && (_jsx(Message, { severity: "error", text: (_9 = (_8 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _8 === void 0 ? void 0 : _8.relationCoModelColumnName) === null || _9 === void 0 ? void 0 : _9.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Allows you to control the column name of the foreign key. Eg. when adding a country field to state model, by default foreign key column in the state table will be called country_id, use this field to create a foreign key with a different name. " })] })), askForUserKeyField && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "userKey", className: "form-field-label", children: "Set User Key" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "userKey", fieldNameId: "userKey", labelKey: "displayName", valueKey: "name", searchData: searchUserKeyField, existingData: formik.values.userKey }, "userKey"), _jsx("p", { className: "fieldSubTitle", children: "The co-model you have selected does not have a user key specified. Use the above dropdown to choose from one of the \"unique\" fields in this co-model to be set as its userkey. User keys are required in co-models being used in many-to-one or one-to-many relations as in SolidX when a many-to-one field is rendered it uses an autocomplete dropdown, and the user key value is what is displayed as the label in the dropdown." }), isFormFieldValid(formik, "userKey") && (_jsx(Message, { severity: "error", text: (_11 = (_10 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _10 === void 0 ? void 0 : _10.userKey) === null || _11 === void 0 ? void 0 : _11.toString() }))] })), currentFields.includes("relationFieldFixedFilter") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationFieldFixedFilter", className: "form-field-label", children: "Relation Field Fixed Filter" }), _jsx(InputTextarea, { "aria-describedby": "Fixed Filter", id: "relationFieldFixedFilter", name: "relationFieldFixedFilter", onChange: formik.handleChange, value: formik.values.relationFieldFixedFilter, rows: 5, cols: 30, className: classNames("", {
+                                                                                    }) }), isFormFieldValid(formik, "relationCoModelColumnName") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationCoModelColumnName?.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Allows you to control the column name of the foreign key. Eg. when adding a country field to state model, by default foreign key column in the state table will be called country_id, use this field to create a foreign key with a different name. " })] })), askForUserKeyField && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "userKey", className: "form-field-label", children: "Set User Key" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "userKey", fieldNameId: "userKey", labelKey: "displayName", valueKey: "name", searchData: searchUserKeyField, existingData: formik.values.userKey }, "userKey"), _jsx("p", { className: "fieldSubTitle", children: "The co-model you have selected does not have a user key specified. Use the above dropdown to choose from one of the \"unique\" fields in this co-model to be set as its userkey. User keys are required in co-models being used in many-to-one or one-to-many relations as in SolidX when a many-to-one field is rendered it uses an autocomplete dropdown, and the user key value is what is displayed as the label in the dropdown." }), isFormFieldValid(formik, "userKey") && (_jsx(Message, { severity: "error", text: formik?.errors?.userKey?.toString() }))] })), currentFields.includes("relationFieldFixedFilter") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationFieldFixedFilter", className: "form-field-label", children: "Relation Field Fixed Filter" }), _jsx(InputTextarea, { "aria-describedby": "Fixed Filter", id: "relationFieldFixedFilter", name: "relationFieldFixedFilter", onChange: formik.handleChange, value: formik.values.relationFieldFixedFilter, rows: 5, cols: 30, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationFieldFixedFilter"),
-                                                                                    }) }), isFormFieldValid(formik, "relationFieldFixedFilter") && (_jsx(Message, { severity: "error", text: (_13 = (_12 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _12 === void 0 ? void 0 : _12.relationFieldFixedFilter) === null || _13 === void 0 ? void 0 : _13.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Many to one fields are rendered as autocomplete dropdown on the SolidX ui. Use the fixed filter to load a pre-filtered set of records from the co-model. Please note user input entered in the autocomplete is used to apply a dynamic filter." })] })), currentFields.includes("relationCreateInverse") && (_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCreateInverse", className: "form-field-label", children: "Relation Create Inverse" }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { inputId: "relationCreateInverse", name: "relationCreateInverse", checked: formik.values.relationCreateInverse, disabled: formik.values.relationType === "one-to-many" ? true : false, onChange: function (e) { return formik.setFieldValue("relationCreateInverse", e.checked); } }), _jsx("label", { htmlFor: "relationCreateInverse", className: "ml-2", children: "Create Inverse" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx(Message, { severity: "error", text: (_15 = (_14 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _14 === void 0 ? void 0 : _14.relationCreateInverse) === null || _15 === void 0 ? void 0 : _15.toString() }))] })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (_jsx("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: _jsx(Message, { text: "Please select Co-model" }) })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("label", { htmlFor: "relationCoModelFieldName", className: "form-field-label", children: ["Field Name In ", formik.values.relationCoModelSingularName, " Model"] }), _jsx(InputText, { type: "text", id: "relationCoModelFieldName", name: "relationCoModelFieldName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationCoModelFieldName, className: classNames("", {
+                                                                                    }) }), isFormFieldValid(formik, "relationFieldFixedFilter") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationFieldFixedFilter?.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Many to one fields are rendered as autocomplete dropdown on the SolidX ui. Use the fixed filter to load a pre-filtered set of records from the co-model. Please note user input entered in the autocomplete is used to apply a dynamic filter." })] })), currentFields.includes("relationCreateInverse") && (_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationCreateInverse", className: "form-field-label", children: "Relation Create Inverse" }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { inputId: "relationCreateInverse", name: "relationCreateInverse", checked: formik.values.relationCreateInverse, disabled: formik.values.relationType === "one-to-many" ? true : false, onChange: (e) => formik.setFieldValue("relationCreateInverse", e.checked) }), _jsx("label", { htmlFor: "relationCreateInverse", className: "ml-2", children: "Create Inverse" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationCreateInverse?.toString() }))] })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (_jsx("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: _jsx(Message, { text: "Please select Co-model" }) })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("label", { htmlFor: "relationCoModelFieldName", className: "form-field-label", children: ["Field Name In ", formik.values.relationCoModelSingularName, " Model"] }), _jsx(InputText, { type: "text", id: "relationCoModelFieldName", name: "relationCoModelFieldName", onChange: formik.handleChange, disabled: fieldMetaData?.id, value: formik.values.relationCoModelFieldName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationCoModelFieldName"),
                                                                                     }) }), formik.values.relationType === "one-to-many" &&
-                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the child model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_16 = formik.values.relationCoModelFieldName) !== null && _16 !== void 0 ? _16 : formik.values.relationCoModelSingularName }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-one" &&
-                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the parent model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_17 = formik.values.relationCoModelFieldName) !== null && _17 !== void 0 ? _17 : "".concat(formik.values.relationCoModelSingularName, "s") }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-many" &&
-                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["In this case a ", formik.values.relationCoModelFieldName, " field will be created in the ", _jsx("span", { style: { fontWeight: "700" }, children: (_18 = formik.values.relationCoModelSingularName) !== null && _18 !== void 0 ? _18 : '{{}}' }), " when setting create inverse true."] }), isFormFieldValid(formik, "relationCoModelFieldName") && (_jsx(Message, { severity: "error", text: (_20 = (_19 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _19 === void 0 ? void 0 : _19.relationCoModelFieldName) === null || _20 === void 0 ? void 0 : _20.toString() }))] })), currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationJoinTableName", className: "form-field-label", children: "Relation Join Table Name" }), _jsx(InputText, { type: "text", id: "relationJoinTableName", name: "relationJoinTableName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationJoinTableName, className: classNames("", {
+                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the child model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: formik.values.relationCoModelFieldName ?? formik.values.relationCoModelSingularName }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-one" &&
+                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the parent model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: formik.values.relationCoModelFieldName ?? `${formik.values.relationCoModelSingularName}s` }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-many" &&
+                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["In this case a ", formik.values.relationCoModelFieldName, " field will be created in the ", _jsx("span", { style: { fontWeight: "700" }, children: formik.values.relationCoModelSingularName ?? '{{}}' }), " when setting create inverse true."] }), isFormFieldValid(formik, "relationCoModelFieldName") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationCoModelFieldName?.toString() }))] })), currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationJoinTableName", className: "form-field-label", children: "Relation Join Table Name" }), _jsx(InputText, { type: "text", id: "relationJoinTableName", name: "relationJoinTableName", onChange: formik.handleChange, disabled: fieldMetaData?.id, value: formik.values.relationJoinTableName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationJoinTableName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationJoinTableName") && (_jsx(Message, { severity: "error", text: (_22 = (_21 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _21 === void 0 ? void 0 : _21.relationJoinTableName) === null || _22 === void 0 ? void 0 : _22.toString() }))] })), currentFields.includes("selectionDynamicProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionDynamicProvider", className: "form-field-label", children: "Selection Dynamic Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, 
+                                                                                    }) }), isFormFieldValid(formik, "relationJoinTableName") && (_jsx(Message, { severity: "error", text: formik?.errors?.relationJoinTableName?.toString() }))] })), currentFields.includes("selectionDynamicProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionDynamicProvider", className: "form-field-label", children: "Selection Dynamic Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, 
                                                                                     // relationField={false}
-                                                                                    fieldName: "selectionDynamicProvider", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: searchSelectionDynamicProvider, existingData: formik.values.selectionDynamicProvider, additionalAction: function (e) { return setMarkdownText(e.target.value.help); } }, "selectionDynamicProvider"), isFormFieldValid(formik, "selectionDynamicProvider") && (_jsx(Message, { severity: "error", text: (_24 = (_23 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _23 === void 0 ? void 0 : _23.selectionDynamicProvider) === null || _24 === void 0 ? void 0 : _24.toString() }))] })), currentFields.includes("selectionValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionValueType", className: "form-field-label", children: "Select Value Type" }), _jsx(Dropdown, { id: "selectionValueType", name: "selectionValueType", value: formik.values.selectionValueType, options: selctionValueTypes, onChange: function (e) {
-                                                                                        return formik.setFieldValue("selectionValueType", e.value);
-                                                                                    }, placeholder: "Select Value Type", className: classNames("", {
+                                                                                    fieldName: "selectionDynamicProvider", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: searchSelectionDynamicProvider, existingData: formik.values.selectionDynamicProvider, additionalAction: (e) => setMarkdownText(e.target.value.help) }, "selectionDynamicProvider"), isFormFieldValid(formik, "selectionDynamicProvider") && (_jsx(Message, { severity: "error", text: formik?.errors?.selectionDynamicProvider?.toString() }))] })), currentFields.includes("selectionValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionValueType", className: "form-field-label", children: "Select Value Type" }), _jsx(Dropdown, { id: "selectionValueType", name: "selectionValueType", value: formik.values.selectionValueType, options: selctionValueTypes, onChange: (e) => formik.setFieldValue("selectionValueType", e.value), placeholder: "Select Value Type", className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "selectionValueType"),
-                                                                                    }) }), isFormFieldValid(formik, "selectionValueType") && (_jsx(Message, { severity: "error", text: (_26 = (_25 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _25 === void 0 ? void 0 : _25.selectionValueType) === null || _26 === void 0 ? void 0 : _26.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionStaticValues", className: "form-field-label", children: "Selection Static Values" }), formik.values.selectionStaticValues.map(function (enumValue, index) { return (_jsx(SelectionStaticValues, { enumValue: enumValue, onUpdate: function (updatedString) { return updateEnumValues(index, updatedString); }, onDelete: function () { return deleteEnumValue(index); }, onAdd: addEnumValue }, index)); }), isFormFieldValid(formik, "selectionStaticValues") && (_jsx(Message, { severity: "error", text: (_28 = (_27 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _27 === void 0 ? void 0 : _27.selectionStaticValues) === null || _28 === void 0 ? void 0 : _28.toString() }))] })), currentFields.includes("computedFieldValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "computedFieldValueType", className: "form-field-label", children: "Computed Field Value Type" }), _jsx(AutoComplete, { value: selectedComputedFieldValueType, invalid: isFormFieldValid(formik, "computedFieldValueType"), suggestions: filteredComputedFieldValueTypes, completeMethod: searchComputedFieldValueType, 
+                                                                                    }) }), isFormFieldValid(formik, "selectionValueType") && (_jsx(Message, { severity: "error", text: formik?.errors?.selectionValueType?.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionStaticValues", className: "form-field-label", children: "Selection Static Values" }), formik.values.selectionStaticValues.map((enumValue, index) => (_jsx(SelectionStaticValues, { enumValue: enumValue, onUpdate: (updatedString) => updateEnumValues(index, updatedString), onDelete: () => deleteEnumValue(index), onAdd: addEnumValue }, index))), isFormFieldValid(formik, "selectionStaticValues") && (_jsx(Message, { severity: "error", text: formik?.errors?.selectionStaticValues?.toString() }))] })), currentFields.includes("computedFieldValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "computedFieldValueType", className: "form-field-label", children: "Computed Field Value Type" }), _jsx(AutoComplete, { value: selectedComputedFieldValueType, invalid: isFormFieldValid(formik, "computedFieldValueType"), suggestions: filteredComputedFieldValueTypes, completeMethod: searchComputedFieldValueType, 
                                                                                     // virtualScrollerOptions={{ itemSize: 38 }}
                                                                                     virtualScrollerOptions: getVirtualScrollerOptions({
                                                                                         itemsLength: filteredComputedFieldValueTypes.length,
-                                                                                    }), field: "label", dropdown: true, className: "solid-standard-autocomplete", onChange: function (e) {
+                                                                                    }), field: "label", dropdown: true, className: "solid-standard-autocomplete", onChange: (e) => {
                                                                                         setSelectedComputedFieldValueType(e.value);
                                                                                         formik.setFieldValue("computedFieldValueType", e.value.value);
-                                                                                    } }), isFormFieldValid(formik, "computedFieldValueType") && (_jsx(Message, { severity: "error", text: (_30 = (_29 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _29 === void 0 ? void 0 : _29.computedFieldValueType) === null || _30 === void 0 ? void 0 : _30.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "computedFieldValueProvider", className: "form-field-label", children: "Computed Field Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, 
+                                                                                    } }), isFormFieldValid(formik, "computedFieldValueType") && (_jsx(Message, { severity: "error", text: formik?.errors?.computedFieldValueType?.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "computedFieldValueProvider", className: "form-field-label", children: "Computed Field Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, 
                                                                                     // relationField={false}
-                                                                                    fieldName: "computedFieldValueProvider", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: searchComputedProvider, existingData: formik.values.computedFieldValueProvider, additionalAction: function (e) { return setMarkdownText(e.target.value.help); } }, "computedFieldValueProvider"), isFormFieldValid(formik, "computedFieldValueProvider") && (_jsx(Message, { severity: "error", text: (_32 = (_31 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _31 === void 0 ? void 0 : _31.computedFieldValueProvider) === null || _32 === void 0 ? void 0 : _32.toString() }))] })), currentFields.includes("computedFieldTriggerConfig") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig) === null
+                                                                                    fieldName: "computedFieldValueProvider", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: searchComputedProvider, existingData: formik.values.computedFieldValueProvider, additionalAction: (e) => setMarkdownText(e.target.value.help) }, "computedFieldValueProvider"), isFormFieldValid(formik, "computedFieldValueProvider") && (_jsx(Message, { severity: "error", text: formik?.errors?.computedFieldValueProvider?.toString() }))] })), currentFields.includes("computedFieldTriggerConfig") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [fieldMetaData?.computedFieldTriggerConfig === null
                                                                                     &&
-                                                                                        _jsx("div", { className: "mb-3", children: _jsx(Message, { severity: "error", text: "You seem to be using an old configuration of ComputedFieldProvider. Please change your current computed field provider i.e ".concat(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider, " to implement IEntityComputedFieldProvider before continuing.") }) }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx("label", { htmlFor: "computedFieldTriggerConfig", className: "form-field-label", children: "Computed Field Trigger Config" }), _jsx("div", { children: _jsx(Button, { icon: "pi pi-plus", size: "small", onClick: handleAdd, type: "button", className: "ml-2" }) })] }), formik.values.computedFieldTriggerConfig.map(function (row, index) {
-                                                                                    var _a;
-                                                                                    return (_jsx(SelectComputedFieldTriggerValues, { index: index, row: row, onChange: handleChange, onDelete: handleDelete, isLastRow: index === formik.values.computedFieldTriggerConfig.length - 1, disableDelete: formik.values.computedFieldTriggerConfig.length === 1, formik: formik, isFormFieldValid: isFormFieldValid, searchModuleName: searchModuleName, searchModelName: computedFieldSearchHandlers[index], modelMetaData: modelMetaData, errors: (_a = formik.errors.computedFieldTriggerConfig) === null || _a === void 0 ? void 0 : _a[index] }, index));
-                                                                                }), typeof formik.errors.computedFieldTriggerConfig === 'string' && (_jsx(Message, { severity: "error", text: formik.errors.computedFieldTriggerConfig }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (
+                                                                                        _jsx("div", { className: "mb-3", children: _jsx(Message, { severity: "error", text: `You seem to be using an old configuration of ComputedFieldProvider. Please change your current computed field provider i.e ${fieldMetaData?.computedFieldValueProvider} to implement IEntityComputedFieldProvider before continuing.` }) }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx("label", { htmlFor: "computedFieldTriggerConfig", className: "form-field-label", children: "Computed Field Trigger Config" }), _jsx("div", { children: _jsx(Button, { icon: "pi pi-plus", size: "small", onClick: handleAdd, type: "button", className: "ml-2" }) })] }), formik.values.computedFieldTriggerConfig.map((row, index) => (_jsx(SelectComputedFieldTriggerValues, { index: index, row: row, onChange: handleChange, onDelete: handleDelete, isLastRow: index === formik.values.computedFieldTriggerConfig.length - 1, disableDelete: formik.values.computedFieldTriggerConfig.length === 1, formik: formik, isFormFieldValid: isFormFieldValid, searchModuleName: searchModuleName, searchModelName: computedFieldSearchHandlers[index], modelMetaData: modelMetaData, errors: formik.errors.computedFieldTriggerConfig?.[index] }, index))), typeof formik.errors.computedFieldTriggerConfig === 'string' && (_jsx(Message, { severity: "error", text: formik.errors.computedFieldTriggerConfig }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (
                                                                         // {/* {markdownText &&
                                                                         //       <div className="md:col-12 sm:col-12">
                                                                         //         <div className="field col-6 flex-flex-column gap-2">
@@ -1285,11 +1171,11 @@ var FieldMetaDataForm = function (_a) {
                                                                         //         </div>
                                                                         //       </div>
                                                                         //     } */}
-                                                                        _jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "selectionDynamicProviderCtxt", className: "form-field-label", children: "Selection Dynamic Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "selectionDynamicProviderCtxt" }), _jsx("div", { className: " form-field-label  mt-4", children: markdownText }), isFormFieldValid(formik, "selectionDynamicProviderCtxt") && (_jsx(Message, { severity: "error", text: (_34 = (_33 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _33 === void 0 ? void 0 : _33.selectionDynamicProviderCtxt) === null || _34 === void 0 ? void 0 : _34.toString() }))] })
+                                                                        _jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "selectionDynamicProviderCtxt", className: "form-field-label", children: "Selection Dynamic Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "selectionDynamicProviderCtxt" }), _jsx("div", { className: " form-field-label  mt-4", children: markdownText }), isFormFieldValid(formik, "selectionDynamicProviderCtxt") && (_jsx(Message, { severity: "error", text: formik?.errors?.selectionDynamicProviderCtxt?.toString() }))] })
                                                                         // {/* {currentFields.includes("markdown") && ( */}
-                                                                        ), currentFields.includes("computedFieldValueProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "computedFieldValueProviderCtxt", className: "form-field-label", children: "Computed Field Value Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "computedFieldValueProviderCtxt" }), _jsx("div", { className: "form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "computedFieldValueProviderCtxt") && (_jsx(Message, { severity: "error", text: (_36 = (_35 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _35 === void 0 ? void 0 : _35.computedFieldValueProviderCtxt) === null || _36 === void 0 ? void 0 : _36.toString() }))] }))] })), (currentFields.includes("regexPattern") || currentFields.includes("min") || currentFields.includes("max") || currentFields.includes("ormType")) && ormTypeOptions && selectedType.value !== 'relation' &&
+                                                                        ), currentFields.includes("computedFieldValueProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "computedFieldValueProviderCtxt", className: "form-field-label", children: "Computed Field Value Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "computedFieldValueProviderCtxt" }), _jsx("div", { className: "form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "computedFieldValueProviderCtxt") && (_jsx(Message, { severity: "error", text: formik?.errors?.computedFieldValueProviderCtxt?.toString() }))] }))] })), (currentFields.includes("regexPattern") || currentFields.includes("min") || currentFields.includes("max") || currentFields.includes("ormType")) && ormTypeOptions && selectedType.value !== 'relation' &&
                                                                     _jsxs(_Fragment, { children: [_jsx("p", { className: "form-wrapper-heading text-base mt-3", children: "Validations" }), _jsxs("div", { className: "formgrid grid", children: [(currentFields.includes("regexPattern") && selectedType.value === "password") &&
-                                                                                        _jsx(_Fragment, { children: _jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "regexPattern", className: "form-field-label", children: "Password Policy" }), _jsx(Dropdown, { value: selectedPasswordPolicy, onChange: function (e) {
+                                                                                        _jsx(_Fragment, { children: _jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "regexPattern", className: "form-field-label", children: "Password Policy" }), _jsx(Dropdown, { value: selectedPasswordPolicy, onChange: (e) => {
                                                                                                             setSelectedPasswordPolicy(e.value);
                                                                                                             if (e.value !== "custom") {
                                                                                                                 formik.setFieldValue('regexPattern', e.value);
@@ -1298,10 +1184,10 @@ var FieldMetaDataForm = function (_a) {
                                                                                                         // className="w-full md:w-14rem"
                                                                                                         className: "", panelClassName: "password-policy-dropdown-panel", checkmark: true, highlightOnSelect: false })] }) }), currentFields.includes("regexPattern") && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "regexPattern", className: "form-field-label", children: "Regex Pattern" }), _jsx(InputText, { type: "text", id: "regexPattern", name: "regexPattern", onChange: formik.handleChange, value: formik.values.regexPattern, className: classNames("", {
                                                                                                             "p-invalid": isFormFieldValid(formik, "regexPattern"),
-                                                                                                        }) }), isFormFieldValid(formik, "regexPattern") && (_jsx(Message, { severity: "error", text: (_38 = (_37 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _37 === void 0 ? void 0 : _37.regexPattern) === null || _38 === void 0 ? void 0 : _38.toString() }))] }), currentFields.includes("regexPattern") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 mb-3 md:mb-3", children: [_jsx("label", { htmlFor: "regexPatternNotMatchingErrorMsg", className: "form-field-label", children: "Regex Pattern Not Matching Error Msg" }), _jsx(InputText, { type: "text", id: "regexPatternNotMatchingErrorMsg", name: "regexPatternNotMatchingErrorMsg", onChange: formik.handleChange, value: formik.values.regexPatternNotMatchingErrorMsg, className: classNames("", {
+                                                                                                        }) }), isFormFieldValid(formik, "regexPattern") && (_jsx(Message, { severity: "error", text: formik?.errors?.regexPattern?.toString() }))] }), currentFields.includes("regexPattern") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3 mb-3 md:mb-3", children: [_jsx("label", { htmlFor: "regexPatternNotMatchingErrorMsg", className: "form-field-label", children: "Regex Pattern Not Matching Error Msg" }), _jsx(InputText, { type: "text", id: "regexPatternNotMatchingErrorMsg", name: "regexPatternNotMatchingErrorMsg", onChange: formik.handleChange, value: formik.values.regexPatternNotMatchingErrorMsg, className: classNames("", {
                                                                                                             "p-invalid": isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg"),
-                                                                                                        }) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx(Message, { severity: "error", text: (_40 = (_39 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _39 === void 0 ? void 0 : _39.regexPatternNotMatchingErrorMsg) === null || _40 === void 0 ? void 0 : _40.toString() }))] }))] })), (currentFields.includes("min") || currentFields.includes("max")) &&
-                                                                                        _jsxs(_Fragment, { children: [currentFields.includes("min") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2 md:mt-3", children: [_jsxs("label", { htmlFor: "min", className: "form-field-label", children: ["Min ", (selectedType.value !== "int" && selectedType.value !== "decimal") && "(Characters Allowed)"] }), (selectedType.value === "int" ||
+                                                                                                        }) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx(Message, { severity: "error", text: formik?.errors?.regexPatternNotMatchingErrorMsg?.toString() }))] }))] })), (currentFields.includes("min") || currentFields.includes("max")) &&
+                                                                                        _jsxs(_Fragment, { children: [currentFields.includes("min") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2 md:mt-3", children: [_jsxs("label", { htmlFor: "min", className: "form-field-label", children: ["Min ", (selectedType.value !== "int" && selectedType.value !== "decimal") && `(Characters Allowed)`] }), (selectedType.value === "int" ||
                                                                                                             selectedType.value === "decimal" ||
                                                                                                             selectedType.value === "shortText" ||
                                                                                                             selectedType.value === "decimal" ||
@@ -1311,8 +1197,8 @@ var FieldMetaDataForm = function (_a) {
                                                                                                             selectedType.value === "json") &&
                                                                                                             _jsx(InputNumber, { id: "min", name: "min", onValueChange: formik.handleChange, value: formik.values.min, className: classNames("", {
                                                                                                                     "p-invalid": isFormFieldValid(formik, "min"),
-                                                                                                                }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: (_42 = (_41 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _41 === void 0 ? void 0 : _41.min) === null || _42 === void 0 ? void 0 : _42.toString() }))] })), currentFields.includes("max") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("label", { htmlFor: "max", className: "form-field-label", children: ["Max ", (selectedType.value !== "int" &&
-                                                                                                                    selectedType.value !== "decimal") && "(Characters allowed)"] }), (selectedType.value === "int" ||
+                                                                                                                }), disabled: fieldMetaData?.id }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: formik?.errors?.min?.toString() }))] })), currentFields.includes("max") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("label", { htmlFor: "max", className: "form-field-label", children: ["Max ", (selectedType.value !== "int" &&
+                                                                                                                    selectedType.value !== "decimal") && `(Characters allowed)`] }), (selectedType.value === "int" ||
                                                                                                             selectedType.value === "decimal" ||
                                                                                                             selectedType.value === "shortText" ||
                                                                                                             selectedType.value === "decimal" ||
@@ -1322,37 +1208,37 @@ var FieldMetaDataForm = function (_a) {
                                                                                                             selectedType.value === "json") &&
                                                                                                             _jsx(InputNumber, { id: "max", name: "max", onValueChange: formik.handleChange, value: formik.values.max, className: classNames("", {
                                                                                                                     "p-invalid": isFormFieldValid(formik, "max"),
-                                                                                                                }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: (_44 = (_43 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _43 === void 0 ? void 0 : _43.max) === null || _44 === void 0 ? void 0 : _44.toString() }))] }))] }), currentFields.includes("ormType") && (_jsx("div", { className: "col-12", children: ormTypeOptions && ormTypeOptions.length > 1 &&
-                                                                                            _jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "ormType", className: "form-field-label", children: "Type" }), _jsx("div", { className: "ormTypeflex", children: ormTypeOptions && ormTypeOptions.map(function (ormType) {
-                                                                                                            return (_jsx(_Fragment, { children: _jsxs("div", { className: "mr-3 align-items-center", children: [_jsx(RadioButton, { inputId: ormType.label, name: "ormType", value: ormType.label, onChange: function (e) {
+                                                                                                                }), disabled: fieldMetaData?.id }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: formik?.errors?.max?.toString() }))] }))] }), currentFields.includes("ormType") && (_jsx("div", { className: "col-12", children: ormTypeOptions && ormTypeOptions.length > 1 &&
+                                                                                            _jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "ormType", className: "form-field-label", children: "Type" }), _jsx("div", { className: "ormTypeflex", children: ormTypeOptions && ormTypeOptions.map((ormType) => {
+                                                                                                            return (_jsx(_Fragment, { children: _jsxs("div", { className: "mr-3 align-items-center", children: [_jsx(RadioButton, { inputId: ormType.label, name: "ormType", value: ormType.label, onChange: (e) => {
                                                                                                                                 formik.setFieldValue("ormType", e.value);
                                                                                                                                 setSelectedOrmType(e.value);
                                                                                                                             }, checked: selectedOrmType === ormType.label }), _jsxs("label", { htmlFor: ormType.label, className: "ml-2", children: [ormType.label, _jsx("br", {}), _jsx("span", { className: "ml-4 fieldSubTitle", children: ormType.description })] })] }, ormType.key) }));
-                                                                                                        }) }), isFormFieldValid(formik, "ormType") && (_jsx(Message, { severity: "error", text: (_46 = (_45 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _45 === void 0 ? void 0 : _45.ormType) === null || _46 === void 0 ? void 0 : _46.toString() }))] }) }))] })] }), (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && _jsx("p", { className: "form-wrapper-heading text-base mt-3", children: "Settings" }), _jsxs("div", { className: "formgrid grid mt-3 md:mt-0", children: [currentFields.includes("required") && (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "required", onChange: function (e) {
+                                                                                                        }) }), isFormFieldValid(formik, "ormType") && (_jsx(Message, { severity: "error", text: formik?.errors?.ormType?.toString() }))] }) }))] })] }), (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && _jsx("p", { className: "form-wrapper-heading text-base mt-3", children: "Settings" }), _jsxs("div", { className: "formgrid grid mt-3 md:mt-0", children: [currentFields.includes("required") && (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "required", onChange: (e) => {
                                                                                                 formik.setFieldValue("required", e.checked);
-                                                                                            }, checked: formik.values.required }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Required" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if this field is empty" }), isFormFieldValid(formik, "required") && (_jsx(Message, { severity: "error", text: (_48 = (_47 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _47 === void 0 ? void 0 : _47.required) === null || _48 === void 0 ? void 0 : _48.toString() }))] })), currentFields.includes("unique") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "unique", onChange: function (e) {
+                                                                                            }, checked: formik.values.required }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Required" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if this field is empty" }), isFormFieldValid(formik, "required") && (_jsx(Message, { severity: "error", text: formik?.errors?.required?.toString() }))] })), currentFields.includes("unique") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "unique", onChange: (e) => {
                                                                                                 formik.setFieldValue("unique", e.checked);
                                                                                                 formik.setFieldValue("isUserKey", false);
-                                                                                            }, checked: formik.values.unique }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Unique" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if there is an existing entry with identical content" }), isFormFieldValid(formik, "unique") && (_jsx(Message, { severity: "error", text: (_50 = (_49 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _49 === void 0 ? void 0 : _49.unique) === null || _50 === void 0 ? void 0 : _50.toString() }))] })), currentFields.includes("index") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "index", onChange: function (e) {
+                                                                                            }, checked: formik.values.unique }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Unique" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if there is an existing entry with identical content" }), isFormFieldValid(formik, "unique") && (_jsx(Message, { severity: "error", text: formik?.errors?.unique?.toString() }))] })), currentFields.includes("index") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "index", onChange: (e) => {
                                                                                                 formik.setFieldValue("index", e.checked);
-                                                                                            }, checked: formik.values.index }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Index" })] }), isFormFieldValid(formik, "index") && (_jsx(Message, { severity: "error", text: (_52 = (_51 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _51 === void 0 ? void 0 : _51.index) === null || _52 === void 0 ? void 0 : _52.toString() }))] })), currentFields.includes("private") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "private", onChange: function (e) {
+                                                                                            }, checked: formik.values.index }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Index" })] }), isFormFieldValid(formik, "index") && (_jsx(Message, { severity: "error", text: formik?.errors?.index?.toString() }))] })), currentFields.includes("private") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "private", onChange: (e) => {
                                                                                                 formik.setFieldValue("private", e.checked);
-                                                                                            }, checked: formik.values.private }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Private" })] }), _jsx("p", { className: "text-xs mt-2", children: "This field will not show up in the API response" }), isFormFieldValid(formik, "private") && (_jsx(Message, { severity: "error", text: (_54 = (_53 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _53 === void 0 ? void 0 : _53.private) === null || _54 === void 0 ? void 0 : _54.toString() }))] })), currentFields.includes("encrypt") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "encrypt", onChange: function (e) {
+                                                                                            }, checked: formik.values.private }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Private" })] }), _jsx("p", { className: "text-xs mt-2", children: "This field will not show up in the API response" }), isFormFieldValid(formik, "private") && (_jsx(Message, { severity: "error", text: formik?.errors?.private?.toString() }))] })), currentFields.includes("encrypt") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "encrypt", onChange: (e) => {
                                                                                                 formik.setFieldValue("encrypt", e.checked);
                                                                                                 setEncryptState(e.checked);
-                                                                                            }, checked: formik.values.encrypt }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx(Message, { severity: "error", text: (_56 = (_55 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _55 === void 0 ? void 0 : _55.encrypt) === null || _56 === void 0 ? void 0 : _56.toString() }))] })), currentFields.includes("isMultiSelect") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "isMultiSelect", onChange: function (e) {
+                                                                                            }, checked: formik.values.encrypt }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx(Message, { severity: "error", text: formik?.errors?.encrypt?.toString() }))] })), currentFields.includes("isMultiSelect") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "isMultiSelect", onChange: (e) => {
                                                                                                 formik.setFieldValue("isMultiSelect", e.checked);
-                                                                                            }, checked: formik.values.isMultiSelect }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Is MultiSelect" })] }), isFormFieldValid(formik, "isMultiSelect") && (_jsx(Message, { severity: "error", text: (_58 = (_57 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _57 === void 0 ? void 0 : _57.isMultiSelect) === null || _58 === void 0 ? void 0 : _58.toString() }))] })), currentFields.includes("enableAuditTracking") && formik.values.relationType !== "one-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "enableAuditTracking", onChange: function (e) {
+                                                                                            }, checked: formik.values.isMultiSelect }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Is MultiSelect" })] }), isFormFieldValid(formik, "isMultiSelect") && (_jsx(Message, { severity: "error", text: formik?.errors?.isMultiSelect?.toString() }))] })), currentFields.includes("enableAuditTracking") && formik.values.relationType !== "one-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "enableAuditTracking", onChange: (e) => {
                                                                                                 formik.setFieldValue("enableAuditTracking", e.checked);
-                                                                                            }, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Enable Audit Tracking" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting audit trail for this field." }), isFormFieldValid(formik, "enableAuditTracking") && (_jsx(Message, { severity: "error", text: (_60 = (_59 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _59 === void 0 ? void 0 : _59.enableAuditTracking) === null || _60 === void 0 ? void 0 : _60.toString() }))] })), currentFields.includes("isUserKey") && formik.values.unique && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "isUserKey", onChange: function (e) {
+                                                                                            }, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Enable Audit Tracking" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting audit trail for this field." }), isFormFieldValid(formik, "enableAuditTracking") && (_jsx(Message, { severity: "error", text: formik?.errors?.enableAuditTracking?.toString() }))] })), currentFields.includes("isUserKey") && formik.values.unique && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "isUserKey", onChange: (e) => {
                                                                                                 formik.setFieldValue("isUserKey", e.checked);
-                                                                                            }, checked: formik.values.isUserKey }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Is Userkey" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the model's user key. Any existing user key configuration will be overwritten" }), isFormFieldValid(formik, "isUserKey") && (_jsx(Message, { severity: "error", text: (_62 = (_61 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _61 === void 0 ? void 0 : _61.isUserKey) === null || _62 === void 0 ? void 0 : _62.toString() }))] })), currentFields.includes("isPrimaryKey") && ((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) || (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTableWithId)) && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "isPrimaryKey", onChange: function (e) {
+                                                                                            }, checked: formik.values.isUserKey }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Is Userkey" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the model's user key. Any existing user key configuration will be overwritten" }), isFormFieldValid(formik, "isUserKey") && (_jsx(Message, { severity: "error", text: formik?.errors?.isUserKey?.toString() }))] })), currentFields.includes("isPrimaryKey") && (modelMetaData?.isLegacyTable || modelMetaData?.isLegacyTableWithId) && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "isPrimaryKey", onChange: (e) => {
                                                                                                 formik.setFieldValue("isPrimaryKey", e.checked);
-                                                                                            }, checked: formik.values.isPrimaryKey }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Is Primary Key" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the primary key for this legacy table." }), isFormFieldValid(formik, "isPrimaryKey") && (_jsx(Message, { severity: "error", text: (_64 = (_63 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _63 === void 0 ? void 0 : _63.isPrimaryKey) === null || _64 === void 0 ? void 0 : _64.toString() }))] }))] }), formik.values.encrypt === true && (_jsxs("div", { className: "formgrid grid mt-2", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "encryptionType", className: "form-field-label", children: "Encryption Type" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "encryptionType", fieldNameId: "encryptionType", labelKey: "label", valueKey: "value", searchData: searchSelectionEncryptionType, existingData: formik.values.encryptionType }, "encryptionType"), isFormFieldValid(formik, "encryptionType") && (_jsx(Message, { severity: "error", text: (_66 = (_65 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _65 === void 0 ? void 0 : _65.encryptionType) === null || _66 === void 0 ? void 0 : _66.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "decryptWhen", className: "form-field-label", children: "Decrypt When" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "decryptWhen", fieldNameId: "decryptWhen", labelKey: "label", valueKey: "value", searchData: searchSelectionDecryptWhen, existingData: formik.values.decryptWhen }, "decryptWhen"), isFormFieldValid(formik, "decryptWhen") && (_jsx(Message, { severity: "error", text: (_68 = (_67 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _67 === void 0 ? void 0 : _67.decryptWhen) === null || _68 === void 0 ? void 0 : _68.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { children: _jsx(Button, { label: "Finish", size: "small", onClick: function () { return showError(); }, type: "submit" }) }), _jsx("div", { children: _jsx(Button, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: function () { return setVisiblePopup(false); }, outlined: true }) })] })] }) }) })] }) }), _jsx(Dialog, { visible: isBackPopupVisible, header: "Select Type", headerClassName: "text-center", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", size: "small", type: "reset", severity: "danger", autoFocus: true, onClick: function () {
+                                                                                            }, checked: formik.values.isPrimaryKey }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Is Primary Key" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the primary key for this legacy table." }), isFormFieldValid(formik, "isPrimaryKey") && (_jsx(Message, { severity: "error", text: formik?.errors?.isPrimaryKey?.toString() }))] }))] }), formik.values.encrypt === true && (_jsxs("div", { className: "formgrid grid mt-2", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "encryptionType", className: "form-field-label", children: "Encryption Type" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "encryptionType", fieldNameId: "encryptionType", labelKey: "label", valueKey: "value", searchData: searchSelectionEncryptionType, existingData: formik.values.encryptionType }, "encryptionType"), isFormFieldValid(formik, "encryptionType") && (_jsx(Message, { severity: "error", text: formik?.errors?.encryptionType?.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "decryptWhen", className: "form-field-label", children: "Decrypt When" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "decryptWhen", fieldNameId: "decryptWhen", labelKey: "label", valueKey: "value", searchData: searchSelectionDecryptWhen, existingData: formik.values.decryptWhen }, "decryptWhen"), isFormFieldValid(formik, "decryptWhen") && (_jsx(Message, { severity: "error", text: formik?.errors?.decryptWhen?.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { children: _jsx(Button, { label: "Finish", size: "small", onClick: () => showError(), type: "submit" }) }), _jsx("div", { children: _jsx(Button, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: () => setVisiblePopup(false), outlined: true }) })] })] }) }) })] }) }), _jsx(Dialog, { visible: isBackPopupVisible, header: "Select Type", headerClassName: "text-center", modal: true, className: "solid-confirm-dialog", footer: () => (_jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", size: "small", type: "reset", severity: "danger", autoFocus: true, onClick: () => {
                                 formik.resetForm();
                                 setIsBackPopupVisible(false);
                                 setShowTypeFilter(true);
-                            } }), _jsx(Button, { label: "No", icon: "pi pi-times", size: "small", onClick: function () { return setIsBackPopupVisible(false); } })] })); }, onHide: function () { return setIsBackPopupVisible(false); }, children: _jsx("p", { children: "You have some unsaved data are you sure  you want to go back?" }) })] }));
+                            } }), _jsx(Button, { label: "No", icon: "pi pi-times", size: "small", onClick: () => setIsBackPopupVisible(false) })] })), onHide: () => setIsBackPopupVisible(false), children: _jsx("p", { children: "You have some unsaved data are you sure  you want to go back?" }) })] }));
 };
 export default FieldMetaDataForm;
 //# sourceMappingURL=FieldMetaDataForm.js.map