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

package/dist/components/layout/AdminTopHeader.tsx

@@ -1,9 +1,17 @@
-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";
 
 const SIDEBAR_TOGGLE_EVENT = "solidx:sidebar-toggle";
 
@@ -16,6 +24,16 @@ export const AdminTopHeader = () => {
   const pathname = usePathname();
   const searchParams = useSearchParams();
   const router = useRouter();
+  const dispatch = useDispatch();
+  const { toggleThemeMode } = useContext(LayoutContext);
+  const { data: session } = useSession();
+  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);
+  const user = session?.user;
+  const isAdmin = hasAnyRole(user?.roles, ["Admin"]);
+  const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);
+  const isDev = env("VITE_SOLIDX_ENV") === "dev";
+  const settingsMap = useMemo(() => getSettingsMap(solidSettingsData), [solidSettingsData]);
+  const isDarkModeEnabled = settingsMap?.enableDarkMode === true || 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
@@ -140,6 +158,50 @@ export const AdminTopHeader = () => {
           ))}
         </nav>
 
+        <div className="solid-admin-header-actions">
+          {isAdmin && isDev && !isStudioMode && (
+            <button
+              type="button"
+              className="solid-studio-trigger-btn"
+              onClick={() => { dispatch(enterStudioMode()); router.push("/studio"); }}
+              title="Enter SolidX Studio"
+              aria-label="Enter SolidX Studio"
+            >
+              <StudioSparkleIcon />
+              <span className="solid-studio-trigger-label">Studio</span>
+            </button>
+          )}
+
+          {isDarkModeEnabled && (
+            <button
+              type="button"
+              className="solid-admin-theme-toggle"
+              onClick={toggleThemeMode}
+              aria-label="Toggle theme"
+              title="Toggle theme"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                <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" />
+                <path d="M12 3l0 18" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M12 9l4.65 -4.65" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M12 14.3l7.37 -7.37" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M12 19.6l8.85 -8.85" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+              </svg>
+              <span className="solid-sr-only">Toggle theme</span>
+            </button>
+          )}
+
+          {showBack && (
+            <button
+              type="button"
+              className="solid-admin-back-btn"
+              onClick={() => router.back()}
+              aria-label="Go back"
+            >
+              Back
+            </button>
+          )}
+        </div>
         <AdminHeaderActions variant="header" />
       </div>
     </header>

package/dist/components/layout/CustomPagination.js

@@ -27,7 +27,6 @@ export {};
 //   return (
 //     <div>
 //       {resPerPage < filteredRoomsCount && (
-//         <div className="d-flex justify-content-center mt-5">
 //           <Pagination
 //             activePage={page}
 //             itemsCountPerPage={resPerPage}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomPagination.js","sourceRoot":"","sources":["../../../src/components/layout/CustomPagination.tsx"],"names":[],"mappings":"AAAA,GAAG;;AAEH,6EAA6E;AAC7E,gDAAgD;AAEhD,oBAAoB;AACpB,wBAAwB;AACxB,gCAAgC;AAChC,IAAI;AAEJ,4EAA4E;AAC5E,gCAAgC;AAChC,4CAA4C;AAC5C,8CAA8C;AAC9C,yBAAyB;AAEzB,qBAAqB;AAErB,wDAAwD;AACxD,2CAA2C;AAC3C,mEAAmE;AAEnE,uCAAuC;AACvC,gDAAgD;AAChD,iBAAiB;AACjB,mDAAmD;AACnD,UAAU;AAEV,8EAA8E;AAC9E,2BAA2B;AAC3B,QAAQ;AACR,OAAO;AACP,aAAa;AACb,YAAY;AACZ,8CAA8C;AAC9C,+DAA+D;AAC/D,wBAAwB;AACxB,gCAAgC;AAChC,6CAA6C;AAC7C,mDAAmD;AACnD,0CAA0C;AAC1C,oCAAoC;AACpC,oCAAoC;AACpC,sCAAsC;AACtC,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AACpC,eAAe;AACf,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,OAAO;AACP,KAAK;AAEL,mCAAmC","sourcesContent":["// \n\n// import { useRouter, useSearchParams } from \"../../hooks/solid/navigation\";\n// import Pagination from \"react-js-pagination\";\n\n// interface Props {\n//   resPerPage: number;\n//   filteredRoomsCount: number;\n// }\n\n// const CustomPagination = ({ resPerPage, filteredRoomsCount }: Props) => {\n//   const router = useRouter();\n//   const searchParams = useSearchParams();\n//   let page = searchParams.get(\"page\") || 1;\n//   page = Number(page);\n\n//   let queryParams;\n\n//   const handlePageChange = (currentPage: string) => {\n//     if (typeof window !== \"undefined\") {\n//       queryParams = new URLSearchParams(window.location.search);\n\n//       if (queryParams.has(\"page\")) {\n//         queryParams.set(\"page\", currentPage);\n//       } else {\n//         queryParams.append(\"page\", currentPage);\n//       }\n\n//       const path = `${window.location.pathname}?${queryParams.toString()}`;\n//       router.push(path);\n//     }\n//   };\n//   return (\n//     <div>\n//       {resPerPage < filteredRoomsCount && (\n//         <div className=\"d-flex justify-content-center mt-5\">\n//           <Pagination\n//             activePage={page}\n//             itemsCountPerPage={resPerPage}\n//             totalItemsCount={filteredRoomsCount}\n//             onChange={handlePageChange}\n//             nextPageText={\"Next\"}\n//             prevPageText={\"Prev\"}\n//             firstPageText={\"First\"}\n//             lastPageText={\"Last\"}\n//             itemClass=\"page-item\"\n//             linkClass=\"page-link\"\n//           />\n//         </div>\n//       )}\n//     </div>\n//   );\n// };\n\n// export default CustomPagination;\n"]}
+{"version":3,"file":"CustomPagination.js","sourceRoot":"","sources":["../../../src/components/layout/CustomPagination.tsx"],"names":[],"mappings":"AAAA,GAAG;;AAEH,6EAA6E;AAC7E,gDAAgD;AAEhD,oBAAoB;AACpB,wBAAwB;AACxB,gCAAgC;AAChC,IAAI;AAEJ,4EAA4E;AAC5E,gCAAgC;AAChC,4CAA4C;AAC5C,8CAA8C;AAC9C,yBAAyB;AAEzB,qBAAqB;AAErB,wDAAwD;AACxD,2CAA2C;AAC3C,mEAAmE;AAEnE,uCAAuC;AACvC,gDAAgD;AAChD,iBAAiB;AACjB,mDAAmD;AACnD,UAAU;AAEV,8EAA8E;AAC9E,2BAA2B;AAC3B,QAAQ;AACR,OAAO;AACP,aAAa;AACb,YAAY;AACZ,8CAA8C;AAC9C,wBAAwB;AACxB,gCAAgC;AAChC,6CAA6C;AAC7C,mDAAmD;AACnD,0CAA0C;AAC1C,oCAAoC;AACpC,oCAAoC;AACpC,sCAAsC;AACtC,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AACpC,eAAe;AACf,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,OAAO;AACP,KAAK;AAEL,mCAAmC","sourcesContent":["// \n\n// import { useRouter, useSearchParams } from \"../../hooks/solid/navigation\";\n// import Pagination from \"react-js-pagination\";\n\n// interface Props {\n//   resPerPage: number;\n//   filteredRoomsCount: number;\n// }\n\n// const CustomPagination = ({ resPerPage, filteredRoomsCount }: Props) => {\n//   const router = useRouter();\n//   const searchParams = useSearchParams();\n//   let page = searchParams.get(\"page\") || 1;\n//   page = Number(page);\n\n//   let queryParams;\n\n//   const handlePageChange = (currentPage: string) => {\n//     if (typeof window !== \"undefined\") {\n//       queryParams = new URLSearchParams(window.location.search);\n\n//       if (queryParams.has(\"page\")) {\n//         queryParams.set(\"page\", currentPage);\n//       } else {\n//         queryParams.append(\"page\", currentPage);\n//       }\n\n//       const path = `${window.location.pathname}?${queryParams.toString()}`;\n//       router.push(path);\n//     }\n//   };\n//   return (\n//     <div>\n//       {resPerPage < filteredRoomsCount && (\n//           <Pagination\n//             activePage={page}\n//             itemsCountPerPage={resPerPage}\n//             totalItemsCount={filteredRoomsCount}\n//             onChange={handlePageChange}\n//             nextPageText={\"Next\"}\n//             prevPageText={\"Prev\"}\n//             firstPageText={\"First\"}\n//             lastPageText={\"Last\"}\n//             itemClass=\"page-item\"\n//             linkClass=\"page-link\"\n//           />\n//         </div>\n//       )}\n//     </div>\n//   );\n// };\n\n// export default CustomPagination;\n"]}

package/dist/components/layout/CustomPagination.tsx

@@ -33,7 +33,6 @@
 //   return (
 //     <div>
 //       {resPerPage < filteredRoomsCount && (
-//         <div className="d-flex justify-content-center mt-5">
 //           <Pagination
 //             activePage={page}
 //             itemsCountPerPage={resPerPage}

package/dist/components/layout/FilterMenu.js

@@ -39,7 +39,7 @@ var FilterMenu = function () {
     }
     function handleFavouritesClick(favourite) {
     }
-    return (_jsx("div", { children: _jsxs(SolidPopover, { open: menuOpen, onOpenChange: setMenuOpen, autoCloseGroup: "filter-menu", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { icon: "pi pi-cog", className: "transparent-background", variant: "ghost", size: "sm", "aria-haspopup": true, "aria-controls": "popup_menu" }) }), _jsx(SolidPopoverContent, { className: "filterDropdown", side: "bottom", align: "start", children: _jsxs("div", { className: "grid m-0", children: [_jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-filter" }), " Filters"] }), _jsx("ul", { className: "custom-list", children: filters.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-clone" }), " Group by"] }), _jsx("ul", { className: "custom-list", children: groupBy.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [" ", _jsx("span", { className: " pi pi-star" }), " Favourites"] }), _jsx("ul", { className: "custom-list", children: favourites.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] })] }) })] }) }));
+    return (_jsx("div", { children: _jsxs(SolidPopover, { open: menuOpen, onOpenChange: setMenuOpen, autoCloseGroup: "filter-menu", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { icon: "pi pi-cog", className: "transparent-background", variant: "ghost", size: "sm", "aria-haspopup": true, "aria-controls": "popup_menu" }) }), _jsx(SolidPopoverContent, { className: "filterDropdown", side: "bottom", align: "start", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2 m-0", children: [_jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-filter" }), " Filters"] }), _jsx("ul", { className: "custom-list", children: filters.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-clone" }), " Group by"] }), _jsx("ul", { className: "custom-list", children: groupBy.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [" ", _jsx("span", { className: " pi pi-star" }), " Favourites"] }), _jsx("ul", { className: "custom-list", children: favourites.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] })] }) })] }) }));
 };
 export default FilterMenu;
 //# sourceMappingURL=FilterMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from \"react\";\nimport { SolidButton, SolidDialog, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../shad-cn-ui\";\n\nconst FilterMenu = () => {\n    const [visible, setVisible] = useState(false);\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const filters = [\n        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },\n        { label: 'At Work', onClick: () => handleFilterClick('At Work') },\n        { label: 'My Team', onClick: () => handleFilterClick('My Team') },\n        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },\n        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },\n        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },\n        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },\n        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }\n    ];\n\n    const groupBy = [\n        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },\n        { label: 'Department', onClick: () => handleGroupByClick('Department') },\n        { label: 'Job', onClick: () => handleGroupByClick('Job') },\n        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },\n        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },\n        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }\n    ];\n\n    const favourites = [\n        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }\n    ];\n\n    // Example function definitions\n    function handleFilterClick(filter: string) {\n\n\n        switch (filter) {\n            case 'Add Custom Filters':\n                setVisible(true);\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    function handleGroupByClick(group: string) {\n\n    }\n\n    function handleFavouritesClick(favourite: string) {\n\n    }\n\n    return (\n        <div>\n            <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup=\"filter-menu\">\n                <SolidPopoverTrigger asChild>\n                    <SolidButton\n                        icon=\"pi pi-cog\"\n                        className=\"transparent-background\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        aria-haspopup\n                        aria-controls=\"popup_menu\"\n                    />\n                </SolidPopoverTrigger>\n                <SolidPopoverContent className=\"filterDropdown\" side=\"bottom\" align=\"start\">\n                    <div className=\"grid m-0\">\n                    {/* Column 1: Filters */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3><span className=\" pi pi-filter\"></span> Filters</h3>\n                        <ul className=\"custom-list\">\n                            {filters.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 2: Group By */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3><span className=\" pi pi-clone\"></span> Group by</h3>\n                        <ul className=\"custom-list\">\n                            {groupBy.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 3: Favourites */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3> <span className=\" pi pi-star\"></span> Favourites</h3>\n                        <ul className=\"custom-list\">\n                            {favourites.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n            {/* <SolidDialog header=\"Add Custom Filter\" visible={visible} className=\"solid-dialog-lg\" onHide={() => { if (!visible) return; setVisible(false); }}>\n                <FilterComponent></FilterComponent>\n            </SolidDialog> */}\n\n            {/* <Dialog\n                visible={visible}\n                modal\n                onHide={() => { if (!visible) return; setVisible(false); }}\n                content={({ hide }) => (\n                    <FilterComponent></FilterComponent>\n                )}\n            ></Dialog> */}\n        </div>\n    );\n};\n\nexport default FilterMenu;\n"]}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from \"react\";\nimport { SolidButton, SolidDialog, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../shad-cn-ui\";\n\nconst FilterMenu = () => {\n    const [visible, setVisible] = useState(false);\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const filters = [\n        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },\n        { label: 'At Work', onClick: () => handleFilterClick('At Work') },\n        { label: 'My Team', onClick: () => handleFilterClick('My Team') },\n        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },\n        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },\n        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },\n        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },\n        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }\n    ];\n\n    const groupBy = [\n        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },\n        { label: 'Department', onClick: () => handleGroupByClick('Department') },\n        { label: 'Job', onClick: () => handleGroupByClick('Job') },\n        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },\n        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },\n        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }\n    ];\n\n    const favourites = [\n        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }\n    ];\n\n    // Example function definitions\n    function handleFilterClick(filter: string) {\n\n\n        switch (filter) {\n            case 'Add Custom Filters':\n                setVisible(true);\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    function handleGroupByClick(group: string) {\n\n    }\n\n    function handleFavouritesClick(favourite: string) {\n\n    }\n\n    return (\n        <div>\n            <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup=\"filter-menu\">\n                <SolidPopoverTrigger asChild>\n                    <SolidButton\n                        icon=\"pi pi-cog\"\n                        className=\"transparent-background\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        aria-haspopup\n                        aria-controls=\"popup_menu\"\n                    />\n                </SolidPopoverTrigger>\n                <SolidPopoverContent className=\"filterDropdown\" side=\"bottom\" align=\"start\">\n                    <div className=\"flex flex-wrap -mx-2 -mt-2 m-0\">\n                    {/* Column 1: Filters */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><span className=\" pi pi-filter\"></span> Filters</h3>\n                        <ul className=\"custom-list\">\n                            {filters.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 2: Group By */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><span className=\" pi pi-clone\"></span> Group by</h3>\n                        <ul className=\"custom-list\">\n                            {groupBy.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 3: Favourites */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3> <span className=\" pi pi-star\"></span> Favourites</h3>\n                        <ul className=\"custom-list\">\n                            {favourites.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n            {/* <SolidDialog header=\"Add Custom Filter\" visible={visible} className=\"solid-dialog-lg\" onHide={() => { if (!visible) return; setVisible(false); }}>\n                <FilterComponent></FilterComponent>\n            </SolidDialog> */}\n\n            {/* <Dialog\n                visible={visible}\n                modal\n                onHide={() => { if (!visible) return; setVisible(false); }}\n                content={({ hide }) => (\n                    <FilterComponent></FilterComponent>\n                )}\n            ></Dialog> */}\n        </div>\n    );\n};\n\nexport default FilterMenu;\n"]}

package/dist/components/layout/FilterMenu.tsx

@@ -66,9 +66,9 @@ const FilterMenu = () => {
                     />
                 </SolidPopoverTrigger>
                 <SolidPopoverContent className="filterDropdown" side="bottom" align="start">
-                    <div className="grid m-0">
+                    <div className="flex flex-wrap -mx-2 -mt-2 m-0">
                     {/* Column 1: Filters */}
-                    <div className="col-12 md:col-4 lg:col-4">
+                    <div className="w-full md:w-1/3 px-2 pt-2">
                         <h3><span className=" pi pi-filter"></span> Filters</h3>
                         <ul className="custom-list">
                             {filters.map((item, index) => (
@@ -80,7 +80,7 @@ const FilterMenu = () => {
                     </div>
 
                     {/* Column 2: Group By */}
-                    <div className="col-12 md:col-4 lg:col-4">
+                    <div className="w-full md:w-1/3 px-2 pt-2">
                         <h3><span className=" pi pi-clone"></span> Group by</h3>
                         <ul className="custom-list">
                             {groupBy.map((item, index) => (
@@ -92,7 +92,7 @@ const FilterMenu = () => {
                     </div>
 
                     {/* Column 3: Favourites */}
-                    <div className="col-12 md:col-4 lg:col-4">
+                    <div className="w-full md:w-1/3 px-2 pt-2">
                         <h3> <span className=" pi pi-star"></span> Favourites</h3>
                         <ul className="custom-list">
                             {favourites.map((item, index) => (

package/dist/components/layout/Footer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 var Footer = function () {
-    return (_jsx("footer", { className: "py-1 pt-5", children: _jsx("p", { className: "text-center mt-1", children: "Book IT - 2019-2023, All Rights Reserved" }) }));
+    return (_jsx("footer", { className: "py-1 pt-8", children: _jsx("p", { className: "text-center mt-1", children: "Book IT - 2019-2023, All Rights Reserved" }) }));
 };
 export default Footer;
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/layout/Footer.tsx"],"names":[],"mappings":";AAEA,IAAM,MAAM,GAAG;IACb,OAAO,CACL,iBAAQ,SAAS,EAAC,WAAW,YAC3B,YAAG,SAAS,EAAC,kBAAkB,yDAE3B,GACG,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\n\nconst Footer = () => {\n  return (\n    <footer className=\"py-1 pt-5\">\n      <p className=\"text-center mt-1\">\n        Book IT - 2019-2023, All Rights Reserved\n      </p>\n    </footer>\n  );\n};\n\nexport default Footer;\n"]}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/layout/Footer.tsx"],"names":[],"mappings":";AAEA,IAAM,MAAM,GAAG;IACb,OAAO,CACL,iBAAQ,SAAS,EAAC,WAAW,YAC3B,YAAG,SAAS,EAAC,kBAAkB,yDAE3B,GACG,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\n\nconst Footer = () => {\n  return (\n    <footer className=\"py-1 pt-8\">\n      <p className=\"text-center mt-1\">\n        Book IT - 2019-2023, All Rights Reserved\n      </p>\n    </footer>\n  );\n};\n\nexport default Footer;\n"]}

package/dist/components/layout/Footer.tsx

@@ -2,7 +2,7 @@
 
 const Footer = () => {
   return (
-    <footer className="py-1 pt-5">
+    <footer className="py-1 pt-8">
       <p className="text-center mt-1">
         Book IT - 2019-2023, All Rights Reserved
       </p>

package/dist/components/layout/GlobalSearch.js

@@ -16,6 +16,6 @@ export var GlobalSearch = function () {
         var dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment
         return "Search ".concat(dynamicSegment.replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); }));
     };
-    return (_jsxs("div", { className: 'absolute left-50 solid-global-search', style: { transform: 'translateX(-50%)' }, children: [_jsx("span", { className: "pi pi-search" }), _jsx(SolidInput, { placeholder: getPlaceholder(), className: 'border-cyan-200 border-1 max-h-2rem w-25rem' })] }));
+    return (_jsxs("div", { className: 'absolute left-50 solid-global-search', style: { transform: 'translateX(-50%)' }, children: [_jsx("span", { className: "pi pi-search" }), _jsx(SolidInput, { placeholder: getPlaceholder(), className: 'max-h-2rem w-25rem border border-cyan-200' })] }));
 };
 //# sourceMappingURL=GlobalSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,sDAAsD;IACtD,+BAA+B;IAC/B,wCAAwC;IACxC,yCAAyC;IACzC,uDAAuD;IACvD,qCAAqC;IACrC,KAAK;IAEL,4CAA4C;IAC5C,mGAAmG;IAEnG,IAAM,cAAc,GAAG;QACnB,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;QAC/F,OAAO,iBAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAC1F,eAAM,SAAS,EAAC,cAAc,GAAG,EACjC,KAAC,UAAU,IACP,WAAW,EAAE,cAAc,EAAE,EAC7B,SAAS,EAAC,6CAA6C,GACzD,IACA,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { SolidInput } from \"../shad-cn-ui\";\n\nexport const GlobalSearch = () => {\n    const path = usePathname();\n    // const placeholderMap: { [key: string]: string } = {\n    //     '/menu': 'Search Menus',\n    //     '/category': 'Search Categories',\n    //     '/menu-item': 'Search Menu Items',\n    //     '/cms-banner-image': 'Search CMS Banner Images',\n    //     '/article': 'Search Articles',\n    // };\n\n    // Find the matching placeholder dynamically\n    // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';\n\n    const getPlaceholder = () => {\n        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment\n        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())}`;\n    };\n    return (\n        <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>\n            <span className=\"pi pi-search\" />\n            <SolidInput\n                placeholder={getPlaceholder()}\n                className='border-cyan-200 border-1 max-h-2rem w-25rem'\n            />\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,sDAAsD;IACtD,+BAA+B;IAC/B,wCAAwC;IACxC,yCAAyC;IACzC,uDAAuD;IACvD,qCAAqC;IACrC,KAAK;IAEL,4CAA4C;IAC5C,mGAAmG;IAEnG,IAAM,cAAc,GAAG;QACnB,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;QAC/F,OAAO,iBAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAC1F,eAAM,SAAS,EAAC,cAAc,GAAG,EACjC,KAAC,UAAU,IACP,WAAW,EAAE,cAAc,EAAE,EAC7B,SAAS,EAAC,2CAA2C,GACvD,IACA,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { SolidInput } from \"../shad-cn-ui\";\n\nexport const GlobalSearch = () => {\n    const path = usePathname();\n    // const placeholderMap: { [key: string]: string } = {\n    //     '/menu': 'Search Menus',\n    //     '/category': 'Search Categories',\n    //     '/menu-item': 'Search Menu Items',\n    //     '/cms-banner-image': 'Search CMS Banner Images',\n    //     '/article': 'Search Articles',\n    // };\n\n    // Find the matching placeholder dynamically\n    // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';\n\n    const getPlaceholder = () => {\n        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment\n        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())}`;\n    };\n    return (\n        <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>\n            <span className=\"pi pi-search\" />\n            <SolidInput\n                placeholder={getPlaceholder()}\n                className='max-h-2rem w-25rem border border-cyan-200'\n            />\n        </div>\n    )\n}\n"]}

package/dist/components/layout/GlobalSearch.tsx

@@ -23,7 +23,7 @@ export const GlobalSearch = () => {
             <span className="pi pi-search" />
             <SolidInput
                 placeholder={getPlaceholder()}
-                className='border-cyan-200 border-1 max-h-2rem w-25rem'
+                className='max-h-2rem w-25rem border border-cyan-200'
             />
         </div>
     )

package/dist/components/layout/ListingHeader.js

@@ -78,9 +78,9 @@ var ListingHeader = function () {
         //     break;
         // }
     };
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex justify-content-between align-items-center px-5 relative lg:static", style: { height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }, children: [_jsx("div", { className: "flex align-items-center", children: _jsx("div", { className: "", children: pathname.includes('all') &&
-                            _jsx(HeaderDynamicTitles, {}) }) }), _jsx("div", { className: "flex align-items-center", children: _jsx("div", { children: pathname == "/admin/address-master/states" &&
-                            _jsx(FilterMenu, {}) }) }), _jsx("div", { className: "flex align-items-center" })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex justify-between items-center px-8 relative lg:static", style: { height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }, children: [_jsx("div", { className: "flex items-center", children: _jsx("div", { className: "", children: pathname.includes('all') &&
+                            _jsx(HeaderDynamicTitles, {}) }) }), _jsx("div", { className: "flex items-center", children: _jsx("div", { children: pathname == "/admin/address-master/states" &&
+                            _jsx(FilterMenu, {}) }) }), _jsx("div", { className: "flex items-center" })] }) }));
 };
 export default ListingHeader;
 //# sourceMappingURL=ListingHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-content-between align-items-center px-5 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex align-items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex align-items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex align-items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}
+{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-between items-center px-8 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}

package/dist/components/layout/ListingHeader.tsx

@@ -132,10 +132,10 @@ const ListingHeader = () => {
   return (
     <>
       <div
-        className="flex justify-content-between align-items-center px-5 relative lg:static"
+        className="flex justify-between items-center px-8 relative lg:static"
         style={{ height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }}
       >
-        <div className="flex align-items-center">
+        <div className="flex items-center">
           {/* <i className="pi pi-users" style={{backgroundColor:"#1D6CBC"}}></i> */}
           {/* <img src="/images/icons/icon-users.svg" />
                 <span className="listHead ml-2">Employees</span> */}
@@ -154,7 +154,7 @@ const ListingHeader = () => {
           </div>
         </div>
         {/* <GlobalSearch /> */}
-        <div className="flex align-items-center">
+        <div className="flex items-center">
 
           {/* <Button label="Show" icon="pi pi-external-link" onClick={() => setVisible(true)} /> */}
 
@@ -173,7 +173,7 @@ const ListingHeader = () => {
             /> */}
           </div>
         </div>
-        <div className="flex align-items-center">
+        <div className="flex items-center">
           {/* <div>
             {contextMenuOptions.map((option) => (
               <Tooltip

package/dist/components/layout/Loader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Loader = function () {
-    return (_jsx("div", { className: "d-flex justify-content-center center-loader", children: _jsxs("div", { className: "lds-ellipsis", children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }) }));
+    return (_jsx("div", { className: "flex justify-center center-loader", children: _jsxs("div", { className: "lds-ellipsis", children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }) }));
 };
 export default Loader;
 //# sourceMappingURL=Loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/layout/Loader.tsx"],"names":[],"mappings":";AAGA,IAAM,MAAM,GAAG;IACb,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAW,EACX,eAAW,EACX,eAAW,IACP,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\nimport React from \"react\";\n\nconst Loader = () => {\n  return (\n    <div className=\"d-flex justify-content-center center-loader\">\n      <div className=\"lds-ellipsis\">\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n  );\n};\n\nexport default Loader;\n"]}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/layout/Loader.tsx"],"names":[],"mappings":";AAGA,IAAM,MAAM,GAAG;IACb,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAChD,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAW,EACX,eAAW,EACX,eAAW,IACP,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\nimport React from \"react\";\n\nconst Loader = () => {\n  return (\n    <div className=\"flex justify-center center-loader\">\n      <div className=\"lds-ellipsis\">\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n  );\n};\n\nexport default Loader;\n"]}

package/dist/components/layout/Loader.tsx

@@ -3,7 +3,7 @@ import React from "react";
 
 const Loader = () => {
   return (
-    <div className="d-flex justify-content-center center-loader">
+    <div className="flex justify-center center-loader">
       <div className="lds-ellipsis">
         <div></div>
         <div></div>

package/dist/components/layout/UserSidebar.js

@@ -26,7 +26,7 @@ var UserSidebar = 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 === menuItem.url ? "active" : ""), onClick: function () { return handleMenuItemClick(menuItem.url); }, "aria-current": activeMenuItem === menuItem.url ? "true" : "false", children: [_jsx(SolidIcon, { name: menuItem.icon, className: "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 === menuItem.url ? "active" : ""), onClick: function () { return handleMenuItemClick(menuItem.url); }, "aria-current": activeMenuItem === menuItem.url ? "true" : "false", children: [_jsx(SolidIcon, { name: menuItem.icon, className: "fa-fw pe-2" }), " ", menuItem.name] }, index)); }) }));
 };
 export default UserSidebar;
 //# sourceMappingURL=UserSidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/UserSidebar.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;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,IAAM,WAAW,GAAG;IAClB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,QAAQ,GAAiF;QAC7F;YACE,IAAI,EAAE,gBAAgB;YACtB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,eAAe;YACrB,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,iBAAiB;YACvB,GAAG,EAAE,qBAAqB;YAC1B,IAAI,EAAE,SAAS;SAChB;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,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACxG,EACJ,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAjC,CAAiC,kBAClC,cAAc,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEhE,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,YAAY,GAAG,OAAE,QAAQ,CAAC,IAAI,KAPnE,KAAK,CAQL,CACR,EAXkC,CAWlC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\n\nimport Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useState } from \"react\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nconst UserSidebar = () => {\n  const pathname = usePathname();\n\n  const menuItem: { name: string; url: string; icon: import(\"../shad-cn-ui\").SolidIconName }[] = [\n    {\n      name: \"Update Profile\",\n      url: \"/me/update\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Upload Avatar\",\n      url: \"/me/upload_avatar\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Update Password\",\n      url: \"/me/update_password\",\n      icon: \"si-lock\",\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 === menuItem.url ? \"active\" : \"\"\n            }`}\n          onClick={() => handleMenuItemClick(menuItem.url)}\n          aria-current={activeMenuItem === menuItem.url ? \"true\" : \"false\"}\n        >\n          <SolidIcon name={menuItem.icon} className=\"fa-fw pe-2\" /> {menuItem.name}\n        </Link>\n      ))}\n    </div>\n  );\n};\n\nexport default UserSidebar;\n"]}
+{"version":3,"file":"UserSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/UserSidebar.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;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,IAAM,WAAW,GAAG;IAClB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,QAAQ,GAAiF;QAC7F;YACE,IAAI,EAAE,gBAAgB;YACtB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,eAAe;YACrB,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,iBAAiB;YACvB,GAAG,EAAE,qBAAqB;YAC1B,IAAI,EAAE,SAAS;SAChB;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,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACxG,EACJ,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAjC,CAAiC,kBAClC,cAAc,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEhE,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,YAAY,GAAG,OAAE,QAAQ,CAAC,IAAI,KAPnE,KAAK,CAQL,CACR,EAXkC,CAWlC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\n\nimport Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useState } from \"react\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nconst UserSidebar = () => {\n  const pathname = usePathname();\n\n  const menuItem: { name: string; url: string; icon: import(\"../shad-cn-ui\").SolidIconName }[] = [\n    {\n      name: \"Update Profile\",\n      url: \"/me/update\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Upload Avatar\",\n      url: \"/me/upload_avatar\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Update Password\",\n      url: \"/me/update_password\",\n      icon: \"si-lock\",\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 === menuItem.url ? \"active\" : \"\"\n            }`}\n          onClick={() => handleMenuItemClick(menuItem.url)}\n          aria-current={activeMenuItem === menuItem.url ? \"true\" : \"false\"}\n        >\n          <SolidIcon name={menuItem.icon} className=\"fa-fw pe-2\" /> {menuItem.name}\n        </Link>\n      ))}\n    </div>\n  );\n};\n\nexport default UserSidebar;\n"]}

package/dist/components/layout/UserSidebar.tsx

@@ -33,7 +33,7 @@ const UserSidebar = () => {
   };
 
   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/navbar-one.js

@@ -56,14 +56,14 @@ var NavbarOne = function () {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isSearchShow]);
-    return (_jsxs("div", { className: "flex flex-column md:flex-row justify-content-between navBar", children: [currentMainMenu && (_jsx("div", { children: _jsx("a", { className: visibleNavbar
+    return (_jsxs("div", { className: "flex flex-col md:flex-row justify-between navBar", children: [currentMainMenu && (_jsx("div", { children: _jsx("a", { className: visibleNavbar
                         ? "navtwo-toggle active-menu-image"
                         : "navtwo-toggle", onClick: handleToggle, children: _jsx("img", { style: { cursor: "pointer" }, src: "/images/menu-toggle.png", alt: "Solid" }) }) })), _jsxs("div", { className: "navBarOne", children: [_jsx("div", { children: _jsx("div", { className: "navbar-menu", children: _jsx(_Fragment, { children: menu && menu.data.length > 0 && menu.data.map(function (m) { return (_jsx("div", { className: "menu-item ".concat(currentMainMenu === m.title ? "active-menu-image" : ""), children: _jsx("a", { onClick: function () { return handleMenu(m); }, children: _jsx("img", { style: { cursor: "pointer", width: '30px' }, 
                                             // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}
                                             // src={`/images/menu/${m.title}.svg`}
                                             src: m.icon.startsWith("/") ? m.icon : "".concat(env("API_URL"), "/").concat(m.icon), 
                                             // src={`/images/menu/app-builder.svg`}
-                                            alt: "Solid" }) }) }, m.title)); }) }) }) }), _jsx(UserProfileMenu, {})] }), currentMenu && (_jsxs("div", { className: visibleNavbar ? "show navBarTwo" : "hide navBarTwo", children: [_jsxs("div", { className: "flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3", children: [_jsx("div", { className: "absolute bottom-0", style: { width: 50, height: 0.8, background: '#d8e2ea' } }), !isSearchShow && _jsx("div", { className: "text-base font-semibold", children: currentMainMenu && currentMainMenu }), isSearchShow === false && (_jsx(SolidButton, { variant: "ghost", size: "sm", "aria-label": "Search", className: "transparent-background min-w-0 px-2 py-1 border-1 border-round border-200", onClick: function () { return setSearchShow(true); }, leftIcon: _jsx(SolidIcon, { name: "si-search" }) })), isSearchShow && (_jsxs("div", { className: "w-full", style: { position: 'relative' }, ref: searchRef, children: [_jsxs("div", { className: "input-icon inputDiv navtwo-searchbox", children: [_jsx(SolidIcon, { name: "si-search", className: "text-sm" }), _jsx("input", { type: "text", placeholder: "Search", className: "small-input text-sm w-full pr-6", value: searchTerm, onChange: function (event) { return setSearchTerm(event.target.value); } })] }), _jsx("div", { className: "absolute max-h-1rem", style: { top: 5, right: 5 }, children: _jsx("img", { style: { cursor: "pointer", maxHeight: '1.3rem' }, src: "/images/icons/jump-to-icon.png", alt: "Solid" }) })] }))] }), _jsx("div", { className: visibleNavbar ? "navTwoMenuLayout px-2 show" : "navTwoMenuLayout hide", children: _jsx(NavbarTwoMenu, { menuItems: currentMenu }) })] }))] }));
+                                            alt: "Solid" }) }) }, m.title)); }) }) }) }), _jsx(UserProfileMenu, {})] }), currentMenu && (_jsxs("div", { className: visibleNavbar ? "show navBarTwo" : "hide navBarTwo", children: [_jsxs("div", { className: "flex relative justify-between items-center pt-6 px-4 pb-4 mb-4", children: [_jsx("div", { className: "absolute bottom-0", style: { width: 50, height: 0.8, background: '#d8e2ea' } }), !isSearchShow && _jsx("div", { className: "text-base font-semibold", children: currentMainMenu && currentMainMenu }), isSearchShow === false && (_jsx(SolidButton, { variant: "ghost", size: "sm", "aria-label": "Search", className: "transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1", onClick: function () { return setSearchShow(true); }, leftIcon: _jsx(SolidIcon, { name: "si-search" }) })), isSearchShow && (_jsxs("div", { className: "w-full", style: { position: 'relative' }, ref: searchRef, children: [_jsxs("div", { className: "input-icon inputDiv navtwo-searchbox", children: [_jsx(SolidIcon, { name: "si-search", className: "text-sm" }), _jsx("input", { type: "text", placeholder: "Search", className: "small-input text-sm w-full pr-12", value: searchTerm, onChange: function (event) { return setSearchTerm(event.target.value); } })] }), _jsx("div", { className: "absolute max-h-1rem", style: { top: 5, right: 5 }, children: _jsx("img", { style: { cursor: "pointer", maxHeight: '1.3rem' }, src: "/images/icons/jump-to-icon.png", alt: "Solid" }) })] }))] }), _jsx("div", { className: visibleNavbar ? "navTwoMenuLayout px-2 show" : "navTwoMenuLayout hide", children: _jsx(NavbarTwoMenu, { menuItems: currentMenu }) })] }))] }));
 };
 export default NavbarOne;
 //# sourceMappingURL=navbar-one.js.map

package/dist/components/layout/navbar-one.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-one.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { env } from \"../../adapters/env\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { SolidIcon } from \"../shad-cn-ui/SolidIcon\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => setVisibleNavbar(!visibleNavbar);\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        setVisibleNavbar(!visibleNavbar);\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n\n\n    return (\n        <div className=\"flex flex-column md:flex-row justify-content-between navBar\">\n\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {currentMainMenu && (\n                <div>\n                    <a\n                        className={\n                            visibleNavbar\n                                ? \"navtwo-toggle active-menu-image\"\n                                : \"navtwo-toggle\"\n                        }\n                        onClick={handleToggle}\n                    >\n                        <img\n                            style={{ cursor: \"pointer\" }}\n                            src={`/images/menu-toggle.png`}\n                            alt=\"Solid\"\n                        />\n                    </a>\n                </div>\n            )}\n            <div className=\"navBarOne\">\n                <div>\n                    <div className=\"navbar-menu\">\n                        <>\n                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (\n                                <div\n                                    key={m.title}\n                                    className={`menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                >\n                                    <a onClick={() => handleMenu(m)}>\n                                        <img\n                                            style={{ cursor: \"pointer\", width: '30px' }}\n                                            // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}\n                                            // src={`/images/menu/${m.title}.svg`}\n                                            src={m.icon.startsWith(\"/\") ? m.icon : `${env(\"API_URL\")}/${m.icon}`}\n                                            // src={`/images/menu/app-builder.svg`}\n                                            alt=\"Solid\"\n                                        />\n                                    </a>\n                                </div>\n                            ))}\n                        </>\n                    </div>\n                </div>\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={visibleNavbar ? \"show navBarTwo\" : \"hide navBarTwo\"}>\n                    <div className=\"flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3\">\n                        <div className=\"absolute bottom-0\" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>\n                        {!isSearchShow && <div className=\"text-base font-semibold\">{currentMainMenu && currentMainMenu}</div>}\n                        {isSearchShow === false && (\n                            <SolidButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Search\"\n                                className=\"transparent-background min-w-0 px-2 py-1 border-1 border-round border-200\"\n                                onClick={() => setSearchShow(true)}\n                                leftIcon={<SolidIcon name=\"si-search\" />}\n                            />\n                        )}\n                        {isSearchShow && (\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <div className=\"input-icon inputDiv navtwo-searchbox\">\n                                    <SolidIcon name=\"si-search\" className=\"text-sm\" />\n                                    <input\n                                        type=\"text\"\n                                        placeholder=\"Search\"\n                                        className=\"small-input text-sm w-full pr-6\"\n                                        value={searchTerm}\n                                        onChange={(event) => setSearchTerm(event.target.value)}\n                                    />\n                                </div>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                        src=\"/images/icons/jump-to-icon.png\"\n                                        alt=\"Solid\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n                            <i className=\"pi pi-search \" style={{ color: '#8D9199' }}></i>\n                            <input\n                                type=\"text\"\n                                placeholder=\"Jump to.\"\n                                name=\"lastName\"\n                                id=\"lastName\"\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                value={searchTerm}\n                                className=\"\"\n                            />\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div> */}\n                    </div>\n                    {/* <div className=\"flex flex-column md:flex-row  navtwo-header justify-content-between\">\n            <div className=\"text-sm font-semibold\">{currentMainMenu && currentMainMenu}</div> */}\n                    {/* <a\n              className={\n                visibleNavbar\n                  ? \"navtwo-toggle active-menu-image\"\n                  : \"navtwo-toggle\"\n              }\n              onClick={handleToggle}\n            >\n              <img\n                style={{ cursor: \"pointer\" }}\n                src={`/images/menu-toggle.png`}\n                alt=\"Solid\"\n              />\n            </a> */}\n                    {/* </div>\n          <div className=\"p-inputgroup\"> */}\n                    {/* <div className=\"p-inputgroup navtwo-searchbox\">\n              \n              <span className=\"p-inputgroup-addon\">\n                <i className=\"pi pi-search \"></i>\n              </span>\n              <InputText\n                placeholder=\"Search\"\n                onChange={e => setSearchTerm(e.target.value)} \n                />\n              <span className=\"p-inputgroup-addon\">⌘+k</span>\n            </div> */}\n                    {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n              <i className=\"pi pi-search \" style={{ color: '#8D9199' }}></i>\n              <input\n                type=\"text\"\n                placeholder=\"Jump to.\"\n                name=\"lastName\"\n                id=\"lastName\"\n                onChange={(e) => setSearchTerm(e.target.value)}\n                value={searchTerm}\n                className=\"\"\n              />\n              <img\n                style={{ cursor: \"pointer\" }}\n                src=\"/images/icons/jump-to-icon.png\"\n                alt=\"Solid\"\n              />\n            </div> */}\n\n                    {/* <Button icon=\"pi pi-search\" className=\"p-button-outlined\" onClick={handleSearch} /> */}\n                    {/* </div> */}\n\n                    <div\n                        className={\n                            visibleNavbar ? \"navTwoMenuLayout px-2 show\" : \"navTwoMenuLayout hide\"\n                        }\n                    >\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default NavbarOne;\n"]}
+{"version":3,"file":"navbar-one.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { env } from \"../../adapters/env\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { SolidIcon } from \"../shad-cn-ui/SolidIcon\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => setVisibleNavbar(!visibleNavbar);\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        setVisibleNavbar(!visibleNavbar);\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n\n\n    return (\n        <div className=\"flex flex-col md:flex-row justify-between navBar\">\n\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {currentMainMenu && (\n                <div>\n                    <a\n                        className={\n                            visibleNavbar\n                                ? \"navtwo-toggle active-menu-image\"\n                                : \"navtwo-toggle\"\n                        }\n                        onClick={handleToggle}\n                    >\n                        <img\n                            style={{ cursor: \"pointer\" }}\n                            src={`/images/menu-toggle.png`}\n                            alt=\"Solid\"\n                        />\n                    </a>\n                </div>\n            )}\n            <div className=\"navBarOne\">\n                <div>\n                    <div className=\"navbar-menu\">\n                        <>\n                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (\n                                <div\n                                    key={m.title}\n                                    className={`menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                >\n                                    <a onClick={() => handleMenu(m)}>\n                                        <img\n                                            style={{ cursor: \"pointer\", width: '30px' }}\n                                            // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}\n                                            // src={`/images/menu/${m.title}.svg`}\n                                            src={m.icon.startsWith(\"/\") ? m.icon : `${env(\"API_URL\")}/${m.icon}`}\n                                            // src={`/images/menu/app-builder.svg`}\n                                            alt=\"Solid\"\n                                        />\n                                    </a>\n                                </div>\n                            ))}\n                        </>\n                    </div>\n                </div>\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={visibleNavbar ? \"show navBarTwo\" : \"hide navBarTwo\"}>\n                    <div className=\"flex relative justify-between items-center pt-6 px-4 pb-4 mb-4\">\n                        <div className=\"absolute bottom-0\" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>\n                        {!isSearchShow && <div className=\"text-base font-semibold\">{currentMainMenu && currentMainMenu}</div>}\n                        {isSearchShow === false && (\n                            <SolidButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Search\"\n                                className=\"transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1\"\n                                onClick={() => setSearchShow(true)}\n                                leftIcon={<SolidIcon name=\"si-search\" />}\n                            />\n                        )}\n                        {isSearchShow && (\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <div className=\"input-icon inputDiv navtwo-searchbox\">\n                                    <SolidIcon name=\"si-search\" className=\"text-sm\" />\n                                    <input\n                                        type=\"text\"\n                                        placeholder=\"Search\"\n                                        className=\"small-input text-sm w-full pr-12\"\n                                        value={searchTerm}\n                                        onChange={(event) => setSearchTerm(event.target.value)}\n                                    />\n                                </div>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                        src=\"/images/icons/jump-to-icon.png\"\n                                        alt=\"Solid\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n                            <i className=\"pi pi-search\" style={{ color: '#8D9199' }}></i>\n                            <input\n                                type=\"text\"\n                                placeholder=\"Jump to.\"\n                                name=\"lastName\"\n                                id=\"lastName\"\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                value={searchTerm}\n                                className=\"\"\n                            />\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div> */}\n                    </div>\n                    {/* <div className=\"flex flex-col md:flex-row navtwo-header justify-between\">\n            <div className=\"text-sm font-semibold\">{currentMainMenu && currentMainMenu}</div> */}\n                    {/* <a\n              className={\n                visibleNavbar\n                  ? \"navtwo-toggle active-menu-image\"\n                  : \"navtwo-toggle\"\n              }\n              onClick={handleToggle}\n            >\n              <img\n                style={{ cursor: \"pointer\" }}\n                src={`/images/menu-toggle.png`}\n                alt=\"Solid\"\n              />\n            </a> */}\n                    {/* </div>\n          <div className=\"p-inputgroup\"> */}\n                    {/* <div className=\"p-inputgroup navtwo-searchbox\">\n              \n              <span className=\"p-inputgroup-addon\">\n                <i className=\"pi pi-search\"></i>\n              </span>\n              <InputText\n                placeholder=\"Search\"\n                onChange={e => setSearchTerm(e.target.value)} \n                />\n              <span className=\"p-inputgroup-addon\">⌘+k</span>\n            </div> */}\n                    {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n              <i className=\"pi pi-search\" style={{ color: '#8D9199' }}></i>\n              <input\n                type=\"text\"\n                placeholder=\"Jump to.\"\n                name=\"lastName\"\n                id=\"lastName\"\n                onChange={(e) => setSearchTerm(e.target.value)}\n                value={searchTerm}\n                className=\"\"\n              />\n              <img\n                style={{ cursor: \"pointer\" }}\n                src=\"/images/icons/jump-to-icon.png\"\n                alt=\"Solid\"\n              />\n            </div> */}\n\n                    {/* <Button icon=\"pi pi-search\" className=\"p-button-outlined\" onClick={handleSearch} /> */}\n                    {/* </div> */}\n\n                    <div\n                        className={\n                            visibleNavbar ? \"navTwoMenuLayout px-2 show\" : \"navTwoMenuLayout hide\"\n                        }\n                    >\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default NavbarOne;\n"]}