@solidxai/core-ui 0.1.5-beta.11 → 0.1.5-beta.12

package/dist/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModuleRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidCircularLoader } from \"../../../../../../components/core/common/SolidLoaders/SolidCircularLoader\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { useGetModelsQuery, useLazyGetModelsQuery } from \"../../../../../../redux/api/modelApi\";\nimport { useGenerateCodeFormoduleMutation } from \"../../../../../../redux/api/moduleApi\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { useSeederMutation } from \"../../../../../../redux/api/solidServiceApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { kebabCase } from \"lodash\";\nimport { Button } from \"primereact/button\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { Column } from \"primereact/column\";\nimport { DataTable } from \"primereact/datatable\";\nimport { Toast } from \"primereact/toast\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport showToast from \"../../../../../../helpers/showToast\";\n\nconst DeleteModuleRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const [errorState, setErrorState] = useState<string | null>(null);\n    const [isDeleting, setIsDeleting] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(\"moduleMetadata\");\n    const { useDeleteSolidEntityMutation } = entityApi;\n\n    const [allowDelete, setAllowDelete] = useState(false);\n\n    const [deleteSolidSingleEntiry, {\n        isError: isSolidEntitiesDeleteError,\n    }] = useDeleteSolidEntityMutation()\n\n    const queryString = `filters[$and][0][$or][0][module][$in][0]=${event?.rowData?.id}`;\n    const { data: models, isLoading: getModelsLoading, error } = useGetModelsQuery(queryString);\n\n    useEffect(() => {\n        if (models && models.meta.totalRecords == 0) {\n            setAllowDelete(true);\n        } else {\n            setAllowDelete(false);\n        }\n    }, [models]);\n\n    const toast = useRef<Toast>(null);\n\n    const deleteModuleHandler = async () => {\n        setIsDeleting(true);\n        setErrorState(null);\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id)\n            // console.log('delete model res', res);\n            setErrorState(res.error || null);\n            if (res.error) {\n                // handle backend or RTK error object\n                const message =\n                    res.error?.data?.message ||\n                    res.error?.error ||\n                    ERROR_MESSAGES.ERROR_OCCURED;\n                setErrorState(message);\n                showToast(toast, 'error', ERROR_MESSAGES.DELETE_FAIELD, message);\n            } else {\n                showToast(toast, 'success', ERROR_MESSAGES.MODEL_DELETE, ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName));\n                dispatch(closePopup());\n            }\n        } catch (err: any) {\n            console.error(ERROR_MESSAGES.DELETE_ERROR, err);\n            setErrorState(err.message || ERROR_MESSAGES.NETWORK_ERROR);\n            showToast(toast, 'error', ERROR_MESSAGES.ERROR, ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR);\n        } finally {\n            setIsDeleting(false);\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.name)}.module.ts`, description: 'Delete the module file', intervention: 'Automatic'},\n        { file: `${kebabCase(event.rowData.name)}-metadata.json`, description: 'Remove the module metadata json file', intervention: 'Automatic' },\n    ];\n\n    return (\n        <div className=\"\">\n            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                <span className=\"p-dialog-title\">\n                    Delete Module\n                </span>\n            </div>\n            <div className=\"px-4 pb-4 pt-3\">\n                <div>\n                    <p className=\"form-field-label font-medium\">\n                        {allowDelete === true ?\n                            \"Deleting a module should be done carefully. The below files will be impacted as part of deleting a model:\"\n                            :\n                            \"This module still has models associated with it. Please delete those models before deleting the module\"\n                        }\n                    </p>\n                    {/* {allowDelete === true && */}\n                        <DataTable value={rows} size=\"small\">\n                            <Column field=\"file\" header=\"File Name\" />\n                            <Column field=\"description\" header=\"Description\" />\n                            <Column field=\"intervention\" header=\"Intervention\" />\n                        </DataTable>\n                    {/* } */}\n                    {/* {allowDelete === true &&\n\n                        <div className=\"my-4\">\n                            <div className=\"flex align-items-center\">\n                                <Checkbox\n                                    inputId=\"confirmation\"\n                                    name=\"confirm\"\n                                    checked={isConfirmed}\n                                    onChange={() => setIsConfirmed(!isConfirmed)} />\n                                <label htmlFor=\"confirmation\" className=\"ml-2 form-field-label\">\n                                    I confirm that #7 &amp; #9 will be done by me manually after the automatic steps above are applied.\n                                </label>\n                            </div>\n                        </div>\n                    } */}\n                </div>\n                <div className=\"flex gap-3 justify-content-start\">\n                    {allowDelete === true &&\n                        <Button size=\"small\" label=\"Apply\" autoFocus onClick={deleteModuleHandler} />\n                    }\n                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModuleRowAction;"]}
+{"version":3,"file":"DeleteModuleRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidCircularLoader } from \"../../../../../../components/core/common/SolidLoaders/SolidCircularLoader\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { useGetModelsQuery, useLazyGetModelsQuery } from \"../../../../../../redux/api/modelApi\";\nimport { useGenerateCodeFormoduleMutation } from \"../../../../../../redux/api/moduleApi\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { useSeederMutation } from \"../../../../../../redux/api/solidServiceApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { kebabCase } from \"lodash\";\nimport { Button } from \"primereact/button\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { Column } from \"primereact/column\";\nimport { DataTable } from \"primereact/datatable\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\n\nconst DeleteModuleRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const [errorState, setErrorState] = useState<string | null>(null);\n    const [isDeleting, setIsDeleting] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(\"moduleMetadata\");\n    const { useDeleteSolidEntityMutation } = entityApi;\n\n    const [allowDelete, setAllowDelete] = useState(false);\n\n    const [deleteSolidSingleEntiry, {\n        isError: isSolidEntitiesDeleteError,\n    }] = useDeleteSolidEntityMutation()\n\n    const queryString = `filters[$and][0][$or][0][module][$in][0]=${event?.rowData?.id}`;\n    const { data: models, isLoading: getModelsLoading, error } = useGetModelsQuery(queryString);\n\n    useEffect(() => {\n        if (models && models.meta.totalRecords == 0) {\n            setAllowDelete(true);\n        } else {\n            setAllowDelete(false);\n        }\n    }, [models]);\n\n    const deleteModuleHandler = async () => {\n        setIsDeleting(true);\n        setErrorState(null);\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id)\n            // console.log('delete model res', res);\n            setErrorState(res.error || null);\n            if (res.error) {\n                // handle backend or RTK error object\n                const message =\n                    res.error?.data?.message ||\n                    res.error?.error ||\n                    ERROR_MESSAGES.ERROR_OCCURED;\n                setErrorState(message);\n                dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));\n            } else {\n                dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));\n                dispatch(closePopup());\n            }\n        } catch (err: any) {\n            console.error(ERROR_MESSAGES.DELETE_ERROR, err);\n            setErrorState(err.message || ERROR_MESSAGES.NETWORK_ERROR);\n            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));\n        } finally {\n            setIsDeleting(false);\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.name)}.module.ts`, description: 'Delete the module file', intervention: 'Automatic'},\n        { file: `${kebabCase(event.rowData.name)}-metadata.json`, description: 'Remove the module metadata json file', intervention: 'Automatic' },\n    ];\n\n    return (\n        <div className=\"\">\n            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                <span className=\"p-dialog-title\">\n                    Delete Module\n                </span>\n            </div>\n            <div className=\"px-4 pb-4 pt-3\">\n                <div>\n                    <p className=\"form-field-label font-medium\">\n                        {allowDelete === true ?\n                            \"Deleting a module should be done carefully. The below files will be impacted as part of deleting a model:\"\n                            :\n                            \"This module still has models associated with it. Please delete those models before deleting the module\"\n                        }\n                    </p>\n                    {/* {allowDelete === true && */}\n                        <DataTable value={rows} size=\"small\">\n                            <Column field=\"file\" header=\"File Name\" />\n                            <Column field=\"description\" header=\"Description\" />\n                            <Column field=\"intervention\" header=\"Intervention\" />\n                        </DataTable>\n                    {/* } */}\n                    {/* {allowDelete === true &&\n\n                        <div className=\"my-4\">\n                            <div className=\"flex align-items-center\">\n                                <Checkbox\n                                    inputId=\"confirmation\"\n                                    name=\"confirm\"\n                                    checked={isConfirmed}\n                                    onChange={() => setIsConfirmed(!isConfirmed)} />\n                                <label htmlFor=\"confirmation\" className=\"ml-2 form-field-label\">\n                                    I confirm that #7 &amp; #9 will be done by me manually after the automatic steps above are applied.\n                                </label>\n                            </div>\n                        </div>\n                    } */}\n                </div>\n                <div className=\"flex gap-3 justify-content-start\">\n                    {allowDelete === true &&\n                        <Button size=\"small\" label=\"Apply\" autoFocus onClick={deleteModuleHandler} />\n                    }\n                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModuleRowAction;"]}

package/dist/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.tsx

@@ -12,10 +12,9 @@ import { Button } from "primereact/button";
 import { Checkbox } from "primereact/checkbox";
 import { Column } from "primereact/column";
 import { DataTable } from "primereact/datatable";
-import { Toast } from "primereact/toast";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
-import showToast from "../../../../../../helpers/showToast";
+import { showToast } from "../../../../../../redux/features/toastSlice";
 
 const DeleteModuleRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
 
@@ -43,8 +42,6 @@ const DeleteModuleRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
         }
     }, [models]);
 
-    const toast = useRef<Toast>(null);
-
     const deleteModuleHandler = async () => {
         setIsDeleting(true);
         setErrorState(null);
@@ -59,15 +56,15 @@ const DeleteModuleRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
                     res.error?.error ||
                     ERROR_MESSAGES.ERROR_OCCURED;
                 setErrorState(message);
-                showToast(toast, 'error', ERROR_MESSAGES.DELETE_FAIELD, message);
+                dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));
             } else {
-                showToast(toast, 'success', ERROR_MESSAGES.MODEL_DELETE, ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName));
+                dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));
                 dispatch(closePopup());
             }
         } catch (err: any) {
             console.error(ERROR_MESSAGES.DELETE_ERROR, err);
             setErrorState(err.message || ERROR_MESSAGES.NETWORK_ERROR);
-            showToast(toast, 'error', ERROR_MESSAGES.ERROR, ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR);
+            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));
         } finally {
             setIsDeleting(false);
         }

package/dist/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateModuleCodeRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAQ1F,QAAA,MAAM,2BAA2B,UAAW,oCAAoC,4CAwL/E,CAAA;AAED,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"GenerateModuleCodeRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAO1F,QAAA,MAAM,2BAA2B,UAAW,oCAAoC,4CAoL/E,CAAA;AAED,eAAe,2BAA2B,CAAC"}

package/dist/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.js

@@ -41,11 +41,10 @@ import { useGenerateCodeFormoduleMutation } from "../../../../../../redux/api/mo
 import { useSeederMutation } from "../../../../../../redux/api/solidServiceApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
 import { Button } from "primereact/button";
-import { Toast } from "primereact/toast";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
+import { showToast } from "../../../../../../redux/features/toastSlice";
 import { env } from "../../../../../../adapters/env";
-import showToast from "../../../../../../helpers/showToast";
 var GenerateModuleCodeRowAction = function (event) {
     var _a;
     var dispatch = useDispatch();
@@ -112,7 +111,7 @@ var GenerateModuleCodeRowAction = function (event) {
                     setIsGenerating(false);
                     dispatch(closePopup());
                     console.log("error", error_1);
-                    showToast(toast, "error", "Something went wrong", ERROR_MESSAGES.API_ERROR);
+                    dispatch(showToast({ severity: "error", summary: "Something went wrong", detail: ERROR_MESSAGES.API_ERROR }));
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -160,7 +159,6 @@ var GenerateModuleCodeRowAction = function (event) {
             });
         });
     };
-    var toast = useRef(null);
     useEffect(function () {
         var runSeederIfBackendAlive = function () { return __awaiter(void 0, void 0, void 0, function () {
             var isAlive;
@@ -182,7 +180,7 @@ var GenerateModuleCodeRowAction = function (event) {
                     case 3:
                         dispatch(closePopup());
                         console.log(ERROR_MESSAGES.BACKEND_NOT_ALIVE);
-                        showToast(toast, "error", ERROR_MESSAGES.BACKEND_UNAVAILABLE, ERROR_MESSAGES.SEEDER_NOT_TRIGGERED);
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE, detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED }));
                         _a.label = 4;
                     case 4: return [2 /*return*/];
                 }
@@ -195,24 +193,24 @@ var GenerateModuleCodeRowAction = function (event) {
     useEffect(function () {
         if (isSeederSuccess) {
             console.log(ERROR_MESSAGES.IS_SEEDER_SUCCESS, data);
-            showToast(toast, "success", ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY);
+            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, detail: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY }));
             setIsGenerating(false);
             dispatch(closePopup());
             window.location.reload();
         }
         if (isSeederError) {
             console.log(ERROR_MESSAGES.IS_SEEDER_ERROR, isSeederError);
-            showToast(toast, "error", ERROR_MESSAGES.SEEDER_ERROR, ERROR_MESSAGES.SEEDER_NOT_RUN);
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEEDER_ERROR, detail: ERROR_MESSAGES.SEEDER_NOT_RUN }));
             setIsGenerating(false);
         }
     }, [isSeederSuccess]);
     // TODO: END REFACTORING - reusable code alert
     return (_jsx(_Fragment, { children: isGenerating ?
-            _jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex flex-column align-items-center justify-content-center", style: { padding: '2rem', height: 200 }, children: [_jsx(SolidCircularLoader, {}), _jsx("p", { className: "mt-4 font-medium", children: "Waiting for backend..." })] })] })
+            _jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-column align-items-center justify-content-center", style: { padding: '2rem', height: 200 }, children: [_jsx(SolidCircularLoader, {}), _jsx("p", { className: "mt-4 font-medium", children: "Waiting for backend..." })] }) })
             :
-                _jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), ((_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.name) != "solid-core" ?
-                            _jsxs("div", { className: "", children: [_jsx("div", { className: "p-dialog-header secondary-border-bottom py-3", style: { background: 'var(--solid-light-grey)' }, children: _jsx("span", { className: "p-dialog-title", children: "Generate Module" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsx("p", { className: "text-start", children: "Proceed with module code generation? Existing files will be overwritten." }), _jsxs("div", { className: "flex gap-3 justify-content-start", children: [_jsx(Button, { size: "small", label: "Ok", autoFocus: true, onClick: generateCodeHandler }), _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } })] })] })] }) :
-                            _jsxs("div", { className: "", children: [_jsx("div", { className: "p-dialog-header secondary-border-bottom py-3", style: { background: 'var(--solid-light-grey)' }, children: _jsx("span", { className: "p-dialog-title", children: "Generate Module" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsx("p", { className: "text-start", children: "You cannot generate code for Solid Core modules" }), _jsx("div", { className: "flex gap-3 justify-content-start", children: _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } }) })] })] })] }) }));
+                _jsx(_Fragment, { children: ((_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.name) != "solid-core" ?
+                        _jsxs("div", { className: "", children: [_jsx("div", { className: "p-dialog-header secondary-border-bottom py-3", style: { background: 'var(--solid-light-grey)' }, children: _jsx("span", { className: "p-dialog-title", children: "Generate Module" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsx("p", { className: "text-start", children: "Proceed with module code generation? Existing files will be overwritten." }), _jsxs("div", { className: "flex gap-3 justify-content-start", children: [_jsx(Button, { size: "small", label: "Ok", autoFocus: true, onClick: generateCodeHandler }), _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } })] })] })] }) :
+                        _jsxs("div", { className: "", children: [_jsx("div", { className: "p-dialog-header secondary-border-bottom py-3", style: { background: 'var(--solid-light-grey)' }, children: _jsx("span", { className: "p-dialog-title", children: "Generate Module" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsx("p", { className: "text-start", children: "You cannot generate code for Solid Core modules" }), _jsx("div", { className: "flex gap-3 justify-content-start", children: _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } }) })] })] }) }) }));
 };
 export default GenerateModuleCodeRowAction;
 //# sourceMappingURL=GenerateModuleCodeRowAction.js.map

package/dist/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateModuleCodeRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidCircularLoader } from \"../../../../../../components/core/common/SolidLoaders/SolidCircularLoader\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { useGenerateCodeFormoduleMutation } from \"../../../../../../redux/api/moduleApi\";\nimport { useSeederMutation } from \"../../../../../../redux/api/solidServiceApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { Button } from \"primereact/button\";\nimport { Toast } from \"primereact/toast\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { env } from \"../../../../../../adapters/env\";\nimport showToast from \"../../../../../../helpers/showToast\";\n\nconst GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const dispatch = useDispatch()\n    const [generateCode, {\n        isLoading: isGenerateCodeUpdating,\n        isSuccess: isGenerateCodeSuceess,\n        isError: isGenerateCodeError,\n        error: generateCodeError,\n        data: generateCodeData\n    }] = useGenerateCodeFormoduleMutation();\n\n    // const mqMessageApi = createSolidEntityApi(\"mqMessage\");\n    // const {\n    //     useGetSolidEntitiesQuery: useGetMqMessageQuery,\n    //     useLazyGetSolidEntitiesQuery: useLazyGetMqMessageQuery,\n    // } = mqMessageApi;\n    // const [getMqMessageStatus, {\n    //     data: solidListViewMetaData,\n    //     error: solidListViewMetaDataError,\n    //     isLoading: solidListViewMetaDataIsLoading,\n    //     isError: solidListViewMetaDataIsError\n    // }] = useLazyGetMqMessageQuery();\n    // const fetchMqMessageStatus = async (retries = 30, delay = 500, generateCodeData: any): Promise<boolean> => {\n    //     for (let i = 0; i < retries; i++) {\n    //         try {\n    //             const query = {\n    //                 filters: {\n    //                     messageId: {\n    //                         $eq: generateCodeData?.data?.messageId\n    //                     }\n    //                 }\n    //             };\n    //             const queryString = qs.stringify(query, {\n    //                 encodeValuesOnly: true,\n    //             });\n    //             const res = await getMqMessageStatus(queryString)\n    //             if (res.isSuccess === true) {\n    //                 if (res.data.records.length > 0) {\n    //                     const messageStage = res.data.records[0].stage;\n    //                     console.log(\"messageStatus\", messageStage);\n    //                     if (messageStage === \"succeeded\") {\n    //                         return true\n    //                     }\n    //                     if (messageStage === \"failed\") {\n    //                         return false\n    //                     }\n    //                 }\n    //             }\n    //         } catch (e) {\n    //             // ignore and retry\n    //         }\n    //         await new Promise((resolve) => setTimeout(resolve, delay));\n    //     }\n    //     return false;\n    // };\n\n    const generateCodeHandler = async () => {\n        try {\n            const response = await generateCode({ id: event?.rowData?.id });\n            console.log(ERROR_MESSAGES.RESPONSE_GENERATE_CODE_HANDLER, response);\n            setIsGenerating(true);\n        } catch (error) {\n            setIsGenerating(false);\n            dispatch(closePopup());\n            console.log(\"error\",error);\n            showToast(toast, \"error\", \"Something went wrong\", ERROR_MESSAGES.API_ERROR);\n        }\n    }\n\n    // TODO: START REFACTORING - reusable code alert\n    const [triggerSeeder, {\n        data,\n        isLoading,\n        isSuccess: isSeederSuccess,\n        isError: isSeederError\n    }] = useSeederMutation();\n\n    // Utitlity to track if solid-api is up\n    const [isPinging, setIsPinging] = useState(false);\n    const [isGenerating, setIsGenerating] = useState(false);\n    const pingBackendWithRetry = async (retries = 30, delay = 500): Promise<boolean> => {\n        for (let i = 0; i < retries; i++) {\n            try {\n                const res = await fetch(`${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/ping`);\n                console.log(\"ping response\", res);\n\n                if (res.ok)\n                    return true;\n            } catch (e) {\n                // ignore and retry\n            }\n            await new Promise((resolve) => setTimeout(resolve, delay));\n        }\n        return false;\n    };\n\n    const toast = useRef<Toast>(null);\n\n    useEffect(() => {\n        const runSeederIfBackendAlive = async () => {\n            if (isGenerateCodeSuceess) {\n                console.log(\"isGenerateCodeSuceess\", isGenerateCodeSuceess);\n                setIsPinging(true);\n                // const hasMqMessageCompleted = await fetchMqMessageStatus(30, 500, generateCodeData);\n                const isAlive = await pingBackendWithRetry(30, 500);\n\n                setIsPinging(false);\n\n                // if (hasMqMessageCompleted && isAlive) {\n                if (isAlive) {\n                    await triggerSeeder(\"ModuleMetadataSeederService\");\n                } else {\n                    dispatch(closePopup());\n                    console.log(ERROR_MESSAGES.BACKEND_NOT_ALIVE);\n                    showToast(toast, \"error\", ERROR_MESSAGES.BACKEND_UNAVAILABLE, ERROR_MESSAGES.SEEDER_NOT_TRIGGERED);\n                }\n            }\n        };\n        setTimeout(() => {\n            runSeederIfBackendAlive();\n        }, 5000);\n    }, [isGenerateCodeSuceess]);\n\n    useEffect(() => {\n        if (isSeederSuccess) {\n            console.log(ERROR_MESSAGES.IS_SEEDER_SUCCESS, data);\n            showToast(toast, \"success\", ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY);\n            setIsGenerating(false);\n            dispatch(closePopup());\n            window.location.reload();\n        }\n        if (isSeederError) {\n            console.log(ERROR_MESSAGES.IS_SEEDER_ERROR, isSeederError);\n            showToast(toast, \"error\", ERROR_MESSAGES.SEEDER_ERROR, ERROR_MESSAGES.SEEDER_NOT_RUN);\n            setIsGenerating(false);\n        }\n    }, [isSeederSuccess])\n    // TODO: END REFACTORING - reusable code alert\n\n    return (\n        <>\n            {isGenerating ?\n                <>\n                    <Toast ref={toast} />\n                    <div className=\"flex flex-column align-items-center justify-content-center\" style={{ padding: '2rem', height: 200 }}>\n                        <SolidCircularLoader />\n                        <p className=\"mt-4 font-medium\">Waiting for backend...</p>\n                    </div>\n                </>\n                :\n                <>\n                    <Toast ref={toast} />\n                    {event?.rowData?.name != \"solid-core\" ?\n                        <div className=\"\">\n                            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                                <span className=\"p-dialog-title\">\n                                    Generate Module\n                                </span>\n                            </div>\n                            <div className=\"px-4 pb-4 pt-3\">\n                                <p className=\"text-start\">Proceed with module code generation? Existing files will be overwritten.</p>\n                                <div className=\"flex gap-3 justify-content-start\">\n                                    <Button size=\"small\" label=\"Ok\" autoFocus onClick={generateCodeHandler} />\n                                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                                </div>\n                            </div>\n                        </div> :\n                        <div className=\"\">\n                            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                                <span className=\"p-dialog-title\">\n                                    Generate Module\n                                </span>\n                            </div>\n                            <div className=\"px-4 pb-4 pt-3\">\n                                <p className=\"text-start\">You cannot generate code for Solid Core modules</p>\n                                <div className=\"flex gap-3 justify-content-start\">\n                                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                                </div>\n                            </div>\n                        </div >\n                    }\n                </>\n            }\n        </>\n    )\n}\n\nexport default GenerateModuleCodeRowAction;\n"]}
+{"version":3,"file":"GenerateModuleCodeRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidCircularLoader } from \"../../../../../../components/core/common/SolidLoaders/SolidCircularLoader\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { useGenerateCodeFormoduleMutation } from \"../../../../../../redux/api/moduleApi\";\nimport { useSeederMutation } from \"../../../../../../redux/api/solidServiceApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { Button } from \"primereact/button\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { env } from \"../../../../../../adapters/env\";\n\nconst GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const dispatch = useDispatch()\n    const [generateCode, {\n        isLoading: isGenerateCodeUpdating,\n        isSuccess: isGenerateCodeSuceess,\n        isError: isGenerateCodeError,\n        error: generateCodeError,\n        data: generateCodeData\n    }] = useGenerateCodeFormoduleMutation();\n\n    // const mqMessageApi = createSolidEntityApi(\"mqMessage\");\n    // const {\n    //     useGetSolidEntitiesQuery: useGetMqMessageQuery,\n    //     useLazyGetSolidEntitiesQuery: useLazyGetMqMessageQuery,\n    // } = mqMessageApi;\n    // const [getMqMessageStatus, {\n    //     data: solidListViewMetaData,\n    //     error: solidListViewMetaDataError,\n    //     isLoading: solidListViewMetaDataIsLoading,\n    //     isError: solidListViewMetaDataIsError\n    // }] = useLazyGetMqMessageQuery();\n    // const fetchMqMessageStatus = async (retries = 30, delay = 500, generateCodeData: any): Promise<boolean> => {\n    //     for (let i = 0; i < retries; i++) {\n    //         try {\n    //             const query = {\n    //                 filters: {\n    //                     messageId: {\n    //                         $eq: generateCodeData?.data?.messageId\n    //                     }\n    //                 }\n    //             };\n    //             const queryString = qs.stringify(query, {\n    //                 encodeValuesOnly: true,\n    //             });\n    //             const res = await getMqMessageStatus(queryString)\n    //             if (res.isSuccess === true) {\n    //                 if (res.data.records.length > 0) {\n    //                     const messageStage = res.data.records[0].stage;\n    //                     console.log(\"messageStatus\", messageStage);\n    //                     if (messageStage === \"succeeded\") {\n    //                         return true\n    //                     }\n    //                     if (messageStage === \"failed\") {\n    //                         return false\n    //                     }\n    //                 }\n    //             }\n    //         } catch (e) {\n    //             // ignore and retry\n    //         }\n    //         await new Promise((resolve) => setTimeout(resolve, delay));\n    //     }\n    //     return false;\n    // };\n\n    const generateCodeHandler = async () => {\n        try {\n            const response = await generateCode({ id: event?.rowData?.id });\n            console.log(ERROR_MESSAGES.RESPONSE_GENERATE_CODE_HANDLER, response);\n            setIsGenerating(true);\n        } catch (error) {\n            setIsGenerating(false);\n            dispatch(closePopup());\n            console.log(\"error\",error);\n            dispatch(showToast({ severity: \"error\", summary: \"Something went wrong\", detail: ERROR_MESSAGES.API_ERROR }));\n        }\n    }\n\n    // TODO: START REFACTORING - reusable code alert\n    const [triggerSeeder, {\n        data,\n        isLoading,\n        isSuccess: isSeederSuccess,\n        isError: isSeederError\n    }] = useSeederMutation();\n\n    // Utitlity to track if solid-api is up\n    const [isPinging, setIsPinging] = useState(false);\n    const [isGenerating, setIsGenerating] = useState(false);\n    const pingBackendWithRetry = async (retries = 30, delay = 500): Promise<boolean> => {\n        for (let i = 0; i < retries; i++) {\n            try {\n                const res = await fetch(`${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/ping`);\n                console.log(\"ping response\", res);\n\n                if (res.ok)\n                    return true;\n            } catch (e) {\n                // ignore and retry\n            }\n            await new Promise((resolve) => setTimeout(resolve, delay));\n        }\n        return false;\n    };\n\n    useEffect(() => {\n        const runSeederIfBackendAlive = async () => {\n            if (isGenerateCodeSuceess) {\n                console.log(\"isGenerateCodeSuceess\", isGenerateCodeSuceess);\n                setIsPinging(true);\n                // const hasMqMessageCompleted = await fetchMqMessageStatus(30, 500, generateCodeData);\n                const isAlive = await pingBackendWithRetry(30, 500);\n\n                setIsPinging(false);\n\n                // if (hasMqMessageCompleted && isAlive) {\n                if (isAlive) {\n                    await triggerSeeder(\"ModuleMetadataSeederService\");\n                } else {\n                    dispatch(closePopup());\n                    console.log(ERROR_MESSAGES.BACKEND_NOT_ALIVE);\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE, detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED }));\n                }\n            }\n        };\n        setTimeout(() => {\n            runSeederIfBackendAlive();\n        }, 5000);\n    }, [isGenerateCodeSuceess]);\n\n    useEffect(() => {\n        if (isSeederSuccess) {\n            console.log(ERROR_MESSAGES.IS_SEEDER_SUCCESS, data);\n            dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, detail: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY }));\n            setIsGenerating(false);\n            dispatch(closePopup());\n            window.location.reload();\n        }\n        if (isSeederError) {\n            console.log(ERROR_MESSAGES.IS_SEEDER_ERROR, isSeederError);\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.SEEDER_ERROR, detail: ERROR_MESSAGES.SEEDER_NOT_RUN }));\n            setIsGenerating(false);\n        }\n    }, [isSeederSuccess])\n    // TODO: END REFACTORING - reusable code alert\n\n    return (\n        <>\n            {isGenerating ?\n                <>\n                    <div className=\"flex flex-column align-items-center justify-content-center\" style={{ padding: '2rem', height: 200 }}>\n                        <SolidCircularLoader />\n                        <p className=\"mt-4 font-medium\">Waiting for backend...</p>\n                    </div>\n                </>\n                :\n                <>\n                    {event?.rowData?.name != \"solid-core\" ?\n                        <div className=\"\">\n                            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                                <span className=\"p-dialog-title\">\n                                    Generate Module\n                                </span>\n                            </div>\n                            <div className=\"px-4 pb-4 pt-3\">\n                                <p className=\"text-start\">Proceed with module code generation? Existing files will be overwritten.</p>\n                                <div className=\"flex gap-3 justify-content-start\">\n                                    <Button size=\"small\" label=\"Ok\" autoFocus onClick={generateCodeHandler} />\n                                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                                </div>\n                            </div>\n                        </div> :\n                        <div className=\"\">\n                            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                                <span className=\"p-dialog-title\">\n                                    Generate Module\n                                </span>\n                            </div>\n                            <div className=\"px-4 pb-4 pt-3\">\n                                <p className=\"text-start\">You cannot generate code for Solid Core modules</p>\n                                <div className=\"flex gap-3 justify-content-start\">\n                                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                                </div>\n                            </div>\n                        </div >\n                    }\n                </>\n            }\n        </>\n    )\n}\n\nexport default GenerateModuleCodeRowAction;\n"]}

package/dist/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.tsx

@@ -6,11 +6,10 @@ import { useSeederMutation } from "../../../../../../redux/api/solidServiceApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
 import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
 import { Button } from "primereact/button";
-import { Toast } from "primereact/toast";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
+import { showToast } from "../../../../../../redux/features/toastSlice";
 import { env } from "../../../../../../adapters/env";
-import showToast from "../../../../../../helpers/showToast";
 
 const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
     const dispatch = useDispatch()
@@ -76,7 +75,7 @@ const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps
             setIsGenerating(false);
             dispatch(closePopup());
             console.log("error",error);
-            showToast(toast, "error", "Something went wrong", ERROR_MESSAGES.API_ERROR);
+            dispatch(showToast({ severity: "error", summary: "Something went wrong", detail: ERROR_MESSAGES.API_ERROR }));
         }
     }
 
@@ -107,8 +106,6 @@ const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps
         return false;
     };
 
-    const toast = useRef<Toast>(null);
-
     useEffect(() => {
         const runSeederIfBackendAlive = async () => {
             if (isGenerateCodeSuceess) {
@@ -125,7 +122,7 @@ const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps
                 } else {
                     dispatch(closePopup());
                     console.log(ERROR_MESSAGES.BACKEND_NOT_ALIVE);
-                    showToast(toast, "error", ERROR_MESSAGES.BACKEND_UNAVAILABLE, ERROR_MESSAGES.SEEDER_NOT_TRIGGERED);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE, detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED }));
                 }
             }
         };
@@ -137,14 +134,14 @@ const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps
     useEffect(() => {
         if (isSeederSuccess) {
             console.log(ERROR_MESSAGES.IS_SEEDER_SUCCESS, data);
-            showToast(toast, "success", ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY);
+            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, detail: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY }));
             setIsGenerating(false);
             dispatch(closePopup());
             window.location.reload();
         }
         if (isSeederError) {
             console.log(ERROR_MESSAGES.IS_SEEDER_ERROR, isSeederError);
-            showToast(toast, "error", ERROR_MESSAGES.SEEDER_ERROR, ERROR_MESSAGES.SEEDER_NOT_RUN);
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEEDER_ERROR, detail: ERROR_MESSAGES.SEEDER_NOT_RUN }));
             setIsGenerating(false);
         }
     }, [isSeederSuccess])
@@ -154,7 +151,6 @@ const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps
         <>
             {isGenerating ?
                 <>
-                    <Toast ref={toast} />
                     <div className="flex flex-column align-items-center justify-content-center" style={{ padding: '2rem', height: 200 }}>
                         <SolidCircularLoader />
                         <p className="mt-4 font-medium">Waiting for backend...</p>
@@ -162,7 +158,6 @@ const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps
                 </>
                 :
                 <>
-                    <Toast ref={toast} />
                     {event?.rowData?.name != "solid-core" ?
                         <div className="">
                             <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RolePermissionsManyToManyFieldWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAe5E,eAAO,MAAM,oCAAoC,6BAA8B,yBAAyB,4CA2HvG,CAAC"}
+{"version":3,"file":"RolePermissionsManyToManyFieldWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAe5E,eAAO,MAAM,oCAAoC,6BAA8B,yBAAyB,4CAsIvG,CAAC"}

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.js

@@ -10,6 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { capitalize } from "lodash";
+import { Message } from "primereact/message";
 import { Panel } from "primereact/panel";
 import { useEffect, useState } from "react";
 import { Button } from "primereact/button";
@@ -29,13 +31,13 @@ var groupByController = function (items) {
     return grouped;
 };
 export var RolePermissionsManyToManyFieldWidget = function (_a) {
-    var _b;
+    var _b, _c, _d, _e, _f, _g, _h;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldLayoutInfo = fieldContext.field;
     var readOnlyPermission = fieldContext.readOnly;
-    var _c = useState(false), visibleCreateDialog = _c[0], setVisibleCreateDialog = _c[1];
-    var _d = useState({}), visibleDialogs = _d[0], setVisibleDialogs = _d[1];
-    var _e = useRelationEntityHandler({ fieldContext: fieldContext }), allOptions = _e.allOptions, currentValues = _e.currentValues, fetchAllOptions = _e.fetchAllOptions, fetchCurrentValues = _e.fetchCurrentValues, linkItem = _e.linkItem, unlinkItem = _e.unlinkItem, addNewRelation = _e.addNewRelation;
+    var _j = useState(false), visibleCreateDialog = _j[0], setVisibleCreateDialog = _j[1];
+    var _k = useState({}), visibleDialogs = _k[0], setVisibleDialogs = _k[1];
+    var _l = useRelationEntityHandler({ fieldContext: fieldContext }), allOptions = _l.allOptions, currentValues = _l.currentValues, fetchAllOptions = _l.fetchAllOptions, fetchCurrentValues = _l.fetchCurrentValues, linkItem = _l.linkItem, unlinkItem = _l.unlinkItem, addNewRelation = _l.addNewRelation;
     // On mount: load already-linked permissions into currentValues
     useEffect(function () {
         fetchCurrentValues();
@@ -61,10 +63,13 @@ export var RolePermissionsManyToManyFieldWidget = function (_a) {
                                             var _a;
                                             return (__assign(__assign({}, prev), (_a = {}, _a[controllerName] = true, _a)));
                                         });
-                                    }, className: "custom-add-button" }), _jsx(InlineRelationEntityDialog, { visible: visibleCreateDialog, setVisible: setVisibleCreateDialog, fieldContext: fieldContext, onCreate: addNewRelation })] }))] }), _jsx("div", { children: options.togglerElement })] }));
+                                    }, className: "custom-add-button", disabled: isUnsaved }), _jsx(InlineRelationEntityDialog, { visible: visibleCreateDialog, setVisible: setVisibleCreateDialog, fieldContext: fieldContext, onCreate: addNewRelation })] }))] }), _jsx("div", { children: options.togglerElement })] }));
     }; };
+    var isUnsaved = ((_c = fieldContext.data) === null || _c === void 0 ? void 0 : _c.id) === undefined || ((_d = fieldContext.data) === null || _d === void 0 ? void 0 : _d.id) === "new";
+    var entityName = ((_h = (_g = (_f = (_e = fieldContext.solidFormViewMetaData) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.displayName) || capitalize(fieldContext.modelName);
+    var fieldLabel = fieldLayoutInfo.attrs.label || "Permissions";
     var groupedEntities = groupByController(allOptions || []);
-    return (_jsxs("div", { children: [Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(Panel, { toggleable: true, headerTemplate: getHeaderTemplate(controllerName), className: "mt-3 lg:mt-4", children: _jsx("div", { className: "formgrid grid gap-3 lg:gap-0", children: groupedEntities[controllerName].map(function (entity, i) { return (_jsxs("div", { className: "field col-12 lg:col-6 flex gap-2 ".concat(i >= 2 ? 'lg:mt-3' : ''), children: [_jsx(Checkbox, { readOnly: readOnlyPermission, inputId: entity.label, checked: currentValues.some(function (s) { return s.value === entity.value; }), onChange: function () { return handleCheckboxChange(entity); } }), _jsx("label", { htmlFor: entity.label, className: "form-field-label m-0 solid-permisson-form-label", children: entity.label })] }, entity.value)); }) }) }, controllerName)); }), Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(InlineRelationEntityDialog, { visible: visibleDialogs[controllerName] || false, setVisible: function (visible) {
+    return (_jsxs("div", { children: [isUnsaved && (_jsx("div", { className: "mb-2", children: _jsx(Message, { severity: "warn", text: "Please save the ".concat(entityName, " first to assign ").concat(fieldLabel, "."), className: "w-full justify-content-start" }) })), Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(Panel, { toggleable: true, headerTemplate: getHeaderTemplate(controllerName), className: "mt-3 lg:mt-4", children: _jsx("div", { className: "formgrid grid gap-3 lg:gap-0", children: groupedEntities[controllerName].map(function (entity, i) { return (_jsxs("div", { className: "field col-12 lg:col-6 flex gap-2 ".concat(i >= 2 ? 'lg:mt-3' : ''), children: [_jsx(Checkbox, { readOnly: readOnlyPermission || isUnsaved, disabled: isUnsaved, inputId: entity.label, checked: currentValues.some(function (s) { return s.value === entity.value; }), onChange: function () { return handleCheckboxChange(entity); } }), _jsx("label", { htmlFor: entity.label, className: "form-field-label m-0 solid-permisson-form-label", children: entity.label })] }, entity.value)); }) }) }, controllerName)); }), Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(InlineRelationEntityDialog, { visible: visibleDialogs[controllerName] || false, setVisible: function (visible) {
                     return setVisibleDialogs(function (prev) {
                         var _a;
                         return (__assign(__assign({}, prev), (_a = {}, _a[controllerName] = visible, _a)));

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"RolePermissionsManyToManyFieldWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { capitalize } from \"lodash\";\nimport { Panel } from \"primereact/panel\";\nimport { useEffect, useState } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { useRelationEntityHandler } from \"../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler\";\nimport { InlineRelationEntityDialog } from \"../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport qs from 'qs';\n\nconst groupByController = (items: any[]) => {\n    const grouped: { [key: string]: any[] } = {};\n    items.forEach((item) => {\n        const controllerName = item.label.split(\".\")[0];\n        if (!grouped[controllerName]) {\n            grouped[controllerName] = [];\n        }\n        grouped[controllerName].push(item);\n    });\n    return grouped;\n};\n\nexport const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldLayoutInfo = fieldContext.field;\n    const readOnlyPermission = fieldContext.readOnly;\n    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n\n    const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});\n\n    const {\n        allOptions,\n        currentValues,\n        fetchAllOptions,\n        fetchCurrentValues,\n        linkItem,\n        unlinkItem,\n        addNewRelation,\n    } = useRelationEntityHandler({ fieldContext });\n\n    // On mount: load already-linked permissions into currentValues\n    useEffect(() => {\n        fetchCurrentValues();\n    }, [fieldContext.data?.id]);\n\n    // On mount: load all available permissions into allOptions\n    useEffect(() => {\n        const queryData = { offset: 0, limit: 1000 };\n        fetchAllOptions(qs.stringify(queryData, { encodeValuesOnly: true }));\n    }, []);\n\n    const handleCheckboxChange = (item: any) => {\n        const isCurrentlyLinked = currentValues.some((s) => s.value === item.value);\n        if (isCurrentlyLinked) {\n            unlinkItem(item);\n        } else {\n            linkItem(item);\n        }\n    };\n\n    const getHeaderTemplate = (controllerName: string) => (options: any) => {\n        const className = `${options.className} justify-content-space-between`;\n\n        return (\n            <div className={className}>\n                <div className=\"flex align-items-center gap-3\">\n                    <label className=\"form-field-label text-base lg:text-lg font-bold\">\n                        {controllerName}\n                    </label>\n                    {fieldContext.field.attrs.inlineCreate && (\n                        <>\n                            <Button\n                                icon=\"pi pi-plus\"\n                                rounded\n                                outlined\n                                aria-label=\"Add\"\n                                type=\"button\"\n                                size=\"small\"\n                                onClick={() =>\n                                    setVisibleDialogs((prev) => ({\n                                        ...prev,\n                                        [controllerName]: true,\n                                    }))\n                                }\n                                className=\"custom-add-button\"\n                            />\n                            <InlineRelationEntityDialog\n                                visible={visibleCreateDialog}\n                                setVisible={setVisibleCreateDialog}\n                                fieldContext={fieldContext}\n                                onCreate={addNewRelation}\n                            />\n                        </>\n                    )}\n                </div>\n                <div>{options.togglerElement}</div>\n            </div>\n        );\n    };\n\n    const groupedEntities = groupByController(allOptions || []);\n    return (\n        <div>\n            {Object.keys(groupedEntities).map((controllerName) => (\n                <Panel\n                    key={controllerName}\n                    toggleable\n                    headerTemplate={getHeaderTemplate(controllerName)}\n                    className=\"mt-3 lg:mt-4\"\n                >\n                    <div className=\"formgrid grid gap-3 lg:gap-0\">\n                        {groupedEntities[controllerName].map((entity: any, i: number) => (\n                            <div\n                                key={entity.value}\n                                className={`field col-12 lg:col-6 flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}\n                            >\n                                <Checkbox\n                                    readOnly={readOnlyPermission}\n                                    inputId={entity.label}\n                                    checked={currentValues.some((s) => s.value === entity.value)}\n                                    onChange={() => handleCheckboxChange(entity)}\n                                />\n                                <label htmlFor={entity.label} className=\"form-field-label m-0 solid-permisson-form-label\">\n                                    {entity.label}\n                                </label>\n                            </div>\n                        ))}\n                    </div>\n                </Panel>\n            ))}\n            {Object.keys(groupedEntities).map((controllerName) => (\n                <InlineRelationEntityDialog\n                    key={`dialog-${controllerName}`}\n                    visible={visibleDialogs[controllerName] || false}\n                    setVisible={(visible: any) =>\n                        setVisibleDialogs((prev) => ({\n                            ...prev,\n                            [controllerName]: visible,\n                        }))\n                    }\n                    fieldContext={fieldContext}\n                    onCreate={addNewRelation}\n                />\n            ))}\n        </div>\n    );\n};"]}
+{"version":3,"file":"RolePermissionsManyToManyFieldWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { capitalize } from \"lodash\";\nimport { Message } from \"primereact/message\";\nimport { Panel } from \"primereact/panel\";\nimport { useEffect, useState } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { useRelationEntityHandler } from \"../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler\";\nimport { InlineRelationEntityDialog } from \"../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport qs from 'qs';\n\nconst groupByController = (items: any[]) => {\n    const grouped: { [key: string]: any[] } = {};\n    items.forEach((item) => {\n        const controllerName = item.label.split(\".\")[0];\n        if (!grouped[controllerName]) {\n            grouped[controllerName] = [];\n        }\n        grouped[controllerName].push(item);\n    });\n    return grouped;\n};\n\nexport const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldLayoutInfo = fieldContext.field;\n    const readOnlyPermission = fieldContext.readOnly;\n    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n\n    const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});\n\n    const {\n        allOptions,\n        currentValues,\n        fetchAllOptions,\n        fetchCurrentValues,\n        linkItem,\n        unlinkItem,\n        addNewRelation,\n    } = useRelationEntityHandler({ fieldContext });\n\n    // On mount: load already-linked permissions into currentValues\n    useEffect(() => {\n        fetchCurrentValues();\n    }, [fieldContext.data?.id]);\n\n    // On mount: load all available permissions into allOptions\n    useEffect(() => {\n        const queryData = { offset: 0, limit: 1000 };\n        fetchAllOptions(qs.stringify(queryData, { encodeValuesOnly: true }));\n    }, []);\n\n    const handleCheckboxChange = (item: any) => {\n        const isCurrentlyLinked = currentValues.some((s) => s.value === item.value);\n        if (isCurrentlyLinked) {\n            unlinkItem(item);\n        } else {\n            linkItem(item);\n        }\n    };\n\n    const getHeaderTemplate = (controllerName: string) => (options: any) => {\n        const className = `${options.className} justify-content-space-between`;\n\n        return (\n            <div className={className}>\n                <div className=\"flex align-items-center gap-3\">\n                    <label className=\"form-field-label text-base lg:text-lg font-bold\">\n                        {controllerName}\n                    </label>\n                    {fieldContext.field.attrs.inlineCreate && (\n                        <>\n                            <Button\n                                icon=\"pi pi-plus\"\n                                rounded\n                                outlined\n                                aria-label=\"Add\"\n                                type=\"button\"\n                                size=\"small\"\n                                onClick={() =>\n                                    setVisibleDialogs((prev) => ({\n                                        ...prev,\n                                        [controllerName]: true,\n                                    }))\n                                }\n                                className=\"custom-add-button\"\n                                disabled={isUnsaved}\n                            />\n                            <InlineRelationEntityDialog\n                                visible={visibleCreateDialog}\n                                setVisible={setVisibleCreateDialog}\n                                fieldContext={fieldContext}\n                                onCreate={addNewRelation}\n                            />\n                        </>\n                    )}\n                </div>\n                <div>{options.togglerElement}</div>\n            </div>\n        );\n    };\n\n    const isUnsaved = fieldContext.data?.id === undefined || fieldContext.data?.id === \"new\";\n    const entityName = fieldContext.solidFormViewMetaData?.data?.solidView?.model?.displayName || capitalize(fieldContext.modelName);\n    const fieldLabel = fieldLayoutInfo.attrs.label || \"Permissions\";\n\n    const groupedEntities = groupByController(allOptions || []);\n    return (\n        <div>\n            {isUnsaved && (\n                <div className=\"mb-2\">\n                    <Message severity=\"warn\" text={`Please save the ${entityName} first to assign ${fieldLabel}.`} className=\"w-full justify-content-start\" />\n                </div>\n            )}\n            {Object.keys(groupedEntities).map((controllerName) => (\n                <Panel\n                    key={controllerName}\n                    toggleable\n                    headerTemplate={getHeaderTemplate(controllerName)}\n                    className=\"mt-3 lg:mt-4\"\n                >\n                    <div className=\"formgrid grid gap-3 lg:gap-0\">\n                        {groupedEntities[controllerName].map((entity: any, i: number) => (\n                            <div\n                                key={entity.value}\n                                className={`field col-12 lg:col-6 flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}\n                            >\n                                <Checkbox\n                                    readOnly={readOnlyPermission || isUnsaved}\n                                    disabled={isUnsaved}\n                                    inputId={entity.label}\n                                    checked={currentValues.some((s) => s.value === entity.value)}\n                                    onChange={() => handleCheckboxChange(entity)}\n                                />\n                                <label htmlFor={entity.label} className=\"form-field-label m-0 solid-permisson-form-label\">\n                                    {entity.label}\n                                </label>\n                            </div>\n                        ))}\n                    </div>\n                </Panel>\n            ))}\n            {Object.keys(groupedEntities).map((controllerName) => (\n                <InlineRelationEntityDialog\n                    key={`dialog-${controllerName}`}\n                    visible={visibleDialogs[controllerName] || false}\n                    setVisible={(visible: any) =>\n                        setVisibleDialogs((prev) => ({\n                            ...prev,\n                            [controllerName]: visible,\n                        }))\n                    }\n                    fieldContext={fieldContext}\n                    onCreate={addNewRelation}\n                />\n            ))}\n        </div>\n    );\n};"]}

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx

@@ -1,4 +1,5 @@
 import { capitalize } from "lodash";
+import { Message } from "primereact/message";
 import { Panel } from "primereact/panel";
 import { useEffect, useState } from "react";
 import { Button } from "primereact/button";
@@ -82,6 +83,7 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
                                     }))
                                 }
                                 className="custom-add-button"
+                                disabled={isUnsaved}
                             />
                             <InlineRelationEntityDialog
                                 visible={visibleCreateDialog}
@@ -97,9 +99,18 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
         );
     };
 
+    const isUnsaved = fieldContext.data?.id === undefined || fieldContext.data?.id === "new";
+    const entityName = fieldContext.solidFormViewMetaData?.data?.solidView?.model?.displayName || capitalize(fieldContext.modelName);
+    const fieldLabel = fieldLayoutInfo.attrs.label || "Permissions";
+
     const groupedEntities = groupByController(allOptions || []);
     return (
         <div>
+            {isUnsaved && (
+                <div className="mb-2">
+                    <Message severity="warn" text={`Please save the ${entityName} first to assign ${fieldLabel}.`} className="w-full justify-content-start" />
+                </div>
+            )}
             {Object.keys(groupedEntities).map((controllerName) => (
                 <Panel
                     key={controllerName}
@@ -114,7 +125,8 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
                                 className={`field col-12 lg:col-6 flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}
                             >
                                 <Checkbox
-                                    readOnly={readOnlyPermission}
+                                    readOnly={readOnlyPermission || isUnsaved}
+                                    disabled={isUnsaved}
                                     inputId={entity.label}
                                     checked={currentValues.some((s) => s.value === entity.value)}
                                     onChange={() => handleCheckboxChange(entity)}

package/dist/components/core/form/SolidFormUserViewLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormUserViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,uBAAuB,sDAAuD,GAAG,mDA6D7F,CAAC"}
+{"version":3,"file":"SolidFormUserViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,uBAAuB,sDAAuD,GAAG,mDA4D7F,CAAC"}

package/dist/components/core/form/SolidFormUserViewLayout.js

@@ -37,18 +37,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useFormik } from "formik";
 import { Button } from "primereact/button";
-import { useRef } from "react";
+import { useDispatch } from "react-redux";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { javascript } from "@codemirror/lang-javascript";
 import { oneDark } from "@codemirror/theme-one-dark";
 import CodeMirror, { EditorView } from "@uiw/react-codemirror";
-import { Toast } from "primereact/toast";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
-import showToast from "../../../helpers/showToast";
+import { showToast } from "../../../redux/features/toastSlice";
 export var SolidFormUserViewLayout = function (_a) {
     var _b;
     var solidFormViewMetaData = _a.solidFormViewMetaData, setLayoutDialogVisible = _a.setLayoutDialogVisible;
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var entityApi = createSolidEntityApi("userViewMetadata");
     var useUpsertSolidEntityMutation = entityApi.useUpsertSolidEntityMutation;
     var upsertUserView = useUpsertSolidEntityMutation()[0];
@@ -76,7 +75,7 @@ export var SolidFormUserViewLayout = function (_a) {
                     case 2:
                         response = _a.sent();
                         if (response.statusCode === 200) {
-                            showToast(toast, "success", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);
+                            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));
                             setLayoutDialogVisible(false);
                             window.location.reload();
                         }
@@ -91,8 +90,8 @@ export var SolidFormUserViewLayout = function (_a) {
             });
         }); },
     });
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx(CodeMirror, { value: formik.values.layoutString, height: "500px", theme: oneDark, style: { fontSize: '10px' }, extensions: [javascript(), EditorView.lineWrapping], onChange: function (value) {
-                            formik.setFieldValue("layoutString", value);
-                        } }), _jsxs("div", { className: "pt-3 flex gap-2", children: [_jsx(Button, { type: "submit", label: "Apply", size: "small" }), _jsx(Button, { type: "button", outlined: true, label: "Cancel", size: "small", onClick: function () { return setLayoutDialogVisible(false); } })] })] })] }));
+    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx(CodeMirror, { value: formik.values.layoutString, height: "500px", theme: oneDark, style: { fontSize: '10px' }, extensions: [javascript(), EditorView.lineWrapping], onChange: function (value) {
+                        formik.setFieldValue("layoutString", value);
+                    } }), _jsxs("div", { className: "pt-3 flex gap-2", children: [_jsx(Button, { type: "submit", label: "Apply", size: "small" }), _jsx(Button, { type: "button", outlined: true, label: "Cancel", size: "small", onClick: function () { return setLayoutDialogVisible(false); } })] })] }) }));
 };
 //# sourceMappingURL=SolidFormUserViewLayout.js.map

package/dist/components/core/form/SolidFormUserViewLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormUserViewLayout.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useFormik } from \"formik\";\nimport { Button } from \"primereact/button\";\nimport { useSelector } from \"react-redux\";\nimport React, { useRef } from \"react\";\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { javascript } from \"@codemirror/lang-javascript\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport CodeMirror, { EditorView } from \"@uiw/react-codemirror\";\nimport { Toast } from \"primereact/toast\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport showToast from \"../../../helpers/showToast\";\n\nexport const SolidFormUserViewLayout = ({ solidFormViewMetaData, setLayoutDialogVisible }: any) => {\n    const toast = useRef<Toast>(null);\n    const entityApi = createSolidEntityApi(\"userViewMetadata\");\n    const { useUpsertSolidEntityMutation } = entityApi;\n    const [upsertUserView] = useUpsertSolidEntityMutation();\n\n    if (!solidFormViewMetaData?.data?.solidView) return null;\n\n    const solidView = solidFormViewMetaData.data.solidView;\n\n    const formik = useFormik({\n        initialValues: {\n            layoutString: JSON.stringify(solidView.layout, null, 2),\n        },\n        onSubmit: async (values) => {\n            const parsedLayout = JSON.parse(values.layoutString);\n            try {\n                if (solidView.id) {\n                    const response = await upsertUserView({\n                        viewMetadataId: solidView.id,\n                        layout: JSON.stringify(parsedLayout)\n                    }).unwrap();\n                    if (response.statusCode === 200) {\n                        showToast(toast, \"success\", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);\n                        setLayoutDialogVisible(false);\n                        window.location.reload();\n                    }\n                }\n            } catch (error) {\n                console.error(ERROR_MESSAGES.UPDATE_FAILED, error);\n            }\n        },\n    });\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <form onSubmit={formik.handleSubmit}>\n                <CodeMirror\n                    value={formik.values.layoutString}\n                    height=\"500px\"\n                    theme={oneDark}\n                    style={{ fontSize: '10px' }}\n                    extensions={[javascript(), EditorView.lineWrapping]}\n                    onChange={(value) => {\n                        formik.setFieldValue(\"layoutString\", value);\n                    }}\n                />\n                <div className=\"pt-3 flex gap-2\">\n                    <Button type=\"submit\" label=\"Apply\" size=\"small\" />\n                    <Button\n                        type=\"button\"\n                        outlined\n                        label=\"Cancel\"\n                        size=\"small\"\n                        onClick={() => setLayoutDialogVisible(false)}\n                    />\n                </div>\n            </form>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SolidFormUserViewLayout.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useFormik } from \"formik\";\nimport { Button } from \"primereact/button\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport React from \"react\";\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { javascript } from \"@codemirror/lang-javascript\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport CodeMirror, { EditorView } from \"@uiw/react-codemirror\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nexport const SolidFormUserViewLayout = ({ solidFormViewMetaData, setLayoutDialogVisible }: any) => {\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(\"userViewMetadata\");\n    const { useUpsertSolidEntityMutation } = entityApi;\n    const [upsertUserView] = useUpsertSolidEntityMutation();\n\n    if (!solidFormViewMetaData?.data?.solidView) return null;\n\n    const solidView = solidFormViewMetaData.data.solidView;\n\n    const formik = useFormik({\n        initialValues: {\n            layoutString: JSON.stringify(solidView.layout, null, 2),\n        },\n        onSubmit: async (values) => {\n            const parsedLayout = JSON.parse(values.layoutString);\n            try {\n                if (solidView.id) {\n                    const response = await upsertUserView({\n                        viewMetadataId: solidView.id,\n                        layout: JSON.stringify(parsedLayout)\n                    }).unwrap();\n                    if (response.statusCode === 200) {\n                        dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));\n                        setLayoutDialogVisible(false);\n                        window.location.reload();\n                    }\n                }\n            } catch (error) {\n                console.error(ERROR_MESSAGES.UPDATE_FAILED, error);\n            }\n        },\n    });\n\n    return (\n        <>\n            <form onSubmit={formik.handleSubmit}>\n                <CodeMirror\n                    value={formik.values.layoutString}\n                    height=\"500px\"\n                    theme={oneDark}\n                    style={{ fontSize: '10px' }}\n                    extensions={[javascript(), EditorView.lineWrapping]}\n                    onChange={(value) => {\n                        formik.setFieldValue(\"layoutString\", value);\n                    }}\n                />\n                <div className=\"pt-3 flex gap-2\">\n                    <Button type=\"submit\" label=\"Apply\" size=\"small\" />\n                    <Button\n                        type=\"button\"\n                        outlined\n                        label=\"Cancel\"\n                        size=\"small\"\n                        onClick={() => setLayoutDialogVisible(false)}\n                    />\n                </div>\n            </form>\n        </>\n    );\n};\n"]}