@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

package/dist/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.tsx

@@ -1,200 +1,190 @@
-
+import { useEffect, useMemo, useState } from "react";
+import { useDispatch } from "react-redux";
+import { AlertTriangle, FileCode2, Sparkles } from "lucide-react";
+import { SolidCircularLoader } from "../../../../../../components/core/common/SolidLoaders/SolidCircularLoader";
+import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
+import { env } from "../../../../../../adapters/env";
 import { useGenerateCodeForModelMutation } from "../../../../../../redux/api/modelApi";
 import { useSeederMutation } from "../../../../../../redux/api/solidServiceApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
-import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
-import { Button } from "primereact/button";
-import { useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { SolidCircularLoader } from '../../../../../../components/core/common/SolidLoaders/SolidCircularLoader';
-import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
-import { env } from "../../../../../../adapters/env";
-
+import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
+import { SolidButton } from "../../../../../shad-cn-ui";
 
 const GenerateModelCodeRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
-    const dispatch = useDispatch();
-    const [generateCode, {
-        isLoading: isGenerateCodeUpdating,
-        isSuccess: isGenerateCodeSuceess,
-        isError: isGenerateCodeError,
-        error: generateCodeError,
-        data: generateCodeData
-    }] = useGenerateCodeForModelMutation();
-
-    // const mqMessageApi = createSolidEntityApi("mqMessage");
-    // const {
-    //     useGetSolidEntitiesQuery: useGetMqMessageQuery,
-    //     useLazyGetSolidEntitiesQuery: useLazyGetMqMessageQuery,
-    // } = mqMessageApi;
-    // const [getMqMessageStatus, {
-    //     data: solidListViewMetaData,
-    //     error: solidListViewMetaDataError,
-    //     isLoading: solidListViewMetaDataIsLoading,
-    //     isError: solidListViewMetaDataIsError
-    // }] = useLazyGetMqMessageQuery();
-    // const fetchMqMessageStatus = async (retries = 30, delay = 500, generateCodeData: any): Promise<boolean> => {
-    //     for (let i = 0; i < retries; i++) {
-    //         try {
-    //             const query = {
-    //                 filters: {
-    //                     messageId: {
-    //                         $eq: generateCodeData?.data?.messageId
-    //                     }
-    //                 }
-    //             };
-    //             const queryString = qs.stringify(query, {
-    //                 encodeValuesOnly: true,
-    //             });
-    //             const res = await getMqMessageStatus(queryString)
-    //             if (res.isSuccess === true) {
-    //                 if (res.data.records.length > 0) {
-    //                     const messageStage = res.data.records[0].stage;
-    //                     console.log("messageStatus", messageStage);
-    //                     if (messageStage === "succeeded") {
-    //                         return true
-    //                     }
-    //                     if (messageStage === "failed") {
-    //                         return false
-    //                     }
-    //                 }
-    //             }
-    //         } catch (e) {
-    //             // ignore and retry
-    //         }
-    //         await new Promise((resolve) => setTimeout(resolve, delay));
-    //     }
-    //     return false;
-    // };
-
-    const generateCodeHandler = async () => {
-        const response: any = await generateCode({ id: event?.rowData?.id });
-        console.log("response generate code handler", response);
-        setIsGenerating(true);
+  const dispatch = useDispatch();
+  const [statusMessage, setStatusMessage] = useState("Preparing model generation...");
+  const [isPinging, setIsPinging] = useState(false);
+  const [isGenerating, setIsGenerating] = useState(false);
+
+  const [generateCode, { isLoading: isGenerateCodeUpdating, isSuccess: isGenerateCodeSuceess }] =
+    useGenerateCodeForModelMutation();
+
+  const [triggerSeeder, { data, isSuccess: isSeederSuccess, isError: isSeederError }] = useSeederMutation();
+
+  const isSolidCoreModel = event?.rowData?.module?.name === "solid-core";
+  const generatedFiles = useMemo(
+    () => [
+      "Entity file",
+      "Repository file",
+      "Controller file",
+      "Service file",
+      "Create and update DTO files",
+    ],
+    []
+  );
+
+  const pingBackendWithRetry = async (retries = 30, delay = 500): Promise<boolean> => {
+    for (let i = 0; i < retries; i += 1) {
+      try {
+        const res = await fetch(`${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/ping`);
+        if (res.ok) return true;
+      } catch (error) {
+        // ignore and retry
+      }
+      await new Promise((resolve) => setTimeout(resolve, delay));
+    }
+    return false;
+  };
+
+  const generateCodeHandler = async () => {
+    try {
+      setIsGenerating(true);
+      setStatusMessage("Submitting model generation request...");
+      await generateCode({ id: event?.rowData?.id }).unwrap();
+      setStatusMessage("Waiting for backend to come back online...");
+    } catch (error) {
+      setIsGenerating(false);
+      dispatch(closePopup());
+      dispatch(showToast({ severity: "error", summary: "Something went wrong", detail: ERROR_MESSAGES.API_ERROR }));
     }
+  };
+
+  useEffect(() => {
+    if (!isGenerateCodeSuceess) return undefined;
+
+    const timer = window.setTimeout(async () => {
+      setIsPinging(true);
+      setStatusMessage("Checking backend availability before refreshing metadata...");
+      const isAlive = await pingBackendWithRetry();
+      setIsPinging(false);
+
+      if (isAlive) {
+        setStatusMessage("Refreshing seeded metadata...");
+        await triggerSeeder("ModuleMetadataSeederService");
+        return;
+      }
+
+      setIsGenerating(false);
+      dispatch(closePopup());
+      dispatch(
+        showToast({
+          severity: "error",
+          summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE,
+          detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED,
+        })
+      );
+    }, 5000);
 
-    // TODO: START REFACTORING - reusable code alert
-    const [triggerSeeder, {
-        data,
-        isLoading,
-        isSuccess: isSeederSuccess,
-        isError: isSeederError
-    }] = useSeederMutation();
-
-    // Utitlity to track if solid-api is up
-    const [isPinging, setIsPinging] = useState(false);
-    const [isGenerating, setIsGenerating] = useState(false);
-    const pingBackendWithRetry = async (retries = 30, delay = 500): Promise<boolean> => {
-        for (let i = 0; i < retries; i++) {
-            try {
-                const res = await fetch(`${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/ping`);
-                console.log("ping response", res);
-
-                if (res.ok)
-                    return true;
-            } catch (e) {
-                // ignore and retry
-            }
-            await new Promise((resolve) => setTimeout(resolve, delay));
-        }
-        return false;
-    };
-
-    useEffect(() => {
-        const runSeederIfQueueStatusIsSuccess = async () => {
-            if (isGenerateCodeSuceess) {
-                // console.log("isGenerateCodeSuceess", isGenerateCodeSuceess);
-                // setIsPinging(true);
-                // const hasMqMessageCompleted = await fetchMqMessageStatus(30, 500, generateCodeData);
-                const isAlive = await pingBackendWithRetry();
-                setIsPinging(false);
-
-                // const hasMqMessageCompleted = true;
-                // const isAlive = true;
-                // if (hasMqMessageCompleted && isAlive) {
-                if (isAlive) {
-                    await triggerSeeder("ModuleMetadataSeederService");
-                } else {
-                    dispatch(closePopup());
-                    console.log("Backend is not alive, cannot run seeder");
-                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE, detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED }));
-                }
-            }
-        };
-        setTimeout(() => {
-            runSeederIfQueueStatusIsSuccess();
-        }, 5000);
-    }, [isGenerateCodeSuceess]);
-
-    useEffect(() => {
-        if (isSeederSuccess) {
-            console.log(ERROR_MESSAGES.IS_SEEDER_SUCCESS, data);
-            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);
-            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 () => window.clearTimeout(timer);
+  }, [dispatch, isGenerateCodeSuceess, triggerSeeder]);
 
+  useEffect(() => {
+    if (isSeederSuccess) {
+      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) {
+      dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEEDER_ERROR, detail: ERROR_MESSAGES.SEEDER_NOT_RUN }));
+      setIsGenerating(false);
+    }
+  }, [data, dispatch, isSeederError, isSeederSuccess]);
+
+  if (isGenerating) {
     return (
-        <>
-            {isGenerating ?
-                <>
-                    <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>
-                    </div>
-                </>
-                :
-                <>
-                    {event?.rowData?.module?.name != "solid-core" ?
-                        <div className="">
-                            <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>
-                                <span className="p-dialog-title">
-                                    Generate Model
-                                </span>
-                            </div>
-                            <div className="px-4 pb-4 pt-3">
-                                <p className="">Proceed with model code generation? Existing files will be overwritten.</p>
-                                <p>Below is the list of files that will be created </p>
-                                <ul>
-                                    <li>Model Entity File</li>
-                                    <li>Model Repository</li>
-                                    <li>Model Controller File</li>
-                                    <li>Model Service File</li>
-                                    <li>Model Create and Update Dto files</li>
-                                </ul>
-                                <div className="flex gap-3 justify-content-start">
-                                    <Button size="small" label="Ok" autoFocus onClick={generateCodeHandler} />
-                                    <Button size="small" label="Cancel" outlined onClick={() => dispatch(closePopup())} />
-                                </div>
-                            </div>
-                        </div > :
-                        <div className="">
-                            <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>
-                                <span className="p-dialog-title">
-                                    Generate Model
-                                </span>
-                            </div>
-                            <div className="px-4 pb-4 pt-3">
-                                <p className="text-center">You cannot generate code for Solid Core models</p>
-                                <div className="flex gap-3 justify-content-center">
-                                    <Button size="small" label="Cancel" outlined onClick={() => dispatch(closePopup())} />
-                                </div>
-                            </div>
-                        </div>
-                    }
-                </>
-            }
-
-        </>
-    )
-}
+      <div className="solid-generate-code-popup">
+        <div className="solid-filter-dialog-head solid-generate-code-popup__head">
+          <div>
+            <h3 className="solid-filter-dialog-title">Generate Model</h3>
+            <p className="solid-filter-dialog-subtitle m-0">Applying the code generation pipeline and reseeding metadata.</p>
+          </div>
+        </div>
+        <div className="solid-filter-dialog-sep" />
+        <div className="solid-filter-dialog-body solid-generate-code-popup__body solid-generate-code-popup__body--loading">
+          <SolidCircularLoader />
+          <p className="solid-generate-code-popup__loading-title">
+            {isPinging ? "Waiting for backend..." : "Generating model code..."}
+          </p>
+          <p className="solid-generate-code-popup__loading-copy">{statusMessage}</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="solid-generate-code-popup">
+      <div className="solid-filter-dialog-head solid-generate-code-popup__head">
+        <div>
+          <h3 className="solid-filter-dialog-title">Generate Model</h3>
+          <p className="solid-filter-dialog-subtitle m-0">
+            Generate or refresh the model code artifacts from the current metadata definition.
+          </p>
+        </div>
+      </div>
+      <div className="solid-filter-dialog-sep" />
+      <div className="solid-filter-dialog-body solid-generate-code-popup__body">
+        {isSolidCoreModel ? (
+          <div className="solid-generate-code-popup__notice is-warning">
+            <AlertTriangle size={16} />
+            <span>You cannot generate code for Solid Core models.</span>
+          </div>
+        ) : (
+          <>
+            <p className="solid-generate-code-popup__intro">
+              Proceed with model code generation. Existing generated files may be overwritten.
+            </p>
+            <div className="solid-generate-code-popup__panel">
+              <div className="solid-generate-code-popup__panel-title">
+                <FileCode2 size={15} />
+                <span>Artifacts created</span>
+              </div>
+              <ul className="solid-generate-code-popup__list">
+                {generatedFiles.map((item) => (
+                  <li key={item}>{item}</li>
+                ))}
+              </ul>
+            </div>
+          </>
+        )}
+
+        <div className="solid-generate-code-popup__actions">
+          {!isSolidCoreModel ? (
+            <SolidButton
+              size="small"
+              autoFocus
+              leftIcon={<Sparkles size={14} />}
+              loading={isGenerateCodeUpdating}
+              onClick={generateCodeHandler}
+            >
+              Generate
+            </SolidButton>
+          ) : null}
+          <SolidButton size="small" variant="outline" onClick={() => dispatch(closePopup())}>
+            {isSolidCoreModel ? "Close" : "Cancel"}
+          </SolidButton>
+        </div>
+      </div>
+    </div>
+  );
+};
 
 export default GenerateModelCodeRowAction;

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteModuleRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAU1F,QAAA,MAAM,qBAAqB,UAAW,oCAAoC,4CA2GzE,CAAA;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"DeleteModuleRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAG1F,QAAA,MAAM,qBAAqB,UAAW,oCAAoC,4CA8HzE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -35,39 +35,32 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
+import { kebabCase } from "lodash";
+import { AlertTriangle } from "lucide-react";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
 import { useGetModelsQuery } from "../../../../../../redux/api/modelApi";
 import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
-import { kebabCase } from "lodash";
-import { Button } from "primereact/button";
-import { Column } from "primereact/column";
-import { DataTable } from "primereact/datatable";
-import { useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
+import { SolidButton } from "../../../../../shad-cn-ui";
 var DeleteModuleRowAction = function (event) {
     var _a;
-    var _b = useState(false), isConfirmed = _b[0], setIsConfirmed = _b[1];
-    var _c = useState(null), errorState = _c[0], setErrorState = _c[1];
-    var _d = useState(false), isDeleting = _d[0], setIsDeleting = _d[1];
+    var _b = useState(null), errorState = _b[0], setErrorState = _b[1];
+    var _c = useState(false), isDeleting = _c[0], setIsDeleting = _c[1];
+    var _d = useState(false), allowDelete = _d[0], setAllowDelete = _d[1];
     var dispatch = useDispatch();
     var entityApi = createSolidEntityApi("moduleMetadata");
     var useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation;
-    var _e = useState(false), allowDelete = _e[0], setAllowDelete = _e[1];
-    var _f = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _f[0], isSolidEntitiesDeleteError = _f[1].isError;
+    var deleteSolidSingleEntiry = useDeleteSolidEntityMutation()[0];
     var queryString = "filters[$and][0][$or][0][module][$in][0]=".concat((_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.id);
-    var _g = useGetModelsQuery(queryString), models = _g.data, getModelsLoading = _g.isLoading, error = _g.error;
+    var _e = useGetModelsQuery(queryString), models = _e.data, getModelsLoading = _e.isLoading;
     useEffect(function () {
-        if (models && models.meta.totalRecords == 0) {
-            setAllowDelete(true);
-        }
-        else {
-            setAllowDelete(false);
-        }
+        setAllowDelete(Boolean(models && models.meta.totalRecords === 0));
     }, [models]);
     var deleteModuleHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var res, message, err_1;
+        var res, message, err_1, message;
         var _a, _b, _c;
         return __generator(this, function (_d) {
             switch (_d.label) {
@@ -77,30 +70,31 @@ var DeleteModuleRowAction = function (event) {
                     _d.label = 1;
                 case 1:
                     _d.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, deleteSolidSingleEntiry(event.rowData.id)
-                        // console.log('delete model res', res);
-                    ];
+                    return [4 /*yield*/, deleteSolidSingleEntiry(event.rowData.id)];
                 case 2:
                     res = _d.sent();
-                    // console.log('delete model res', res);
-                    setErrorState(res.error || null);
                     if (res.error) {
                         message = ((_b = (_a = res.error) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) ||
                             ((_c = res.error) === null || _c === void 0 ? void 0 : _c.error) ||
                             ERROR_MESSAGES.ERROR_OCCURED;
                         setErrorState(message);
-                        dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));
                     }
                     else {
-                        dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: 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());
                     }
                     return [3 /*break*/, 5];
                 case 3:
                     err_1 = _d.sent();
                     console.error(ERROR_MESSAGES.DELETE_ERROR, err_1);
-                    setErrorState(err_1.message || ERROR_MESSAGES.NETWORK_ERROR);
-                    dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));
+                    message = err_1.message || ERROR_MESSAGES.NETWORK_ERROR;
+                    setErrorState(message);
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));
                     return [3 /*break*/, 5];
                 case 4:
                     setIsDeleting(false);
@@ -110,14 +104,18 @@ var DeleteModuleRowAction = function (event) {
         });
     }); };
     var rows = [
-        { file: "".concat(kebabCase(event.rowData.name), ".module.ts"), description: 'Delete the module file', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.name), "-metadata.json"), description: 'Remove the module metadata json file', intervention: 'Automatic' },
+        {
+            file: "".concat(kebabCase(event.rowData.name), ".module.ts"),
+            description: "Delete the module file.",
+            intervention: "Automatic",
+        },
+        {
+            file: "".concat(kebabCase(event.rowData.name), "-metadata.json"),
+            description: "Remove the module metadata JSON file.",
+            intervention: "Automatic",
+        },
     ];
-    return (_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: "Delete Module" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsxs("div", { children: [_jsx("p", { className: "form-field-label font-medium", children: allowDelete === true ?
-                                    "Deleting a module should be done carefully. The below files will be impacted as part of deleting a model:"
-                                    :
-                                        "This module still has models associated with it. Please delete those models before deleting the module" }), _jsxs(DataTable, { value: rows, size: "small", children: [_jsx(Column, { field: "file", header: "File Name" }), _jsx(Column, { field: "description", header: "Description" }), _jsx(Column, { field: "intervention", header: "Intervention" })] })] }), _jsxs("div", { className: "flex gap-3 justify-content-start", children: [allowDelete === true &&
-                                _jsx(Button, { size: "small", label: "Apply", autoFocus: true, onClick: deleteModuleHandler }), _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } })] })] })] }));
+    return (_jsxs("div", { className: "solid-delete-model-popup solid-delete-module-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-delete-model-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Delete Module" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Review the affected files and confirm there are no linked models before deleting this module." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-delete-model-popup__body", children: [getModelsLoading ? (_jsx("p", { className: "solid-delete-model-popup__intro", children: "Checking whether this module still has linked models." })) : allowDelete ? (_jsx("p", { className: "solid-delete-model-popup__intro", children: "Deleting a module should be done carefully. The following files will be removed as part of deleting this module." })) : (_jsxs("div", { className: "solid-delete-module-popup__notice", children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "This module still has models associated with it. Delete those models first before deleting the module." })] })), _jsx("div", { className: "solid-delete-model-popup__table-wrap", children: _jsxs("table", { className: "solid-delete-model-popup__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "File Name" }), _jsx("th", { children: "Description" }), _jsx("th", { children: "Intervention" })] }) }), _jsx("tbody", { children: rows.map(function (row) { return (_jsxs("tr", { children: [_jsx("td", { className: "solid-delete-model-popup__file", children: row.file }), _jsx("td", { children: row.description }), _jsx("td", { className: "solid-delete-model-popup__intervention", children: row.intervention })] }, row.file)); }) })] }) }), errorState ? _jsx("div", { className: "solid-delete-module-popup__error", children: errorState }) : null, _jsxs("div", { className: "solid-delete-model-popup__actions", children: [allowDelete ? (_jsx(SolidButton, { size: "small", autoFocus: true, loading: isDeleting, disabled: getModelsLoading || isDeleting, onClick: deleteModuleHandler, children: "Apply" })) : null, _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return dispatch(closePopup()); }, children: allowDelete ? "Cancel" : "Close" })] })] })] }));
 };
 export default DeleteModuleRowAction;
 //# sourceMappingURL=DeleteModuleRowAction.js.map

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 { 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;"]}
+{"version":3,"file":"DeleteModuleRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/DeleteModuleRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { kebabCase } from \"lodash\";\nimport { AlertTriangle } from \"lucide-react\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { useGetModelsQuery } from \"../../../../../../redux/api/modelApi\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { SolidButton } from \"../../../../../shad-cn-ui\";\n\nconst DeleteModuleRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n  const [errorState, setErrorState] = useState<string | null>(null);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [allowDelete, setAllowDelete] = useState(false);\n\n  const dispatch = useDispatch();\n  const entityApi = createSolidEntityApi(\"moduleMetadata\");\n  const { useDeleteSolidEntityMutation } = entityApi;\n  const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation();\n\n  const queryString = `filters[$and][0][$or][0][module][$in][0]=${event?.rowData?.id}`;\n  const { data: models, isLoading: getModelsLoading } = useGetModelsQuery(queryString);\n\n  useEffect(() => {\n    setAllowDelete(Boolean(models && models.meta.totalRecords === 0));\n  }, [models]);\n\n  const deleteModuleHandler = async () => {\n    setIsDeleting(true);\n    setErrorState(null);\n\n    try {\n      const res: any = await deleteSolidSingleEntiry(event.rowData.id);\n\n      if (res.error) {\n        const message =\n          res.error?.data?.message ||\n          res.error?.error ||\n          ERROR_MESSAGES.ERROR_OCCURED;\n\n        setErrorState(message);\n        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));\n      } else {\n        dispatch(\n          showToast({\n            severity: \"success\",\n            summary: ERROR_MESSAGES.MODEL_DELETE,\n            detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName),\n          })\n        );\n        dispatch(closePopup());\n      }\n    } catch (err: any) {\n      console.error(ERROR_MESSAGES.DELETE_ERROR, err);\n      const message = err.message || ERROR_MESSAGES.NETWORK_ERROR;\n      setErrorState(message);\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    {\n      file: `${kebabCase(event.rowData.name)}.module.ts`,\n      description: \"Delete the module file.\",\n      intervention: \"Automatic\",\n    },\n    {\n      file: `${kebabCase(event.rowData.name)}-metadata.json`,\n      description: \"Remove the module metadata JSON file.\",\n      intervention: \"Automatic\",\n    },\n  ];\n\n  return (\n    <div className=\"solid-delete-model-popup solid-delete-module-popup\">\n      <div className=\"solid-filter-dialog-head solid-delete-model-popup__head\">\n        <div>\n          <h3 className=\"solid-filter-dialog-title\">Delete Module</h3>\n          <p className=\"solid-filter-dialog-subtitle m-0\">\n            Review the affected files and confirm there are no linked models before deleting this module.\n          </p>\n        </div>\n      </div>\n      <div className=\"solid-filter-dialog-sep\" />\n      <div className=\"solid-filter-dialog-body solid-delete-model-popup__body\">\n        {getModelsLoading ? (\n          <p className=\"solid-delete-model-popup__intro\">Checking whether this module still has linked models.</p>\n        ) : allowDelete ? (\n          <p className=\"solid-delete-model-popup__intro\">\n            Deleting a module should be done carefully. The following files will be removed as part of deleting this module.\n          </p>\n        ) : (\n          <div className=\"solid-delete-module-popup__notice\">\n            <AlertTriangle size={16} />\n            <span>This module still has models associated with it. Delete those models first before deleting the module.</span>\n          </div>\n        )}\n\n        <div className=\"solid-delete-model-popup__table-wrap\">\n          <table className=\"solid-delete-model-popup__table\">\n            <thead>\n              <tr>\n                <th>File Name</th>\n                <th>Description</th>\n                <th>Intervention</th>\n              </tr>\n            </thead>\n            <tbody>\n              {rows.map((row) => (\n                <tr key={row.file}>\n                  <td className=\"solid-delete-model-popup__file\">{row.file}</td>\n                  <td>{row.description}</td>\n                  <td className=\"solid-delete-model-popup__intervention\">{row.intervention}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n\n        {errorState ? <div className=\"solid-delete-module-popup__error\">{errorState}</div> : null}\n\n        <div className=\"solid-delete-model-popup__actions\">\n          {allowDelete ? (\n            <SolidButton size=\"small\" autoFocus loading={isDeleting} disabled={getModelsLoading || isDeleting} onClick={deleteModuleHandler}>\n              Apply\n            </SolidButton>\n          ) : null}\n          <SolidButton size=\"small\" variant=\"outline\" onClick={() => dispatch(closePopup())}>\n            {allowDelete ? \"Cancel\" : \"Close\"}\n          </SolidButton>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default DeleteModuleRowAction;\n"]}