@solidstarters/solid-core-ui 1.1.16 → 1.1.18

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

@@ -61,7 +61,7 @@ import { SingleSelectAutoCompleteField } from "../../../components/common/Single
 import { getSingularAndPlural } from "../../../helpers/helpers";
 import { useGetFieldDefaultMetaDataQuery } from "../../../redux/api/fieldApi";
 import { useLazyGetMediaStorageProvidersQuery } from "../../../redux/api/mediaStorageProviderApi";
-import { useLazyGetModelsQuery } from "../../../redux/api/modelApi";
+import { useLazyGetModelsQuery, useUpdateUserKeyMutation } from "../../../redux/api/modelApi";
 import { useLazyGetmodulesQuery } from "../../../redux/api/moduleApi";
 import { useFormik } from "formik";
 import { capitalize } from "lodash";
@@ -127,7 +127,7 @@ var SelectionStaticValues = function (_a) {
     var handleDisplayChange = function (newDisplay) {
         onUpdate("".concat(value || "", ":").concat(newDisplay));
     };
-    return (_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(InputText, { value: value || "", onChange: function (e) { return handleValueChange(e.target.value); }, placeholder: "Value", className: "p-inputtext-sm small-input w-full" }), _jsx(InputText, { value: display || "", onChange: function (e) { return handleDisplayChange(e.target.value); }, placeholder: "Display", className: "p-inputtext-sm small-input w-full" }), _jsx(Button, { icon: "pi pi-plus", size: "small", className: "small-button", onClick: onAdd, type: "button" }), _jsx(Button, { icon: "pi pi-trash", size: "small", className: "small-button", 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: 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", className: "small-button", onClick: onAdd, type: "button" }), _jsx(Button, { icon: "pi pi-trash", size: "small", className: "small-button", onClick: onDelete, outlined: true, severity: "danger", type: "button" })] }));
 };
 var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData) {
     // const booleanFields: string | any[] = [
@@ -366,39 +366,42 @@ var createValidationSchema = function (currentFields, selectedType, allFields, f
     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;
-    var modelMetaData = _a.modelMetaData, fieldMetaData = _a.fieldMetaData, setFieldMetaData = _a.setFieldMetaData, allFields = _a.allFields, deleteModelFunction = _a.deleteModelFunction, setVisiblePopup = _a.setVisiblePopup, params = _a.params, setIsRequiredPopUp = _a.setIsRequiredPopUp;
+    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;
+    var 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 _58 = useState(false), isBackPopupVisible = _58[0], setIsBackPopupVisible = _58[1];
-    var _59 = useState(false), showColumnName = _59[0], setShowColumnName = _59[1];
+    var _60 = useState(false), isBackPopupVisible = _60[0], setIsBackPopupVisible = _60[1];
+    var _61 = useState(false), showColumnName = _61[0], setShowColumnName = _61[1];
     var pathname = usePathname();
     var toast = useRef(null);
-    var _60 = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _60.data, isLoading = _60.isLoading, error = _60.error, refetch = _60.refetch;
-    var _61 = useState(fetchCurrentFields(fieldMetaData && fieldMetaData.type, fieldDefaultMetaData)), currentFields = _61[0], setCurrentFields = _61[1];
-    var _62 = useLazyGetMediaStorageProvidersQuery(), triggerGetMediaStorageProvider = _62[0], _63 = _62[1], MediaStorageProviderData = _63.data, isMediaStorageProviderFetching = _63.isFetching, MediaStorageProviderError = _63.error;
-    var _64 = useLazyGetmodulesQuery(), triggerGetModules = _64[0], _65 = _64[1], moduleData = _65.data, isModuleFetching = _65.isFetching, moduleError = _65.error;
-    var _66 = useLazyGetModelsQuery(), triggerGetModels = _66[0], _67 = _66[1], modelData = _67.data, ismodelFetching = _67.isFetching, modelError = _67.error;
-    var _68 = useState(), markdownText = _68[0], setMarkdownText = _68[1];
-    var _69 = useState(false), encryptState = _69[0], setEncryptState = _69[1];
-    var _70 = useState(fieldMetaData ? false : true), showTypeFilter = _70[0], setShowTypeFilter = _70[1];
-    var _71 = 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 = _71[0], setSelectedType = _71[1];
-    var _72 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueType) && { label: fieldMetaData.computedFieldValueType, value: fieldMetaData.computedFieldValueType }), selectedComputedFieldValueType = _72[0], setSelectedComputedFieldValueType = _72[1];
-    var _73 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionDynamicProvider) && { label: fieldMetaData.selectionDynamicProvider, value: fieldMetaData.selectionDynamicProvider }), selectionDynamicProvider = _73[0], setSelectionDynamicProvider = _73[1];
+    var _62 = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _62.data, isLoading = _62.isLoading, error = _62.error, refetch = _62.refetch;
+    var _63 = useState(fetchCurrentFields(fieldMetaData && fieldMetaData.type, fieldDefaultMetaData)), currentFields = _63[0], setCurrentFields = _63[1];
+    var _64 = useLazyGetMediaStorageProvidersQuery(), triggerGetMediaStorageProvider = _64[0], _65 = _64[1], MediaStorageProviderData = _65.data, isMediaStorageProviderFetching = _65.isFetching, MediaStorageProviderError = _65.error;
+    var _66 = useLazyGetmodulesQuery(), triggerGetModules = _66[0], _67 = _66[1], moduleData = _67.data, isModuleFetching = _67.isFetching, moduleError = _67.error;
+    var _68 = useLazyGetModelsQuery(), triggerGetModels = _68[0], _69 = _68[1], modelData = _69.data, ismodelFetching = _69.isFetching, modelError = _69.error;
+    var _70 = useUpdateUserKeyMutation(), updateUserKey = _70[0], _71 = _70[1], isUpdateUserKeyLoading = _71.isLoading, isUpdateUserKeySuccess = _71.isSuccess, isUpdateUserKeyError = _71.isError, UpdateUserKeyError = _71.error, newModel = _71.data;
+    var _72 = useState(), markdownText = _72[0], setMarkdownText = _72[1];
+    var _73 = useState(false), encryptState = _73[0], setEncryptState = _73[1];
+    var _74 = useState(fieldMetaData ? false : true), showTypeFilter = _74[0], setShowTypeFilter = _74[1];
+    var _75 = 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 = _75[0], setSelectedType = _75[1];
+    var _76 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueType) && { label: fieldMetaData.computedFieldValueType, value: fieldMetaData.computedFieldValueType }), selectedComputedFieldValueType = _76[0], setSelectedComputedFieldValueType = _76[1];
+    var _77 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionDynamicProvider) && { label: fieldMetaData.selectionDynamicProvider, value: fieldMetaData.selectionDynamicProvider }), selectionDynamicProvider = _77[0], setSelectionDynamicProvider = _77[1];
     // const [externalIdProvider, setExternalIdProvider] = useState(fieldMetaData?.externalIdProvider && { label: fieldMetaData.externalIdProvider, value: fieldMetaData.externalIdProvider });
-    var _74 = 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 = _74[0], setSelectionStaticValues = _74[1];
-    var _75 = useState([]), filteredComputedFieldValueTypes = _75[0], setFilteredComputedFieldValueTypes = _75[1];
-    var _76 = useState([]), filteredSelectionDynamicProvider = _76[0], setFilteredSelectionDynamicProvider = _76[1];
-    var _77 = useState([]), ormTypeOptions = _77[0], setOrmTypeOptions = _77[1];
-    var _78 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.ormType), selectedOrmType = _78[0], setSelectedOrmType = _78[1];
-    var _79 = useState([]), filteredExternalIdProvider = _79[0], setFilteredExternalIdProvider = _79[1];
-    var _80 = useState([]), filteredSelectionEncryptionType = _80[0], setFilteredSelectionEncryptionType = _80[1];
-    var _81 = useState([]), filteredSelectionDecryptWhen = _81[0], setFilteredSelectionDecryptWhen = _81[1];
+    var _78 = 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 = _78[0], setSelectionStaticValues = _78[1];
+    var _79 = useState([]), filteredComputedFieldValueTypes = _79[0], setFilteredComputedFieldValueTypes = _79[1];
+    var _80 = useState([]), filteredSelectionDynamicProvider = _80[0], setFilteredSelectionDynamicProvider = _80[1];
+    var _81 = useState([]), ormTypeOptions = _81[0], setOrmTypeOptions = _81[1];
+    var _82 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.ormType), selectedOrmType = _82[0], setSelectedOrmType = _82[1];
+    var _83 = useState(false), isUserKeyFields = _83[0], setUserKeyFields = _83[1];
+    var _84 = useState([]), userKeyData = _84[0], setUserKeyData = _84[1];
+    var _85 = useState([]), filteredExternalIdProvider = _85[0], setFilteredExternalIdProvider = _85[1];
+    var _86 = useState([]), filteredSelectionEncryptionType = _86[0], setFilteredSelectionEncryptionType = _86[1];
+    var _87 = useState([]), filteredSelectionDecryptWhen = _87[0], setFilteredSelectionDecryptWhen = _87[1];
     var items = Array.from({ length: 100000 }).map(function (_, i) { return ({
         label: "Item #".concat(i),
         value: i,
     }); });
     var validationSchema = React.useMemo(function () { return createValidationSchema(currentFields, selectedType, allFields, fieldMetaData, encryptState); }, [currentFields, encryptState]);
-    var _82 = useState(false), typeSelected = _82[0], setTypeSelected = _82[1];
+    var _88 = useState(false), typeSelected = _88[0], setTypeSelected = _88[1];
     var searchMediaTypes = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var query, suggestionData;
         return __generator(this, function (_a) {
@@ -589,6 +592,9 @@ var FieldMetaDataForm = function (_a) {
             }
         });
     }); };
+    var searchUserKeyField = function () {
+        return userKeyData;
+    };
     var searchComputedFieldValueType = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var query, _filteredTypes;
         return __generator(this, function (_a) {
@@ -701,7 +707,7 @@ var FieldMetaDataForm = function (_a) {
         { label: "True", value: "true" },
         { label: "False", value: "false" },
     ];
-    var _83 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPattern), selectedPasswordPolicy = _83[0], setSelectedPasswordPolicy = _83[1];
+    var _89 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPattern), selectedPasswordPolicy = _89[0], setSelectedPasswordPolicy = _89[1];
     var 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).*$' },
@@ -758,13 +764,15 @@ var FieldMetaDataForm = function (_a) {
         isUserKey: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.isUserKey : false,
         relationJoinColumnName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationJoinColumnName : null,
         joinColumnName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.joinColumnName : null,
-        relationJoinTableName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.relationJoinTableName : 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
     };
     var formik = useFormik({
         initialValues: initialValues,
         validationSchema: 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) {
@@ -783,6 +791,13 @@ var FieldMetaDataForm = function (_a) {
                             return __spreadArray(__spreadArray([], prevItems, true), [formtatedFieldPayload], false);
                         }
                     });
+                    if (values.userKey) {
+                        data = {
+                            modelName: values.relationModelSingularName,
+                            fieldName: values.userKey
+                        };
+                        updateUserKey(data);
+                    }
                     // nextTab()
                     setVisiblePopup(false);
                 }
@@ -817,6 +832,15 @@ var FieldMetaDataForm = function (_a) {
             }
         });
     }); };
+    useEffect(function () {
+        var _a;
+        if (isUpdateUserKeySuccess) {
+            showToaster([(_a = newModel === null || newModel === void 0 ? void 0 : newModel.data) === null || _a === void 0 ? void 0 : _a.message], "success");
+        }
+        if (isUpdateUserKeyError) {
+            showToaster(UpdateUserKeyError, 'error');
+        }
+    }, [isUpdateUserKeySuccess, isUpdateUserKeyError]);
     var handleTypeSelect = function (e, label) {
         setShowTypeFilter(false);
         setSelectedType({ label: label, value: e });
@@ -848,6 +872,48 @@ var FieldMetaDataForm = function (_a) {
             setShowColumnName(true);
         }
     }, [fieldMetaData]);
+    useEffect(function () {
+        var fetchFields = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var queryData, queryString, result, fieldsWithUnique;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        queryData = {
+                            limit: 10,
+                            offset: 0,
+                            filters: {
+                                singularName: {
+                                    $eq: formik.values.relationModelSingularName
+                                }
+                            },
+                            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)) {
+                                setUserKeyFields(true);
+                                fieldsWithUnique = (_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; });
+                                setUserKeyData(fieldsWithUnique);
+                            }
+                            else {
+                                setUserKeyFields(false);
+                                setUserKeyData([]);
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        if (formik.values.relationModelSingularName) {
+            fetchFields();
+        }
+    }, [formik.values.relationModelSingularName]);
     var updateEnumValues = function (index, updatedString) {
         var updatedValues = formik.values.selectionStaticValues.map(function (enumValue, i) {
             return i === index ? updatedString : enumValue;
@@ -943,45 +1009,45 @@ var FieldMetaDataForm = function (_a) {
                                                                                             "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-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-6 flex-flex-column gap-2", 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-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-6 flex-flex-column gap-2", 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: (_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-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-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) {
                                                                                         formik.setFieldValue("mediaEmbedded", e.value);
                                                                                     }, options: booleanOptions, className: classNames(" flex boolean-switch", {
                                                                                         "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-6 flex-flex-column gap-2", 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: (_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-6 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) {
                                                                                         return formik.setFieldValue("relationType", e.value);
-                                                                                    }, className: classNames(" flex boolean-switch", {
+                                                                                    }, 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" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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) {
+                                                                                    }), 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" && (_jsxs("div", { className: "field 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("small-input p-inputtext-sm w-full", {
+                                                                                    }, 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-6 flex-flex-column gap-2", 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: (_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-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) {
                                                                                         formik.setFieldValue("relationModelSingularName", "");
                                                                                         formik.setFieldValue("relationJoinColumnName", "");
                                                                                         formik.setFieldValue("joinColumnName", "");
                                                                                         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("relationModelSingularName") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "relationModelSingularName", className: "form-field-label", children: "Co-Model Name" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "relationModelSingularName", fieldNameId: "relationModelSingularName", labelKey: "displayName", valueKey: "singularName", searchData: searchRelationModelSingularNames, existingData: formik.values.relationModelSingularName }, "relationModelSingularName"), isFormFieldValid(formik, "relationModelSingularName") && (_jsx(Message, { severity: "error", text: (_7 = (_6 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _6 === void 0 ? void 0 : _6.relationModelSingularName) === null || _7 === void 0 ? void 0 : _7.toString() }))] })), currentFields.includes("relationCreateInverse") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex flex-column gap-2", 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: Boolean(formik.values.relationCreateInverse), onChange: function (e) { return formik.setFieldValue("relationCreateInverse", e.checked); } }), _jsx("label", { htmlFor: "relationCreateInverse", className: "ml-2", children: "Enable" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx(Message, { severity: "error", text: (_9 = (_8 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _8 === void 0 ? void 0 : _8.relationCreateInverse) === null || _9 === void 0 ? void 0 : _9.toString() }))] })), currentFields.includes("relationModelFieldName") && formik.values.relationCreateInverse && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "relationModelFieldName", className: "form-field-label", children: "Field Name on Inverse Side" }), _jsx(InputText, { type: "text", id: "relationModelFieldName", name: "relationModelFieldName", onChange: formik.handleChange, value: formik.values.relationModelFieldName, className: classNames("", {
+                                                                                    } }, "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("relationModelSingularName") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationModelSingularName", className: "form-field-label", children: "Co-Model Name" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "relationModelSingularName", fieldNameId: "relationModelSingularName", labelKey: "displayName", valueKey: "singularName", searchData: searchRelationModelSingularNames, existingData: formik.values.relationModelSingularName }, "relationModelSingularName"), isFormFieldValid(formik, "relationModelSingularName") && (_jsx(Message, { severity: "error", text: (_7 = (_6 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _6 === void 0 ? void 0 : _6.relationModelSingularName) === null || _7 === void 0 ? void 0 : _7.toString() }))] })), isUserKeyFields && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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"), isFormFieldValid(formik, "userKey") && (_jsx(Message, { severity: "error", text: (_9 = (_8 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _8 === void 0 ? void 0 : _8.userKey) === null || _9 === void 0 ? void 0 : _9.toString() }))] })), currentFields.includes("relationCreateInverse") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field 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: Boolean(formik.values.relationCreateInverse), 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: (_11 = (_10 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _10 === void 0 ? void 0 : _10.relationCreateInverse) === null || _11 === void 0 ? void 0 : _11.toString() }))] })), currentFields.includes("relationModelFieldName") && formik.values.relationCreateInverse && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationModelFieldName", className: "form-field-label", children: "Field Name on Inverse Side" }), _jsx(InputText, { type: "text", id: "relationModelFieldName", name: "relationModelFieldName", onChange: formik.handleChange, value: formik.values.relationModelFieldName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationModelFieldName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationModelFieldName") && (_jsx(Message, { severity: "error", text: (_11 = (_10 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _10 === void 0 ? void 0 : _10.relationModelFieldName) === null || _11 === void 0 ? void 0 : _11.toString() }))] })), currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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, value: formik.values.relationJoinTableName, className: classNames("", {
+                                                                                    }) }), isFormFieldValid(formik, "relationModelFieldName") && (_jsx(Message, { severity: "error", text: (_13 = (_12 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _12 === void 0 ? void 0 : _12.relationModelFieldName) === null || _13 === void 0 ? void 0 : _13.toString() }))] })), currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field 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, value: formik.values.relationJoinTableName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationJoinTableName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationJoinTableName") && (_jsx(Message, { severity: "error", text: (_13 = (_12 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _12 === void 0 ? void 0 : _12.relationJoinTableName) === null || _13 === void 0 ? void 0 : _13.toString() }))] })), currentFields.includes("joinColumnName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "joinColumnName", className: "form-field-label", children: "Join Column Name" }), _jsx(InputText, { type: "text", id: "joinColumnName", name: "joinColumnName", onChange: formik.handleChange, value: formik.values.joinColumnName, className: classNames("", {
+                                                                                    }) }), isFormFieldValid(formik, "relationJoinTableName") && (_jsx(Message, { severity: "error", text: (_15 = (_14 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _14 === void 0 ? void 0 : _14.relationJoinTableName) === null || _15 === void 0 ? void 0 : _15.toString() }))] })), currentFields.includes("joinColumnName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "joinColumnName", className: "form-field-label", children: "Join Column Name" }), _jsx(InputText, { type: "text", id: "joinColumnName", name: "joinColumnName", onChange: formik.handleChange, value: formik.values.joinColumnName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "joinColumnName"),
-                                                                                    }) }), isFormFieldValid(formik, "joinColumnName") && (_jsx(Message, { severity: "error", text: (_15 = (_14 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _14 === void 0 ? void 0 : _14.joinColumnName) === null || _15 === void 0 ? void 0 : _15.toString() }))] })), currentFields.includes("relationJoinColumnName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "relationJoinColumnName", className: "form-field-label", children: "Relation Join Column Name" }), _jsx(InputText, { type: "text", id: "relationJoinColumnName", name: "relationJoinColumnName", onChange: formik.handleChange, value: formik.values.relationJoinColumnName, className: classNames("", {
+                                                                                    }) }), isFormFieldValid(formik, "joinColumnName") && (_jsx(Message, { severity: "error", text: (_17 = (_16 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _16 === void 0 ? void 0 : _16.joinColumnName) === null || _17 === void 0 ? void 0 : _17.toString() }))] })), currentFields.includes("relationJoinColumnName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "relationJoinColumnName", className: "form-field-label", children: "Relation Join Column Name" }), _jsx(InputText, { type: "text", id: "relationJoinColumnName", name: "relationJoinColumnName", onChange: formik.handleChange, value: formik.values.relationJoinColumnName, className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "relationJoinColumnName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationJoinColumnName") && (_jsx(Message, { severity: "error", text: (_17 = (_16 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _16 === void 0 ? void 0 : _16.relationJoinColumnName) === null || _17 === void 0 ? void 0 : _17.toString() }))] })), currentFields.includes("selectionDynamicProvider") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "selectionDynamicProvider", className: "form-field-label", children: "Selection Dynamic Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, 
+                                                                                    }) }), isFormFieldValid(formik, "relationJoinColumnName") && (_jsx(Message, { severity: "error", text: (_19 = (_18 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _18 === void 0 ? void 0 : _18.relationJoinColumnName) === null || _19 === void 0 ? void 0 : _19.toString() }))] })), currentFields.includes("selectionDynamicProvider") && (_jsxs("div", { className: "field 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: (_19 = (_18 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _18 === void 0 ? void 0 : _18.selectionDynamicProvider) === null || _19 === void 0 ? void 0 : _19.toString() }))] })), currentFields.includes("selectionValueType") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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) {
+                                                                                    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: (_21 = (_20 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _20 === void 0 ? void 0 : _20.selectionDynamicProvider) === null || _21 === void 0 ? void 0 : _21.toString() }))] })), currentFields.includes("selectionValueType") && (_jsxs("div", { className: "field 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 a Data Source", className: classNames("", {
+                                                                                    }, placeholder: "Select Value Type", className: classNames("", {
                                                                                         "p-invalid": isFormFieldValid(formik, "selectionValueType"),
-                                                                                    }) }), isFormFieldValid(formik, "selectionValueType") && (_jsx(Message, { severity: "error", text: (_21 = (_20 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _20 === void 0 ? void 0 : _20.selectionValueType) === null || _21 === void 0 ? void 0 : _21.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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: (_23 = (_22 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _22 === void 0 ? void 0 : _22.selectionStaticValues) === null || _23 === void 0 ? void 0 : _23.toString() }))] })), currentFields.includes("computedFieldValueType") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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 }, field: "label", dropdown: true, className: "solid-standard-autocomplete", onChange: function (e) {
+                                                                                    }) }), isFormFieldValid(formik, "selectionValueType") && (_jsx(Message, { severity: "error", text: (_23 = (_22 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _22 === void 0 ? void 0 : _22.selectionValueType) === null || _23 === void 0 ? void 0 : _23.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field 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: (_25 = (_24 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _24 === void 0 ? void 0 : _24.selectionStaticValues) === null || _25 === void 0 ? void 0 : _25.toString() }))] })), currentFields.includes("computedFieldValueType") && (_jsxs("div", { className: "field 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 }, field: "label", dropdown: true, className: "solid-standard-autocomplete", onChange: function (e) {
                                                                                         setSelectedComputedFieldValueType(e.value);
                                                                                         formik.setFieldValue("computedFieldValueType", e.value.value);
-                                                                                    } }), isFormFieldValid(formik, "computedFieldValueType") && (_jsx(Message, { severity: "error", text: (_25 = (_24 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _24 === void 0 ? void 0 : _24.computedFieldValueType) === null || _25 === void 0 ? void 0 : _25.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.computedFieldValueType) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field 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: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.computedFieldValueProvider) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (
+                                                                                    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: (_29 = (_28 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _28 === void 0 ? void 0 : _28.computedFieldValueProvider) === null || _29 === void 0 ? void 0 : _29.toString() }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (
                                                                         // {/* {markdownText &&
                                                                         //       <div className="md:col-12 sm:col-12">
                                                                         //         <div className="field col-6 flex-flex-column gap-2">
@@ -992,23 +1058,23 @@ 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: (_29 = (_28 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _28 === void 0 ? void 0 : _28.selectionDynamicProviderCtxt) === null || _29 === void 0 ? void 0 : _29.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: (_31 = (_30 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _30 === void 0 ? void 0 : _30.selectionDynamicProviderCtxt) === null || _31 === void 0 ? void 0 : _31.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: (_31 = (_30 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _30 === void 0 ? void 0 : _30.computedFieldValueProviderCtxt) === null || _31 === void 0 ? void 0 : _31.toString() }))] }))] })), (currentFields.includes("regexPattern") || currentFields.includes("min") || currentFields.includes("max") || currentFields.includes("ormType")) && ormTypeOptions && formik.values.relationType !== "many-to-many" &&
+                                                                        ), 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: (_33 = (_32 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _32 === void 0 ? void 0 : _32.computedFieldValueProviderCtxt) === null || _33 === void 0 ? void 0 : _33.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", children: "Validations" }), _jsxs("div", { className: "formgrid grid", children: [(currentFields.includes("regexPattern") && selectedType.value === "password") &&
-                                                                                        _jsx(_Fragment, { children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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-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) {
                                                                                                             setSelectedPasswordPolicy(e.value);
                                                                                                             if (e.value !== "custom") {
                                                                                                                 formik.setFieldValue('regexPattern', e.value);
                                                                                                             }
                                                                                                         }, options: passwordPolicyOptions, optionLabel: "label", placeholder: "Select a Password Policy", 
                                                                                                         // className="w-full md:w-14rem"
-                                                                                                        className: "", checkmark: true, highlightOnSelect: false })] }) }), currentFields.includes("regexPattern") && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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("", {
+                                                                                                        className: "", checkmark: true, highlightOnSelect: false })] }) }), currentFields.includes("regexPattern") && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field 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: (_33 = (_32 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _32 === void 0 ? void 0 : _32.regexPattern) === null || _33 === void 0 ? void 0 : _33.toString() }))] }), currentFields.includes("regexPattern") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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: (_35 = (_34 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _34 === void 0 ? void 0 : _34.regexPattern) === null || _35 === void 0 ? void 0 : _35.toString() }))] }), currentFields.includes("regexPattern") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", 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: (_35 = (_34 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _34 === void 0 ? void 0 : _34.regexPatternNotMatchingErrorMsg) === null || _35 === void 0 ? void 0 : _35.toString() }))] }))] })), (currentFields.includes("min") || currentFields.includes("max")) &&
-                                                                                        _jsxs(_Fragment, { children: [currentFields.includes("min") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "min", className: "form-field-label", children: "Min (Characters Allowed)" }), (selectedType.value === "int" ||
+                                                                                                        }) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx(Message, { severity: "error", text: (_37 = (_36 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _36 === void 0 ? void 0 : _36.regexPatternNotMatchingErrorMsg) === null || _37 === void 0 ? void 0 : _37.toString() }))] }))] })), (currentFields.includes("min") || currentFields.includes("max")) &&
+                                                                                        _jsxs(_Fragment, { children: [currentFields.includes("min") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 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" ||
@@ -1018,7 +1084,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"),
-                                                                                                                }) }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: (_37 = (_36 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _36 === void 0 ? void 0 : _36.min) === null || _37 === void 0 ? void 0 : _37.toString() }))] })), currentFields.includes("max") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "max", className: "form-field-label", children: "Max (Character allowed)" }), (selectedType.value === "int" ||
+                                                                                                                }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: (_39 = (_38 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _38 === void 0 ? void 0 : _38.min) === null || _39 === void 0 ? void 0 : _39.toString() }))] })), currentFields.includes("max") && (_jsxs("div", { className: "field 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" ||
@@ -1028,26 +1095,26 @@ 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"),
-                                                                                                                }) }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: (_39 = (_38 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _38 === void 0 ? void 0 : _38.max) === null || _39 === void 0 ? void 0 : _39.toString() }))] }))] }), currentFields.includes("ormType") && (_jsx("div", { className: "md:col-12 sm:col-12", children: ormTypeOptions && ormTypeOptions.length > 1 &&
-                                                                                            _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "ormType", className: "form-field-label", children: "Type" }), _jsx("div", { className: "ormTypeflex", children: ormTypeOptions && ormTypeOptions.map(function (ormType) {
+                                                                                                                }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: (_41 = (_40 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _40 === void 0 ? void 0 : _40.max) === null || _41 === void 0 ? void 0 : _41.toString() }))] }))] }), currentFields.includes("ormType") && (_jsx("div", { className: "md:col-12 sm:col-12", children: ormTypeOptions && ormTypeOptions.length > 1 &&
+                                                                                            _jsxs("div", { className: "field 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) {
                                                                                                                                 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: (_41 = (_40 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _40 === void 0 ? void 0 : _40.ormType) === null || _41 === void 0 ? void 0 : _41.toString() }))] }) }))] })] }), _jsx("p", { className: "form-wrapper-heading text-base", children: "Settings" }), _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("required") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "required", onChange: function (e) {
+                                                                                                        }) }), isFormFieldValid(formik, "ormType") && (_jsx(Message, { severity: "error", text: (_43 = (_42 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _42 === void 0 ? void 0 : _42.ormType) === null || _43 === void 0 ? void 0 : _43.toString() }))] }) }))] })] }), _jsx("p", { className: "form-wrapper-heading text-base", children: "Settings" }), _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("required") && 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: "required", onChange: function (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: (_43 = (_42 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _42 === void 0 ? void 0 : _42.required) === null || _43 === void 0 ? void 0 : _43.toString() }))] })), currentFields.includes("unique") && (_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: (_45 = (_44 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _44 === void 0 ? void 0 : _44.required) === null || _45 === void 0 ? void 0 : _45.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) {
                                                                                                 formik.setFieldValue("unique", e.checked);
-                                                                                            }, 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: (_45 = (_44 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _44 === void 0 ? void 0 : _44.unique) === null || _45 === void 0 ? void 0 : _45.toString() }))] })), currentFields.includes("index") && (_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: (_47 = (_46 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _46 === void 0 ? void 0 : _46.unique) === null || _47 === void 0 ? void 0 : _47.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) {
                                                                                                 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: (_47 = (_46 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _46 === void 0 ? void 0 : _46.index) === null || _47 === void 0 ? void 0 : _47.toString() }))] })), currentFields.includes("private") && (_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: (_49 = (_48 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _48 === void 0 ? void 0 : _48.index) === null || _49 === void 0 ? void 0 : _49.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) {
                                                                                                 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: (_49 = (_48 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _48 === void 0 ? void 0 : _48.private) === null || _49 === void 0 ? void 0 : _49.toString() }))] })), currentFields.includes("encrypt") && (_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: (_51 = (_50 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _50 === void 0 ? void 0 : _50.private) === null || _51 === void 0 ? void 0 : _51.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) {
                                                                                                 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: (_51 = (_50 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _50 === void 0 ? void 0 : _50.encrypt) === null || _51 === void 0 ? void 0 : _51.toString() }))] })), currentFields.includes("isUserKey") && (_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.encrypt }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx(Message, { severity: "error", text: (_53 = (_52 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _52 === void 0 ? void 0 : _52.encrypt) === null || _53 === void 0 ? void 0 : _53.toString() }))] })), currentFields.includes("isUserKey") && (_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) {
                                                                                                 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: "If userkey already then it will be replaced with this key" }), isFormFieldValid(formik, "isUserKey") && (_jsx(Message, { severity: "error", text: (_53 = (_52 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _52 === void 0 ? void 0 : _52.isUserKey) === null || _53 === void 0 ? void 0 : _53.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: (_55 = (_54 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _54 === void 0 ? void 0 : _54.encryptionType) === null || _55 === void 0 ? void 0 : _55.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: (_57 = (_56 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _56 === void 0 ? void 0 : _56.decryptWhen) === null || _57 === void 0 ? void 0 : _57.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3 justify-content-between", children: [_jsx("div", { className: "flex align-items-center gap-3 mt-3", children: _jsx(Button, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: function () { return setVisiblePopup(false); }, outlined: true, className: "small-button" }) }), _jsx("div", { className: "flex align-items-center gap-3 mt-3", children: _jsx(Button, { label: "Finish", size: "small", onClick: function () { return showError(); }, type: "submit", className: "small-button" }) })] })] }) }) })] }) }), _jsx(Dialog, { visible: isBackPopupVisible, header: "Select Type", headerClassName: "text-center", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', type: "reset", severity: "danger", autoFocus: true, onClick: function () {
+                                                                                            }, 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: (_55 = (_54 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _54 === void 0 ? void 0 : _54.isUserKey) === null || _55 === void 0 ? void 0 : _55.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: (_57 = (_56 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _56 === void 0 ? void 0 : _56.encryptionType) === null || _57 === void 0 ? void 0 : _57.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: (_59 = (_58 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _58 === void 0 ? void 0 : _58.decryptWhen) === null || _59 === void 0 ? void 0 : _59.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3 justify-content-between", children: [_jsx("div", { className: "flex align-items-center gap-3 mt-3", children: _jsx(Button, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: function () { return setVisiblePopup(false); }, outlined: true, className: "small-button" }) }), _jsx("div", { className: "flex align-items-center gap-3 mt-3", children: _jsx(Button, { label: "Finish", size: "small", onClick: function () { return showError(); }, type: "submit", className: "small-button" }) })] })] }) }) })] }) }), _jsx(Dialog, { visible: isBackPopupVisible, header: "Select Type", headerClassName: "text-center", modal: true, footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', type: "reset", severity: "danger", autoFocus: true, onClick: function () {
                                 formik.resetForm();
                                 setIsBackPopupVisible(false);
                                 setShowTypeFilter(true);