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

package/dist/components/core/extension/solid-core/media/card/MediaCardWidget.tsx

@@ -0,0 +1,141 @@
+import { getMediaTypeFromUrl } from "../../../../../../helpers/mediaType";
+import { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+
+const renderText = (value: any, fallback = "--") => {
+  if (value === null || value === undefined || value === "") {
+    return fallback;
+  }
+
+  return String(value);
+};
+
+const formatFileSize = (value: any) => {
+  const size = Number(value);
+  if (!Number.isFinite(size) || size <= 0) return "--";
+  if (size >= 1024 * 1024 * 1024) return `${(size / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+  if (size >= 1024 * 1024) return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+  if (size >= 1024) return `${(size / 1024).toFixed(1)} KB`;
+  return `${size} B`;
+};
+
+const toTitleCase = (value: any) => {
+  const text = renderText(value, "");
+  if (!text) return "--";
+  return text
+    .replace(/[_-]+/g, " ")
+    .replace(/\b\w/g, (char) => char.toUpperCase());
+};
+
+const getFileUrl = (rowData: any) => {
+  return rowData?._full_url || rowData?.fileUrl || rowData?.relativeUri || "";
+};
+
+const getMimeType = (rowData: any) => {
+  return String(rowData?.mimeType || "").toLowerCase();
+};
+
+const isImage = (mimeType: string) => mimeType.startsWith("image/");
+const isVideo = (mimeType: string) => mimeType.startsWith("video/");
+const isAudio = (mimeType: string) => mimeType.startsWith("audio/");
+
+const getExtension = (rowData: any) => {
+  const fileName = renderText(rowData?.originalFileName, "");
+  const raw = fileName.split(".").pop();
+  return raw ? raw.toUpperCase() : "FILE";
+};
+
+export default function MediaCardWidget({
+  rowData,
+  setLightboxUrls,
+  setOpenLightbox,
+}: SolidKanbanCardWidgetProps) {
+  const fileUrl = getFileUrl(rowData);
+  const mimeType = getMimeType(rowData);
+  const fileName = renderText(rowData?.originalFileName, "Untitled file");
+  const providerName = renderText(rowData?.mediaStorageProviderMetadata?.displayName, "Unknown provider");
+  const modelName = renderText(rowData?.modelMetadata?.displayName, "Unknown model");
+  const fieldName = renderText(rowData?.fieldMetadata?.displayName, "Unknown field");
+  const mimeLabel = mimeType ? mimeType.split("/")[0].toUpperCase() : "FILE";
+  const showPreview = isImage(mimeType) || isVideo(mimeType);
+
+  const handlePreviewClick = (event: React.MouseEvent) => {
+    event.stopPropagation();
+    if (!fileUrl) return;
+
+    if (showPreview) {
+      const mediaType = getMediaTypeFromUrl(fileUrl);
+      setLightboxUrls?.([{ src: fileUrl, type: mediaType !== "image" ? mediaType : undefined }]);
+      setOpenLightbox?.(true);
+      return;
+    }
+
+    window.open(fileUrl, "_blank", "noopener,noreferrer");
+  };
+
+  return (
+    <div className="solid-media-card-widget">
+      <div className="solid-media-card-widget__preview" onClick={handlePreviewClick}>
+        {fileUrl && isImage(mimeType) && (
+          <img
+            src={fileUrl}
+            alt={fileName}
+            className="solid-media-card-widget__image"
+          />
+        )}
+        {fileUrl && isVideo(mimeType) && (
+          <video
+            src={fileUrl}
+            className="solid-media-card-widget__image"
+            muted
+          />
+        )}
+        {(!fileUrl || (!isImage(mimeType) && !isVideo(mimeType))) && (
+          <div className="solid-media-card-widget__file-fallback">
+            <span className="solid-media-card-widget__file-ext">{getExtension(rowData)}</span>
+            <span className="solid-media-card-widget__file-type">{mimeLabel}</span>
+          </div>
+        )}
+
+        <span className="solid-media-card-widget__chip solid-media-card-widget__badge solid-media-card-widget__badge--type">
+          {mimeLabel}
+        </span>
+        <span className="solid-media-card-widget__size solid-media-card-widget__badge solid-media-card-widget__badge--size">
+          {formatFileSize(rowData?.fileSize)}
+        </span>
+      </div>
+
+      <div className="solid-media-card-widget__body">
+        <div className="solid-media-card-widget__title" title={fileName}>
+          {fileName}
+        </div>
+        <div className="solid-media-card-widget__subtitle" title={renderText(rowData?.mimeType, "Unknown mime type")}>
+          {renderText(rowData?.mimeType, "Unknown mime type")}
+        </div>
+
+        <div className="solid-media-card-widget__meta">
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Model</span>
+            <span className="solid-media-card-widget__meta-value" title={modelName}>{modelName}</span>
+          </div>
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Field</span>
+            <span className="solid-media-card-widget__meta-value" title={fieldName}>{fieldName}</span>
+          </div>
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Provider</span>
+            <span className="solid-media-card-widget__meta-value" title={providerName}>{providerName}</span>
+          </div>
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Entity</span>
+            <span className="solid-media-card-widget__meta-value">#{renderText(rowData?.entityId)}</span>
+          </div>
+        </div>
+
+        <div className="solid-media-card-widget__footer">
+          <span className="solid-media-card-widget__record-id">Media #{renderText(rowData?.id)}</span>
+          <span className="solid-media-card-widget__kind">{toTitleCase(mimeLabel)}</span>
+        </div>
+      </div>
+    </div>
+  );
+}

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModelRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAa1F,QAAA,MAAM,oBAAoB,UAAW,oCAAoC,4CAkFxE,CAAA;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeleteModelRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAU1F,QAAA,MAAM,oBAAoB,UAAW,oCAAoC,4CAuGxE,CAAA;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js

@@ -36,22 +36,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
-import { Button } from "primereact/button";
 import { useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { DataTable } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { Checkbox } from "primereact/checkbox";
 import { kebabCase } from "lodash";
 import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
+import { SolidButton, SolidCheckbox } from "../../../../../shad-cn-ui";
 var DeleteModelRowAction = function (event) {
     var _a = useState(false), isConfirmed = _a[0], setIsConfirmed = _a[1];
     var dispatch = useDispatch();
     var entityApi = createSolidEntityApi(event.params.modelName);
     var useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation;
-    var _b = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _b[0], isSolidEntitiesDeleteError = _b[1].isError;
+    var deleteSolidSingleEntiry = useDeleteSolidEntityMutation()[0];
     var deleteModelHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
         var res, message, err_1;
         var _a, _b, _c;
@@ -94,7 +91,7 @@ var DeleteModelRowAction = function (event) {
         { file: "".concat(kebabCase(event.rowData.singularName), "-metadata.json"), description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },
         { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },
     ];
-    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 Model" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsxs("div", { children: [_jsx("p", { className: "form-field-label font-medium", children: "Deleting a model should be done carefully. The below files will be impacted as part of deleting a model:" }), _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" })] }), _jsx("div", { className: "my-4", children: _jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { inputId: "confirmation", name: "confirm", checked: isConfirmed, onChange: function () { return setIsConfirmed(!isConfirmed); } }), _jsx("label", { htmlFor: "confirmation", className: "ml-2 form-field-label", children: "I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied." })] }) })] }), _jsxs("div", { className: "flex gap-3 justify-content-start", children: [_jsx(Button, { size: "small", label: "Apply", disabled: !isConfirmed, autoFocus: true, onClick: deleteModelHandler }), _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } })] })] })] }));
+    return (_jsxs("div", { className: "solid-delete-model-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 Model" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Review the impacted files carefully before applying this delete action." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-delete-model-popup__body", children: [_jsx("p", { className: "solid-delete-model-popup__intro", children: "Deleting a model should be done carefully. The following files will be impacted as part of deleting this model." }), _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: row.manual ? "solid-delete-model-popup__intervention is-manual" : "solid-delete-model-popup__intervention", children: row.intervention })] }, "".concat(row.file, "-").concat(row.intervention))); }) })] }) }), _jsx("div", { className: "solid-delete-model-popup__confirm", children: _jsx(SolidCheckbox, { id: "delete-model-confirmation", name: "confirm", checked: isConfirmed, onChange: function () { return setIsConfirmed(!isConfirmed); }, label: "I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied." }) }), _jsxs("div", { className: "solid-delete-model-popup__actions", children: [_jsx(SolidButton, { size: "small", disabled: !isConfirmed, autoFocus: true, onClick: deleteModelHandler, children: "Apply" }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return dispatch(closePopup()); }, children: "Cancel" })] })] })] }));
 };
 export default DeleteModelRowAction;
 //# sourceMappingURL=DeleteModelRowAction.js.map

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModelRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useGenerateCodeForModelMutation } from \"../../../../../../redux/api/modelApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { Button } from \"primereact/button\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { DataTable } from \"primereact/datatable\";\nimport { Column } from \"primereact/column\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { kebabCase } from \"lodash\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\n\n\nconst DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(event.params.modelName);\n    const {useDeleteSolidEntityMutation} = entityApi;\n    const [deleteSolidSingleEntiry, { \n        isError:isSolidEntitiesDeleteError , \n    }] = useDeleteSolidEntityMutation()\n\n    const deleteModelHandler = async () => {\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id);\n            \n            // console.log('delete model res', res);\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                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(\"catch error\", err);\n            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.singularName)}.entity.ts`, description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.create.dto.ts`, description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.update.dto.ts`, description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.repository.ts`, description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.service.ts`, description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.controller.ts`, description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.module.ts`, description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}-metadata.json`, description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },\n        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },\n    ];\n\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 Model\n                </span>\n            </div>\n            <div className=\"px-4 pb-4 pt-3\">\n                <div>\n                    <p className=\"form-field-label font-medium\">\n                        Deleting a model should be done carefully. The below files will be impacted as part of deleting a model:\n                    </p>\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                    <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 #9 (drop database table) will be done by me manually after the automatic steps above are applied.\n                            </label>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"flex gap-3 justify-content-start\">\n                    <Button size=\"small\" label=\"Apply\" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler} />\n                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModelRowAction;\n"]}
+{"version":3,"file":"DeleteModelRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { kebabCase } from \"lodash\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { SolidButton, SolidCheckbox } from \"../../../../../shad-cn-ui\";\n\n\nconst DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(event.params.modelName);\n    const {useDeleteSolidEntityMutation} = entityApi;\n    const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation()\n\n    const deleteModelHandler = async () => {\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id);\n            \n            // console.log('delete model res', res);\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                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(\"catch error\", err);\n            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.singularName)}.entity.ts`, description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.create.dto.ts`, description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.update.dto.ts`, description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.repository.ts`, description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.service.ts`, description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.controller.ts`, description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.module.ts`, description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}-metadata.json`, description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },\n        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },\n    ];\n\n\n\n    return (\n        <div className=\"solid-delete-model-popup\">\n            <div className=\"solid-filter-dialog-head solid-delete-model-popup__head\">\n                <div>\n                    <h3 className=\"solid-filter-dialog-title\">Delete Model</h3>\n                    <p className=\"solid-filter-dialog-subtitle m-0\">\n                        Review the impacted files carefully before applying this delete action.\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                <p className=\"solid-delete-model-popup__intro\">\n                    Deleting a model should be done carefully. The following files will be impacted as part of deleting this model.\n                </p>\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}-${row.intervention}`}>\n                                    <td className=\"solid-delete-model-popup__file\">{row.file}</td>\n                                    <td>{row.description}</td>\n                                    <td className={row.manual ? \"solid-delete-model-popup__intervention is-manual\" : \"solid-delete-model-popup__intervention\"}>\n                                        {row.intervention}\n                                    </td>\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                </div>\n\n                <div className=\"solid-delete-model-popup__confirm\">\n                    <SolidCheckbox\n                        id=\"delete-model-confirmation\"\n                        name=\"confirm\"\n                        checked={isConfirmed}\n                        onChange={() => setIsConfirmed(!isConfirmed)}\n                        label=\"I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied.\"\n                    />\n                </div>\n\n                <div className=\"solid-delete-model-popup__actions\">\n                    <SolidButton size=\"small\" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler}>\n                        Apply\n                    </SolidButton>\n                    <SolidButton size=\"small\" variant=\"outline\" onClick={() => dispatch(closePopup())}>\n                        Cancel\n                    </SolidButton>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModelRowAction;\n"]}

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

@@ -1,17 +1,12 @@
-
-import { useGenerateCodeForModelMutation } from "../../../../../../redux/api/modelApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
 import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
-import { Button } from "primereact/button";
 import { useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { DataTable } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { Checkbox } from "primereact/checkbox";
 import { kebabCase } from "lodash";
 import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
+import { SolidButton, SolidCheckbox } from "../../../../../shad-cn-ui";
 
 
 const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
@@ -19,9 +14,7 @@ const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
     const dispatch = useDispatch();
     const entityApi = createSolidEntityApi(event.params.modelName);
     const {useDeleteSolidEntityMutation} = entityApi;
-    const [deleteSolidSingleEntiry, { 
-        isError:isSolidEntitiesDeleteError , 
-    }] = useDeleteSolidEntityMutation()
+    const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation()
 
     const deleteModelHandler = async () => {
         try {
@@ -60,38 +53,61 @@ const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
 
 
     return (
-        <div className="">
-            <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>
-                <span className="p-dialog-title">
-                    Delete Model
-                </span>
-            </div>
-            <div className="px-4 pb-4 pt-3">
+        <div className="solid-delete-model-popup">
+            <div className="solid-filter-dialog-head solid-delete-model-popup__head">
                 <div>
-                    <p className="form-field-label font-medium">
-                        Deleting a model should be done carefully. The below files will be impacted as part of deleting a model:
+                    <h3 className="solid-filter-dialog-title">Delete Model</h3>
+                    <p className="solid-filter-dialog-subtitle m-0">
+                        Review the impacted files carefully before applying this delete action.
                     </p>
-                    <DataTable value={rows} size="small">
-                        <Column field="file" header="File Name" />
-                        <Column field="description" header="Description" />
-                        <Column field="intervention" header="Intervention" />
-                    </DataTable>
-                    <div className="my-4">
-                        <div className="flex align-items-center">
-                            <Checkbox
-                                inputId="confirmation"
-                                name="confirm"
-                                checked={isConfirmed}
-                                onChange={() => setIsConfirmed(!isConfirmed)} />
-                            <label htmlFor="confirmation" className="ml-2 form-field-label">
-                                I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied.
-                            </label>
-                        </div>
-                    </div>
                 </div>
-                <div className="flex gap-3 justify-content-start">
-                    <Button size="small" label="Apply" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler} />
-                    <Button size="small" label="Cancel" outlined onClick={() => dispatch(closePopup())} />
+            </div>
+            <div className="solid-filter-dialog-sep" />
+            <div className="solid-filter-dialog-body solid-delete-model-popup__body">
+                <p className="solid-delete-model-popup__intro">
+                    Deleting a model should be done carefully. The following files will be impacted as part of deleting this model.
+                </p>
+
+                <div className="solid-delete-model-popup__table-wrap">
+                    <table className="solid-delete-model-popup__table">
+                        <thead>
+                            <tr>
+                                <th>File Name</th>
+                                <th>Description</th>
+                                <th>Intervention</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {rows.map((row) => (
+                                <tr key={`${row.file}-${row.intervention}`}>
+                                    <td className="solid-delete-model-popup__file">{row.file}</td>
+                                    <td>{row.description}</td>
+                                    <td className={row.manual ? "solid-delete-model-popup__intervention is-manual" : "solid-delete-model-popup__intervention"}>
+                                        {row.intervention}
+                                    </td>
+                                </tr>
+                            ))}
+                        </tbody>
+                    </table>
+                </div>
+
+                <div className="solid-delete-model-popup__confirm">
+                    <SolidCheckbox
+                        id="delete-model-confirmation"
+                        name="confirm"
+                        checked={isConfirmed}
+                        onChange={() => setIsConfirmed(!isConfirmed)}
+                        label="I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied."
+                    />
+                </div>
+
+                <div className="solid-delete-model-popup__actions">
+                    <SolidButton size="small" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler}>
+                        Apply
+                    </SolidButton>
+                    <SolidButton size="small" variant="outline" onClick={() => dispatch(closePopup())}>
+                        Cancel
+                    </SolidButton>
                 </div>
             </div>
         </div>

package/dist/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateModelCodeRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAU1F,QAAA,MAAM,0BAA0B,UAAW,oCAAoC,4CAuL9E,CAAA;AAED,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"GenerateModelCodeRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAG1F,QAAA,MAAM,0BAA0B,UAAW,oCAAoC,4CA8K9E,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -35,88 +35,38 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 { 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 { SolidButton } from "../../../../../shad-cn-ui";
 var GenerateModelCodeRowAction = function (event) {
     var _a, _b;
     var dispatch = useDispatch();
-    var _c = useGenerateCodeForModelMutation(), generateCode = _c[0], _d = _c[1], isGenerateCodeUpdating = _d.isLoading, isGenerateCodeSuceess = _d.isSuccess, isGenerateCodeError = _d.isError, generateCodeError = _d.error, generateCodeData = _d.data;
-    // 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;
-    // };
-    var generateCodeHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, generateCode({ id: (_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.id })];
-                case 1:
-                    response = _b.sent();
-                    console.log("response generate code handler", response);
-                    setIsGenerating(true);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    // TODO: START REFACTORING - reusable code alert
-    var _e = useSeederMutation(), triggerSeeder = _e[0], _f = _e[1], data = _f.data, isLoading = _f.isLoading, isSeederSuccess = _f.isSuccess, isSeederError = _f.isError;
-    // Utitlity to track if solid-api is up
-    var _g = useState(false), isPinging = _g[0], setIsPinging = _g[1];
-    var _h = useState(false), isGenerating = _h[0], setIsGenerating = _h[1];
+    var _c = useState("Preparing model generation..."), statusMessage = _c[0], setStatusMessage = _c[1];
+    var _d = useState(false), isPinging = _d[0], setIsPinging = _d[1];
+    var _e = useState(false), isGenerating = _e[0], setIsGenerating = _e[1];
+    var _f = useGenerateCodeForModelMutation(), generateCode = _f[0], _g = _f[1], isGenerateCodeUpdating = _g.isLoading, isGenerateCodeSuceess = _g.isSuccess;
+    var _h = useSeederMutation(), triggerSeeder = _h[0], _j = _h[1], data = _j.data, isSeederSuccess = _j.isSuccess, isSeederError = _j.isError;
+    var isSolidCoreModel = ((_b = (_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.name) === "solid-core";
+    var generatedFiles = useMemo(function () { return [
+        "Entity file",
+        "Repository file",
+        "Controller file",
+        "Service file",
+        "Create and update DTO files",
+    ]; }, []);
     var pingBackendWithRetry = function (retries, delay) {
         if (retries === void 0) { retries = 30; }
         if (delay === void 0) { delay = 500; }
         return __awaiter(void 0, void 0, void 0, function () {
-            var i, res, e_1;
+            var i, res, error_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -130,75 +80,102 @@ var GenerateModelCodeRowAction = function (event) {
                         return [4 /*yield*/, fetch("".concat(env("NEXT_PUBLIC_BACKEND_API_URL"), "/api/ping"))];
                     case 3:
                         res = _a.sent();
-                        console.log("ping response", res);
                         if (res.ok)
                             return [2 /*return*/, true];
                         return [3 /*break*/, 5];
                     case 4:
-                        e_1 = _a.sent();
+                        error_1 = _a.sent();
                         return [3 /*break*/, 5];
                     case 5: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, delay); })];
                     case 6:
                         _a.sent();
                         _a.label = 7;
                     case 7:
-                        i++;
+                        i += 1;
                         return [3 /*break*/, 1];
                     case 8: return [2 /*return*/, false];
                 }
             });
         });
     };
+    var generateCodeHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_2;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    setIsGenerating(true);
+                    setStatusMessage("Submitting model generation request...");
+                    return [4 /*yield*/, generateCode({ id: (_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.id }).unwrap()];
+                case 1:
+                    _b.sent();
+                    setStatusMessage("Waiting for backend to come back online...");
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_2 = _b.sent();
+                    setIsGenerating(false);
+                    dispatch(closePopup());
+                    dispatch(showToast({ severity: "error", summary: "Something went wrong", detail: ERROR_MESSAGES.API_ERROR }));
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
-        var runSeederIfQueueStatusIsSuccess = function () { return __awaiter(void 0, void 0, void 0, function () {
+        if (!isGenerateCodeSuceess)
+            return undefined;
+        var timer = window.setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
             var isAlive;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!isGenerateCodeSuceess) return [3 /*break*/, 4];
+                        setIsPinging(true);
+                        setStatusMessage("Checking backend availability before refreshing metadata...");
                         return [4 /*yield*/, pingBackendWithRetry()];
                     case 1:
                         isAlive = _a.sent();
                         setIsPinging(false);
                         if (!isAlive) return [3 /*break*/, 3];
+                        setStatusMessage("Refreshing seeded metadata...");
                         return [4 /*yield*/, triggerSeeder("ModuleMetadataSeederService")];
                     case 2:
                         _a.sent();
-                        return [3 /*break*/, 4];
+                        return [2 /*return*/];
                     case 3:
+                        setIsGenerating(false);
                         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 }));
-                        _a.label = 4;
-                    case 4: return [2 /*return*/];
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE,
+                            detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED,
+                        }));
+                        return [2 /*return*/];
                 }
             });
-        }); };
-        setTimeout(function () {
-            runSeederIfQueueStatusIsSuccess();
-        }, 5000);
-    }, [isGenerateCodeSuceess]);
+        }); }, 5000);
+        return function () { return window.clearTimeout(timer); };
+    }, [dispatch, isGenerateCodeSuceess, triggerSeeder]);
     useEffect(function () {
         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 }));
+            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 (_jsx(_Fragment, { children: isGenerating ?
-            _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..." })] }) })
-            :
-                _jsx(_Fragment, { children: ((_b = (_a = event === null || event === void 0 ? void 0 : event.rowData) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.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 Model" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsx("p", { className: "", children: "Proceed with model code generation? Existing files will be overwritten." }), _jsx("p", { children: "Below is the list of files that will be created " }), _jsxs("ul", { children: [_jsx("li", { children: "Model Entity File" }), _jsx("li", { children: "Model Repository" }), _jsx("li", { children: "Model Controller File" }), _jsx("li", { children: "Model Service File" }), _jsx("li", { children: "Model Create and Update Dto files" })] }), _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 Model" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsx("p", { className: "text-center", children: "You cannot generate code for Solid Core models" }), _jsx("div", { className: "flex gap-3 justify-content-center", children: _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } }) })] })] }) }) }));
+    }, [data, dispatch, isSeederError, isSeederSuccess]);
+    if (isGenerating) {
+        return (_jsxs("div", { className: "solid-generate-code-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-generate-code-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Generate Model" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Applying the code generation pipeline and reseeding metadata." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-generate-code-popup__body solid-generate-code-popup__body--loading", children: [_jsx(SolidCircularLoader, {}), _jsx("p", { className: "solid-generate-code-popup__loading-title", children: isPinging ? "Waiting for backend..." : "Generating model code..." }), _jsx("p", { className: "solid-generate-code-popup__loading-copy", children: statusMessage })] })] }));
+    }
+    return (_jsxs("div", { className: "solid-generate-code-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-generate-code-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Generate Model" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Generate or refresh the model code artifacts from the current metadata definition." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-generate-code-popup__body", children: [isSolidCoreModel ? (_jsxs("div", { className: "solid-generate-code-popup__notice is-warning", children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "You cannot generate code for Solid Core models." })] })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "solid-generate-code-popup__intro", children: "Proceed with model code generation. Existing generated files may be overwritten." }), _jsxs("div", { className: "solid-generate-code-popup__panel", children: [_jsxs("div", { className: "solid-generate-code-popup__panel-title", children: [_jsx(FileCode2, { size: 15 }), _jsx("span", { children: "Artifacts created" })] }), _jsx("ul", { className: "solid-generate-code-popup__list", children: generatedFiles.map(function (item) { return (_jsx("li", { children: item }, item)); }) })] })] })), _jsxs("div", { className: "solid-generate-code-popup__actions", children: [!isSolidCoreModel ? (_jsx(SolidButton, { size: "small", autoFocus: true, leftIcon: _jsx(Sparkles, { size: 14 }), loading: isGenerateCodeUpdating, onClick: generateCodeHandler, children: "Generate" })) : null, _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return dispatch(closePopup()); }, children: isSolidCoreModel ? "Close" : "Cancel" })] })] })] }));
 };
 export default GenerateModelCodeRowAction;
 //# sourceMappingURL=GenerateModelCodeRowAction.js.map