@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

package/dist/components/core/users/CreateUserRole.tsx

@@ -112,24 +112,24 @@ const CreateUserRole = ({ data }: any) => {
   }, [isSuccess])
 
   return (
-    <div className="grid">
-      <div className="col-12 xl:col-10 mx-auto">
+    <div className="flex flex-wrap -mx-2 -mt-2">
+      <div className="mx-auto w-full px-2 pt-2 xl:w-[83.333333%]">
         <div>
           {/* <Toast ref={toast} /> */}
 
           <form onSubmit={formik.handleSubmit}>
-            {pathname.includes('create') ? <div className="flex gap-3 justify-content-between mb-5">
+            {pathname.includes('create') ? <div className="mb-6 flex justify-between gap-4">
               <div className="form-wrapper-title"> Create User Role</div>
-              <div className="gap-3 flex">
+              <div className="flex gap-4">
                 <div>
                   <SolidButton label="Save" size="sm" onClick={() => showError()} type="submit" className='small-button' />
                 </div>
                 <CancelButton />
               </div>
             </div> :
-              <div className="flex gap-3 justify-content-between mb-5">
+              <div className="mb-6 flex justify-between gap-4">
                 <h1 className="m-0"> Edit User</h1>
-                <div className="gap-3 flex">
+                <div className="flex gap-4">
                   <div>
                     <SolidButton label="Save" onClick={() => showError()} type="submit" size="sm" className='small-button' />
                   </div>
@@ -141,8 +141,8 @@ const CreateUserRole = ({ data }: any) => {
               </div>
             }
             <div className="form-wrapper">
-              <div className="grid formgrid">
-                <div className="md:col-6 sm:col-12">
+              <div className="flex flex-wrap -mx-2 -mt-2">
+                <div className="w-full px-2 pt-2 md:w-1/2">
                   <div className="field">
                     <label htmlFor="username" className="form-label form-field-label">
                       User Name
@@ -161,7 +161,7 @@ const CreateUserRole = ({ data }: any) => {
                     )}
                   </div>
                 </div>
-                <div className="md:col-6 sm:col-12">
+                <div className="w-full px-2 pt-2 md:w-1/2">
                   <div className="field">
                     <label htmlFor="type" className="form-label form-field-label">
                       Role Name

package/dist/components/core/users/UserListView.js

@@ -201,19 +201,19 @@ export var UserListView = function () {
         deleteManyUser(deleteList);
         setDialogVisible(false);
     };
-    return (_jsxs("div", { className: "solid-user-list w-full", children: [_jsxs("div", { className: "flex gap-3 mb-4 align-items-center flex-wrap", children: [_jsx(CreateButton, {}), selectedUsers.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "small", severity: "danger", className: "small-button", onClick: function () { return setDialogVisible(true); } }))] }), _jsxs("div", { className: "grid formgrid mb-3", children: [[
+    return (_jsxs("div", { className: "solid-user-list w-full", children: [_jsxs("div", { className: "flex gap-4 mb-6 items-center flex-wrap", children: [_jsx(CreateButton, {}), selectedUsers.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "small", severity: "danger", className: "small-button", onClick: function () { return setDialogVisible(true); } }))] }), _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2 mb-4", children: [[
                         { key: "fullName", placeholder: "Search by full name" },
                         { key: "username", placeholder: "Search by username" },
                         { key: "email", placeholder: "Search by email" },
                         { key: "mobile", placeholder: "Search by mobile" },
                     ].map(function (filter) {
                         var _a;
-                        return (_jsx("div", { className: "field col-12 md:col-3", children: _jsx(SolidInput, { value: (_a = pendingFilters[filter.key].value) !== null && _a !== void 0 ? _a : "", onChange: function (event) {
+                        return (_jsx("div", { className: "field w-full md:w-1/4 px-2 pt-2", children: _jsx(SolidInput, { value: (_a = pendingFilters[filter.key].value) !== null && _a !== void 0 ? _a : "", onChange: function (event) {
                                     return handleFilterInputChange(filter.key, event.currentTarget.value);
                                 }, placeholder: filter.placeholder }) }, filter.key));
-                    }), _jsxs("div", { className: "field col-12 flex align-items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-content-center my-3", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: users, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No users found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, selection: selectedUsers, onSelectionChange: function (_a) {
+                    }), _jsxs("div", { className: "field w-full px-2 pt-2 flex items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-center my-4", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: users, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No users found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, selection: selectedUsers, onSelectionChange: function (_a) {
                     var value = _a.value;
                     return setSelectedUsers(value);
-                }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "ID", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "fullName", header: "Full Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "username", header: "Username", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "email", header: "Email", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { body: function (record) { return (_jsx(Link, { href: "".concat(record.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx(SolidIcon, { name: "si-pencil", style: { fontSize: "1rem" }, "aria-hidden": true }) })); } })] }), _jsxs(SolidDialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", onHide: function () { return setDialogVisible(false); }, children: [_jsx("p", { children: "Are you sure you want to delete the selected Users?" }), _jsxs("div", { className: "flex justify-content-center gap-3 mt-3", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setDialogVisible(false); } })] })] })] }));
+                }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "ID", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "fullName", header: "Full Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "username", header: "Username", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "email", header: "Email", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { body: function (record) { return (_jsx(Link, { href: "".concat(record.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx(SolidIcon, { name: "si-pencil", style: { fontSize: "1rem" }, "aria-hidden": true }) })); } })] }), _jsxs(SolidDialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", onHide: function () { return setDialogVisible(false); }, children: [_jsx("p", { children: "Are you sure you want to delete the selected Users?" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setDialogVisible(false); } })] })] })] }));
 };
 //# sourceMappingURL=UserListView.js.map

package/dist/components/core/users/UserListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListView.js","sourceRoot":"","sources":["../../../../src/components/core/users/UserListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,MAAM,EAAuB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAkB5D,IAAM,oBAAoB,GAAG,cAAkB,OAAA,CAAC;IAC9C,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IACjE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IACjE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IAC9D,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;CAChE,CAAC,EAL6C,CAK7C,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAAoB,QAAQ,CAAU,EAAE,CAAC,EAAxC,KAAK,QAAA,EAAE,QAAQ,QAAyB,CAAC;IAC1C,IAAA,KAAwB,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAzE,OAAO,QAAA,EAAE,UAAU,QAAsD,CAAC;IAC3E,IAAA,KAAsC,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAvF,cAAc,QAAA,EAAE,iBAAiB,QAAsD,CAAC;IACzF,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAkB,QAAQ,CAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAAkC,QAAQ,CAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IAC9C,IAAA,KAA4B,QAAQ,CAAC,EAAE,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAC;IACzC,IAAA,KAA4B,QAAQ,CAAa,CAAC,CAAC,EAAlD,SAAS,QAAA,EAAE,YAAY,QAA2B,CAAC;IACpD,IAAA,KAAoC,QAAQ,CAAU,EAAE,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAAwB,QAAQ,CAAU,IAAI,CAAC,EAA9C,OAAO,QAAA,EAAE,UAAU,QAA2B,CAAC;IAChD,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,eAAe,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAEtD,IAAA,KAA8D,oBAAoB,EAAE,EAAnF,cAAc,QAAA,EAAE,UAAyC,EAAjC,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAA4B,CAAC;IACrF,IAAA,KACJ,8BAA8B,EAAE,EAD3B,cAAc,QAAA,EAAE,UAAsF,EAAzE,mBAAmB,eAAA,EAAW,iBAAiB,aAAA,EAAS,eAAe,WACzE,CAAC;IAEnC,SAAS,CAAC;;QACR,IAAI,IAAI,EAAE;YACR,QAAQ,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;YACpC,eAAe,CAAC,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,mCAAI,CAAC,CAAC,CAAC;YACrD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC;QACR,IAAM,SAAS,GAAG;YAChB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB,CAAC;QACF,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,SAAS,CAAC;QACR,IAAI,OAAO,IAAI,iBAAiB,EAAE;YAChC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC;YAEhD,IAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;YAErD,IAAI,sCAAsC,CAAC,UAAU,CAAC,EAAE;gBACtD,YAAY,GAAG,UAAI,UAAgE,CAAC,IAAI,CAAC,OAAO,CAAE,CAAC;aACpG;iBAAM;gBACL,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC;aAC/C;YAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC7G;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,IAAM,sCAAsC,GAAG,UAC7C,KAAU;QAEV,OAAO,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,SAAS,IAAK,KAAa,CAAC,IAAI,CAAC;IACnG,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAsC;QAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpB,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG,UAAC,KAA0B;;QACxC,IAAM,aAAa,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC;QAC5C,IAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7F,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7B,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UACrB,MAAe,EACf,QAAiB,EACjB,KAAc,EACd,KAAkB,EAClB,WAAwB;;;YAElB,gBAAgB,GAAwB,EAAE,CAAC;YAEjD,MAAM,CAAC,IAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,SAAS;;;gBAC/C,IAAM,WAAW,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,KAAK,CAAC;gBACpD,IAAM,SAAS,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,SAAS,CAAC;gBAEtD,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,IAAI,SAAS,EAAE;oBAClE,IAAI,QAAQ,GAAG,SAAS,CAAC;oBACzB,QAAQ,SAAS,EAAE;wBACjB,KAAK,eAAe,CAAC,QAAQ;4BAC3B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR,KAAK,eAAe,CAAC,WAAW;4BAC9B,QAAQ,GAAG,cAAc,CAAC;4BAC1B,MAAM;wBACR,KAAK,eAAe,CAAC,MAAM;4BACzB,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,YAAY;4BAC/B,QAAQ,GAAG,eAAe,CAAC;4BAC3B,MAAM;wBACR,KAAK,eAAe,CAAC,UAAU;4BAC7B,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,SAAS;4BAC5B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR;4BACE,QAAQ,GAAG,SAAS,CAAC;qBACxB;oBAED,gBAAgB,CAAC,SAAS,CAAC,aAAK,GAAC,QAAQ,IAAG,WAAW,KAAE,CAAC;iBAC3D;YACH,CAAC,CAAC,CAAC;YAEG,SAAS,GAAwB;gBACrC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;gBACvB,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI;gBACvB,QAAQ,EAAE,CAAC,OAAO,CAAC;gBACnB,OAAO,EAAE,gBAAgB;aAC1B,CAAC;YAEF,IAAI,KAAK,EAAE;gBACT,SAAS,CAAC,IAAI,GAAG,CAAC,UAAG,KAAK,cAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,CAAC;aACpF;YAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;gBAC1C,gBAAgB,EAAE,IAAI;aACvB,CAAC,CAAC;YAEH,sBAAO,cAAc,CAAC,WAAW,CAAC,EAAC;;SACpC,CAAC;IAEF,IAAM,uBAAuB,GAAG,UAAC,SAA2B,EAAE,KAAa;QACzE,iBAAiB,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACvB,IAAI,gBACN,SAAS,0BAAQ,IAAI,CAAC,SAAS,CAAC,KAAE,KAAK,OAAA,UACxC;QAH0B,CAG1B,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;QACxC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,EAAP,CAAO,CAAC,CAAC;QACxD,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,YAAY,KAAG,EACf,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,GACrC,CACH,IACG,EAEN,eAAK,SAAS,EAAC,oBAAoB,aAChC;wBACC,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE;wBACvD,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,EAAE;wBACtD,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE;wBAChD,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE;qBACnD,CAAC,GAAG,CAAC,UAAC,MAAM;;wBAAK,OAAA,CAChB,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,UAAU,IACT,KAAK,EAAE,MAAA,cAAc,CAAC,MAAM,CAAC,GAAuB,CAAC,CAAC,KAAK,mCAAI,EAAE,EACjE,QAAQ,EAAE,UAAC,KAAK;oCACd,OAAA,uBAAuB,CAAC,MAAM,CAAC,GAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;gCAAlF,CAAkF,EAEpF,WAAW,EAAE,MAAM,CAAC,WAAW,GAC/B,IAPwC,MAAM,CAAC,GAAG,CAQhD,CACP,CAAA;qBAAA,CAAC,EACF,eAAK,SAAS,EAAC,4CAA4C,aACzD,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,EACjE,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,IAC7E,IACF,EAEL,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,YAAY,KAAG,GACZ,CACP,EAED,MAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAChC,OAAO,EAAC,IAAI,EACZ,YAAY,EAAC,gBAAgB,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBAAO,OAAA,gBAAgB,CAAC,KAAK,CAAC;gBAAvB,CAAuB,aAEzD,KAAC,MAAM,IAAC,aAAa,EAAC,UAAU,EAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,EAClE,KAAC,MAAM,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,QAAC,eAAe,EAAC,iBAAiB,GAAG,EAChG,KAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,IAAI,EAAE,UAAC,MAAa,IAAK,OAAA,CACvB,KAAC,IAAI,IACH,IAAI,EAAE,UAAG,MAAM,CAAC,EAAE,CAAE,EACpB,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAE3B,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,wBAAgB,GAClE,CACR,EATwB,CASxB,GACD,IACa,EAEjB,MAAC,WAAW,IACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAC,gBAAgB,EACvB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,aAErC,8EAA0D,EAC1D,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,UAAU,GAAI,EACrG,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,GAAI,IACvG,IACM,IACV,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from \"../../../redux/api/userApi\";\nimport Link from \"../../common/Link\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { CreateButton } from \"../../../components/common/CreateButton\";\nimport qs from \"qs\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from \"../../shad-cn-ui\";\nimport { Column, DataTableStateEvent, SolidDataTable } from \"../list/SolidDataTable\";\nimport { FilterMatchMode } from \"../filter/filterMatchMode\";\n\ninterface Users {\n  id: string;\n  fullName: string;\n  username: string;\n  email: string;\n  mobile: string;\n}\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\ntype FilterMeta = Record<string, { value: string | null; matchMode: string }>;\n\nconst createDefaultFilters = (): FilterMeta => ({\n  fullName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  username: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  email: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  mobile: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n});\n\nexport const UserListView = () => {\n  const dispatch = useDispatch();\n  const [users, setUsers] = useState<Users[]>([]);\n  const [filters, setFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [pendingFilters, setPendingFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [first, setFirst] = useState(0);\n  const [rows, setRows] = useState(25);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [sortField, setSortField] = useState(\"\");\n  const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);\n  const [selectedUsers, setSelectedUsers] = useState<Users[]>([]);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [isDialogVisible, setDialogVisible] = useState(false);\n\n  const [triggerGetUser, { data: user, isLoading, error, isError }] = useLazyGetusersQuery();\n  const [deleteManyUser, { isSuccess: isDeleteUserSuceess, isError: isUserDeleteError, error: UserDeleteError }] =\n    useDeleteMultipleUsersMutation();\n\n  useEffect(() => {\n    if (user) {\n      setUsers(user?.data?.records ?? []);\n      setTotalRecords(user?.data?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [user]);\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: rows,\n      populate: [\"roles\"],\n    };\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    triggerGetUser(queryString);\n    setSelectedUsers([]);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (isError || isUserDeleteError) {\n      setLoading(false);\n      let errorMessage = ERROR_MESSAGES.ERROR_OCCURED;\n\n      const errorToast = isError ? error : UserDeleteError;\n\n      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n        errorMessage = `${(errorToast as FetchBaseQueryError & { data: ErrorResponseData }).data.message}`;\n      } else {\n        errorMessage = ERROR_MESSAGES.SOMETHING_WRONG;\n      }\n\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage, life: 3000 }));\n    }\n  }, [dispatch, isError, isUserDeleteError, error, UserDeleteError]);\n\n  const isFetchBaseQueryErrorWithErrorResponse = (\n    error: any\n  ): error is FetchBaseQueryError & { data: ErrorResponseData } => {\n    return error && typeof error === \"object\" && \"data\" in error && \"message\" in (error as any).data;\n  };\n\n  const onPageChange = (event: { first: number; rows: number }) => {\n    setFirst(event.first);\n    setRows(event.rows);\n    setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n  };\n\n  const onSort = (event: DataTableStateEvent) => {\n    const nextSortField = event.sortField ?? \"\";\n    const validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;\n    setSortField(nextSortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(0, rows, nextSortField, validSortOrder, filters);\n  };\n\n  const setQueryString = async (\n    offset?: number,\n    rowCount?: number,\n    field?: string,\n    order?: 1 | -1 | 0,\n    filterQuery?: FilterMeta\n  ) => {\n    const formattedFilters: Record<string, any> = {};\n\n    Object.keys(filterQuery ?? {}).forEach((fieldName) => {\n      const filterValue = filterQuery?.[fieldName]?.value;\n      const matchMode = filterQuery?.[fieldName]?.matchMode;\n\n      if (filterValue !== null && filterValue !== undefined && matchMode) {\n        let operator = matchMode;\n        switch (matchMode) {\n          case FilterMatchMode.CONTAINS:\n            operator = \"$containsi\";\n            break;\n          case FilterMatchMode.STARTS_WITH:\n            operator = \"$startsWithi\";\n            break;\n          case FilterMatchMode.EQUALS:\n            operator = \"$eqi\";\n            break;\n          case FilterMatchMode.NOT_CONTAINS:\n            operator = \"$notContainsi\";\n            break;\n          case FilterMatchMode.NOT_EQUALS:\n            operator = \"$nei\";\n            break;\n          case FilterMatchMode.ENDS_WITH:\n            operator = \"$endsWithi\";\n            break;\n          default:\n            operator = matchMode;\n        }\n\n        formattedFilters[fieldName] = { [operator]: filterValue };\n      }\n    });\n\n    const queryData: Record<string, any> = {\n      offset: offset ?? first,\n      limit: rowCount ?? rows,\n      populate: [\"roles\"],\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [`${field}:${order === 0 ? null : order === 1 ? \"asc\" : \"desc\"}`];\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true,\n    });\n\n    return triggerGetUser(queryString);\n  };\n\n  const handleFilterInputChange = (fieldName: keyof FilterMeta, value: string) => {\n    setPendingFilters((prev) => ({\n      ...prev,\n      [fieldName]: { ...prev[fieldName], value },\n    }));\n  };\n\n  const applyFilters = () => {\n    setFirst(0);\n    setFilters(pendingFilters);\n    setQueryString(0, rows, sortField, sortOrder, pendingFilters);\n  };\n\n  const clearFilters = () => {\n    const defaults = createDefaultFilters();\n    setPendingFilters(defaults);\n    setFilters(defaults);\n    setFirst(0);\n    setQueryString(0, rows, sortField, sortOrder, defaults);\n  };\n\n  const deleteBulk = () => {\n    const deleteList = selectedUsers.map((user) => user.id);\n    deleteManyUser(deleteList);\n    setDialogVisible(false);\n  };\n\n  return (\n    <div className=\"solid-user-list w-full\">\n      <div className=\"flex gap-3 mb-4 align-items-center flex-wrap\">\n        <CreateButton />\n        {selectedUsers.length > 0 && (\n          <SolidButton\n            type=\"button\"\n            label=\"Delete\"\n            size=\"small\"\n            severity=\"danger\"\n            className=\"small-button\"\n            onClick={() => setDialogVisible(true)}\n          />\n        )}\n      </div>\n\n      <div className=\"grid formgrid mb-3\">\n        {[\n          { key: \"fullName\", placeholder: \"Search by full name\" },\n          { key: \"username\", placeholder: \"Search by username\" },\n          { key: \"email\", placeholder: \"Search by email\" },\n          { key: \"mobile\", placeholder: \"Search by mobile\" },\n        ].map((filter) => (\n          <div className=\"field col-12 md:col-3\" key={filter.key}>\n            <SolidInput\n              value={pendingFilters[filter.key as keyof FilterMeta].value ?? \"\"}\n              onChange={(event) =>\n                handleFilterInputChange(filter.key as keyof FilterMeta, event.currentTarget.value)\n              }\n              placeholder={filter.placeholder}\n            />\n          </div>\n        ))}\n        <div className=\"field col-12 flex align-items-center gap-2\">\n          <SolidButton size=\"small\" onClick={applyFilters} label=\"Apply\" />\n          <SolidButton size=\"small\" variant=\"ghost\" onClick={clearFilters} label=\"Clear\" />\n        </div>\n      </div>\n\n      {(loading || isLoading) && (\n        <div className=\"flex justify-content-center my-3\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={users}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No users found\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={onSort}\n        sortField={sortField}\n        sortOrder={sortOrder}\n        selection={selectedUsers}\n        onSelectionChange={({ value }) => setSelectedUsers(value)}\n      >\n        <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n        <Column field=\"id\" header=\"ID\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\" />\n        <Column\n          field=\"fullName\"\n          header=\"Full Name\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"username\"\n          header=\"Username\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"email\"\n          header=\"Email\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          body={(record: Users) => (\n            <Link\n              href={`${record.id}`}\n              rel=\"noopener noreferrer\"\n              className=\"text-sm font-bold p-0\"\n              style={{ color: \"#12415D\" }}\n            >\n              <SolidIcon name=\"si-pencil\" style={{ fontSize: \"1rem\" }} aria-hidden />\n            </Link>\n          )}\n        />\n      </SolidDataTable>\n\n      <SolidDialog\n        visible={isDialogVisible}\n        header=\"Confirm Delete\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => setDialogVisible(false)}\n      >\n        <p>Are you sure you want to delete the selected Users?</p>\n        <div className=\"flex justify-content-center gap-3 mt-3\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={deleteBulk} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setDialogVisible(false)} />\n        </div>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"UserListView.js","sourceRoot":"","sources":["../../../../src/components/core/users/UserListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,MAAM,EAAuB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAkB5D,IAAM,oBAAoB,GAAG,cAAkB,OAAA,CAAC;IAC9C,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IACjE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IACjE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IAC9D,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;CAChE,CAAC,EAL6C,CAK7C,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAAoB,QAAQ,CAAU,EAAE,CAAC,EAAxC,KAAK,QAAA,EAAE,QAAQ,QAAyB,CAAC;IAC1C,IAAA,KAAwB,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAzE,OAAO,QAAA,EAAE,UAAU,QAAsD,CAAC;IAC3E,IAAA,KAAsC,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAvF,cAAc,QAAA,EAAE,iBAAiB,QAAsD,CAAC;IACzF,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAkB,QAAQ,CAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAAkC,QAAQ,CAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IAC9C,IAAA,KAA4B,QAAQ,CAAC,EAAE,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAC;IACzC,IAAA,KAA4B,QAAQ,CAAa,CAAC,CAAC,EAAlD,SAAS,QAAA,EAAE,YAAY,QAA2B,CAAC;IACpD,IAAA,KAAoC,QAAQ,CAAU,EAAE,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAAwB,QAAQ,CAAU,IAAI,CAAC,EAA9C,OAAO,QAAA,EAAE,UAAU,QAA2B,CAAC;IAChD,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,eAAe,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAEtD,IAAA,KAA8D,oBAAoB,EAAE,EAAnF,cAAc,QAAA,EAAE,UAAyC,EAAjC,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAA4B,CAAC;IACrF,IAAA,KACJ,8BAA8B,EAAE,EAD3B,cAAc,QAAA,EAAE,UAAsF,EAAzE,mBAAmB,eAAA,EAAW,iBAAiB,aAAA,EAAS,eAAe,WACzE,CAAC;IAEnC,SAAS,CAAC;;QACR,IAAI,IAAI,EAAE;YACR,QAAQ,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;YACpC,eAAe,CAAC,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,mCAAI,CAAC,CAAC,CAAC;YACrD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC;QACR,IAAM,SAAS,GAAG;YAChB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB,CAAC;QACF,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,SAAS,CAAC;QACR,IAAI,OAAO,IAAI,iBAAiB,EAAE;YAChC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC;YAEhD,IAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;YAErD,IAAI,sCAAsC,CAAC,UAAU,CAAC,EAAE;gBACtD,YAAY,GAAG,UAAI,UAAgE,CAAC,IAAI,CAAC,OAAO,CAAE,CAAC;aACpG;iBAAM;gBACL,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC;aAC/C;YAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC7G;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,IAAM,sCAAsC,GAAG,UAC7C,KAAU;QAEV,OAAO,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,SAAS,IAAK,KAAa,CAAC,IAAI,CAAC;IACnG,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAsC;QAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpB,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG,UAAC,KAA0B;;QACxC,IAAM,aAAa,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC;QAC5C,IAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7F,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7B,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UACrB,MAAe,EACf,QAAiB,EACjB,KAAc,EACd,KAAkB,EAClB,WAAwB;;;YAElB,gBAAgB,GAAwB,EAAE,CAAC;YAEjD,MAAM,CAAC,IAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,SAAS;;;gBAC/C,IAAM,WAAW,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,KAAK,CAAC;gBACpD,IAAM,SAAS,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,SAAS,CAAC;gBAEtD,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,IAAI,SAAS,EAAE;oBAClE,IAAI,QAAQ,GAAG,SAAS,CAAC;oBACzB,QAAQ,SAAS,EAAE;wBACjB,KAAK,eAAe,CAAC,QAAQ;4BAC3B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR,KAAK,eAAe,CAAC,WAAW;4BAC9B,QAAQ,GAAG,cAAc,CAAC;4BAC1B,MAAM;wBACR,KAAK,eAAe,CAAC,MAAM;4BACzB,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,YAAY;4BAC/B,QAAQ,GAAG,eAAe,CAAC;4BAC3B,MAAM;wBACR,KAAK,eAAe,CAAC,UAAU;4BAC7B,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,SAAS;4BAC5B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR;4BACE,QAAQ,GAAG,SAAS,CAAC;qBACxB;oBAED,gBAAgB,CAAC,SAAS,CAAC,aAAK,GAAC,QAAQ,IAAG,WAAW,KAAE,CAAC;iBAC3D;YACH,CAAC,CAAC,CAAC;YAEG,SAAS,GAAwB;gBACrC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;gBACvB,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI;gBACvB,QAAQ,EAAE,CAAC,OAAO,CAAC;gBACnB,OAAO,EAAE,gBAAgB;aAC1B,CAAC;YAEF,IAAI,KAAK,EAAE;gBACT,SAAS,CAAC,IAAI,GAAG,CAAC,UAAG,KAAK,cAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,CAAC;aACpF;YAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;gBAC1C,gBAAgB,EAAE,IAAI;aACvB,CAAC,CAAC;YAEH,sBAAO,cAAc,CAAC,WAAW,CAAC,EAAC;;SACpC,CAAC;IAEF,IAAM,uBAAuB,GAAG,UAAC,SAA2B,EAAE,KAAa;QACzE,iBAAiB,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACvB,IAAI,gBACN,SAAS,0BAAQ,IAAI,CAAC,SAAS,CAAC,KAAE,KAAK,OAAA,UACxC;QAH0B,CAG1B,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;QACxC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,EAAP,CAAO,CAAC,CAAC;QACxD,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,YAAY,KAAG,EACf,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,GACrC,CACH,IACG,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC7C;wBACC,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE;wBACvD,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,EAAE;wBACtD,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE;wBAChD,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE;qBACnD,CAAC,GAAG,CAAC,UAAC,MAAM;;wBAAK,OAAA,CAChB,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,UAAU,IACT,KAAK,EAAE,MAAA,cAAc,CAAC,MAAM,CAAC,GAAuB,CAAC,CAAC,KAAK,mCAAI,EAAE,EACjE,QAAQ,EAAE,UAAC,KAAK;oCACd,OAAA,uBAAuB,CAAC,MAAM,CAAC,GAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;gCAAlF,CAAkF,EAEpF,WAAW,EAAE,MAAM,CAAC,WAAW,GAC/B,IAPkD,MAAM,CAAC,GAAG,CAQ1D,CACP,CAAA;qBAAA,CAAC,EACF,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,EACjE,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,IAC7E,IACF,EAEL,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,YAAY,KAAG,GACZ,CACP,EAED,MAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAChC,OAAO,EAAC,IAAI,EACZ,YAAY,EAAC,gBAAgB,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBAAO,OAAA,gBAAgB,CAAC,KAAK,CAAC;gBAAvB,CAAuB,aAEzD,KAAC,MAAM,IAAC,aAAa,EAAC,UAAU,EAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,EAClE,KAAC,MAAM,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,QAAC,eAAe,EAAC,iBAAiB,GAAG,EAChG,KAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,IAAI,EAAE,UAAC,MAAa,IAAK,OAAA,CACvB,KAAC,IAAI,IACH,IAAI,EAAE,UAAG,MAAM,CAAC,EAAE,CAAE,EACpB,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAE3B,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,wBAAgB,GAClE,CACR,EATwB,CASxB,GACD,IACa,EAEjB,MAAC,WAAW,IACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAC,gBAAgB,EACvB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,aAErC,8EAA0D,EAC1D,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,UAAU,GAAI,EACrG,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,GAAI,IACvG,IACM,IACV,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from \"../../../redux/api/userApi\";\nimport Link from \"../../common/Link\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { CreateButton } from \"../../../components/common/CreateButton\";\nimport qs from \"qs\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from \"../../shad-cn-ui\";\nimport { Column, DataTableStateEvent, SolidDataTable } from \"../list/SolidDataTable\";\nimport { FilterMatchMode } from \"../filter/filterMatchMode\";\n\ninterface Users {\n  id: string;\n  fullName: string;\n  username: string;\n  email: string;\n  mobile: string;\n}\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\ntype FilterMeta = Record<string, { value: string | null; matchMode: string }>;\n\nconst createDefaultFilters = (): FilterMeta => ({\n  fullName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  username: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  email: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  mobile: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n});\n\nexport const UserListView = () => {\n  const dispatch = useDispatch();\n  const [users, setUsers] = useState<Users[]>([]);\n  const [filters, setFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [pendingFilters, setPendingFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [first, setFirst] = useState(0);\n  const [rows, setRows] = useState(25);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [sortField, setSortField] = useState(\"\");\n  const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);\n  const [selectedUsers, setSelectedUsers] = useState<Users[]>([]);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [isDialogVisible, setDialogVisible] = useState(false);\n\n  const [triggerGetUser, { data: user, isLoading, error, isError }] = useLazyGetusersQuery();\n  const [deleteManyUser, { isSuccess: isDeleteUserSuceess, isError: isUserDeleteError, error: UserDeleteError }] =\n    useDeleteMultipleUsersMutation();\n\n  useEffect(() => {\n    if (user) {\n      setUsers(user?.data?.records ?? []);\n      setTotalRecords(user?.data?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [user]);\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: rows,\n      populate: [\"roles\"],\n    };\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    triggerGetUser(queryString);\n    setSelectedUsers([]);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (isError || isUserDeleteError) {\n      setLoading(false);\n      let errorMessage = ERROR_MESSAGES.ERROR_OCCURED;\n\n      const errorToast = isError ? error : UserDeleteError;\n\n      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n        errorMessage = `${(errorToast as FetchBaseQueryError & { data: ErrorResponseData }).data.message}`;\n      } else {\n        errorMessage = ERROR_MESSAGES.SOMETHING_WRONG;\n      }\n\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage, life: 3000 }));\n    }\n  }, [dispatch, isError, isUserDeleteError, error, UserDeleteError]);\n\n  const isFetchBaseQueryErrorWithErrorResponse = (\n    error: any\n  ): error is FetchBaseQueryError & { data: ErrorResponseData } => {\n    return error && typeof error === \"object\" && \"data\" in error && \"message\" in (error as any).data;\n  };\n\n  const onPageChange = (event: { first: number; rows: number }) => {\n    setFirst(event.first);\n    setRows(event.rows);\n    setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n  };\n\n  const onSort = (event: DataTableStateEvent) => {\n    const nextSortField = event.sortField ?? \"\";\n    const validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;\n    setSortField(nextSortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(0, rows, nextSortField, validSortOrder, filters);\n  };\n\n  const setQueryString = async (\n    offset?: number,\n    rowCount?: number,\n    field?: string,\n    order?: 1 | -1 | 0,\n    filterQuery?: FilterMeta\n  ) => {\n    const formattedFilters: Record<string, any> = {};\n\n    Object.keys(filterQuery ?? {}).forEach((fieldName) => {\n      const filterValue = filterQuery?.[fieldName]?.value;\n      const matchMode = filterQuery?.[fieldName]?.matchMode;\n\n      if (filterValue !== null && filterValue !== undefined && matchMode) {\n        let operator = matchMode;\n        switch (matchMode) {\n          case FilterMatchMode.CONTAINS:\n            operator = \"$containsi\";\n            break;\n          case FilterMatchMode.STARTS_WITH:\n            operator = \"$startsWithi\";\n            break;\n          case FilterMatchMode.EQUALS:\n            operator = \"$eqi\";\n            break;\n          case FilterMatchMode.NOT_CONTAINS:\n            operator = \"$notContainsi\";\n            break;\n          case FilterMatchMode.NOT_EQUALS:\n            operator = \"$nei\";\n            break;\n          case FilterMatchMode.ENDS_WITH:\n            operator = \"$endsWithi\";\n            break;\n          default:\n            operator = matchMode;\n        }\n\n        formattedFilters[fieldName] = { [operator]: filterValue };\n      }\n    });\n\n    const queryData: Record<string, any> = {\n      offset: offset ?? first,\n      limit: rowCount ?? rows,\n      populate: [\"roles\"],\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [`${field}:${order === 0 ? null : order === 1 ? \"asc\" : \"desc\"}`];\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true,\n    });\n\n    return triggerGetUser(queryString);\n  };\n\n  const handleFilterInputChange = (fieldName: keyof FilterMeta, value: string) => {\n    setPendingFilters((prev) => ({\n      ...prev,\n      [fieldName]: { ...prev[fieldName], value },\n    }));\n  };\n\n  const applyFilters = () => {\n    setFirst(0);\n    setFilters(pendingFilters);\n    setQueryString(0, rows, sortField, sortOrder, pendingFilters);\n  };\n\n  const clearFilters = () => {\n    const defaults = createDefaultFilters();\n    setPendingFilters(defaults);\n    setFilters(defaults);\n    setFirst(0);\n    setQueryString(0, rows, sortField, sortOrder, defaults);\n  };\n\n  const deleteBulk = () => {\n    const deleteList = selectedUsers.map((user) => user.id);\n    deleteManyUser(deleteList);\n    setDialogVisible(false);\n  };\n\n  return (\n    <div className=\"solid-user-list w-full\">\n      <div className=\"flex gap-4 mb-6 items-center flex-wrap\">\n        <CreateButton />\n        {selectedUsers.length > 0 && (\n          <SolidButton\n            type=\"button\"\n            label=\"Delete\"\n            size=\"small\"\n            severity=\"danger\"\n            className=\"small-button\"\n            onClick={() => setDialogVisible(true)}\n          />\n        )}\n      </div>\n\n      <div className=\"flex flex-wrap -mx-2 -mt-2 mb-4\">\n        {[\n          { key: \"fullName\", placeholder: \"Search by full name\" },\n          { key: \"username\", placeholder: \"Search by username\" },\n          { key: \"email\", placeholder: \"Search by email\" },\n          { key: \"mobile\", placeholder: \"Search by mobile\" },\n        ].map((filter) => (\n          <div className=\"field w-full md:w-1/4 px-2 pt-2\" key={filter.key}>\n            <SolidInput\n              value={pendingFilters[filter.key as keyof FilterMeta].value ?? \"\"}\n              onChange={(event) =>\n                handleFilterInputChange(filter.key as keyof FilterMeta, event.currentTarget.value)\n              }\n              placeholder={filter.placeholder}\n            />\n          </div>\n        ))}\n        <div className=\"field w-full px-2 pt-2 flex items-center gap-2\">\n          <SolidButton size=\"small\" onClick={applyFilters} label=\"Apply\" />\n          <SolidButton size=\"small\" variant=\"ghost\" onClick={clearFilters} label=\"Clear\" />\n        </div>\n      </div>\n\n      {(loading || isLoading) && (\n        <div className=\"flex justify-center my-4\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={users}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No users found\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={onSort}\n        sortField={sortField}\n        sortOrder={sortOrder}\n        selection={selectedUsers}\n        onSelectionChange={({ value }) => setSelectedUsers(value)}\n      >\n        <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n        <Column field=\"id\" header=\"ID\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\" />\n        <Column\n          field=\"fullName\"\n          header=\"Full Name\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"username\"\n          header=\"Username\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"email\"\n          header=\"Email\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          body={(record: Users) => (\n            <Link\n              href={`${record.id}`}\n              rel=\"noopener noreferrer\"\n              className=\"text-sm font-bold p-0\"\n              style={{ color: \"#12415D\" }}\n            >\n              <SolidIcon name=\"si-pencil\" style={{ fontSize: \"1rem\" }} aria-hidden />\n            </Link>\n          )}\n        />\n      </SolidDataTable>\n\n      <SolidDialog\n        visible={isDialogVisible}\n        header=\"Confirm Delete\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => setDialogVisible(false)}\n      >\n        <p>Are you sure you want to delete the selected Users?</p>\n        <div className=\"flex justify-center gap-4 mt-4\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={deleteBulk} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setDialogVisible(false)} />\n        </div>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}

package/dist/components/core/users/UserListView.tsx

@@ -198,7 +198,7 @@ export const UserListView = () => {
 
   return (
     <div className="solid-user-list w-full">
-      <div className="flex gap-3 mb-4 align-items-center flex-wrap">
+      <div className="flex gap-4 mb-6 items-center flex-wrap">
         <CreateButton />
         {selectedUsers.length > 0 && (
           <SolidButton
@@ -212,14 +212,14 @@ export const UserListView = () => {
         )}
       </div>
 
-      <div className="grid formgrid mb-3">
+      <div className="flex flex-wrap -mx-2 -mt-2 mb-4">
         {[
           { key: "fullName", placeholder: "Search by full name" },
           { key: "username", placeholder: "Search by username" },
           { key: "email", placeholder: "Search by email" },
           { key: "mobile", placeholder: "Search by mobile" },
         ].map((filter) => (
-          <div className="field col-12 md:col-3" key={filter.key}>
+          <div className="field w-full md:w-1/4 px-2 pt-2" key={filter.key}>
             <SolidInput
               value={pendingFilters[filter.key as keyof FilterMeta].value ?? ""}
               onChange={(event) =>
@@ -229,14 +229,14 @@ export const UserListView = () => {
             />
           </div>
         ))}
-        <div className="field col-12 flex align-items-center gap-2">
+        <div className="field w-full px-2 pt-2 flex items-center gap-2">
           <SolidButton size="small" onClick={applyFilters} label="Apply" />
           <SolidButton size="small" variant="ghost" onClick={clearFilters} label="Clear" />
         </div>
       </div>
 
       {(loading || isLoading) && (
-        <div className="flex justify-content-center my-3">
+        <div className="flex justify-center my-4">
           <SolidSpinner />
         </div>
       )}
@@ -306,7 +306,7 @@ export const UserListView = () => {
         onHide={() => setDialogVisible(false)}
       >
         <p>Are you sure you want to delete the selected Users?</p>
-        <div className="flex justify-content-center gap-3 mt-3">
+        <div className="flex justify-center gap-4 mt-4">
           <SolidButton label="Yes" className="small-button" severity="danger" autoFocus onClick={deleteBulk} />
           <SolidButton label="No" className="small-button" variant="ghost" onClick={() => setDialogVisible(false)} />
         </div>

package/dist/components/layout/AdminHeaderActions.d.ts

@@ -2,6 +2,7 @@ type AdminHeaderActionsProps = {
     variant: "header" | "sidebar";
     className?: string;
 };
+export declare const StudioSparkleIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const AdminHeaderActions: ({ variant, className }: AdminHeaderActionsProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=AdminHeaderActions.d.ts.map

package/dist/components/layout/AdminHeaderActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminHeaderActions.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AdminHeaderActions.tsx"],"names":[],"mappings":"AAUA,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA2BF,eAAO,MAAM,kBAAkB,2BAAiC,uBAAuB,mDAkHtF,CAAC"}
+{"version":3,"file":"AdminHeaderActions.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AdminHeaderActions.tsx"],"names":[],"mappings":"AAUA,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAUF,eAAO,MAAM,iBAAiB,+CAK7B,CAAC;AAYF,eAAO,MAAM,kBAAkB,2BAAiC,uBAAuB,mDAkHtF,CAAC"}

package/dist/components/layout/AdminHeaderActions.js

@@ -17,7 +17,7 @@ import { env } from "../../adapters/env";
 import { hasAnyRole } from "../../helpers/rolesHelper";
 import { enterStudioMode } from "../../redux/features/solidStudioSlice";
 import { LayoutContext } from "./context/layoutcontext";
-var StudioSparkleIcon = function () { return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M7 1v2M7 11v2M1 7h2M11 7h2M2.93 2.93l1.41 1.41M9.66 9.66l1.41 1.41M2.93 11.07l1.41-1.41M9.66 4.34l1.41-1.41", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }), _jsx("circle", { cx: "7", cy: "7", r: "2", stroke: "currentColor", strokeWidth: "1.4" })] })); };
+export var StudioSparkleIcon = function () { return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M7 1v2M7 11v2M1 7h2M11 7h2M2.93 2.93l1.41 1.41M9.66 9.66l1.41 1.41M2.93 11.07l1.41-1.41M9.66 4.34l1.41-1.41", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }), _jsx("circle", { cx: "7", cy: "7", r: "2", stroke: "currentColor", strokeWidth: "1.4" })] })); };
 var ThemeToggleIcon = function () { return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 3l0 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 9l4.65 -4.65", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 14.3l7.37 -7.37", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 19.6l8.85 -8.85", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
 export var AdminHeaderActions = function (_a) {
     var variant = _a.variant, _b = _a.className, className = _b === void 0 ? "" : _b;

package/dist/components/layout/AdminHeaderActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminHeaderActions.js","sourceRoot":"","sources":["../../../src/components/layout/AdminHeaderActions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useContext } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { env } from \"../../adapters/env\";\nimport { hasAnyRole } from \"../../helpers/rolesHelper\";\nimport { enterStudioMode } from \"../../redux/features/solidStudioSlice\";\nimport { LayoutContext } from \"./context/layoutcontext\";\n\ntype AdminHeaderActionsProps = {\n  variant: \"header\" | \"sidebar\";\n  className?: string;\n};\n\ntype AdminAction = {\n  key: string;\n  label: string;\n  onClick: () => void;\n  title: string;\n  icon?: ReactNode;\n};\n\nconst StudioSparkleIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M7 1v2M7 11v2M1 7h2M11 7h2M2.93 2.93l1.41 1.41M9.66 9.66l1.41 1.41M2.93 11.07l1.41-1.41M9.66 4.34l1.41-1.41\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\" />\n    <circle cx=\"7\" cy=\"7\" r=\"2\" stroke=\"currentColor\" strokeWidth=\"1.4\" />\n  </svg>\n);\n\nconst ThemeToggleIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 3l0 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 9l4.65 -4.65\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 14.3l7.37 -7.37\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 19.6l8.85 -8.85\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport const AdminHeaderActions = ({ variant, className = \"\" }: AdminHeaderActionsProps) => {\n  const pathname = usePathname();\n  const router = useRouter();\n  const dispatch = useDispatch();\n  const { data: session } = useSession();\n  const { toggleThemeMode, themeMode } = useContext(LayoutContext);\n  const user = session?.user;\n  const isAdmin = hasAnyRole(user?.roles, [\"Admin\"]);\n  const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);\n  const isDev = env(\"VITE_SOLIDX_ENV\") === \"dev\";\n  const showBack = /\\/admin\\/core\\/[^/]+\\/[^/]+\\/form\\/[^/]+/.test(pathname);\n\n  const actions: AdminAction[] = [\n    ...(isAdmin && isDev && !isStudioMode\n      ? [{\n        key: \"studio\",\n        label: \"Studio\",\n        onClick: () => {\n          dispatch(enterStudioMode());\n          router.push(\"/studio\");\n        },\n        title: \"Enter SolidX Studio\",\n        icon: <StudioSparkleIcon />,\n      }]\n      : []),\n    {\n      key: \"theme\",\n      label: themeMode === \"dark\" ? \"Light Mode\" : \"Dark Mode\",\n      onClick: toggleThemeMode,\n      title: \"Toggle theme\",\n      icon: <ThemeToggleIcon />,\n    },\n    ...(showBack\n      ? [{\n        key: \"back\",\n        label: \"Back\",\n        onClick: () => router.back(),\n        title: \"Go back\",\n      }]\n      : []),\n  ];\n\n  if (!actions.length) {\n    return null;\n  }\n\n  if (variant === \"sidebar\") {\n    return (\n      <div className={`solid-sidebar-mobile-actions md:hidden ${className}`.trim()}>\n        {actions.map((action) => (\n          <button\n            key={action.key}\n            type=\"button\"\n            className=\"solid-sidebar-mobile-action\"\n            onClick={action.onClick}\n            title={action.title}\n            aria-label={action.title}\n          >\n            {action.label}\n          </button>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`solid-admin-header-actions hidden md:flex ${className}`.trim()}>\n      {actions.map((action) => {\n        if (action.key === \"studio\") {\n          return (\n            <button\n              key={action.key}\n              type=\"button\"\n              className=\"solid-studio-trigger-btn\"\n              onClick={action.onClick}\n              title={action.title}\n              aria-label={action.title}\n            >\n              {action.icon}\n              <span className=\"solid-studio-trigger-label\">{action.label}</span>\n            </button>\n          );\n        }\n\n        if (action.key === \"theme\") {\n          return (\n            <button\n              key={action.key}\n              type=\"button\"\n              className=\"solid-admin-theme-toggle\"\n              onClick={action.onClick}\n              aria-label={action.title}\n              title={action.title}\n            >\n              {action.icon}\n              <span className=\"solid-sr-only\">{action.label}</span>\n            </button>\n          );\n        }\n\n        return (\n          <button\n            key={action.key}\n            type=\"button\"\n            className=\"solid-admin-back-btn\"\n            onClick={action.onClick}\n            aria-label={action.title}\n          >\n            {action.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AdminHeaderActions.js","sourceRoot":"","sources":["../../../src/components/layout/AdminHeaderActions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useContext } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { env } from \"../../adapters/env\";\nimport { hasAnyRole } from \"../../helpers/rolesHelper\";\nimport { enterStudioMode } from \"../../redux/features/solidStudioSlice\";\nimport { LayoutContext } from \"./context/layoutcontext\";\n\ntype AdminHeaderActionsProps = {\n  variant: \"header\" | \"sidebar\";\n  className?: string;\n};\n\ntype AdminAction = {\n  key: string;\n  label: string;\n  onClick: () => void;\n  title: string;\n  icon?: ReactNode;\n};\n\nexport const StudioSparkleIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M7 1v2M7 11v2M1 7h2M11 7h2M2.93 2.93l1.41 1.41M9.66 9.66l1.41 1.41M2.93 11.07l1.41-1.41M9.66 4.34l1.41-1.41\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\" />\n    <circle cx=\"7\" cy=\"7\" r=\"2\" stroke=\"currentColor\" strokeWidth=\"1.4\" />\n  </svg>\n);\n\nconst ThemeToggleIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 3l0 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 9l4.65 -4.65\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 14.3l7.37 -7.37\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 19.6l8.85 -8.85\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport const AdminHeaderActions = ({ variant, className = \"\" }: AdminHeaderActionsProps) => {\n  const pathname = usePathname();\n  const router = useRouter();\n  const dispatch = useDispatch();\n  const { data: session } = useSession();\n  const { toggleThemeMode, themeMode } = useContext(LayoutContext);\n  const user = session?.user;\n  const isAdmin = hasAnyRole(user?.roles, [\"Admin\"]);\n  const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);\n  const isDev = env(\"VITE_SOLIDX_ENV\") === \"dev\";\n  const showBack = /\\/admin\\/core\\/[^/]+\\/[^/]+\\/form\\/[^/]+/.test(pathname);\n\n  const actions: AdminAction[] = [\n    ...(isAdmin && isDev && !isStudioMode\n      ? [{\n        key: \"studio\",\n        label: \"Studio\",\n        onClick: () => {\n          dispatch(enterStudioMode());\n          router.push(\"/studio\");\n        },\n        title: \"Enter SolidX Studio\",\n        icon: <StudioSparkleIcon />,\n      }]\n      : []),\n    {\n      key: \"theme\",\n      label: themeMode === \"dark\" ? \"Light Mode\" : \"Dark Mode\",\n      onClick: toggleThemeMode,\n      title: \"Toggle theme\",\n      icon: <ThemeToggleIcon />,\n    },\n    ...(showBack\n      ? [{\n        key: \"back\",\n        label: \"Back\",\n        onClick: () => router.back(),\n        title: \"Go back\",\n      }]\n      : []),\n  ];\n\n  if (!actions.length) {\n    return null;\n  }\n\n  if (variant === \"sidebar\") {\n    return (\n      <div className={`solid-sidebar-mobile-actions md:hidden ${className}`.trim()}>\n        {actions.map((action) => (\n          <button\n            key={action.key}\n            type=\"button\"\n            className=\"solid-sidebar-mobile-action\"\n            onClick={action.onClick}\n            title={action.title}\n            aria-label={action.title}\n          >\n            {action.label}\n          </button>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`solid-admin-header-actions hidden md:flex ${className}`.trim()}>\n      {actions.map((action) => {\n        if (action.key === \"studio\") {\n          return (\n            <button\n              key={action.key}\n              type=\"button\"\n              className=\"solid-studio-trigger-btn\"\n              onClick={action.onClick}\n              title={action.title}\n              aria-label={action.title}\n            >\n              {action.icon}\n              <span className=\"solid-studio-trigger-label\">{action.label}</span>\n            </button>\n          );\n        }\n\n        if (action.key === \"theme\") {\n          return (\n            <button\n              key={action.key}\n              type=\"button\"\n              className=\"solid-admin-theme-toggle\"\n              onClick={action.onClick}\n              aria-label={action.title}\n              title={action.title}\n            >\n              {action.icon}\n              <span className=\"solid-sr-only\">{action.label}</span>\n            </button>\n          );\n        }\n\n        return (\n          <button\n            key={action.key}\n            type=\"button\"\n            className=\"solid-admin-back-btn\"\n            onClick={action.onClick}\n            aria-label={action.title}\n          >\n            {action.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/dist/components/layout/AdminHeaderActions.tsx

@@ -21,7 +21,7 @@ type AdminAction = {
   icon?: ReactNode;
 };
 
-const StudioSparkleIcon = () => (
+export const StudioSparkleIcon = () => (
   <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
     <path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.93 2.93l1.41 1.41M9.66 9.66l1.41 1.41M2.93 11.07l1.41-1.41M9.66 4.34l1.41-1.41" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
     <circle cx="7" cy="7" r="2" stroke="currentColor" strokeWidth="1.4" />

package/dist/components/layout/AdminSidebar.js

@@ -35,7 +35,7 @@ var AdminSidebar = function () {
     var handleMenuItemClick = function (menuItem) {
         setActiveMenuItem(menuItem);
     };
-    return (_jsx("div", { className: "list-group mt-5 pl-4", children: menuItem.map(function (menuItem, index) { return (_jsxs(Link, { href: menuItem.url, className: "fw-bold list-group-item list-group-item-action ".concat(activeMenuItem.includes(menuItem.url) ? "active" : ""), onClick: function () { return handleMenuItemClick(menuItem.url); }, "aria-current": activeMenuItem.includes(menuItem.url) ? "true" : "false", children: [_jsx("i", { className: "".concat(menuItem.icon, " fa-fw pe-2") }), " ", menuItem.name] }, index)); }) }));
+    return (_jsx("div", { className: "list-group mt-8 pl-6", children: menuItem.map(function (menuItem, index) { return (_jsxs(Link, { href: menuItem.url, className: "fw-bold list-group-item list-group-item-action ".concat(activeMenuItem.includes(menuItem.url) ? "active" : ""), onClick: function () { return handleMenuItemClick(menuItem.url); }, "aria-current": activeMenuItem.includes(menuItem.url) ? "true" : "false", children: [_jsx("i", { className: "".concat(menuItem.icon, " fa-fw pe-2") }), " ", menuItem.name] }, index)); }) }));
 };
 export default AdminSidebar;
 //# sourceMappingURL=AdminSidebar.js.map

package/dist/components/layout/AdminSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AdminSidebar.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,YAAY,GAAG;IACnB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,QAAQ,GAAG;QACf;YACE,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,uBAAuB;SAC9B;QACD;YACE,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,cAAc;YACnB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,GAAG,EAAE,iBAAiB;YACtB,IAAI,EAAE,gBAAgB;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,cAAc;YACnB,IAAI,EAAE,aAAa;SACpB;QACD;YACE,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,gBAAgB;YACrB,IAAI,EAAE,aAAa;SACpB;KACF,CAAC;IAEI,IAAA,KAAsC,QAAQ,CAAC,QAAQ,CAAC,EAAvD,cAAc,QAAA,EAAE,iBAAiB,QAAsB,CAAC;IAE/D,IAAM,mBAAmB,GAAG,UAAC,QAAgB;QAC3C,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,QAAQ,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,CACjC,MAAC,IAAI,IAEH,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,SAAS,EAAE,yDAAkD,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAC9G,EACJ,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAjC,CAAiC,kBAE9C,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAG1D,YAAG,SAAS,EAAE,UAAG,QAAQ,CAAC,IAAI,gBAAa,GAAM,OAAE,QAAQ,CAAC,IAAI,KAT3D,KAAK,CAUL,CACR,EAbkC,CAalC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["\n\nimport Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useState } from \"react\";\n\nconst AdminSidebar = () => {\n  const pathname = usePathname();\n\n  const menuItem = [\n    {\n      name: \"Dashboard\",\n      url: \"/admin/dashboard\",\n      icon: \"fas fa-tachometer-alt\",\n    },\n    {\n      name: \"Rooms\",\n      url: \"/admin/rooms\",\n      icon: \"fas fa-hotel\",\n    },\n    {\n      name: \"Bookings\",\n      url: \"/admin/bookings\",\n      icon: \"fas fa-receipt\",\n    },\n    {\n      name: \"Users\",\n      url: \"/admin/users\",\n      icon: \"fas fa-user\",\n    },\n    {\n      name: \"Reviews\",\n      url: \"/admin/reviews\",\n      icon: \"fas fa-star\",\n    },\n  ];\n\n  const [activeMenuItem, setActiveMenuItem] = useState(pathname);\n\n  const handleMenuItemClick = (menuItem: string) => {\n    setActiveMenuItem(menuItem);\n  };\n\n  return (\n    <div className=\"list-group mt-5 pl-4\">\n      {menuItem.map((menuItem, index) => (\n        <Link\n          key={index}\n          href={menuItem.url}\n          className={`fw-bold list-group-item list-group-item-action ${activeMenuItem.includes(menuItem.url) ? \"active\" : \"\"\n            }`}\n          onClick={() => handleMenuItemClick(menuItem.url)}\n          aria-current={\n            activeMenuItem.includes(menuItem.url) ? \"true\" : \"false\"\n          }\n        >\n          <i className={`${menuItem.icon} fa-fw pe-2`}></i> {menuItem.name}\n        </Link>\n      ))}\n    </div>\n  );\n};\n\nexport default AdminSidebar;\n"]}
+{"version":3,"file":"AdminSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AdminSidebar.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,YAAY,GAAG;IACnB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,QAAQ,GAAG;QACf;YACE,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,uBAAuB;SAC9B;QACD;YACE,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,cAAc;YACnB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,GAAG,EAAE,iBAAiB;YACtB,IAAI,EAAE,gBAAgB;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,cAAc;YACnB,IAAI,EAAE,aAAa;SACpB;QACD;YACE,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,gBAAgB;YACrB,IAAI,EAAE,aAAa;SACpB;KACF,CAAC;IAEI,IAAA,KAAsC,QAAQ,CAAC,QAAQ,CAAC,EAAvD,cAAc,QAAA,EAAE,iBAAiB,QAAsB,CAAC;IAE/D,IAAM,mBAAmB,GAAG,UAAC,QAAgB;QAC3C,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,QAAQ,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,CACjC,MAAC,IAAI,IAEH,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,SAAS,EAAE,yDAAkD,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAC9G,EACJ,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAjC,CAAiC,kBAE9C,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAG1D,YAAG,SAAS,EAAE,UAAG,QAAQ,CAAC,IAAI,gBAAa,GAAM,OAAE,QAAQ,CAAC,IAAI,KAT3D,KAAK,CAUL,CACR,EAbkC,CAalC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["\n\nimport Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useState } from \"react\";\n\nconst AdminSidebar = () => {\n  const pathname = usePathname();\n\n  const menuItem = [\n    {\n      name: \"Dashboard\",\n      url: \"/admin/dashboard\",\n      icon: \"fas fa-tachometer-alt\",\n    },\n    {\n      name: \"Rooms\",\n      url: \"/admin/rooms\",\n      icon: \"fas fa-hotel\",\n    },\n    {\n      name: \"Bookings\",\n      url: \"/admin/bookings\",\n      icon: \"fas fa-receipt\",\n    },\n    {\n      name: \"Users\",\n      url: \"/admin/users\",\n      icon: \"fas fa-user\",\n    },\n    {\n      name: \"Reviews\",\n      url: \"/admin/reviews\",\n      icon: \"fas fa-star\",\n    },\n  ];\n\n  const [activeMenuItem, setActiveMenuItem] = useState(pathname);\n\n  const handleMenuItemClick = (menuItem: string) => {\n    setActiveMenuItem(menuItem);\n  };\n\n  return (\n    <div className=\"list-group mt-8 pl-6\">\n      {menuItem.map((menuItem, index) => (\n        <Link\n          key={index}\n          href={menuItem.url}\n          className={`fw-bold list-group-item list-group-item-action ${activeMenuItem.includes(menuItem.url) ? \"active\" : \"\"\n            }`}\n          onClick={() => handleMenuItemClick(menuItem.url)}\n          aria-current={\n            activeMenuItem.includes(menuItem.url) ? \"true\" : \"false\"\n          }\n        >\n          <i className={`${menuItem.icon} fa-fw pe-2`}></i> {menuItem.name}\n        </Link>\n      ))}\n    </div>\n  );\n};\n\nexport default AdminSidebar;\n"]}

package/dist/components/layout/AdminSidebar.tsx

@@ -42,7 +42,7 @@ const AdminSidebar = () => {
   };
 
   return (
-    <div className="list-group mt-5 pl-4">
+    <div className="list-group mt-8 pl-6">
       {menuItem.map((menuItem, index) => (
         <Link
           key={index}

package/dist/components/layout/AdminTopHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminTopHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,+CAoI1B,CAAC"}
+{"version":3,"file":"AdminTopHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,cAAc,+CA0L1B,CAAC"}

package/dist/components/layout/AdminTopHeader.js

@@ -1,10 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { usePathname } from "../../hooks/usePathname";
 import { useSearchParams } from "../../hooks/useSearchParams";
 import { useRouter } from "../../hooks/useRouter";
 import { useGetSolidActionByIdQuery } from "../../redux/api/solidActionApi";
-import { AdminHeaderActions } from "./AdminHeaderActions";
+import { useGetSolidSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { LayoutContext } from "./context/layoutcontext";
+import { enterStudioMode } from "../../redux/features/solidStudioSlice";
+import { hasAnyRole } from "../../helpers/rolesHelper";
+import { getSettingsMap } from "../../helpers/settingsPayload";
+import { env } from "../../adapters/env";
+import { AdminHeaderActions, StudioSparkleIcon } from "./AdminHeaderActions";
+import { useDispatch, useSelector } from "react-redux";
+import { useSession } from "../../hooks/useSession";
 var SIDEBAR_TOGGLE_EVENT = "solidx:sidebar-toggle";
 var toLabel = function (value) {
     return decodeURIComponent(value)
@@ -15,6 +23,16 @@ export var AdminTopHeader = function () {
     var pathname = usePathname();
     var searchParams = useSearchParams();
     var router = useRouter();
+    var dispatch = useDispatch();
+    var toggleThemeMode = useContext(LayoutContext).toggleThemeMode;
+    var session = useSession().data;
+    var solidSettingsData = useGetSolidSettingsQuery(undefined).data;
+    var user = session === null || session === void 0 ? void 0 : session.user;
+    var isAdmin = hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, ["Admin"]);
+    var isStudioMode = useSelector(function (state) { var _a, _b; return (_b = (_a = state.solidStudio) === null || _a === void 0 ? void 0 : _a.isStudioMode) !== null && _b !== void 0 ? _b : false; });
+    var isDev = env("VITE_SOLIDX_ENV") === "dev";
+    var settingsMap = useMemo(function () { return getSettingsMap(solidSettingsData); }, [solidSettingsData]);
+    var isDarkModeEnabled = (settingsMap === null || settingsMap === void 0 ? void 0 : settingsMap.enableDarkMode) === true || (settingsMap === null || settingsMap === void 0 ? void 0 : settingsMap.enableDarkMode) === "true";
     // We treat actionId as the source of truth for breadcrumb labels.
     // If present, we resolve module/model/action via action-metadata API
     // so breadcrumbs are consistent across list/form/tree/kanban pages.
@@ -90,6 +108,6 @@ export var AdminTopHeader = function () {
             }
         }
     };
-    return (_jsx("header", { className: "solid-admin-header", children: _jsxs("div", { className: "solid-admin-header-inner", children: [_jsx("button", { type: "button", className: "solid-admin-sidebar-trigger", onClick: triggerSidebar, "aria-label": "Toggle sidebar", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "2", width: "13", height: "12", rx: "2", stroke: "currentColor" }), _jsx("path", { d: "M5.5 2V14", stroke: "currentColor" }), _jsx("rect", { x: "8", y: "5.25", width: "4.5", height: "5.5", rx: "0.9", stroke: "currentColor" })] }) }), _jsx("div", { className: "solid-admin-header-sep" }), _jsx("nav", { className: "solid-admin-breadcrumbs", "aria-label": "Breadcrumb", children: crumbs.map(function (crumb, index) { return (_jsxs("span", { className: "solid-admin-crumb", children: [index > 0 && _jsx("span", { className: "solid-admin-crumb-sep", children: "\u203A" }), index === 1 && showBack ? (_jsx("button", { type: "button", className: "solid-admin-crumb-link", onClick: function () { return handleBreadcrumbClick(index); }, style: { background: "none", border: "none", cursor: "pointer", color: "inherit", textDecoration: "underline" }, children: crumb })) : (_jsx("span", { className: "solid-bread-crum-text-wrapper", children: crumb }))] }, "".concat(crumb, "-").concat(index))); }) }), _jsx(AdminHeaderActions, { variant: "header" })] }) }));
+    return (_jsx("header", { className: "solid-admin-header", children: _jsxs("div", { className: "solid-admin-header-inner", children: [_jsx("button", { type: "button", className: "solid-admin-sidebar-trigger", onClick: triggerSidebar, "aria-label": "Toggle sidebar", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "2", width: "13", height: "12", rx: "2", stroke: "currentColor" }), _jsx("path", { d: "M5.5 2V14", stroke: "currentColor" }), _jsx("rect", { x: "8", y: "5.25", width: "4.5", height: "5.5", rx: "0.9", stroke: "currentColor" })] }) }), _jsx("div", { className: "solid-admin-header-sep" }), _jsx("nav", { className: "solid-admin-breadcrumbs", "aria-label": "Breadcrumb", children: crumbs.map(function (crumb, index) { return (_jsxs("span", { className: "solid-admin-crumb", children: [index > 0 && _jsx("span", { className: "solid-admin-crumb-sep", children: "\u203A" }), index === 1 && showBack ? (_jsx("button", { type: "button", className: "solid-admin-crumb-link", onClick: function () { return handleBreadcrumbClick(index); }, style: { background: "none", border: "none", cursor: "pointer", color: "inherit", textDecoration: "underline" }, children: crumb })) : (_jsx("span", { className: "solid-bread-crum-text-wrapper", children: crumb }))] }, "".concat(crumb, "-").concat(index))); }) }), _jsxs("div", { className: "solid-admin-header-actions", children: [isAdmin && isDev && !isStudioMode && (_jsxs("button", { type: "button", className: "solid-studio-trigger-btn", onClick: function () { dispatch(enterStudioMode()); router.push("/studio"); }, title: "Enter SolidX Studio", "aria-label": "Enter SolidX Studio", children: [_jsx(StudioSparkleIcon, {}), _jsx("span", { className: "solid-studio-trigger-label", children: "Studio" })] })), isDarkModeEnabled && (_jsxs("button", { type: "button", className: "solid-admin-theme-toggle", onClick: toggleThemeMode, "aria-label": "Toggle theme", title: "Toggle theme", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 3l0 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 9l4.65 -4.65", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 14.3l7.37 -7.37", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 19.6l8.85 -8.85", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "solid-sr-only", children: "Toggle theme" })] })), showBack && (_jsx("button", { type: "button", className: "solid-admin-back-btn", onClick: function () { return router.back(); }, "aria-label": "Go back", children: "Back" }))] }), _jsx(AdminHeaderActions, { variant: "header" })] }) }));
 };
 //# sourceMappingURL=AdminTopHeader.js.map

package/dist/components/layout/AdminTopHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminTopHeader.js","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from \"react\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useGetSolidActionByIdQuery } from \"../../redux/api/solidActionApi\";\nimport { AdminHeaderActions } from \"./AdminHeaderActions\";\n\nconst SIDEBAR_TOGGLE_EVENT = \"solidx:sidebar-toggle\";\n\nconst toLabel = (value: string) =>\n  decodeURIComponent(value)\n    .replace(/[-_]/g, \" \")\n    .replace(/\\b\\w/g, (m) => m.toUpperCase());\n\nexport const AdminTopHeader = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const router = useRouter();\n\n  // We treat actionId as the source of truth for breadcrumb labels.\n  // If present, we resolve module/model/action via action-metadata API\n  // so breadcrumbs are consistent across list/form/tree/kanban pages.\n  const actionId = searchParams.get(\"actionId\");\n  const { data: actionResponse } = useGetSolidActionByIdQuery(actionId as string, {\n    skip: !actionId,\n  });\n\n  const crumbs = useMemo(() => {\n    // API response shapes vary by adapter layer, so normalize defensively.\n    const actionData = actionResponse?.data?.data ?? actionResponse?.data ?? actionResponse;\n    const moduleFromApi = actionData?.module?.displayName || actionData?.module?.name;\n    const modelFromApi = actionData?.model?.displayName || actionData?.model?.name;\n    const actionFromApi = actionData?.displayName || actionData?.name;\n    const actionDataId = actionData?.id != null ? String(actionData.id) : null;\n    const hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;\n\n    // Priority 1: exact business breadcrumb contract requested:\n    // <module> > <model> > <action>.\n    // We only trust API crumbs when they belong to the current URL's actionId.\n    // This avoids stale list breadcrumbs bleeding into form routes that do not\n    // carry actionId in their query string.\n    if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {\n      return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);\n    }\n\n    const segments = pathname.split(\"/\").filter(Boolean);\n    // Priority 2: derive from route segments when API data is unavailable.\n    // This is intentionally ahead of query fallback so form pages don't\n    // inherit stale list query labels after list -> form navigation.\n    if (segments[0] === \"admin\" && segments[1] === \"core\") {\n      const moduleName = segments[2];\n      const modelName = segments[3];\n      const viewName = segments[4];\n      const next = [\n        moduleName ? toLabel(moduleName) : null,\n        modelFromApi ? decodeURIComponent(modelFromApi) : modelName ? toLabel(modelName) : null,\n        viewName ? toLabel(viewName) : null,\n      ].filter(Boolean) as string[];\n      return next.length ? next : [\"Admin\"];\n    }\n\n    const menuItemName = searchParams.get(\"menuItemName\");\n    const actionName = searchParams.get(\"actionName\");\n\n    // Priority 3: legacy URL-query fallback for older links/pages.\n    if (menuItemName || actionName) {\n      return [menuItemName, actionName].filter(Boolean).map((item) => toLabel(item!));\n    }\n\n    return [\"Admin\"];\n  }, [actionId, actionResponse, pathname, searchParams]);\n\n  const showBack = /\\/admin\\/core\\/[^/]+\\/[^/]+\\/form\\/[^/]+/.test(pathname);\n\n  const triggerSidebar = () => {\n    window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));\n  };\n\n  const handleBreadcrumbClick = (crumbIndex: number) => {\n    // When on a form view, clicking the model name (second crumb) should navigate back to list\n    // Index 1 is the model name in a breadcrumb like: Module > Model > Action\n    if (crumbIndex === 1 && showBack) {\n      if (typeof window !== \"undefined\") {\n        // First, try to use the full stored URL (preserves all query params)\n        const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n        if (storedFullUrl) {\n          router.push(storedFullUrl);\n          return;\n        }\n      }\n      \n      // Fallback: construct URL from current path and stored view\n      const segments = pathname.split(\"/\").filter(Boolean);\n      if (segments[0] === \"admin\" && segments[1] === \"core\") {\n        const moduleName = segments[2];\n        const modelName = segments[3];\n        const fromView = typeof window !== \"undefined\" \n          ? sessionStorage.getItem(\"fromView\") || \"list\" \n          : \"list\";\n        router.push(`/admin/core/${moduleName}/${modelName}/${fromView}`);\n      }\n    }\n  };\n\n  return (\n    <header className=\"solid-admin-header\">\n      <div className=\"solid-admin-header-inner\">\n        <button\n          type=\"button\"\n          className=\"solid-admin-sidebar-trigger\"\n          onClick={triggerSidebar}\n          aria-label=\"Toggle sidebar\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"1.5\" y=\"2\" width=\"13\" height=\"12\" rx=\"2\" stroke=\"currentColor\" />\n            <path d=\"M5.5 2V14\" stroke=\"currentColor\" />\n            <rect x=\"8\" y=\"5.25\" width=\"4.5\" height=\"5.5\" rx=\"0.9\" stroke=\"currentColor\" />\n          </svg>\n        </button>\n\n        <div className=\"solid-admin-header-sep\" />\n\n        <nav className=\"solid-admin-breadcrumbs\" aria-label=\"Breadcrumb\">\n          {crumbs.map((crumb, index) => (\n            <span key={`${crumb}-${index}`} className=\"solid-admin-crumb\">\n              {index > 0 && <span className=\"solid-admin-crumb-sep\">›</span>}\n              {index === 1 && showBack ? (\n                <button\n                  type=\"button\"\n                  className=\"solid-admin-crumb-link\"\n                  onClick={() => handleBreadcrumbClick(index)}\n                  style={{ background: \"none\", border: \"none\", cursor: \"pointer\", color: \"inherit\", textDecoration: \"underline\" }}\n                >\n                  {crumb}\n                </button>\n              ) : (\n                <span className=\"solid-bread-crum-text-wrapper\">{crumb}</span>\n              )}\n            </span>\n          ))}\n        </nav>\n\n        <AdminHeaderActions variant=\"header\" />\n      </div>\n    </header>\n  );\n};\n"]}
+{"version":3,"file":"AdminTopHeader.js","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useGetSolidActionByIdQuery } from \"../../redux/api/solidActionApi\";\nimport { useGetSolidSettingsQuery } from \"../../redux/api/solidSettingsApi\";\nimport { LayoutContext } from \"./context/layoutcontext\";\nimport { enterStudioMode } from \"../../redux/features/solidStudioSlice\";\nimport { hasAnyRole } from \"../../helpers/rolesHelper\";\nimport { getSettingsMap } from \"../../helpers/settingsPayload\";\nimport { env } from \"../../adapters/env\";\nimport { AdminHeaderActions, StudioSparkleIcon } from \"./AdminHeaderActions\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useSession } from \"@/hooks/useSession\";\n\nconst SIDEBAR_TOGGLE_EVENT = \"solidx:sidebar-toggle\";\n\nconst toLabel = (value: string) =>\n  decodeURIComponent(value)\n    .replace(/[-_]/g, \" \")\n    .replace(/\\b\\w/g, (m) => m.toUpperCase());\n\nexport const AdminTopHeader = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const router = useRouter();\n  const dispatch = useDispatch();\n  const { toggleThemeMode } = useContext(LayoutContext);\n  const { data: session } = useSession();\n  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);\n  const user = session?.user;\n  const isAdmin = hasAnyRole(user?.roles, [\"Admin\"]);\n  const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);\n  const isDev = env(\"VITE_SOLIDX_ENV\") === \"dev\";\n  const settingsMap = useMemo(() => getSettingsMap(solidSettingsData), [solidSettingsData]);\n  const isDarkModeEnabled = settingsMap?.enableDarkMode === true || settingsMap?.enableDarkMode === \"true\";\n\n  // We treat actionId as the source of truth for breadcrumb labels.\n  // If present, we resolve module/model/action via action-metadata API\n  // so breadcrumbs are consistent across list/form/tree/kanban pages.\n  const actionId = searchParams.get(\"actionId\");\n  const { data: actionResponse } = useGetSolidActionByIdQuery(actionId as string, {\n    skip: !actionId,\n  });\n\n  const crumbs = useMemo(() => {\n    // API response shapes vary by adapter layer, so normalize defensively.\n    const actionData = actionResponse?.data?.data ?? actionResponse?.data ?? actionResponse;\n    const moduleFromApi = actionData?.module?.displayName || actionData?.module?.name;\n    const modelFromApi = actionData?.model?.displayName || actionData?.model?.name;\n    const actionFromApi = actionData?.displayName || actionData?.name;\n    const actionDataId = actionData?.id != null ? String(actionData.id) : null;\n    const hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;\n\n    // Priority 1: exact business breadcrumb contract requested:\n    // <module> > <model> > <action>.\n    // We only trust API crumbs when they belong to the current URL's actionId.\n    // This avoids stale list breadcrumbs bleeding into form routes that do not\n    // carry actionId in their query string.\n    if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {\n      return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);\n    }\n\n    const segments = pathname.split(\"/\").filter(Boolean);\n    // Priority 2: derive from route segments when API data is unavailable.\n    // This is intentionally ahead of query fallback so form pages don't\n    // inherit stale list query labels after list -> form navigation.\n    if (segments[0] === \"admin\" && segments[1] === \"core\") {\n      const moduleName = segments[2];\n      const modelName = segments[3];\n      const viewName = segments[4];\n      const next = [\n        moduleName ? toLabel(moduleName) : null,\n        modelFromApi ? decodeURIComponent(modelFromApi) : modelName ? toLabel(modelName) : null,\n        viewName ? toLabel(viewName) : null,\n      ].filter(Boolean) as string[];\n      return next.length ? next : [\"Admin\"];\n    }\n\n    const menuItemName = searchParams.get(\"menuItemName\");\n    const actionName = searchParams.get(\"actionName\");\n\n    // Priority 3: legacy URL-query fallback for older links/pages.\n    if (menuItemName || actionName) {\n      return [menuItemName, actionName].filter(Boolean).map((item) => toLabel(item!));\n    }\n\n    return [\"Admin\"];\n  }, [actionId, actionResponse, pathname, searchParams]);\n\n  const showBack = /\\/admin\\/core\\/[^/]+\\/[^/]+\\/form\\/[^/]+/.test(pathname);\n\n  const triggerSidebar = () => {\n    window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));\n  };\n\n  const handleBreadcrumbClick = (crumbIndex: number) => {\n    // When on a form view, clicking the model name (second crumb) should navigate back to list\n    // Index 1 is the model name in a breadcrumb like: Module > Model > Action\n    if (crumbIndex === 1 && showBack) {\n      if (typeof window !== \"undefined\") {\n        // First, try to use the full stored URL (preserves all query params)\n        const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n        if (storedFullUrl) {\n          router.push(storedFullUrl);\n          return;\n        }\n      }\n      \n      // Fallback: construct URL from current path and stored view\n      const segments = pathname.split(\"/\").filter(Boolean);\n      if (segments[0] === \"admin\" && segments[1] === \"core\") {\n        const moduleName = segments[2];\n        const modelName = segments[3];\n        const fromView = typeof window !== \"undefined\" \n          ? sessionStorage.getItem(\"fromView\") || \"list\" \n          : \"list\";\n        router.push(`/admin/core/${moduleName}/${modelName}/${fromView}`);\n      }\n    }\n  };\n\n  return (\n    <header className=\"solid-admin-header\">\n      <div className=\"solid-admin-header-inner\">\n        <button\n          type=\"button\"\n          className=\"solid-admin-sidebar-trigger\"\n          onClick={triggerSidebar}\n          aria-label=\"Toggle sidebar\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"1.5\" y=\"2\" width=\"13\" height=\"12\" rx=\"2\" stroke=\"currentColor\" />\n            <path d=\"M5.5 2V14\" stroke=\"currentColor\" />\n            <rect x=\"8\" y=\"5.25\" width=\"4.5\" height=\"5.5\" rx=\"0.9\" stroke=\"currentColor\" />\n          </svg>\n        </button>\n\n        <div className=\"solid-admin-header-sep\" />\n\n        <nav className=\"solid-admin-breadcrumbs\" aria-label=\"Breadcrumb\">\n          {crumbs.map((crumb, index) => (\n            <span key={`${crumb}-${index}`} className=\"solid-admin-crumb\">\n              {index > 0 && <span className=\"solid-admin-crumb-sep\">›</span>}\n              {index === 1 && showBack ? (\n                <button\n                  type=\"button\"\n                  className=\"solid-admin-crumb-link\"\n                  onClick={() => handleBreadcrumbClick(index)}\n                  style={{ background: \"none\", border: \"none\", cursor: \"pointer\", color: \"inherit\", textDecoration: \"underline\" }}\n                >\n                  {crumb}\n                </button>\n              ) : (\n                <span className=\"solid-bread-crum-text-wrapper\">{crumb}</span>\n              )}\n            </span>\n          ))}\n        </nav>\n\n        <div className=\"solid-admin-header-actions\">\n          {isAdmin && isDev && !isStudioMode && (\n            <button\n              type=\"button\"\n              className=\"solid-studio-trigger-btn\"\n              onClick={() => { dispatch(enterStudioMode()); router.push(\"/studio\"); }}\n              title=\"Enter SolidX Studio\"\n              aria-label=\"Enter SolidX Studio\"\n            >\n              <StudioSparkleIcon />\n              <span className=\"solid-studio-trigger-label\">Studio</span>\n            </button>\n          )}\n\n          {isDarkModeEnabled && (\n            <button\n              type=\"button\"\n              className=\"solid-admin-theme-toggle\"\n              onClick={toggleThemeMode}\n              aria-label=\"Toggle theme\"\n              title=\"Toggle theme\"\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                <path d=\"M12 3l0 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                <path d=\"M12 9l4.65 -4.65\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                <path d=\"M12 14.3l7.37 -7.37\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                <path d=\"M12 19.6l8.85 -8.85\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              </svg>\n              <span className=\"solid-sr-only\">Toggle theme</span>\n            </button>\n          )}\n\n          {showBack && (\n            <button\n              type=\"button\"\n              className=\"solid-admin-back-btn\"\n              onClick={() => router.back()}\n              aria-label=\"Go back\"\n            >\n              Back\n            </button>\n          )}\n        </div>\n        <AdminHeaderActions variant=\"header\" />\n      </div>\n    </header>\n  );\n};\n"]}