@solidstarters/solid-core-ui 1.1.210 → 1.1.211

package/dist/components/core/list/SolidListView.js

@@ -1,61 +1,5 @@
 // @ts-nocheck
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import { DataTable, } from "primereact/datatable";
@@ -74,13 +18,13 @@ import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi"
 import { permissionExpression } from "../../../helpers/permissions";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { ListViewRowActionPopup } from "./ListViewRowActionPopup";
-import { FilterIcon } from "../../modelsComponents/filterIcon";
+import { FilterIcon } from '../../../components/modelsComponents/filterIcon';
 import { OverlayPanel } from "primereact/overlaypanel";
 import { Toast } from "primereact/toast";
 import { Divider } from "primereact/divider";
-import CompactImage from "../../../resources/images/layout/images/compact.png";
-import CozyImage from "../../../resources/images/layout/images/cozy.png";
-import ComfortableImage from "../../../resources/images/layout/images/comfortable.png";
+import CompactImage from '../../../resources/images/layout/images/compact.png';
+import CozyImage from '../../../resources/images/layout/images/cozy.png';
+import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
 import { capitalize } from "lodash";
 import Lightbox from "yet-another-react-lightbox";
 import Counter from "yet-another-react-lightbox/plugins/counter";
@@ -105,16 +49,16 @@ import { SolidAiMainWrapper } from "../solid-ai/SolidAiMainWrapper";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
 import { useLazyGetMcpUrlQuery } from "../../../redux/api/solidSettingsApi";
 // import { ERROR_MESSAGES } from "../../../constants/error-messages";
-var getRandomInt = function (min, max) {
+const getRandomInt = (min, max) => {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 };
-export var queryStringToQueryObject = function () {
-    var currentPageUrl = window.location.pathname; // Get the current page URL
-    var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
+export const queryStringToQueryObject = () => {
+    const currentPageUrl = window.location.pathname; // Get the current page URL
+    const encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
     if (encodedQueryString) {
         try {
-            var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
-            var parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
+            const decodedQueryString = atob(encodedQueryString); // Base64 decode the string
+            const parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
             return parsedParams;
         }
         catch (error) {
@@ -122,13 +66,13 @@ export var queryStringToQueryObject = function () {
         }
     }
 };
-export var queryStringToQueryObjectByUrl = function (url) {
-    var currentPageUrl = url; // Get the current page URL
-    var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
+export const queryStringToQueryObjectByUrl = (url) => {
+    const currentPageUrl = url; // Get the current page URL
+    const encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
     if (encodedQueryString) {
         try {
-            var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
-            var parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
+            const decodedQueryString = atob(encodedQueryString); // Base64 decode the string
+            const parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
             return parsedParams;
         }
         catch (error) {
@@ -136,186 +80,144 @@ export var queryStringToQueryObjectByUrl = function (url) {
         }
     }
 };
-export var queryObjectToQueryString = function (queryObject) {
+export const queryObjectToQueryString = (queryObject) => {
     if (queryObject) {
-        var stringifiedObject = JSON.stringify(queryObject);
+        const stringifiedObject = JSON.stringify(queryObject);
         // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
-        var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
-        var currentPageUrl = window.location.pathname; // Get the current page URL
+        const encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
+        const currentPageUrl = window.location.pathname; // Get the current page URL
         localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
         return encodedQueryString;
     }
     return null;
 };
-export var queryObjectToQueryStringByUrl = function (url, queryObject) {
+export const queryObjectToQueryStringByUrl = (url, queryObject) => {
     if (queryObject) {
-        var stringifiedObject = JSON.stringify(queryObject);
+        const stringifiedObject = JSON.stringify(queryObject);
         // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
-        var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
-        var currentPageUrl = url; // Get the current page URL
+        const encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
+        const currentPageUrl = url; // Get the current page URL
         localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
         return encodedQueryString;
     }
     return null;
 };
-export var SolidListView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27;
-    var user = useSelector(function (state) { return state.auth; }).user;
-    var session = useSession();
-    var dispatch = useDispatch();
-    var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
-    var pathname = usePathname();
-    var solidGlobalSearchElementRef = useRef();
-    var router = useRouter();
-    var searchParams = useSearchParams();
-    var localeName = searchParams.get("locale");
+export const SolidListView = (params) => {
+    const { user } = useSelector((state) => state.auth);
+    const session = useSession();
+    const dispatch = useDispatch();
+    const visibleNavbar = useSelector((state) => state.navbarState?.visibleNavbar);
+    const pathname = usePathname();
+    const solidGlobalSearchElementRef = useRef();
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const localeName = searchParams.get("locale");
     // TODO: The initial filter state will be created based on the fields which are present on this list view.
-    var _28 = useState(params.customFilter || null), filters = _28[0], setFilters = _28[1];
+    const [filters, setFilters] = useState(params.customFilter || null);
     // const [customFilter, setCustomFilter] = useState<FilterRule[]>(initialState);
     // const [showGlobalSearchElement, setShowGlobalSearchElement] = useState<boolean>(false);
-    var _29 = useState([]), toPopulate = _29[0], setToPopulate = _29[1];
-    var _30 = useState([]), toPopulateMedia = _30[0], setToPopulateMedia = _30[1];
-    var _31 = useState([]), actionsAllowed = _31[0], setActionsAllowed = _31[1];
-    var _32 = useState(false), isOpenSolidXAiPanel = _32[0], setIsOpenSolidXAiPanel = _32[1];
-    var _33 = useState(380), chatterWidth = _33[0], setChatterWidth = _33[1];
-    var _34 = useState(false), isResizing = _34[0], setIsResizing = _34[1];
-    var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _35 = useState(null), mcpUrl = _35[0], setMcpUrl = _35[1];
-    var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    useEffect(function () {
-        var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var permissionNames, queryData, queryString, response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        permissionNames = ["SettingController.getMcpUrl"];
-                        queryData = {
-                            permissionNames: permissionNames
-                        };
-                        queryString = qs.stringify(queryData, {
-                            encodeValuesOnly: true
-                        });
-                        return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
-                    case 1:
-                        response = _a.sent();
-                        if (response.data.data) {
-                            if (response.data.data.includes("SettingController.getMcpUrl")) {
-                                enableSolidXAiPanel();
-                            }
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchPermissions();
-    }, []);
-    var enableSolidXAiPanel = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var queryData, queryString, response, error_1;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    queryData = {
-                        showHeader: "true",
-                        inListView: "true"
-                    };
-                    queryString = qs.stringify(__assign({}, queryData), { encodeValuesOnly: true });
-                    return [4 /*yield*/, getMcpUrl(queryString).unwrap()];
-                case 1:
-                    response = _c.sent();
-                    console.log("response", response);
-                    if (response && ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.mcpUrl)) {
-                        setMcpUrl((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.mcpUrl);
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _c.sent();
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+    const [toPopulate, setToPopulate] = useState([]);
+    const [toPopulateMedia, setToPopulateMedia] = useState([]);
+    const [actionsAllowed, setActionsAllowed] = useState([]);
+    const [isOpenSolidXAiPanel, setIsOpenSolidXAiPanel] = useState(false);
+    const [chatterWidth, setChatterWidth] = useState(380);
+    const [isResizing, setIsResizing] = useState(false);
+    const [triggerCheckIfPermissionExists] = useLazyCheckIfPermissionExistsQuery();
+    const handleCustomButtonClick = useHandleListCustomButtonClick();
+    const [mcpUrl, setMcpUrl] = useState(null);
+    const [getMcpUrl] = useLazyGetMcpUrlQuery();
+    const solidSettingsData = useSelector((state) => state.settingsState?.solidSettings);
+    useEffect(() => {
+        if (solidSettingsData?.mcpEnabled && solidSettingsData?.mcpServerUrl && solidSettingsData?.mcpApiKey) {
+            enableSolidXAiPanel();
+        }
+    }, [solidSettingsData]);
+    const enableSolidXAiPanel = async () => {
+        try {
+            const queryData = {
+                showHeader: "true",
+                inListView: "true"
+            };
+            const queryString = qs.stringify({ ...queryData }, { encodeValuesOnly: true });
+            const response = await getMcpUrl(queryString).unwrap();
+            console.log("response", response);
+            if (response && response?.data?.mcpUrl) {
+                setMcpUrl(response?.data?.mcpUrl);
             }
-        });
-    }); };
-    useEffect(function () {
-        var storedOpen = localStorage.getItem("l_solidxai_open");
-        var storedWidth = localStorage.getItem("l_solidxai_width");
+        }
+        catch (error) {
+        }
+    };
+    useEffect(() => {
+        const storedOpen = localStorage.getItem("l_solidxai_open");
+        const storedWidth = localStorage.getItem("l_solidxai_width");
         if (storedOpen !== null) {
             setIsOpenSolidXAiPanel(storedOpen === "true");
         }
         if (storedWidth !== null) {
-            var width = parseInt(storedWidth, 10);
+            const width = parseInt(storedWidth, 10);
             if (!isNaN(width)) {
                 setChatterWidth(width);
             }
         }
     }, []);
-    useEffect(function () {
+    useEffect(() => {
         if (isResizing) {
-            var handleMouseMove_1 = function (e) {
-                var newWidth = window.innerWidth - e.clientX;
-                var clampedWidth = Math.max(280, Math.min(newWidth, 700));
+            const handleMouseMove = (e) => {
+                const newWidth = window.innerWidth - e.clientX;
+                const clampedWidth = Math.max(280, Math.min(newWidth, 700));
                 setChatterWidth(clampedWidth);
                 localStorage.setItem("l_solidxai_width", clampedWidth.toString());
             };
-            var handleMouseUp_1 = function () {
+            const handleMouseUp = () => {
                 setIsResizing(false);
             };
-            window.addEventListener("mousemove", handleMouseMove_1);
-            window.addEventListener("mouseup", handleMouseUp_1);
-            return function () {
-                window.removeEventListener("mousemove", handleMouseMove_1);
-                window.removeEventListener("mouseup", handleMouseUp_1);
+            window.addEventListener("mousemove", handleMouseMove);
+            window.addEventListener("mouseup", handleMouseUp);
+            return () => {
+                window.removeEventListener("mousemove", handleMouseMove);
+                window.removeEventListener("mouseup", handleMouseUp);
             };
         }
     }, [isResizing]);
-    useEffect(function () {
-        var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var permissionNames, queryData, queryString, response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!params.modelName) return [3 /*break*/, 2];
-                        permissionNames = [
-                            permissionExpression(params.modelName, 'create'),
-                            permissionExpression(params.modelName, 'delete'),
-                            permissionExpression(params.modelName, 'update'),
-                            permissionExpression(params.modelName, 'deleteMany'),
-                            permissionExpression(params.modelName, 'findOne'),
-                            permissionExpression(params.modelName, 'findMany'),
-                            permissionExpression(params.modelName, 'insertMany'),
-                            permissionExpression('importTransaction', 'create'),
-                            permissionExpression('exportTransaction', 'create'),
-                            permissionExpression('userViewMetadata', 'create'),
-                            permissionExpression('savedFilters', 'create')
-                        ];
-                        queryData = {
-                            permissionNames: permissionNames,
-                        };
-                        queryString = qs.stringify(queryData, {
-                            encodeValuesOnly: true,
-                        });
-                        return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
-                    case 1:
-                        response = _a.sent();
-                        setActionsAllowed(response.data.data);
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        }); };
+    useEffect(() => {
+        const fetchPermissions = async () => {
+            if (params.modelName) {
+                const permissionNames = [
+                    permissionExpression(params.modelName, 'create'),
+                    permissionExpression(params.modelName, 'delete'),
+                    permissionExpression(params.modelName, 'update'),
+                    permissionExpression(params.modelName, 'deleteMany'),
+                    permissionExpression(params.modelName, 'findOne'),
+                    permissionExpression(params.modelName, 'findMany'),
+                    permissionExpression(params.modelName, 'insertMany'),
+                    permissionExpression('importTransaction', 'create'),
+                    permissionExpression('exportTransaction', 'create'),
+                    permissionExpression('userViewMetadata', 'create'),
+                    permissionExpression('savedFilters', 'create')
+                ];
+                const queryData = {
+                    permissionNames: permissionNames,
+                };
+                const queryString = qs.stringify(queryData, {
+                    encodeValuesOnly: true,
+                });
+                const response = await triggerCheckIfPermissionExists(queryString);
+                setActionsAllowed(response.data.data);
+            }
+        };
         fetchPermissions();
     }, [params.modelName]);
-    var isFilterApplied = filters ? true : false;
+    const isFilterApplied = filters ? true : false;
     // Create the RTK slices for this entity
-    var entityApi = createSolidEntityApi(params.modelName);
-    var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntitiesQuery = entityApi.useGetSolidEntitiesQuery, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyGetSolidEntityByIdQuery = entityApi.useLazyGetSolidEntityByIdQuery, usePrefetch = entityApi.usePrefetch, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useRecoverSolidEntityByIdQuery = entityApi.useRecoverSolidEntityByIdQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery, useRecoverSolidEntityMutation = entityApi.useRecoverSolidEntityMutation;
-    var menuItemId = searchParams.get("menuItemId");
-    var menuItemName = searchParams.get("menuItemName");
-    var actionId = searchParams.get("actionId");
-    var actionName = searchParams.get("actionName");
+    const entityApi = createSolidEntityApi(params.modelName);
+    const { useCreateSolidEntityMutation, useDeleteMultipleSolidEntitiesMutation, useDeleteSolidEntityMutation, useGetSolidEntitiesQuery, useGetSolidEntityByIdQuery, useLazyGetSolidEntitiesQuery, useLazyGetSolidEntityByIdQuery, usePrefetch, useUpdateSolidEntityMutation, useRecoverSolidEntityByIdQuery, useLazyRecoverSolidEntityByIdQuery, useRecoverSolidEntityMutation, } = entityApi;
+    const menuItemId = searchParams.get("menuItemId");
+    const menuItemName = searchParams.get("menuItemName");
+    const actionId = searchParams.get("actionId");
+    const actionName = searchParams.get("actionName");
     // Get the list view layout & metadata first.
-    var listViewMetaDataQs = qs.stringify({
+    const listViewMetaDataQs = qs.stringify({
         modelName: params.modelName,
         moduleName: params.moduleName,
         viewType: "list",
@@ -326,45 +228,42 @@ export var SolidListView = function (params) {
     }, {
         encodeValuesOnly: true,
     });
-    var _36 = useState(null), solidListViewMetaData = _36[0], setSolidListViewMetaData = _36[1];
-    var _37 = useState(null), solidListViewLayout = _37[0], setSolidListViewLayout = _37[1];
-    var _38 = useState(false), isDraftPublishWorkflowEnabled = _38[0], setIsDraftPublishWorkflowEnabled = _38[1];
-    var _39 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _39.data, solidListViewMetaDataError = _39.error, solidListViewMetaDataIsLoading = _39.isLoading, solidListViewMetaDataIsError = _39.isError, refetch = _39.refetch;
-    var initialFilterMethod = function () {
-        var _a, _b, _c, _d;
-        var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
-        var solidFieldsMetadata = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidFieldsMetadata;
-        var initialFilters = {};
-        var toPopulate = [];
-        var toPopulateMedia = [];
-        var currentLayout = params.customLayout
-            ? params.customLayout
-            : solidView === null || solidView === void 0 ? void 0 : solidView.layout;
-        for (var i = 0; i < (currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.children.length); i++) {
-            var column = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.children[i];
-            var fieldMetadata = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[column.attrs.name];
-            if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                console.log("Some problem in rendering column: ", column);
+    const [solidListViewMetaData, setSolidListViewMetaData] = useState(null);
+    const [solidListViewLayout, setSolidListViewLayout] = useState(null);
+    const [isDraftPublishWorkflowEnabled, setIsDraftPublishWorkflowEnabled] = useState(false);
+    const { data: solidListViewInitialMetaData, error: solidListViewMetaDataError, isLoading: solidListViewMetaDataIsLoading, isError: solidListViewMetaDataIsError, refetch, } = useGetSolidViewLayoutQuery(listViewMetaDataQs);
+    const initialFilterMethod = () => {
+        const solidView = solidListViewMetaData?.data?.solidView;
+        const solidFieldsMetadata = solidListViewMetaData?.data?.solidFieldsMetadata;
+        const initialFilters = {};
+        const toPopulate = [];
+        const toPopulateMedia = [];
+        const currentLayout = params.customLayout ? params.customLayout : solidView?.layout;
+        for (let i = 0; i < currentLayout?.children.length; i++) {
+            const column = currentLayout?.children[i];
+            const fieldMetadata = solidFieldsMetadata?.[column.attrs.name];
+            if (!fieldMetadata?.type) {
+                console.log(`Some problem in rendering column: `, column);
                 showFieldError(ERROR_MESSAGES.FIELD_NOT_IN_METADATA(column.attrs.label));
                 // return;
             }
             if (fieldMetadata) {
                 // Form the initial filters after iterating over the columns and field metadata.
-                if (["int", "bigint", "float", "decimal"].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
+                if (["int", "bigint", "float", "decimal"].includes(fieldMetadata?.type)) {
                     // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] }
                     initialFilters[column.attrs.name] = {
                         value: null,
                         matchMode: FilterMatchMode.EQUALS,
                     };
                 }
-                else if (["date", "datetime", "time", "boolean"].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
+                else if (["date", "datetime", "time", "boolean"].includes(fieldMetadata?.type)) {
                     // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] }
                     initialFilters[column.attrs.name] = {
                         value: null,
                         matchMode: FilterMatchMode.EQUALS,
                     };
                 }
-                else if (["relation", "selectionStatic", "selectionDynamic"].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
+                else if (["relation", "selectionStatic", "selectionDynamic"].includes(fieldMetadata?.type)) {
                     initialFilters[column.attrs.name] = {
                         value: null,
                         matchMode: FilterMatchMode.IN,
@@ -397,31 +296,30 @@ export var SolidListView = function (params) {
                 }
             }
         }
-        var populate = toPopulate;
-        var populateMedia = toPopulateMedia;
-        var rows = (_d = (_c = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize) !== null && _d !== void 0 ? _d : 25;
-        var sortField = "id";
-        var sortOrder = -1;
+        const populate = toPopulate;
+        const populateMedia = toPopulateMedia;
+        const rows = currentLayout?.attrs?.defaultPageSize ?? 25;
+        const sortField = "id";
+        const sortOrder = -1;
         // setRows(rows);
         // setToPopulate(populate);
         // setToPopulateMedia(populateMedia);
         // setSortField("id");
         // setSortOrder(-1);
-        return { sortField: sortField, sortOrder: sortOrder, rows: rows, populate: populate, populateMedia: populateMedia };
+        return { sortField, sortOrder, rows, populate, populateMedia };
     };
     // Set the initial filter state based on the metadata.
-    useEffect(function () {
-        var _a, _b, _c;
+    useEffect(() => {
         // refetch();
         if (solidListViewInitialMetaData) {
             if (params.customLayout) {
                 setSolidListViewLayout(params.customLayout);
             }
             else {
-                setSolidListViewLayout(solidListViewInitialMetaData === null || solidListViewInitialMetaData === void 0 ? void 0 : solidListViewInitialMetaData.data.solidView.layout);
+                setSolidListViewLayout(solidListViewInitialMetaData?.data.solidView.layout);
             }
             setSolidListViewMetaData(solidListViewInitialMetaData);
-            setIsDraftPublishWorkflowEnabled(((_c = (_b = (_a = solidListViewInitialMetaData === null || solidListViewInitialMetaData === void 0 ? void 0 : solidListViewInitialMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.draftPublishWorkflow) === true);
+            setIsDraftPublishWorkflowEnabled(solidListViewInitialMetaData?.data?.solidView?.model?.draftPublishWorkflow === true);
         }
     }, [solidListViewInitialMetaData]);
     // set layout and actions for create and edit buttons and view modes
@@ -455,28 +353,27 @@ export var SolidListView = function (params) {
     //   }
     // }, [solidListViewMetaData]);
     // set layout and actions for create and edit buttons and view modes
-    useEffect(function () {
-        var _a, _b, _c, _d;
+    useEffect(() => {
         if (solidListViewLayout) {
-            var listLayoutAttrs = solidListViewLayout.attrs;
-            var createActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) && ((_a = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _a === void 0 ? void 0 : _a.type) === "custom" ? (_b = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _b === void 0 ? void 0 : _b.customComponent : "form/new";
-            var editActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) && ((_c = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) === null || _c === void 0 ? void 0 : _c.type) === "custom" ? (_d = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) === null || _d === void 0 ? void 0 : _d.customComponent : "form";
-            if (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) {
+            const listLayoutAttrs = solidListViewLayout.attrs;
+            const createActionUrl = listLayoutAttrs?.createAction && listLayoutAttrs?.createAction?.type === "custom" ? listLayoutAttrs?.createAction?.customComponent : "form/new";
+            const editActionUrl = listLayoutAttrs?.editAction && listLayoutAttrs?.editAction?.type === "custom" ? listLayoutAttrs?.editAction?.customComponent : "form";
+            if (listLayoutAttrs?.createAction) {
                 setCreateActionQueryParams({
                     actionName: listLayoutAttrs.createAction.name,
                     actionType: listLayoutAttrs.createAction.type,
                     actionContext: listLayoutAttrs.createAction.context,
                 });
             }
-            if (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) {
+            if (listLayoutAttrs?.editAction) {
                 setEditActionQueryParams({
                     actionName: listLayoutAttrs.editAction.name,
                     actionType: listLayoutAttrs.editAction.type,
                     actionContext: listLayoutAttrs.editAction.context,
                 });
             }
-            var viewModes_1 = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews) && (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews.length) > 0 && (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews.map(function (view) { return { label: capitalize(view), value: view }; }));
-            setViewModes(viewModes_1);
+            const viewModes = listLayoutAttrs?.allowedViews && listLayoutAttrs?.allowedViews.length > 0 && listLayoutAttrs?.allowedViews.map((view) => { return { label: capitalize(view), value: view }; });
+            setViewModes(viewModes);
             if (createActionUrl) {
                 setCreateButtonUrl(createActionUrl);
             }
@@ -486,26 +383,26 @@ export var SolidListView = function (params) {
         }
     }, [solidListViewLayout]);
     // All list view state.
-    var _40 = useState([]), listViewData = _40[0], setListViewData = _40[1];
-    var _41 = useState(0), first = _41[0], setFirst = _41[1];
-    var _42 = useState(((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.defaultPageSize) ? (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize : 10), rows = _42[0], setRows = _42[1];
-    var _43 = useState(0), totalRecords = _43[0], setTotalRecords = _43[1];
-    var _44 = useState("id"), sortField = _44[0], setSortField = _44[1];
-    var _45 = useState(-1), sortOrder = _45[0], setSortOrder = _45[1];
-    var _46 = useState([]), selectedRecords = _46[0], setSelectedRecords = _46[1];
-    var _47 = useState([]), selectedRecoverRecords = _47[0], setSelectedRecoverRecords = _47[1];
-    var _48 = useState(true), loading = _48[0], setLoading = _48[1];
-    var _49 = useState(false), isDialogVisible = _49[0], setDialogVisible = _49[1];
-    var _50 = useState(false), isRecoverDialogVisible = _50[0], setRecoverDialogVisible = _50[1];
-    var _51 = useState(), createButtonUrl = _51[0], setCreateButtonUrl = _51[1];
-    var _52 = useState(), editButtonUrl = _52[0], setEditButtonUrl = _52[1];
-    var _53 = useState({}), createActionQueryParams = _53[0], setCreateActionQueryParams = _53[1];
-    var _54 = useState({}), editActionQueryParams = _54[0], setEditActionQueryParams = _54[1];
-    var _55 = useState(false), showArchived = _55[0], setShowArchived = _55[1];
-    var _56 = useState(false), queryDataLoaded = _56[0], setQueryDataLoaded = _56[1];
-    var _57 = useState(null), customFilter = _57[0], setCustomFilter = _57[1];
-    var _58 = useState(false), showSaveFilterPopup = _58[0], setShowSaveFilterPopup = _58[1];
-    var sizeOptions = [
+    const [listViewData, setListViewData] = useState([]);
+    const [first, setFirst] = useState(0);
+    const [rows, setRows] = useState(solidListViewLayout?.attrs?.defaultPageSize ? solidListViewLayout?.attrs?.defaultPageSize : 10);
+    const [totalRecords, setTotalRecords] = useState(0);
+    let [sortField, setSortField] = useState("id");
+    const [sortOrder, setSortOrder] = useState(-1);
+    const [selectedRecords, setSelectedRecords] = useState([]);
+    const [selectedRecoverRecords, setSelectedRecoverRecords] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isDialogVisible, setDialogVisible] = useState(false);
+    const [isRecoverDialogVisible, setRecoverDialogVisible] = useState(false);
+    const [createButtonUrl, setCreateButtonUrl] = useState();
+    const [editButtonUrl, setEditButtonUrl] = useState();
+    const [createActionQueryParams, setCreateActionQueryParams] = useState({});
+    const [editActionQueryParams, setEditActionQueryParams] = useState({});
+    const [showArchived, setShowArchived] = useState(false);
+    const [queryDataLoaded, setQueryDataLoaded] = useState(false);
+    const [customFilter, setCustomFilter] = useState(null);
+    const [showSaveFilterPopup, setShowSaveFilterPopup] = useState(false);
+    const sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
         { label: "Comfortable", value: "large", image: ComfortableImage },
@@ -514,31 +411,30 @@ export var SolidListView = function (params) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _59 = useState(sizeOptions[1].value), size = _59[0], setSize = _59[1];
-    var _60 = useState([]), viewModes = _60[0], setViewModes = _60[1];
+    const [size, setSize] = useState(sizeOptions[1].value);
+    const [viewModes, setViewModes] = useState([]);
     // Custom Row Action
-    var _61 = useState(false), listViewRowActionPopupState = _61[0], setListViewRowActionPopupState = _61[1];
-    var _62 = useState(), listViewRowActionData = _62[0], setListRowActionData = _62[1];
-    var toast = useRef(null);
+    const [listViewRowActionPopupState, setListViewRowActionPopupState] = useState(false);
+    const [listViewRowActionData, setListRowActionData] = useState();
+    const toast = useRef(null);
     // Get the list view data.
-    var _63 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _63[0], _64 = _63[1], solidEntityListViewData = _64.data, isLoading = _64.isLoading, error = _64.error;
-    var _65 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _65[0], _66 = _65[1], recoverByIdData = _66.data, recoverByIdIsLoading = _66.isLoading, recoverByIdError = _66.error, recoverByIdIsError = _66.isError, recoverByIdIsSuccess = _66.isSuccess;
-    var _67 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _67[0], _68 = _67[1], recoverByData = _68.data, recoverByIsLoading = _68.isLoading, recoverError = _68.error, recoverIsError = _68.isError, recoverByIsSuccess = _68.isSuccess;
+    const [triggerGetSolidEntities, { data: solidEntityListViewData, isLoading, error },] = useLazyGetSolidEntitiesQuery();
+    const [triggerRecoverSolidEntitiesById, { data: recoverByIdData, isLoading: recoverByIdIsLoading, error: recoverByIdError, isError: recoverByIdIsError, isSuccess: recoverByIdIsSuccess, },] = useLazyRecoverSolidEntityByIdQuery();
+    const [triggerRecoverSolidEntities, { data: recoverByData, isLoading: recoverByIsLoading, error: recoverError, isError: recoverIsError, isSuccess: recoverByIsSuccess, },] = useRecoverSolidEntityMutation();
     // After data is fetched populate the list view state so as to be able to render the data.
-    useEffect(function () {
+    useEffect(() => {
         if (solidEntityListViewData) {
-            var cleanedRecords = solidEntityListViewData.records.map(function (record) {
-                var newRecord = __assign({}, record);
-                Object.entries(newRecord).forEach(function (_a) {
-                    var key = _a[0], value = _a[1];
+            const cleanedRecords = solidEntityListViewData.records.map((record) => {
+                const newRecord = { ...record };
+                Object.entries(newRecord).forEach(([key, value]) => {
                     if (typeof value === "string") {
                         try {
-                            var parsed = JSON.parse(value);
+                            const parsed = JSON.parse(value);
                             if (Array.isArray(parsed)) {
                                 newRecord[key] = parsed.join(", ");
                             }
                         }
-                        catch (_b) {
+                        catch {
                             // If not valid JSON array, optionally strip brackets/quotes
                             if (/^\[.*\]$/.test(value)) {
                                 newRecord[key] = value.replace(/[\[\]"]+/g, "");
@@ -550,41 +446,40 @@ export var SolidListView = function (params) {
             });
             setListViewData(cleanedRecords);
             // setListViewData(solidEntityListViewData?.records);
-            setTotalRecords(solidEntityListViewData === null || solidEntityListViewData === void 0 ? void 0 : solidEntityListViewData.meta.totalRecords);
+            setTotalRecords(solidEntityListViewData?.meta.totalRecords);
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _69 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _69[0], isDeleteSolidSingleEntitySuccess = _69[1].isSuccess;
+    const [deleteSolidSingleEntiry, { isSuccess: isDeleteSolidSingleEntitySuccess },] = useDeleteSolidEntityMutation();
     // Delete mutation
-    var _70 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _70[0], _71 = _70[1], isSolidEntitiesDeleted = _71.isLoading, isDeleteSolidEntitiesSucess = _71.isSuccess, isSolidEntitiesDeleteError = _71.isError, SolidEntitiesDeleteError = _71.error, DeletedSolidEntities = _71.data;
+    const [deleteManySolidEntities, { isLoading: isSolidEntitiesDeleted, isSuccess: isDeleteSolidEntitiesSucess, isError: isSolidEntitiesDeleteError, error: SolidEntitiesDeleteError, data: DeletedSolidEntities, },] = useDeleteMultipleSolidEntitiesMutation();
     // Fetch data after toPopulate has been populated...
-    useEffect(function () {
-        var _a, _b, _c;
+    useEffect(() => {
         console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
         if (solidListViewMetaData && solidListViewLayout) {
-            var queryObject = queryStringToQueryObject();
+            const queryObject = queryStringToQueryObject();
             if (queryObject) {
-                var queryData = {
+                const queryData = {
                     offset: queryObject.offset || 0,
                     limit: queryObject.limit || 25,
                     populate: queryObject.populate,
                     populateMedia: queryObject.populateMedia,
                     sort: queryObject.sort
-                        ? (_a = queryObject.sort) === null || _a === void 0 ? void 0 : _a.map(function (sortItem) {
-                            var _a = sortItem.split(":"), field = _a[0], order = _a[1];
-                            return { field: field, order: order };
+                        ? queryObject.sort?.map((sortItem) => {
+                            const [field, order] = sortItem.split(":");
+                            return { field, order };
                         })
-                        : ["id:desc"],
+                        : [`id:desc`],
                     filters: queryObject.filters,
                 };
-                var filters_1 = {
+                const filters = {
                     $and: [],
                 };
                 if (queryObject.custom_filter_predicate) {
-                    filters_1.$and.push(queryObject.custom_filter_predicate);
+                    filters.$and.push(queryObject.custom_filter_predicate);
                 }
                 if (queryObject.search_predicate) {
-                    filters_1.$and.push(queryObject.search_predicate);
+                    filters.$and.push(queryObject.search_predicate);
                 }
                 // if (queryObject.saved_filter_predicate) {
                 //   filters.$and.push(queryObject.saved_filter_predicate);
@@ -599,21 +494,21 @@ export var SolidListView = function (params) {
                 //   filters.$and.push(queryObject.c_filter);
                 // }
                 setRows(Number(queryData.limit));
-                setFirst(Number(queryData === null || queryData === void 0 ? void 0 : queryData.offset));
-                setSortField((_b = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _b === void 0 ? void 0 : _b.field);
-                setSortOrder((_c = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _c === void 0 ? void 0 : _c.order);
+                setFirst(Number(queryData?.offset));
+                setSortField(queryData?.sort[0]?.field);
+                setSortOrder(queryData?.sort[0]?.order);
                 // latestFiltersRef.current = filters;
                 // setFilters(filters);
-                var _d = initialFilterMethod(), sortField_1 = _d.sortField, sortOrder_1 = _d.sortOrder, rows_1 = _d.rows, populate = _d.populate, populateMedia = _d.populateMedia;
+                const { sortField, sortOrder, rows, populate, populateMedia } = initialFilterMethod();
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
                 setQueryDataLoaded(true);
             }
             else {
-                var _e = initialFilterMethod(), sortField_2 = _e.sortField, sortOrder_2 = _e.sortOrder, rows_2 = _e.rows, populate = _e.populate, populateMedia = _e.populateMedia;
-                setRows(rows_2);
-                setSortField(sortField_2);
-                setSortOrder(sortOrder_2);
+                const { sortField, sortOrder, rows, populate, populateMedia } = initialFilterMethod();
+                setRows(rows);
+                setSortField(sortField);
+                setSortOrder(sortOrder);
                 setQueryDataLoaded(true);
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
@@ -629,77 +524,66 @@ export var SolidListView = function (params) {
         solidListViewMetaData,
         solidListViewLayout
     ]);
-    useEffect(function () {
-        if (solidListViewMetaData && (solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) && !loading) {
-            var handleDynamicFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var dynamicHeader, dynamicExtensionFunction, listViewRecords, listLayout, event, updatedListData;
-                var _a, _b, _c, _d, _e, _f, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
-                        case 0:
-                            dynamicHeader = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onListLoad;
-                            dynamicExtensionFunction = null;
-                            listViewRecords = listViewData;
-                            listLayout = (_e = (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.layout;
-                            if (params.customLayout) {
-                                listLayout = params.customLayout;
-                            }
-                            event = {
-                                fieldsMetadata: (_f = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidFieldsMetadata,
-                                listData: listViewData,
-                                totalRecords: totalRecords,
-                                type: "onListLoad",
-                                viewMetadata: (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView,
-                                listViewLayout: listLayout,
-                                queryParams: {
-                                    menuItemId: menuItemId,
-                                    menuItemName: menuItemName,
-                                    actionId: actionId,
-                                    actionName: actionName,
-                                },
-                                user: user,
-                                session: session.data,
-                                params: params
-                            };
-                            if (!dynamicHeader) return [3 /*break*/, 3];
-                            dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
-                            if (!dynamicExtensionFunction) return [3 /*break*/, 2];
-                            return [4 /*yield*/, dynamicExtensionFunction(event)];
-                        case 1:
-                            updatedListData = _h.sent();
-                            if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.dataChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newListData)) {
-                                listViewRecords = updatedListData.newListData;
-                            }
-                            if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.layoutChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newLayout)) {
-                                listLayout = updatedListData.newLayout;
-                            }
-                            _h.label = 2;
-                        case 2:
-                            if (listViewRecords) {
-                                setListViewData(listViewRecords);
-                            }
-                            if (listLayout) {
-                                setSolidListViewLayout(listLayout);
-                            }
-                            _h.label = 3;
-                        case 3: return [2 /*return*/];
+    useEffect(() => {
+        if (solidListViewMetaData && solidListViewMetaData?.data && !loading) {
+            const handleDynamicFunction = async () => {
+                const dynamicHeader = solidListViewMetaData?.data?.solidView?.layout?.onListLoad;
+                let dynamicExtensionFunction = null;
+                let listViewRecords = listViewData;
+                let listLayout = solidListViewMetaData?.data?.solidView?.layout;
+                if (params.customLayout) {
+                    listLayout = params.customLayout;
+                }
+                const event = {
+                    fieldsMetadata: solidListViewMetaData?.data?.solidFieldsMetadata,
+                    listData: listViewData,
+                    totalRecords: totalRecords,
+                    type: "onListLoad",
+                    viewMetadata: solidListViewMetaData?.data?.solidView,
+                    listViewLayout: listLayout,
+                    queryParams: {
+                        menuItemId: menuItemId,
+                        menuItemName: menuItemName,
+                        actionId: actionId,
+                        actionName: actionName,
+                    },
+                    user: user,
+                    session: session.data,
+                    params: params
+                };
+                if (dynamicHeader) {
+                    dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+                    if (dynamicExtensionFunction) {
+                        const updatedListData = await dynamicExtensionFunction(event);
+                        if (updatedListData && updatedListData?.dataChanged && updatedListData?.newListData) {
+                            listViewRecords = updatedListData.newListData;
+                        }
+                        if (updatedListData && updatedListData?.layoutChanged && updatedListData?.newLayout) {
+                            listLayout = updatedListData.newLayout;
+                        }
                     }
-                });
-            }); };
+                    if (listViewRecords) {
+                        setListViewData(listViewRecords);
+                    }
+                    if (listLayout) {
+                        setSolidListViewLayout(listLayout);
+                    }
+                }
+            };
             handleDynamicFunction();
         }
     }, [solidListViewMetaData, loading]);
     // Create a ref that always has the latest filters
-    var latestFiltersRef = useRef(filters);
-    var latestCustomFilterRef = useRef(customFilter);
+    const latestFiltersRef = useRef(filters);
+    const latestCustomFilterRef = useRef(customFilter);
     // Keep refs in sync
-    useEffect(function () {
+    useEffect(() => {
         latestFiltersRef.current = filters;
     }, [filters]);
-    useEffect(function () {
+    useEffect(() => {
         latestCustomFilterRef.current = customFilter;
     }, [customFilter]);
-    useEffect(function () {
+    useEffect(() => {
         console.log("useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, queryDataLoaded]");
         if (queryDataLoaded && filters) {
             setQueryString();
@@ -716,103 +600,99 @@ export var SolidListView = function (params) {
         queryDataLoaded
     ]);
     // Handle pagination event.
-    var onPageChange = function (event) {
+    const onPageChange = (event) => {
         setFirst(event.first);
         setRows(event.rows);
     };
     // Handle sort event.
-    var onSort = function (event) {
-        var sortField = event.sortField, sortOrder = event.sortOrder;
-        var validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
+    const onSort = (event) => {
+        const { sortField, sortOrder } = event;
+        const validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
         setSortField(sortField);
         setSortOrder(validSortOrder);
         setFirst(0);
     };
     // handle change in the records which are currently selected...
-    var onSelectionChange = function (event) {
-        var value = event.value;
-        var activeRecords = value.filter(function (record) { return record.deletedAt === null; });
-        var deletedRecords = value.filter(function (record) { return record.deletedAt !== null; });
+    const onSelectionChange = (event) => {
+        const value = event.value;
+        const activeRecords = value.filter((record) => record.deletedAt === null);
+        const deletedRecords = value.filter((record) => record.deletedAt !== null);
         setSelectedRecords(activeRecords);
         setSelectedRecoverRecords(deletedRecords);
     };
-    var setQueryString = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var solidFieldsMetadata, queryData, sortFieldMetadata, dynamicHeader, dynamicExtensionFunction, event, updatedListData, queryString, url, urlData;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return __generator(this, function (_k) {
-            switch (_k.label) {
-                case 0:
-                    solidFieldsMetadata = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
-                    queryData = {
-                        offset: first,
-                        limit: rows,
-                        filters: (_b = latestFiltersRef.current) !== null && _b !== void 0 ? _b : latestFiltersRef.current,
-                        populate: toPopulate,
-                        populateMedia: toPopulateMedia,
-                        locale: localeName ? localeName : "en",
-                    };
-                    if (sortField && solidFieldsMetadata && solidFieldsMetadata[sortField]) {
-                        sortFieldMetadata = solidFieldsMetadata[sortField];
-                        if ((sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.type) === "relation" &&
-                            (sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationType) === "many-to-one") {
-                            sortField = "".concat(sortField, ".").concat((_d = (_c = sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name);
-                        }
-                        queryData.sort = [
-                            "".concat(sortField, ":").concat(sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"),
-                        ];
-                    }
-                    else {
-                        queryData.sort = ["id:desc"];
-                    }
-                    if (showArchived) {
-                        queryData.showSoftDeleted = "inclusive";
-                    }
-                    dynamicHeader = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.onBeforeListDataLoad;
-                    dynamicExtensionFunction = null;
-                    event = {
-                        type: "onBeforeListDataLoad",
-                        fieldsMetadata: (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidFieldsMetadata,
-                        viewMetadata: (_j = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView,
-                        listViewLayout: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data.solidView.layout,
-                        filter: structuredClone(queryData),
-                        queryParams: {
-                            menuItemId: menuItemId,
-                            menuItemName: menuItemName,
-                            actionId: actionId,
-                            actionName: actionName,
-                        },
-                        user: user,
-                        session: session.data,
-                        params: params
-                    };
-                    if (!dynamicHeader) return [3 /*break*/, 2];
-                    dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
-                    if (!dynamicExtensionFunction) return [3 /*break*/, 2];
-                    return [4 /*yield*/, dynamicExtensionFunction(event)];
-                case 1:
-                    updatedListData = _k.sent();
-                    if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.filterApplied) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter)) {
-                        queryData = updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter;
-                    }
-                    _k.label = 2;
-                case 2:
-                    queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-                    if (latestCustomFilterRef.current) {
-                        url = void 0;
-                        urlData = structuredClone(queryData);
-                        delete urlData.filters;
-                        urlData.custom_filter_predicate = latestCustomFilterRef.current.custom_filter_predicate || null;
-                        urlData.search_predicate = latestCustomFilterRef.current.search_predicate || null;
-                        queryObjectToQueryString(urlData);
+    const setQueryString = async () => {
+        const solidFieldsMetadata = solidListViewMetaData?.data?.solidFieldsMetadata;
+        let queryData = {
+            offset: first,
+            limit: rows,
+            filters: latestFiltersRef.current ?? latestFiltersRef.current,
+            populate: toPopulate,
+            populateMedia: toPopulateMedia,
+            locale: localeName ? localeName : "en",
+        };
+        if (sortField && solidFieldsMetadata && solidFieldsMetadata[sortField]) {
+            const sortFieldMetadata = solidFieldsMetadata[sortField];
+            if (sortFieldMetadata?.type === "relation" &&
+                sortFieldMetadata?.relationType === "many-to-one") {
+                sortField = `${sortField}.${sortFieldMetadata?.relationModel?.userKeyField?.name}`;
+            }
+            queryData.sort = [
+                `${sortField}:${sortOrder == 0 ? null : sortOrder == 1 ? "asc" : "desc"}`,
+            ];
+        }
+        else {
+            queryData.sort = [`id:desc`];
+        }
+        if (showArchived) {
+            queryData.showSoftDeleted = "inclusive";
+        }
+        //  SolidBeforeListDataLoad Event that allows filter modification just before api call 
+        const dynamicHeader = solidListViewMetaData?.data?.solidView?.layout?.onBeforeListDataLoad;
+        let dynamicExtensionFunction = null;
+        const event = {
+            type: "onBeforeListDataLoad",
+            fieldsMetadata: solidListViewMetaData?.data?.solidFieldsMetadata,
+            viewMetadata: solidListViewMetaData?.data?.solidView,
+            listViewLayout: solidListViewMetaData?.data.solidView.layout,
+            filter: structuredClone(queryData),
+            queryParams: {
+                menuItemId: menuItemId,
+                menuItemName: menuItemName,
+                actionId: actionId,
+                actionName: actionName,
+            },
+            user: user,
+            session: session.data,
+            params: params
+        };
+        if (dynamicHeader) {
+            dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+            if (dynamicExtensionFunction) {
+                try {
+                    const updatedListData = await dynamicExtensionFunction(event);
+                    if (updatedListData && updatedListData?.filterApplied && updatedListData?.newFilter) {
+                        queryData = updatedListData?.newFilter;
                     }
-                    triggerGetSolidEntities(queryString);
-                    return [2 /*return*/];
+                }
+                catch (err) {
+                    console.error("Error executing onBeforeListDataLoad extension:", err);
+                }
             }
-        });
-    }); };
+        }
+        const queryString = qs.stringify(queryData, { encodeValuesOnly: true });
+        if (latestCustomFilterRef.current) {
+            let url;
+            const urlData = structuredClone(queryData);
+            delete urlData.filters;
+            urlData.custom_filter_predicate = latestCustomFilterRef.current.custom_filter_predicate || null;
+            urlData.search_predicate = latestCustomFilterRef.current.search_predicate || null;
+            queryObjectToQueryString(urlData);
+        }
+        triggerGetSolidEntities(queryString);
+    };
     // handle filter...
-    var handleApplyCustomFilter = function (transformedFilter) {
-        var queryfilter = params.customFilter || {
+    const handleApplyCustomFilter = (transformedFilter) => {
+        const queryfilter = params.customFilter || {
             $and: [],
         };
         // custom_filter_predicate
@@ -831,8 +711,8 @@ export var SolidListView = function (params) {
         if (transformedFilter.predefined_search_predicate) {
             queryfilter.$and.push(transformedFilter.predefined_search_predicate);
         }
-        var customFilter = transformedFilter;
-        var updatedFilter = __assign(__assign({}, (filters || {})), (queryfilter || {}));
+        const customFilter = transformedFilter;
+        const updatedFilter = { ...(filters || {}), ...(queryfilter || {}) };
         // Update refs IMMEDIATELY (synchronously)
         latestFiltersRef.current = updatedFilter;
         latestCustomFilterRef.current = transformedFilter;
@@ -842,12 +722,12 @@ export var SolidListView = function (params) {
         // Force synchronous state updates
     };
     // clear Filter
-    var clearFilter = function () {
+    const clearFilter = () => {
         if (solidListViewMetaData) {
-            var _a = initialFilterMethod(), sortField_3 = _a.sortField, sortOrder_3 = _a.sortOrder, rows_3 = _a.rows, populate = _a.populate, populateMedia = _a.populateMedia;
-            setRows(rows_3);
-            setSortField(sortField_3);
-            setSortOrder(sortOrder_3);
+            const { sortField, sortOrder, rows, populate, populateMedia } = initialFilterMethod();
+            setRows(rows);
+            setSortField(sortField);
+            setSortOrder(sortOrder);
             setToPopulate(populate);
             setToPopulateMedia(populateMedia);
         }
@@ -859,13 +739,13 @@ export var SolidListView = function (params) {
         });
         solidGlobalSearchElementRef.current.clearFilter();
     };
-    var _72 = useState(), selectedSolidViewData = _72[0], setSelectedSolidViewData = _72[1];
-    var selectedDataRef = useRef();
-    var op = useRef(null);
-    var _73 = useState(false), deleteEntity = _73[0], setDeleteEntity = _73[1];
+    const [selectedSolidViewData, setSelectedSolidViewData] = useState();
+    const selectedDataRef = useRef();
+    const op = useRef(null);
+    const [deleteEntity, setDeleteEntity] = useState(false);
     // clickable link allowing one to open the detail / form view.
-    var detailsBodyTemplate = function (solidViewData) {
-        return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
+    const detailsBodyTemplate = (solidViewData) => {
+        return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: (e) => {
                     e.stopPropagation();
                     selectedDataRef.current = solidViewData;
                     setSelectedSolidViewData(solidViewData);
@@ -883,21 +763,20 @@ export var SolidListView = function (params) {
         );
     };
     // Recover functions
-    var recoverById = function (id) {
+    const recoverById = (id) => {
         triggerRecoverSolidEntitiesById(id);
     };
-    var recoverAll = function () {
-        var recoverList = [];
-        selectedRecoverRecords.forEach(function (element) {
+    const recoverAll = () => {
+        let recoverList = [];
+        selectedRecoverRecords.forEach((element) => {
             recoverList.push(element.id);
         });
         triggerRecoverSolidEntities(recoverList);
         setRecoverDialogVisible(false);
     };
-    useEffect(function () {
-        var _a;
+    useEffect(() => {
         if (recoverByIdIsSuccess && recoverByIdData) {
-            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+            toast.current?.show({
                 severity: "success",
                 summary: "Success",
                 detail: recoverByIdData.data.message,
@@ -913,55 +792,45 @@ export var SolidListView = function (params) {
             showError(recoverError);
         }
     }, [recoverByIdIsSuccess, recoverByIdData, recoverByIdIsError, recoverByIdError, recoverIsError, recoverError]);
-    var showError = function (error) { return __awaiter(void 0, void 0, void 0, function () {
-        var errorMessages, messages;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            errorMessages = (_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.message;
-            messages = Array.isArray(errorMessages)
-                ? errorMessages
-                : errorMessages
-                    ? [errorMessages]
-                    : [];
-            if (messages.length > 0) {
-                (_b = toast === null || toast === void 0 ? void 0 : toast.current) === null || _b === void 0 ? void 0 : _b.show({
-                    severity: "error",
-                    summary: ERROR_MESSAGES.SEND_REPORT,
-                    sticky: true,
-                    //@ts-ignore
-                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: messages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
-                });
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var showFieldError = function (error) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-            if (error) {
-                (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                    severity: "error",
-                    summary: ERROR_MESSAGES.SEND_REPORT,
-                    // sticky: true,
-                    life: 3000,
-                    //@ts-ignore
-                    content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: _jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(error) }) }) })); },
-                });
-            }
-            return [2 /*return*/];
-        });
-    }); };
+    const showError = async (error) => {
+        const errorMessages = error?.data?.message;
+        const messages = Array.isArray(errorMessages)
+            ? errorMessages
+            : errorMessages
+                ? [errorMessages]
+                : [];
+        if (messages.length > 0) {
+            toast?.current?.show({
+                severity: "error",
+                summary: ERROR_MESSAGES.SEND_REPORT,
+                sticky: true,
+                //@ts-ignore
+                content: (props) => (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: messages.map((m, index) => (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index))) })),
+            });
+        }
+    };
+    const showFieldError = async (error) => {
+        if (error) {
+            toast?.current?.show({
+                severity: "error",
+                summary: ERROR_MESSAGES.SEND_REPORT,
+                // sticky: true,
+                life: 3000,
+                //@ts-ignore
+                content: (props) => (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: _jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(error) }) }) })),
+            });
+        }
+    };
     // handle bulk deletion
-    var deleteBulk = function () {
-        var deleteList = [];
-        selectedRecords.forEach(function (element) {
+    const deleteBulk = () => {
+        let deleteList = [];
+        selectedRecords.forEach((element) => {
             deleteList.push(element.id);
         });
         deleteManySolidEntities(deleteList)
             .unwrap()
-            .then(function () {
-            var _a;
-            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+            .then(() => {
+            toast.current?.show({
                 severity: 'success',
                 summary: 'Deleted',
                 detail: ERROR_MESSAGES.RECORD_DELETE,
@@ -969,55 +838,52 @@ export var SolidListView = function (params) {
             });
             setDialogVisible(false);
         })
-            .catch(function (error) {
-            var _a, _b;
-            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+            .catch((error) => {
+            toast.current?.show({
                 severity: 'error',
                 summary: 'Delete Failed',
-                detail: (_b = error === null || error === void 0 ? void 0 : error.data) === null || _b === void 0 ? void 0 : _b.message,
+                detail: error?.data?.message,
                 life: 4000
             });
         });
     };
     // handle closing of the delete dialog...
-    var onDeleteClose = function () {
+    const onDeleteClose = () => {
         setDialogVisible(false);
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _74 = useState(false), openLightbox = _74[0], setOpenLightbox = _74[1];
-    var _75 = useState({}), lightboxUrls = _75[0], setLightboxUrls = _75[1];
-    var _76 = useState(false), showGlobalSearchElement = _76[0], setShowGlobalSearchElement = _76[1];
+    const [openLightbox, setOpenLightbox] = useState(false);
+    const [lightboxUrls, setLightboxUrls] = useState({});
+    const [showGlobalSearchElement, setShowGlobalSearchElement] = useState(false);
     // Render columns dynamically based on metadata
-    var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
-        var _a;
+    const renderColumnsDynamically = (solidListViewMetaData, solidListViewLayout) => {
         if (!solidListViewMetaData) {
             return;
         }
         if (!solidListViewMetaData.data) {
             return;
         }
-        var solidView = solidListViewMetaData.data.solidView;
-        var solidFieldsMetadata = solidListViewMetaData.data.solidFieldsMetadata;
+        const solidView = solidListViewMetaData.data.solidView;
+        const solidFieldsMetadata = solidListViewMetaData.data.solidFieldsMetadata;
         if (!solidView || !solidFieldsMetadata) {
             return;
         }
-        var currentLayout = solidListViewLayout;
-        return (_a = currentLayout.children) === null || _a === void 0 ? void 0 : _a.map(function (column) {
-            var _a, _b;
-            var fieldMetadata = solidFieldsMetadata[column.attrs.name];
+        const currentLayout = solidListViewLayout;
+        return currentLayout.children?.map((column) => {
+            const fieldMetadata = solidFieldsMetadata[column.attrs.name];
             if (!fieldMetadata) {
                 return;
             }
-            var visibleToRole = ((_a = column === null || column === void 0 ? void 0 : column.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
+            const visibleToRole = column?.attrs?.roles || [];
             if (visibleToRole.length > 0) {
-                if (hasAnyRole((_b = user === null || user === void 0 ? void 0 : user.user) === null || _b === void 0 ? void 0 : _b.roles, visibleToRole)) {
+                if (hasAnyRole(user?.user?.roles, visibleToRole)) {
                     return SolidListViewColumn({
-                        solidListViewMetaData: solidListViewMetaData,
-                        fieldMetadata: fieldMetadata,
-                        column: column,
-                        setLightboxUrls: setLightboxUrls,
-                        setOpenLightbox: setOpenLightbox,
+                        solidListViewMetaData,
+                        fieldMetadata,
+                        column,
+                        setLightboxUrls,
+                        setOpenLightbox,
                     });
                 }
                 else {
@@ -1026,29 +892,29 @@ export var SolidListView = function (params) {
             }
             else {
                 return SolidListViewColumn({
-                    solidListViewMetaData: solidListViewMetaData,
-                    fieldMetadata: fieldMetadata,
-                    column: column,
-                    setLightboxUrls: setLightboxUrls,
-                    setOpenLightbox: setOpenLightbox,
+                    solidListViewMetaData,
+                    fieldMetadata,
+                    column,
+                    setLightboxUrls,
+                    setOpenLightbox,
                 });
             }
         });
     };
     //Note -  Custom Row Action Popup
-    var closeListViewRowActionPopup = function () {
+    const closeListViewRowActionPopup = () => {
         setListViewRowActionPopupState(false);
     };
     // if (loading || isLoading) {
     //   return <SolidListViewShimmerLoading />;
     // }
-    var viewMode = searchParams.get("viewMode");
+    const viewMode = searchParams.get("viewMode");
     // if (
     //   (loading || isLoading) && params.embeded == false && viewMode !== "view"
     // ) {
     //   return <SolidListViewShimmerLoading />;
     // }
-    var isListViewEmptyWithoutFilters = !loading &&
+    const isListViewEmptyWithoutFilters = !loading &&
         (!filters || Object.keys(filters).length === 0) &&
         listViewData.length === 0;
     // if (isListViewEmptyWithoutFilters) {
@@ -1061,64 +927,67 @@ export var SolidListView = function (params) {
     //     />
     //   );
     // }
-    var handleFetchUpdatedRecords = function () {
+    const handleFetchUpdatedRecords = () => {
         setQueryString();
     };
-    var handleOpenSolidXAIPanel = function () {
+    const handleOpenSolidXAIPanel = () => {
         setIsOpenSolidXAiPanel(true);
         localStorage.setItem("l_solidxai_open", "true");
     };
-    var handleCloseSolidXAIPanel = function () {
+    const handleCloseSolidXAIPanel = () => {
         setIsOpenSolidXAiPanel(false);
         localStorage.setItem("l_solidxai_open", "false");
     };
-    var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_2;
-        var _a, _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0:
-                    _g.trys.push([0, 2, , 3]);
-                    if (!(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id)) {
-                        throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
-                    }
-                    return [4 /*yield*/, deleteSolidSingleEntiry(selectedSolidViewData.id)];
-                case 1:
-                    response = _g.sent();
-                    if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200) {
-                        setDeleteEntity(false);
-                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show(__assign({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE }, (severity === "error"
-                            ? { sticky: true } // stays until user closes
-                            : { life: 3000 })));
-                    }
-                    else {
-                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show(__assign({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error }, (severity === "error"
-                            ? { sticky: true } // stays until user closes
-                            : { life: 3000 })));
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_2 = _g.sent();
-                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show(__assign({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG }, (severity === "error"
+    const handleDeleteEntity = async () => {
+        try {
+            if (!selectedSolidViewData?.id) {
+                throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
+            }
+            const response = await deleteSolidSingleEntiry(selectedSolidViewData.id);
+            if (response?.data?.statusCode === 200) {
+                setDeleteEntity(false);
+                toast.current?.show({
+                    severity: "success",
+                    summary: ERROR_MESSAGES.DELETED,
+                    detail: ERROR_MESSAGES.ENTITY_DELETE,
+                    ...(severity === "error"
                         ? { sticky: true } // stays until user closes
-                        : { life: 3000 })));
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                        : { life: 3000 }),
+                });
             }
-        });
-    }); };
-    var isVideoOrAudio = function (url) {
-        var _a;
+            else {
+                toast.current?.show({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.DELETE_FAIELD,
+                    detail: response?.error?.data?.error,
+                    ...(severity === "error"
+                        ? { sticky: true } // stays until user closes
+                        : { life: 3000 }),
+                });
+            }
+        }
+        catch (error) {
+            toast.current?.show({
+                severity: "error",
+                summary: ERROR_MESSAGES.DELETE_FAIELD,
+                detail: ERROR_MESSAGES.SOMETHING_WRONG,
+                ...(severity === "error"
+                    ? { sticky: true } // stays until user closes
+                    : { life: 3000 }),
+            });
+        }
+    };
+    const isVideoOrAudio = (url) => {
         // Remove query params if present
-        var cleanUrl = url.split("?")[0];
-        var ext = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        var mediaExt = ["mp4", "webm", "ogg", "mov", "mp3", "wav", "m4a", "aac"];
+        const cleanUrl = url.split("?")[0];
+        const ext = cleanUrl.split(".").pop()?.toLowerCase();
+        const mediaExt = ["mp4", "webm", "ogg", "mov", "mp3", "wav", "m4a", "aac"];
         return ext ? mediaExt.includes(ext) : false;
     };
-    var controlsList = ["nodownload", "nofullscreen", "noremoteplayback"];
-    var slides = Array.isArray(lightboxUrls)
-        ? lightboxUrls.map(function (item) {
-            var url = (item === null || item === void 0 ? void 0 : item.src) || (item === null || item === void 0 ? void 0 : item.downloadUrl) || "";
+    const controlsList = ["nodownload", "nofullscreen", "noremoteplayback"];
+    const slides = Array.isArray(lightboxUrls)
+        ? lightboxUrls.map((item) => {
+            const url = item?.src || item?.downloadUrl || "";
             if (isVideoOrAudio(url)) {
                 return {
                     type: "video",
@@ -1128,19 +997,19 @@ export var SolidListView = function (params) {
             return { src: url };
         })
         : [];
-    var hasMedia = slides.some(function (s) { return s.type === "video"; });
-    var hasEditInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-        ((_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.edit) !== false &&
-        ((_d = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showDefaultEditButton) !== false &&
-        ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.showRowEditInContextMenu) !== false &&
-        !(isDraftPublishWorkflowEnabled && ((_f = selectedDataRef.current) === null || _f === void 0 ? void 0 : _f.publishedAt));
-    var hasDeleteInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-        ((_g = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.delete) !== false &&
-        ((_h = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.showRowDeleteInContextMenu) !== false &&
-        !(isDraftPublishWorkflowEnabled && ((_j = selectedDataRef.current) === null || _j === void 0 ? void 0 : _j.publishedAt));
-    var hasCustomContextMenuButtons = (_l = (_k = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _k === void 0 ? void 0 : _k.rowButtons) === null || _l === void 0 ? void 0 : _l.some(function (rb) { var _a; return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true; });
-    var hasAnyContextMenuActions = hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
-    var toggleBothSidebars = function () {
+    const hasMedia = slides.some((s) => s.type === "video");
+    const hasEditInContextMenu = actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&
+        solidListViewLayout?.attrs?.edit !== false &&
+        solidListViewLayout?.attrs?.showDefaultEditButton !== false &&
+        solidListViewLayout?.attrs?.showRowEditInContextMenu !== false &&
+        !(isDraftPublishWorkflowEnabled && selectedDataRef.current?.publishedAt);
+    const hasDeleteInContextMenu = actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&
+        solidListViewLayout?.attrs?.delete !== false &&
+        solidListViewLayout?.attrs?.showRowDeleteInContextMenu !== false &&
+        !(isDraftPublishWorkflowEnabled && selectedDataRef.current?.publishedAt);
+    const hasCustomContextMenuButtons = solidListViewLayout?.attrs?.rowButtons?.some((rb) => rb?.attrs?.actionInContextMenu === true);
+    const hasAnyContextMenuActions = hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
+    const toggleBothSidebars = () => {
         if (visibleNavbar) {
             dispatch(toggleNavbar()); // close both
         }
@@ -1148,134 +1017,145 @@ export var SolidListView = function (params) {
             dispatch(showNavbar()); // open both
         }
     };
-    return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.ListContentWrapper), children: [solidListViewInitialMetaData && queryDataLoaded &&
+    return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: `h-full flex-grow-1 ${styles.ListContentWrapper}`, children: [solidListViewInitialMetaData && queryDataLoaded &&
                         _jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full ", children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [params.embeded !== true &&
-                                                            _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: (_o = (_m = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.displayName })] }), ((_p = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _p === void 0 ? void 0 : _p.enableGlobalSearch) === true &&
-                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_q = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _q === void 0 ? void 0 : _q.enableGlobalSearch) === true &&
-                                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_t = (_s = (_r = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _r === void 0 ? void 0 : _r.headerButtons) === null || _s === void 0 ? void 0 : _s.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _t === void 0 ? void 0 : _t.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                                    ((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.create) !== false &&
+                                                            _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: solidListViewMetaData?.data?.solidView?.action?.displayName || solidListViewMetaData?.data?.solidView?.displayName })] }), solidListViewLayout?.attrs?.enableGlobalSearch === true &&
+                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [solidListViewLayout?.attrs?.enableGlobalSearch === true &&
+                                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: () => setShowGlobalSearchElement(!showGlobalSearchElement) }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: solidListViewLayout?.attrs?.headerButtons
+                                                        ?.filter((rb) => rb.attrs.actionInContextMenu != true)
+                                                        ?.map((button, index) => (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index))) }), actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
+                                                    solidListViewLayout?.attrs?.create !== false &&
                                                     params.embeded !== true &&
-                                                    ((_x = (_w = (_v = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _v === void 0 ? void 0 : _v.solidView) === null || _w === void 0 ? void 0 : _w.layout) === null || _x === void 0 ? void 0 : _x.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                                    ((_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.create) !== false &&
+                                                    solidListViewMetaData?.data?.solidView?.layout?.attrs
+                                                        .showDefaultAddButton !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
+                                                    solidListViewLayout?.attrs?.create !== false &&
                                                     params.embeded == true &&
                                                     params.inlineCreate == true &&
-                                                    searchParams.get("viewMode") !== "view" && (_jsx(Button, { type: "button", icon: ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.addButtonIcon) ? (_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.addButtonIcon : "pi pi-plus", label: ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.addButtonTitle) ? (_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.addButtonTitle : "Add", className: "".concat((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () {
+                                                    searchParams.get("viewMode") !== "view" && (_jsx(Button, { type: "button", icon: solidListViewLayout?.attrs?.addButtonIcon ? solidListViewLayout?.attrs?.addButtonIcon : "pi pi-plus", label: solidListViewLayout?.attrs?.addButtonTitle ? solidListViewLayout?.attrs?.addButtonTitle : "Add", className: `${solidListViewLayout?.attrs?.addButtonClassName}`, size: "small", onClick: () => params.handlePopUpOpen("new") })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: () => {
                                                         setQueryString();
-                                                    } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
-                                                    ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.enableGlobalSearch) === true && showGlobalSearchElement &&
+                                                    } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: () => setRecoverDialogVisible(true) })), params.embeded === false &&
+                                                    solidListViewLayout?.attrs?.configureView !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), solidListViewLayout?.attrs?.enableGlobalSearch === true && showGlobalSearchElement &&
                                     params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
                         _jsx(SolidListViewShimmerLoading, {})
                         :
-                            _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper flex-1 min-h-0 overflow-auto", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
+                            _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper flex-1 min-h-0 overflow-auto", children: _jsxs(DataTable, { value: listViewData, rowClassName: (rowData) => {
                                             return rowData.deletedAt ? "greyed-out-row" : "";
                                         }, showGridlines: false, lazy: true, scrollable: true, 
                                         // scrollHeight="90vh"
-                                        size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.pageSizeOptions, dataKey: "id", emptyMessage: ((_9 = (_8 = (_7 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _7 === void 0 ? void 0 : _7.solidView) === null || _8 === void 0 ? void 0 : _8.model) === null || _9 === void 0 ? void 0 : _9.description) ||
-                                            "No Entities found.", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: false, 
+                                        size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: solidListViewLayout?.attrs?.pageSizeOptions, dataKey: "id", emptyMessage: solidListViewMetaData?.data?.solidView?.model?.description ||
+                                            "No Entities found.", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: (e) => onSort(e), sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: false, 
                                         // loading={loading || isLoading}
                                         // loadingIcon="pi pi-spinner"
                                         selection: params.embeded === true
                                             ? null
-                                            : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: true, filterIcon: _jsx(FilterIcon, {}), tableClassName: "solid-data-table", paginatorClassName: "solid-paginator", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
-                                            var _a, _b;
-                                            var rowData = e.data;
-                                            if (((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
+                                            : [...selectedRecords, ...selectedRecoverRecords], onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: true, filterIcon: _jsx(FilterIcon, {}), tableClassName: "solid-data-table", paginatorClassName: "solid-paginator", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: (e) => {
+                                            const rowData = e.data;
+                                            if (solidListViewLayout?.attrs?.disableRowClick === true)
                                                 return;
-                                            var hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
-                                            var hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
-                                                ((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.edit) !== false;
+                                            const hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
+                                            const hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
+                                                solidListViewLayout?.attrs?.edit !== false;
                                             if (!(hasFindPermission || hasUpdatePermission))
                                                 return;
                                             if (params.embeded === true) {
-                                                params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                params.handlePopUpOpen(rowData?.id);
                                             }
                                             else {
                                                 if (typeof window !== "undefined") {
-                                                    // const queryString = searchParams.toString();
-                                                    // const finalUrl = queryString ? `${pathname}?${queryString}` : pathname;
-                                                    // sessionStorage.setItem("fromView", finalUrl);
-                                                    sessionStorage.setItem("fromView", "list");
+                                                    // store a simple marker for the caller
+                                                    // also store the full current URL so Back can restore exact state (including action params)
+                                                    try {
+                                                        sessionStorage.setItem("fromView", "list");
+                                                        sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                                                    }
+                                                    catch (e) {
+                                                        // ignore storage errors
+                                                    }
                                                 }
-                                                router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                                router.push(`${editButtonUrl}/${rowData?.id}?viewMode=view&${new URLSearchParams(editActionQueryParams).toString()}`);
                                             }
-                                        }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.rowButtons) &&
-                                                ((_11 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _11 === void 0 ? void 0 : _11.rowButtons.filter(function (rb) {
-                                                    var _a, _b, _c;
-                                                    var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
-                                                    var isInContextMenu = rb.attrs.actionInContextMenu === true;
+                                        }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), solidListViewLayout?.attrs?.rowButtons &&
+                                                solidListViewLayout?.attrs?.rowButtons
+                                                    .filter((rb) => {
+                                                    const roles = rb?.attrs?.roles || [];
+                                                    const isInContextMenu = rb.attrs.actionInContextMenu === true;
                                                     // Only check hasAnyRole if roles are provided
-                                                    var isAllowed = roles.length === 0 ||
-                                                        hasAnyRole((_b = user === null || user === void 0 ? void 0 : user.user) === null || _b === void 0 ? void 0 : _b.roles, roles);
-                                                    var isVisible = ((_c = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _c === void 0 ? void 0 : _c.visible) !== false;
+                                                    const isAllowed = roles.length === 0 ||
+                                                        hasAnyRole(user?.user?.roles, roles);
+                                                    const isVisible = rb?.attrs?.visible !== false;
                                                     return !isInContextMenu && isAllowed && isVisible;
-                                                }).map(function (button, index) {
+                                                })
+                                                    .map((button, index) => {
                                                     // const hasRole = button.attrs.roles && button.attrs.roles.length > 0 ? useHasAnyRole(button.attrs.roles) : true;
                                                     // if (!hasRole) return null;
-                                                    return (_jsx(Column, { header: button.attrs.label, body: function (rowData) {
-                                                            var _a, _b, _c, _d;
-                                                            return (_jsx(Button, { type: "button", icon: ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon)
-                                                                    ? (_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.icon
-                                                                    : "pi pi-pencil", className: "w-full text-left gap-2 ".concat(((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className)
-                                                                    ? (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.className
-                                                                    : ""), label: button.attrs.showLabel !== false
+                                                    return (_jsx(Column, { header: button.attrs.label, body: (rowData) => {
+                                                            return (_jsx(Button, { type: "button", icon: button?.attrs?.icon
+                                                                    ? button?.attrs?.icon
+                                                                    : "pi pi-pencil", className: `w-full text-left gap-2 ${button?.attrs?.className
+                                                                    ? button?.attrs?.className
+                                                                    : ""}`, label: button.attrs.showLabel !== false
                                                                     ? button.attrs.label
-                                                                    : "", size: "small", iconPos: "left", onClick: function () {
-                                                                    var event = {
-                                                                        params: params,
+                                                                    : "", size: "small", iconPos: "left", onClick: () => {
+                                                                    const event = {
+                                                                        params,
                                                                         rowData: rowData,
-                                                                        solidListViewMetaData: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data,
+                                                                        solidListViewMetaData: solidListViewMetaData?.data,
                                                                     };
                                                                     handleCustomButtonClick(button.attrs, event);
                                                                 } }));
                                                         } }, index));
-                                                })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-                                                ((_12 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _12 === void 0 ? void 0 : _12.edit) !== false &&
-                                                ((_13 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _13 === void 0 ? void 0 : _13.showRowEditInContextMenu) ===
-                                                    false && (_jsx(Column, { header: "Edit", body: function (rowData) {
-                                                    var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
-                                                    return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                }), actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&
+                                                solidListViewLayout?.attrs?.edit !== false &&
+                                                solidListViewLayout?.attrs?.showRowEditInContextMenu ===
+                                                    false && (_jsx(Column, { header: "Edit", body: (rowData) => {
+                                                    const shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && rowData?.publishedAt;
+                                                    return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: () => {
                                                                 if (params.embeded == true) {
-                                                                    params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                                    params.handlePopUpOpen(rowData?.id);
                                                                 }
                                                                 else {
-                                                                    router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                                                    if (typeof window !== "undefined") {
+                                                                        try {
+                                                                            sessionStorage.setItem("fromView", "list");
+                                                                            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                                                                        }
+                                                                        catch (e) { }
+                                                                    }
+                                                                    router.push(`${editButtonUrl}/${rowData?.id}?viewMode=edit&${new URLSearchParams(editActionQueryParams).toString()}`);
                                                                 }
                                                             } })) }));
-                                                } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-                                                ((_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.delete) !== false &&
-                                                ((_15 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _15 === void 0 ? void 0 : _15.showRowDeleteInContextMenu) ===
-                                                    false && (_jsx(Column, { header: "Delete", body: function (rowData) {
-                                                    var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
-                                                    return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
+                                                } })), actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&
+                                                solidListViewLayout?.attrs?.delete !== false &&
+                                                solidListViewLayout?.attrs?.showRowDeleteInContextMenu ===
+                                                    false && (_jsx(Column, { header: "Delete", body: (rowData) => {
+                                                    const shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && rowData?.publishedAt;
+                                                    return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: () => {
                                                                 setSelectedSolidViewData(rowData);
                                                                 setDeleteEntity(true);
                                                             } })) }));
-                                                } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
-                                                    var _a, _b, _c;
-                                                    return (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) {
-                                                            event.stopPropagation();
-                                                            recoverById(rowData.id);
-                                                        }, className: "retrieve-button", children: _jsx("i", { className: "pi pi-refresh", style: { fontSize: "1rem" } }) })) : (_jsx(_Fragment, { children: ((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.showRowContextMenu) !==
-                                                            false && (_jsxs(_Fragment, { children: [detailsBodyTemplate(rowData), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [hasEditInContextMenu && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
-                                                                                    var _a, _b;
-                                                                                    if (params.embeded == true) {
-                                                                                        params.handlePopUpOpen((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
-                                                                                    }
-                                                                                    else {
-                                                                                        router.push("".concat(editButtonUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                                } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: (rowData) => rowData?.deletedAt ? (_jsx("a", { onClick: (event) => {
+                                                        event.stopPropagation();
+                                                        recoverById(rowData.id);
+                                                    }, className: "retrieve-button", children: _jsx("i", { className: "pi pi-refresh", style: { fontSize: "1rem" } }) })) : (_jsx(_Fragment, { children: solidListViewLayout?.attrs?.showRowContextMenu !==
+                                                        false && (_jsxs(_Fragment, { children: [detailsBodyTemplate(rowData), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [hasEditInContextMenu && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: () => {
+                                                                                if (params.embeded == true) {
+                                                                                    params.handlePopUpOpen(selectedDataRef.current?.id);
+                                                                                }
+                                                                                else {
+                                                                                    try {
+                                                                                        sessionStorage.setItem("fromView", "list");
+                                                                                        sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
                                                                                     }
-                                                                                } })), hasDeleteInContextMenu && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) {
-                                                                                var _a, _b;
-                                                                                return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true &&
-                                                                                    ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
-                                                                            }).map(function (button, index) {
-                                                                                var _a;
-                                                                                return (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, getSelectedSolidViewData: function () { return selectedDataRef.current; }, 
-                                                                                    // selectedSolidViewData={selectedSolidViewData}
-                                                                                    solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, "".concat(index, "-").concat(((_a = selectedDataRef === null || selectedDataRef === void 0 ? void 0 : selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id) || '')));
-                                                                            }))] }) })] })) }));
-                                                } }))] }) })) })] }), mcpUrl &&
-                params.embeded !== true && (_jsxs("div", { className: "chatter-section ".concat(isOpenSolidXAiPanel === false ? "collapsed" : "open"), style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
+                                                                                    catch (e) { }
+                                                                                    router.push(`${editButtonUrl}/${selectedDataRef.current?.id}?viewMode=edit&${new URLSearchParams(editActionQueryParams).toString()}`);
+                                                                                }
+                                                                            } })), hasDeleteInContextMenu && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: () => setDeleteEntity(true) })), hasCustomContextMenuButtons && solidListViewLayout?.attrs?.rowButtons
+                                                                            ?.filter((rb) => rb?.attrs?.actionInContextMenu === true &&
+                                                                            rb?.attrs?.visible !== false)
+                                                                            .map((button, index) => (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, getSelectedSolidViewData: () => selectedDataRef.current, 
+                                                                            // selectedSolidViewData={selectedSolidViewData}
+                                                                            solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, `${index}-${selectedDataRef?.current?.id || ''}`)))] }) })] })) })) }))] }) })) })] }), mcpUrl &&
+                params.embeded !== true && (_jsxs("div", { className: `chatter-section ${isOpenSolidXAiPanel === false ? "collapsed" : "open"}`, style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
                             width: 5,
                             cursor: "col-resize",
                             position: "absolute",
@@ -1284,31 +1164,31 @@ export var SolidListView = function (params) {
                             bottom: 0,
                             height: "100%",
                             zIndex: 9,
-                        }, onMouseDown: function () { return setIsResizing(true); } })), isOpenSolidXAiPanel && (_jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: "1/1" }, onClick: handleCloseSolidXAIPanel })), isOpenSolidXAiPanel === false ? (_jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpenSolidXAIPanel, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI", " "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpenSolidXAIPanel })] })) : (_jsx(SolidAiMainWrapper, { mcpUrl: mcpUrl }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", 
+                        }, onMouseDown: () => setIsResizing(true) })), isOpenSolidXAiPanel && (_jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: "1/1" }, onClick: handleCloseSolidXAIPanel })), isOpenSolidXAiPanel === false ? (_jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpenSolidXAIPanel, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI", " "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpenSolidXAIPanel })] })) : (_jsx(SolidAiMainWrapper, { mcpUrl: mcpUrl }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: () => setDialogVisible(false), headerClassName: "py-2", contentClassName: "px-0 pb-0", 
                 // style={{ width: '20vw' }}
-                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity, autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_18 = (_17 = (_16 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _16 === void 0 ? void 0 : _16.solidView) === null || _17 === void 0 ? void 0 : _17.model) === null || _18 === void 0 ? void 0 : _18.displayName)
-                    ? (_21 = (_20 = (_19 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _19 === void 0 ? void 0 : _19.solidView) === null || _20 === void 0 ? void 0 : _20.model) === null || _21 === void 0 ? void 0 : _21.displayName
-                    : params === null || params === void 0 ? void 0 : params.modelName), headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: function () {
+                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity, autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: () => (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: () => setRecoverDialogVisible(false) })] })), onHide: () => setRecoverDialogVisible(false), children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: `Delete ${solidListViewMetaData?.data?.solidView?.model?.displayName
+                    ? solidListViewMetaData?.data?.solidView?.model?.displayName
+                    : params?.modelName}`, headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: () => {
                     if (!deleteEntity)
                         return;
                     setDeleteEntity(false);
-                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this ".concat(((_24 = (_23 = (_22 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _22 === void 0 ? void 0 : _22.solidView) === null || _23 === void 0 ? void 0 : _23.model) === null || _24 === void 0 ? void 0 : _24.displayName)
-                                    ? (_27 = (_26 = (_25 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _25 === void 0 ? void 0 : _25.solidView) === null || _26 === void 0 ? void 0 : _26.model) === null || _27 === void 0 ? void 0 : _27.displayName
-                                    : params === null || params === void 0 ? void 0 : params.modelName, "?") }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), openLightbox && (_jsx(Lightbox, __assign({ open: openLightbox, plugins: hasMedia
+                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: `Are you sure you want to delete this ${solidListViewMetaData?.data?.solidView?.model?.displayName
+                                    ? solidListViewMetaData?.data?.solidView?.model?.displayName
+                                    : params?.modelName}?` }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: () => setDeleteEntity(false), outlined: true, className: 'bg-primary-reverse' })] })] })] }), openLightbox && (_jsx(Lightbox, { open: openLightbox, plugins: hasMedia
                     ? [Counter, Download, Video] // add Video plugin if needed
-                    : [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: __spreadArray([], slides, true) }, (hasMedia && {
-                video: {
-                    controls: true,
-                    playsInline: true,
-                    autoPlay: false,
-                    loop: false,
-                    muted: false,
-                    disablePictureInPicture: false,
-                    disableRemotePlayback: false,
-                    controlsList: controlsList.join(" "),
-                    crossOrigin: "anonymous",
-                    preload: "auto",
-                },
-            }))))] }));
+                    : [Counter, Download], close: () => setOpenLightbox(false), slides: [...slides], ...(hasMedia && {
+                    video: {
+                        controls: true,
+                        playsInline: true,
+                        autoPlay: false,
+                        loop: false,
+                        muted: false,
+                        disablePictureInPicture: false,
+                        disableRemotePlayback: false,
+                        controlsList: controlsList.join(" "),
+                        crossOrigin: "anonymous",
+                        preload: "auto",
+                    },
+                }) }))] }));
 };
 //# sourceMappingURL=SolidListView.js.map