@solidstarters/solid-core-ui 1.1.190 → 1.1.192

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

@@ -74,17 +74,18 @@ import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi"
 import { createPermission, deleteManyPermission, deletePermission, findPermission, updatePermission } from "../../../helpers/permissions";
 import { useRouter, useSearchParams } from "next/navigation";
 import { ListViewRowActionPopup } from "./ListViewRowActionPopup";
-import { FilterIcon } from '../../modelsComponents/filterIcon';
+import { FilterIcon } from "../../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";
 import Download from "yet-another-react-lightbox/plugins/download";
+import Video from "yet-another-react-lightbox/plugins/video";
 import "yet-another-react-lightbox/styles.css";
 import "yet-another-react-lightbox/plugins/counter.css";
 import { SolidListViewConfigure } from "./SolidListViewConfigure";
@@ -95,9 +96,10 @@ import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { SolidListViewHeaderButton } from "./SolidListViewHeaderButton";
 import { SolidListViewRowButtonContextMenu } from "./SolidListViewRowButtonContextMenu";
 import { useSelector } from "react-redux";
-import styles from './SolidListViewWrapper.module.css';
+import styles from "./SolidListViewWrapper.module.css";
 import { SolidXAIModule } from "../solid-ai/SolidXAIModule";
 import { SolidXAIIcon } from "../solid-ai/SolidXAIIcon";
+// import { ERROR_MESSAGES } from "../../../constants/error-messages";
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 };
@@ -114,7 +116,6 @@ export var queryStringToQueryObject = function () {
             console.error("Error decoding or parsing query string from local storage:", error);
         }
     }
-    ;
 };
 export var queryObjectToQueryString = function (queryObject) {
     if (queryObject) {
@@ -132,8 +133,8 @@ export var SolidListView = function (params) {
     var solidGlobalSearchElementRef = useRef();
     var router = useRouter();
     var searchParams = useSearchParams(); // Converts the query params to a string
-    var localeName = searchParams.get('locale');
-    // TODO: The initial filter state will be created based on the fields which are present on this list view. 
+    var localeName = searchParams.get("locale");
+    // TODO: The initial filter state will be created based on the fields which are present on this list view.
     var _18 = useState(params.customFilter || null), filters = _18[0], setFilters = _18[1];
     // const [customFilter, setCustomFilter] = useState<FilterRule[]>(initialState);
     // const [showGlobalSearchElement, setShowGlobalSearchElement] = useState<boolean>(false);
@@ -146,10 +147,10 @@ export var SolidListView = function (params) {
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
     useEffect(function () {
-        var storedOpen = localStorage.getItem('l_solidxai_open');
-        var storedWidth = localStorage.getItem('l_solidxai_width');
+        var storedOpen = localStorage.getItem("l_solidxai_open");
+        var storedWidth = localStorage.getItem("l_solidxai_width");
         if (storedOpen !== null) {
-            setIsOpenSolidXAiPanel(storedOpen === 'true');
+            setIsOpenSolidXAiPanel(storedOpen === "true");
         }
         if (storedWidth !== null) {
             var width = parseInt(storedWidth, 10);
@@ -164,21 +165,21 @@ export var SolidListView = function (params) {
                 var newWidth = window.innerWidth - e.clientX;
                 var clampedWidth = Math.max(280, Math.min(newWidth, 700));
                 setChatterWidth(clampedWidth);
-                localStorage.setItem('l_solidxai_width', clampedWidth.toString());
+                localStorage.setItem("l_solidxai_width", clampedWidth.toString());
             };
             var handleMouseUp_1 = function () {
                 setIsResizing(false);
             };
-            window.addEventListener('mousemove', handleMouseMove_1);
-            window.addEventListener('mouseup', handleMouseUp_1);
+            window.addEventListener("mousemove", handleMouseMove_1);
+            window.addEventListener("mouseup", handleMouseUp_1);
             return function () {
-                window.removeEventListener('mousemove', handleMouseMove_1);
-                window.removeEventListener('mouseup', handleMouseUp_1);
+                window.removeEventListener("mousemove", handleMouseMove_1);
+                window.removeEventListener("mouseup", handleMouseUp_1);
             };
         }
     }, [isResizing]);
     useEffect(function () {
-        console.log('useEffect: [params.modelName]');
+        console.log("useEffect: [params.modelName]");
         var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
             var permissionNames, queryData, queryString, response;
             return __generator(this, function (_a) {
@@ -190,13 +191,13 @@ export var SolidListView = function (params) {
                             deletePermission(params.modelName),
                             updatePermission(params.modelName),
                             deleteManyPermission(params.modelName),
-                            findPermission(params.modelName)
+                            findPermission(params.modelName),
                         ];
                         queryData = {
-                            permissionNames: permissionNames
+                            permissionNames: permissionNames,
                         };
                         queryString = qs.stringify(queryData, {
-                            encodeValuesOnly: true
+                            encodeValuesOnly: true,
                         });
                         return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
                     case 1:
@@ -213,8 +214,12 @@ export var SolidListView = function (params) {
     // 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;
-    // Get the list view layout & metadata first. 
-    var listViewMetaDataQs = qs.stringify({ modelName: params.modelName, moduleName: params.moduleName, viewType: 'list' }, {
+    // Get the list view layout & metadata first.
+    var listViewMetaDataQs = qs.stringify({
+        modelName: params.modelName,
+        moduleName: params.moduleName,
+        viewType: "list",
+    }, {
         encodeValuesOnly: true,
     });
     var _25 = useState({}), listViewMetaData = _25[0], setListViewMetaData = _25[1];
@@ -227,7 +232,9 @@ export var SolidListView = function (params) {
         var initialFilters = {};
         var toPopulate = [];
         var toPopulateMedia = [];
-        var currentLayout = params.customLayout ? params.customLayout : solidView === null || solidView === void 0 ? void 0 : solidView.layout;
+        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];
@@ -236,32 +243,48 @@ export var SolidListView = function (params) {
                 // 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)) {
+                // 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)) {
                     // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] }
-                    initialFilters[column.attrs.name] = { 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 === null || fieldMetadata === void 0 ? void 0 : 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 };
+                    initialFilters[column.attrs.name] = {
+                        value: null,
+                        matchMode: FilterMatchMode.EQUALS,
+                    };
                 }
-                else if (['relation', 'selectionStatic', 'selectionDynamic'].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                    initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.IN };
+                else if (["relation", "selectionStatic", "selectionDynamic"].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
+                    initialFilters[column.attrs.name] = {
+                        value: null,
+                        matchMode: FilterMatchMode.IN,
+                    };
                 }
                 else {
                     // initialFilters[column.attrs.name] = { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] }
-                    initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.STARTS_WITH };
+                    initialFilters[column.attrs.name] = {
+                        value: null,
+                        matchMode: FilterMatchMode.STARTS_WITH,
+                    };
                 }
-                if (column.attrs.name === 'id') {
-                    initialFilters[column.attrs.name] = { value: null, matchMode: FilterMatchMode.IN };
+                if (column.attrs.name === "id") {
+                    initialFilters[column.attrs.name] = {
+                        value: null,
+                        matchMode: FilterMatchMode.IN,
+                    };
                 }
-                // Form the "toPopulate" array. 
-                if (fieldMetadata.type === 'relation') {
+                // Form the "toPopulate" array.
+                if (fieldMetadata.type === "relation") {
                     if (!toPopulate.includes(fieldMetadata.name)) {
                         toPopulate.push(fieldMetadata.name);
                     }
                 }
-                if (fieldMetadata.type === 'mediaSingle' || fieldMetadata.type === 'mediaMultiple') {
+                if (fieldMetadata.type === "mediaSingle" ||
+                    fieldMetadata.type === "mediaMultiple") {
                     if (!toPopulateMedia.includes(fieldMetadata.name)) {
                         toPopulateMedia.push(fieldMetadata.name);
                     }
@@ -275,13 +298,13 @@ export var SolidListView = function (params) {
         setRows(rows);
         setToPopulate(populate);
         setToPopulateMedia(populateMedia);
-        setSortField('id');
+        setSortField("id");
         setSortOrder(-1);
         return { rows: rows, populate: populate, populateMedia: populateMedia };
     };
     // Set the initial filter state based on the metadata.
     useEffect(function () {
-        console.log('useEffect: [solidListViewMetaData] line no 227');
+        console.log("useEffect: [solidListViewMetaData] line no 227");
         // refetch();
         if (solidListViewMetaData) {
             if (params.customLayout) {
@@ -297,11 +320,21 @@ export var SolidListView = function (params) {
     // set layout and actions for create and edit buttons and view modes
     useEffect(function () {
         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;
-        console.log('useEffect: [solidListViewMetaData] line no 245');
+        console.log("useEffect: [solidListViewMetaData] line no 245");
         if (solidListViewMetaData) {
-            var createActionUrl = ((_d = (_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.attrs) === null || _d === void 0 ? void 0 : _d.createAction) && ((_j = (_h = (_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.attrs) === null || _h === void 0 ? void 0 : _h.createAction) === null || _j === void 0 ? void 0 : _j.type) === "custom" ? (_p = (_o = (_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.createAction) === null || _p === void 0 ? void 0 : _p.customComponent : "form/new";
-            var editActionUrl = ((_t = (_s = (_r = (_q = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs) === null || _t === void 0 ? void 0 : _t.editAction) && ((_y = (_x = (_w = (_v = (_u = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.layout) === null || _w === void 0 ? void 0 : _w.attrs) === null || _x === void 0 ? void 0 : _x.editAction) === null || _y === void 0 ? void 0 : _y.type) === "custom" ? (_3 = (_2 = (_1 = (_0 = (_z = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs) === null || _2 === void 0 ? void 0 : _2.editAction) === null || _3 === void 0 ? void 0 : _3.customComponent : "form";
-            var viewModes_1 = ((_7 = (_6 = (_5 = (_4 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _4 === void 0 ? void 0 : _4.solidView) === null || _5 === void 0 ? void 0 : _5.layout) === null || _6 === void 0 ? void 0 : _6.attrs) === null || _7 === void 0 ? void 0 : _7.allowedViews) && ((_11 = (_10 = (_9 = (_8 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _8 === void 0 ? void 0 : _8.solidView) === null || _9 === void 0 ? void 0 : _9.layout) === null || _10 === void 0 ? void 0 : _10.attrs) === null || _11 === void 0 ? void 0 : _11.allowedViews.length) > 0 && ((_15 = (_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.layout) === null || _14 === void 0 ? void 0 : _14.attrs) === null || _15 === void 0 ? void 0 : _15.allowedViews.map(function (view) { return { label: capitalize(view), value: view }; }));
+            var createActionUrl = ((_d = (_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.attrs) === null || _d === void 0 ? void 0 : _d.createAction) &&
+                ((_j = (_h = (_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.attrs) === null || _h === void 0 ? void 0 : _h.createAction) === null || _j === void 0 ? void 0 : _j.type) === "custom"
+                ? (_p = (_o = (_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.createAction) === null || _p === void 0 ? void 0 : _p.customComponent
+                : "form/new";
+            var editActionUrl = ((_t = (_s = (_r = (_q = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs) === null || _t === void 0 ? void 0 : _t.editAction) &&
+                ((_y = (_x = (_w = (_v = (_u = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.layout) === null || _w === void 0 ? void 0 : _w.attrs) === null || _x === void 0 ? void 0 : _x.editAction) === null || _y === void 0 ? void 0 : _y.type) === "custom"
+                ? (_3 = (_2 = (_1 = (_0 = (_z = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs) === null || _2 === void 0 ? void 0 : _2.editAction) === null || _3 === void 0 ? void 0 : _3.customComponent
+                : "form";
+            var viewModes_1 = ((_7 = (_6 = (_5 = (_4 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _4 === void 0 ? void 0 : _4.solidView) === null || _5 === void 0 ? void 0 : _5.layout) === null || _6 === void 0 ? void 0 : _6.attrs) === null || _7 === void 0 ? void 0 : _7.allowedViews) &&
+                ((_11 = (_10 = (_9 = (_8 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _8 === void 0 ? void 0 : _8.solidView) === null || _9 === void 0 ? void 0 : _9.layout) === null || _10 === void 0 ? void 0 : _10.attrs) === null || _11 === void 0 ? void 0 : _11.allowedViews.length) > 0 &&
+                ((_15 = (_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.layout) === null || _14 === void 0 ? void 0 : _14.attrs) === null || _15 === void 0 ? void 0 : _15.allowedViews.map(function (view) {
+                    return { label: capitalize(view), value: view };
+                }));
             setViewModes(viewModes_1);
             if (createActionUrl) {
                 setCreateButtonUrl(createActionUrl);
@@ -314,7 +347,9 @@ export var SolidListView = function (params) {
     // All list view state.
     var _28 = useState([]), listViewData = _28[0], setListViewData = _28[1];
     var _29 = useState(0), first = _29[0], setFirst = _29[1];
-    var _30 = 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 = _30[0], setRows = _30[1];
+    var _30 = 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 = _30[0], setRows = _30[1];
     var _31 = useState(0), totalRecords = _31[0], setTotalRecords = _31[1];
     var _32 = useState(""), sortField = _32[0], setSortField = _32[1];
     var _33 = useState(0), sortOrder = _33[0], setSortOrder = _33[1];
@@ -330,9 +365,9 @@ export var SolidListView = function (params) {
     var _43 = useState(null), customFilter = _43[0], setCustomFilter = _43[1];
     var _44 = useState(false), showSaveFilterPopup = _44[0], setShowSaveFilterPopup = _44[1];
     var sizeOptions = [
-        { label: 'Compact', value: 'small', image: CompactImage },
-        { label: 'Cozy', value: 'normal', image: CozyImage },
-        { label: 'Comfortable', value: 'large', image: ComfortableImage }
+        { label: "Compact", value: "small", image: CompactImage },
+        { label: "Cozy", value: "normal", image: CozyImage },
+        { label: "Comfortable", value: "large", image: ComfortableImage },
     ];
     // const viewModes = [
     //   { label: 'List ', value: 'list', image: ListImage },
@@ -348,25 +383,25 @@ export var SolidListView = function (params) {
     var _49 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _49[0], _50 = _49[1], solidEntityListViewData = _50.data, isLoading = _50.isLoading, error = _50.error;
     var _51 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _51[0], _52 = _51[1], recoverByIdData = _52.data, recoverByIdIsLoading = _52.isLoading, recoverByIdError = _52.error, recoverByIdIsError = _52.isError, recoverByIdIsSuccess = _52.isSuccess;
     var _53 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _53[0], _54 = _53[1], recoverByData = _54.data, recoverByIsLoading = _54.isLoading, recoverError = _54.error, recoverIsError = _54.isError, recoverByIsSuccess = _54.isSuccess;
-    // After data is fetched populate the list view state so as to be able to render the data. 
+    // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
-        console.log('useEffect: [solidListViewMetaData] line no 310');
+        console.log("useEffect: [solidListViewMetaData] line no 310");
         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];
-                    if (typeof value === 'string') {
+                    if (typeof value === "string") {
                         try {
                             var parsed = JSON.parse(value);
                             if (Array.isArray(parsed)) {
-                                newRecord[key] = parsed.join(', ');
+                                newRecord[key] = parsed.join(", ");
                             }
                         }
                         catch (_b) {
                             // If not valid JSON array, optionally strip brackets/quotes
                             if (/^\[.*\]$/.test(value)) {
-                                newRecord[key] = value.replace(/[\[\]"]+/g, '');
+                                newRecord[key] = value.replace(/[\[\]"]+/g, "");
                             }
                         }
                     }
@@ -380,12 +415,12 @@ export var SolidListView = function (params) {
         }
     }, [solidEntityListViewData]);
     var _55 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _55[0], isDeleteSolidSingleEntitySuccess = _55[1].isSuccess;
-    // Delete mutation 
+    // Delete mutation
     var _56 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _56[0], _57 = _56[1], isSolidEntitiesDeleted = _57.isLoading, isDeleteSolidEntitiesSucess = _57.isSuccess, isSolidEntitiesDeleteError = _57.isError, SolidEntitiesDeleteError = _57.error, DeletedSolidEntities = _57.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a, _b, _c;
-        console.log('useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]');
+        console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
         if (solidListViewMetaData) {
             var queryObject = queryStringToQueryObject();
             if (queryObject) {
@@ -394,14 +429,16 @@ export var SolidListView = function (params) {
                     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 };
-                    }) : ["id:desc"],
-                    filters: queryObject.filters
+                    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 };
+                        })
+                        : ["id:desc"],
+                    filters: queryObject.filters,
                 };
                 var filters_1 = {
-                    $and: []
+                    $and: [],
                 };
                 if (queryObject.s_filter) {
                     filters_1.$and.push(queryObject.s_filter);
@@ -425,13 +462,29 @@ export var SolidListView = function (params) {
             setSelectedRecords([]);
             setSelectedRecoverRecords([]);
         }
-    }, [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]);
+    }, [
+        isDeleteSolidEntitiesSucess,
+        isDeleteSolidSingleEntitySuccess,
+        recoverByIdIsSuccess,
+        recoverByIsSuccess,
+        solidListViewMetaData,
+    ]);
     useEffect(function () {
-        console.log('useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]');
+        console.log("useEffect: [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]");
         if (queryDataLoaded) {
             setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
         }
-    }, [first, rows, sortField, sortOrder, showArchived, toPopulate, toPopulateMedia, customFilter, queryDataLoaded]);
+    }, [
+        first,
+        rows,
+        sortField,
+        sortOrder,
+        showArchived,
+        toPopulate,
+        toPopulateMedia,
+        customFilter,
+        queryDataLoaded,
+    ]);
     // Handle pagination event.
     var onPageChange = function (event) {
         setFirst(event.first);
@@ -463,11 +516,11 @@ export var SolidListView = function (params) {
     };
     var identifySolidOperatorAndValue = function (primeReactMatchMode, value) {
         // @ts-ignore
-        if (primeReactMatchMode.label && primeReactMatchMode.label === 'Not In') {
+        if (primeReactMatchMode.label && primeReactMatchMode.label === "Not In") {
             primeReactMatchMode = FilterMatchMode.NOT_IN;
         }
-        // Default value, this might not be useful as the solid server might not support these match modes. 
-        var solidOperator = '';
+        // Default value, this might not be useful as the solid server might not support these match modes.
+        var solidOperator = "";
         var solidValue = value[0];
         switch (primeReactMatchMode) {
             case FilterMatchMode.STARTS_WITH:
@@ -517,8 +570,8 @@ export var SolidListView = function (params) {
         }
         return { operator: solidOperator, value: solidValue };
     };
-    // Common utility function that gets called on filter, sort & pagination events. 
-    // This function creates the query string as per the solid backend API specification 
+    // Common utility function that gets called on filter, sort & pagination events.
+    // This function creates the query string as per the solid backend API specification
     var setQueryString = function (offset, limit, sortField, sortOrder, filters, showArchived, locale) { return __awaiter(void 0, void 0, void 0, function () {
         var solidFieldsMetadata, queryData, sortFieldMetadata, queryString, url, urlData;
         var _a, _b, _c;
@@ -530,11 +583,12 @@ export var SolidListView = function (params) {
                 filters: filters !== null && filters !== void 0 ? filters : filters,
                 populate: toPopulate,
                 populateMedia: toPopulateMedia,
-                locale: localeName ? localeName : 'en'
+                locale: localeName ? localeName : "en",
             };
             if (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') {
+                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((_c = (_b = sortFieldMetadata === null || sortFieldMetadata === void 0 ? void 0 : sortFieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name);
                 }
                 queryData.sort = [
@@ -545,7 +599,7 @@ export var SolidListView = function (params) {
                 queryData.sort = ["id:desc"];
             }
             if (showArchived) {
-                queryData.showSoftDeleted = 'inclusive';
+                queryData.showSoftDeleted = "inclusive";
             }
             queryString = qs.stringify(queryData, { encodeValuesOnly: true });
             if (customFilter) {
@@ -563,7 +617,7 @@ export var SolidListView = function (params) {
     // handle filter...
     var handleApplyCustomFilter = function (transformedFilter) {
         var queryfilter = {
-            $and: []
+            $and: [],
         };
         if (transformedFilter.s_filter) {
             queryfilter.$and.push(transformedFilter.s_filter);
@@ -618,7 +672,7 @@ export var SolidListView = function (params) {
         setRecoverDialogVisible(false);
     };
     useEffect(function () {
-        console.log('useEffect: [recoverIsError, recoverByIdIsError]');
+        console.log("useEffect: [recoverIsError, recoverByIdIsError]");
         if (recoverIsError || recoverByIdIsError) {
             showError(recoverByIdIsError ? recoverByIdError : recoverError);
         }
@@ -695,7 +749,9 @@ export var SolidListView = function (params) {
         if (!solidView || !solidFieldsMetadata) {
             return;
         }
-        var currentLayout = params.customLayout ? params.customLayout : solidView.layout;
+        var currentLayout = params.customLayout
+            ? params.customLayout
+            : solidView.layout;
         return (_a = currentLayout.children) === null || _a === void 0 ? void 0 : _a.map(function (column) {
             var _a, _b;
             var fieldMetadata = solidFieldsMetadata[column.attrs.name];
@@ -705,29 +761,45 @@ export var SolidListView = function (params) {
             var visibleToRole = ((_a = column === null || column === void 0 ? void 0 : column.attrs) === null || _a === void 0 ? void 0 : _a.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)) {
-                    return SolidListViewColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox });
+                    return SolidListViewColumn({
+                        solidListViewMetaData: solidListViewMetaData,
+                        fieldMetadata: fieldMetadata,
+                        column: column,
+                        setLightboxUrls: setLightboxUrls,
+                        setOpenLightbox: setOpenLightbox,
+                    });
                 }
                 else {
                     return null;
                 }
             }
             else {
-                return SolidListViewColumn({ solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox });
+                return SolidListViewColumn({
+                    solidListViewMetaData: solidListViewMetaData,
+                    fieldMetadata: fieldMetadata,
+                    column: column,
+                    setLightboxUrls: setLightboxUrls,
+                    setOpenLightbox: setOpenLightbox,
+                });
             }
         });
     };
-    //Note -  Custom Row Action Popup 
+    //Note -  Custom Row Action Popup
     var closeListViewRowActionPopup = function () {
         setListViewRowActionPopupState(false);
     };
     // if (loading || isLoading) {
     //   return <SolidListViewShimmerLoading />;
     // }
-    var viewMode = searchParams.get('viewMode');
-    if ((loading || isLoading) && params.embeded == false && viewMode !== 'view') {
+    var viewMode = searchParams.get("viewMode");
+    if ((loading || isLoading) &&
+        params.embeded == false &&
+        viewMode !== "view") {
         return _jsx(SolidListViewShimmerLoading, {});
     }
-    var isListViewEmptyWithoutFilters = !loading && (!filters || Object.keys(filters).length === 0) && listViewData.length === 0;
+    var isListViewEmptyWithoutFilters = !loading &&
+        (!filters || Object.keys(filters).length === 0) &&
+        listViewData.length === 0;
     // if (isListViewEmptyWithoutFilters) {
     //   return (
     //     <SolidEmptyListViewPlaceholder
@@ -743,11 +815,11 @@ export var SolidListView = function (params) {
     };
     var handleOpenSolidXAIPanel = function () {
         setIsOpenSolidXAiPanel(true);
-        localStorage.setItem('l_solidxai_open', 'true');
+        localStorage.setItem("l_solidxai_open", "true");
     };
     var handleCloseSolidXAIPanel = function () {
         setIsOpenSolidXAiPanel(false);
-        localStorage.setItem('l_solidxai_open', 'false');
+        localStorage.setItem("l_solidxai_open", "false");
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
@@ -765,16 +837,16 @@ export var SolidListView = function (params) {
                     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({
-                            severity: 'success',
-                            summary: 'Deleted',
-                            detail: 'Entity deleted successfully',
+                            severity: "success",
+                            summary: "Deleted",
+                            detail: "Entity deleted successfully",
                             life: 3000,
                         });
                     }
                     else {
                         (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show({
-                            severity: 'error',
-                            summary: 'Delete Failed',
+                            severity: "error",
+                            summary: "Delete Failed",
                             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,
                             life: 3000,
                         });
@@ -783,8 +855,8 @@ export var SolidListView = function (params) {
                 case 2:
                     error_1 = _g.sent();
                     (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show({
-                        severity: 'error',
-                        summary: 'Delete Failed',
+                        severity: "error",
+                        summary: "Delete Failed",
                         detail: "Something Went Wrong",
                         life: 3000,
                     });
@@ -793,113 +865,177 @@ export var SolidListView = function (params) {
             }
         });
     }); };
-    return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.ListContentWrapper), children: [_jsxs("div", { className: "page-header", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex gap-3 align-items-center", children: [_jsx("p", { className: "m-0 view-title", children: (_d = (_c = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.displayName }), ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.enableGlobalSearch) === true && params.embeded === false &&
-                                        _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter })] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [(_h = (_g = (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.headerButtons) === null || _g === void 0 ? void 0 : _g.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _h === void 0 ? void 0 : _h.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }), actionsAllowed.includes("".concat(createPermission(params.modelName))) && ((_j = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _j === void 0 ? void 0 : _j.create) !== false && params.embeded !== true && ((_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs.showDefaultAddButton) !== false &&
-                                        _jsx(SolidCreateButton, { url: createButtonUrl, solidListViewLayout: solidListViewLayout }), actionsAllowed.includes("".concat(createPermission(params.modelName))) && ((_o = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _o === void 0 ? void 0 : _o.create) !== false && params.embeded == true && params.inlineCreate == true && searchParams.get('viewMode') !== "view" &&
-                                        // < SolidCreateButton url={createButtonUrl} />
-                                        _jsx(Button, { type: "button", icon: ((_p = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _p === void 0 ? void 0 : _p.addButtonIcon) ? (_q = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _q === void 0 ? void 0 : _q.addButtonIcon : "pi pi-plus", label: ((_r = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _r === void 0 ? void 0 : _r.addButtonTitle) ? (_s = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _s === void 0 ? void 0 : _s.addButtonTitle : "Add", className: "".concat((_t = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.addButtonClassName), size: 'small', onClick: function () { return params.handlePopUpOpen("new"); } }), params.embeded !== true &&
-                                        _jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", outlined: true, onClick: function () {
-                                                setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
-                                            } }), showArchived && _jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: 'small', severity: "secondary", onClick: function () { return setRecoverDialogVisible(true); } }), params.embeded === false && (((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.configureView) !== false) &&
-                                        _jsx(SolidListViewConfigure, { listViewMetaData: listViewMetaData, 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 })] })] }), isListViewEmptyWithoutFilters ?
-                        _jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })
-                        :
-                            _jsx("div", { className: "solid-datatable-wrapper", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
-                                        return rowData.deletedAt ? "greyed-out-row" : "";
-                                    }, showGridlines: false, lazy: true, scrollable: true, 
-                                    // scrollHeight="90vh"
-                                    size: size, resizableColumns: true, paginator: true, rows: rows, rowsPerPageOptions: (_v = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _v === void 0 ? void 0 : _v.pageSizeOptions, dataKey: "id", emptyMessage: ((_y = (_x = (_w = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.model) === null || _y === void 0 ? void 0 : _y.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, 
-                                    // 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;
-                                        var rowData = e.data;
-                                        if ((solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.disableRowClick) === true)
-                                            return;
-                                        var hasFindPermission = actionsAllowed.includes(findPermission(params.modelName));
-                                        var hasUpdatePermission = actionsAllowed.includes(updatePermission(params.modelName)) &&
-                                            ((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.edit) !== false;
-                                        if (!(hasFindPermission || hasUpdatePermission))
-                                            return;
-                                        if (params.embeded === true) {
-                                            params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
-                                        }
-                                        else {
-                                            if (typeof window !== "undefined") {
-                                                sessionStorage.setItem("fromView", "list");
-                                            }
-                                            router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view"));
-                                        }
-                                    }, children: [params.embeded === true ? null :
-                                            _jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), renderColumnsDynamically(listViewMetaData), ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.rowButtons) &&
-                                            ((_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.rowButtons.filter(function (rb) {
-                                                var _a, _b;
-                                                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;
-                                                // 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);
-                                                return !isInContextMenu && isAllowed;
-                                            }).map(function (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 ? button.attrs.label : '', size: "small", iconPos: "left", onClick: function () {
-                                                                var event = {
-                                                                    params: params,
-                                                                    rowData: rowData,
-                                                                    solidListViewMetaData: solidListViewMetaData.data
-                                                                };
-                                                                handleCustomButtonClick(button.attrs, event);
-                                                            } }));
-                                                    } }, index));
-                                            })), actionsAllowed.includes("".concat(updatePermission(params.modelName))) && ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.edit) !== false && ((_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.showRowEditInContextMenu) === false &&
-                                            _jsx(Column, { header: "Edit", body: function (rowData) {
-                                                    return (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
-                                                            if (params.embeded == true) {
-                                                                params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
-                                                            }
-                                                            else {
-                                                                router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit"));
-                                                            }
-                                                        } }));
-                                                } }), actionsAllowed.includes("".concat(deletePermission(params.modelName))) && ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.delete) !== false && ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.showRowDeleteInContextMenu) === false &&
-                                            _jsx(Column, { header: "Delete", body: function (rowData) {
-                                                    return (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: 'pi pi-trash', onClick: function () {
-                                                            setSelectedSolidViewData(rowData);
-                                                            setDeleteEntity(true);
-                                                        } }));
-                                                } }), actionsAllowed.includes("".concat(updatePermission(params.modelName))) && ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.edit) !== false &&
-                                            _jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
-                                                    var _a, _b, _c, _d;
-                                                    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: [(solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showDefaultEditButton) !== false && (solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showRowEditInContextMenu) !== false &&
-                                                                                        _jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
-                                                                                                if (params.embeded == true) {
-                                                                                                    params.handlePopUpOpen(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id);
-                                                                                                }
-                                                                                                else {
-                                                                                                    router.push("".concat(editButtonUrl, "/").concat(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id, "?viewMode=edit"));
-                                                                                                }
-                                                                                            } }), actionsAllowed.includes("".concat(deletePermission(params.modelName))) && ((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.delete) !== false && (solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showRowDeleteInContextMenu) !== false &&
-                                                                                        _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); } }), (_d = (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.rowButtons) === null || _d === void 0 ? void 0 : _d.filter(function (rb) { return rb.attrs.actionInContextMenu === true; }).map(function (button, index) { return (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, selectedSolidViewData: selectedSolidViewData, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index)); })] }) })] }) }));
-                                                } })] }) })] }), process.env.NEXT_PUBLIC_ENABLE_SOLIDX_AI === 'true' && params.embeded !== true && (_jsxs("div", { className: "chatter-section ".concat(isOpenSolidXAiPanel === false ? 'collapsed' : ''), style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
+    var isVideoOrAudio = function (url) {
+        var _a;
+        // 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"];
+        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) || "";
+            if (isVideoOrAudio(url)) {
+                return {
+                    type: "video",
+                    sources: [{ src: url, type: "video/mp4" }],
+                };
+            }
+            return { src: url };
+        })
+        : [];
+    var hasMedia = slides.some(function (s) { return s.type === "video"; });
+    return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.ListContentWrapper), children: [_jsxs("div", { className: "page-header", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex gap-3 align-items-center", children: [_jsx("p", { className: "m-0 view-title", children: (_d = (_c = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.displayName }), ((_e = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.enableGlobalSearch) === true &&
+                                        params.embeded === false && (_jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }))] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [(_h = (_g = (_f = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.headerButtons) === null || _g === void 0 ? void 0 : _g.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _h === void 0 ? void 0 : _h.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }), actionsAllowed.includes("".concat(createPermission(params.modelName))) &&
+                                        ((_j = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _j === void 0 ? void 0 : _j.create) !== false &&
+                                        params.embeded !== true &&
+                                        ((_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { url: createButtonUrl, solidListViewLayout: solidListViewLayout })), actionsAllowed.includes("".concat(createPermission(params.modelName))) &&
+                                        ((_o = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _o === void 0 ? void 0 : _o.create) !== false &&
+                                        params.embeded == true &&
+                                        params.inlineCreate == true &&
+                                        searchParams.get("viewMode") !== "view" && (
+                                    // < SolidCreateButton url={createButtonUrl} />
+                                    _jsx(Button, { type: "button", icon: ((_p = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _p === void 0 ? void 0 : _p.addButtonIcon)
+                                            ? (_q = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _q === void 0 ? void 0 : _q.addButtonIcon
+                                            : "pi pi-plus", label: ((_r = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _r === void 0 ? void 0 : _r.addButtonTitle)
+                                            ? (_s = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _s === void 0 ? void 0 : _s.addButtonTitle
+                                            : "Add", className: "".concat((_t = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", outlined: true, onClick: function () {
+                                            setQueryString(first, rows, sortField, sortOrder, filters, showArchived);
+                                        } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
+                                        ((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: listViewMetaData, 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 }))] })] }), isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
+                                return rowData.deletedAt ? "greyed-out-row" : "";
+                            }, showGridlines: false, lazy: true, scrollable: true, 
+                            // scrollHeight="90vh"
+                            size: size, resizableColumns: true, paginator: true, rows: rows, rowsPerPageOptions: (_v = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _v === void 0 ? void 0 : _v.pageSizeOptions, dataKey: "id", emptyMessage: ((_y = (_x = (_w = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.model) === null || _y === void 0 ? void 0 : _y.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, 
+                            // 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;
+                                var rowData = e.data;
+                                if ((solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.disableRowClick) === true)
+                                    return;
+                                var hasFindPermission = actionsAllowed.includes(findPermission(params.modelName));
+                                var hasUpdatePermission = actionsAllowed.includes(updatePermission(params.modelName)) &&
+                                    ((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.edit) !== false;
+                                if (!(hasFindPermission || hasUpdatePermission))
+                                    return;
+                                if (params.embeded === true) {
+                                    params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                }
+                                else {
+                                    if (typeof window !== "undefined") {
+                                        sessionStorage.setItem("fromView", "list");
+                                    }
+                                    router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view"));
+                                }
+                            }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), renderColumnsDynamically(listViewMetaData), ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.rowButtons) &&
+                                    ((_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.rowButtons.filter(function (rb) {
+                                        var _a, _b;
+                                        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;
+                                        // 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);
+                                        return !isInContextMenu && isAllowed;
+                                    }).map(function (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
+                                                        ? button.attrs.label
+                                                        : "", size: "small", iconPos: "left", onClick: function () {
+                                                        var event = {
+                                                            params: params,
+                                                            rowData: rowData,
+                                                            solidListViewMetaData: solidListViewMetaData.data,
+                                                        };
+                                                        handleCustomButtonClick(button.attrs, event);
+                                                    } }));
+                                            } }, index));
+                                    })), actionsAllowed.includes("".concat(updatePermission(params.modelName))) &&
+                                    ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.edit) !== false &&
+                                    ((_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.showRowEditInContextMenu) ===
+                                        false && (_jsx(Column, { header: "Edit", body: function (rowData) {
+                                        return (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                if (params.embeded == true) {
+                                                    params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                }
+                                                else {
+                                                    router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit"));
+                                                }
+                                            } }));
+                                    } })), actionsAllowed.includes("".concat(deletePermission(params.modelName))) &&
+                                    ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.delete) !== false &&
+                                    ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.showRowDeleteInContextMenu) ===
+                                        false && (_jsx(Column, { header: "Delete", body: function (rowData) {
+                                        return (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
+                                                setSelectedSolidViewData(rowData);
+                                                setDeleteEntity(true);
+                                            } }));
+                                    } })), actionsAllowed.includes("".concat(updatePermission(params.modelName))) &&
+                                    ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.edit) !== false && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
+                                        var _a, _b, _c, _d;
+                                        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: [(solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showDefaultEditButton) !== false &&
+                                                                    (solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showRowEditInContextMenu) !== false && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                                                        if (params.embeded == true) {
+                                                                            params.handlePopUpOpen(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id);
+                                                                        }
+                                                                        else {
+                                                                            router.push("".concat(editButtonUrl, "/").concat(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id, "?viewMode=edit"));
+                                                                        }
+                                                                    } })), actionsAllowed.includes("".concat(deletePermission(params.modelName))) &&
+                                                                    ((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.delete) !==
+                                                                        false &&
+                                                                    (solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs.showRowDeleteInContextMenu) !== false && (_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); } })), (_d = (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.rowButtons) === null || _d === void 0 ? void 0 : _d.filter(function (rb) {
+                                                                    return rb.attrs.actionInContextMenu === true;
+                                                                }).map(function (button, index) { return (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, selectedSolidViewData: selectedSolidViewData, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index)); })] }) })] })) }));
+                                    } }))] }) }))] }), process.env.NEXT_PUBLIC_ENABLE_SOLIDX_AI === "true" &&
+                params.embeded !== true && (_jsxs("div", { className: "chatter-section ".concat(isOpenSolidXAiPanel === false ? "collapsed" : ""), style: { width: chatterWidth }, children: [isOpenSolidXAiPanel && (_jsx("div", { style: {
                             width: 5,
-                            cursor: 'col-resize',
-                            position: 'absolute',
+                            cursor: "col-resize",
+                            position: "absolute",
                             left: 0,
                             top: 0,
                             bottom: 0,
-                            height: '100%',
+                            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(SolidXAIModule, { showHeader: true, inListView: true })] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", style: { width: '20vw' }, 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, 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(((_8 = (_7 = (_6 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _6 === void 0 ? void 0 : _6.solidView) === null || _7 === void 0 ? void 0 : _7.model) === null || _8 === void 0 ? void 0 : _8.displayName) ? (_11 = (_10 = (_9 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _9 === void 0 ? void 0 : _9.solidView) === null || _10 === void 0 ? void 0 : _10.model) === null || _11 === void 0 ? void 0 : _11.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 () { if (!deleteEntity)
-                    return; setDeleteEntity(false); }, 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(((_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.model) === null || _14 === void 0 ? void 0 : _14.displayName) ? (_17 = (_16 = (_15 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _15 === void 0 ? void 0 : _15.solidView) === null || _16 === void 0 ? void 0 : _16.model) === null || _17 === void 0 ? void 0 : _17.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, { open: openLightbox, plugins: [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: lightboxUrls })] }));
+                        }, 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(SolidXAIModule, { showHeader: true, inListView: true }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", style: { width: '20vw' }, 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, 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(((_8 = (_7 = (_6 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _6 === void 0 ? void 0 : _6.solidView) === null || _7 === void 0 ? void 0 : _7.model) === null || _8 === void 0 ? void 0 : _8.displayName)
+                    ? (_11 = (_10 = (_9 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _9 === void 0 ? void 0 : _9.solidView) === null || _10 === void 0 ? void 0 : _10.model) === null || _11 === void 0 ? void 0 : _11.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 () {
+                    if (!deleteEntity)
+                        return;
+                    setDeleteEntity(false);
+                }, 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(((_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.model) === null || _14 === void 0 ? void 0 : _14.displayName)
+                                    ? (_17 = (_16 = (_15 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _15 === void 0 ? void 0 : _15.solidView) === null || _16 === void 0 ? void 0 : _16.model) === null || _17 === void 0 ? void 0 : _17.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
+                    ? [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",
+                },
+            }))))] }));
 };
 //# sourceMappingURL=SolidListView.js.map