@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/layout/UserSidebar.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useState } from "react";
+
+const UserSidebar = () => {
+  const pathname = usePathname();
+
+  const menuItem = [
+    {
+      name: "Update Profile",
+      url: "/me/update",
+      icon: "fas fa-user",
+    },
+    {
+      name: "Upload Avatar",
+      url: "/me/upload_avatar",
+      icon: "fas fa-user-circle",
+    },
+    {
+      name: "Update Password",
+      url: "/me/update_password",
+      icon: "fas fa-lock",
+    },
+  ];
+
+  const [activeMenuItem, setActiveMenuItem] = useState(pathname);
+
+  const handleMenuItemClick = (menuItem: string) => {
+    setActiveMenuItem(menuItem);
+  };
+
+  return (
+    <div className="list-group mt-5 pl-4">
+      {menuItem.map((menuItem, index) => (
+        <Link
+          key={index}
+          href={menuItem.url}
+          className={`fw-bold list-group-item list-group-item-action ${
+            activeMenuItem === menuItem.url ? "active" : ""
+          }`}
+          onClick={() => handleMenuItemClick(menuItem.url)}
+          aria-current={activeMenuItem === menuItem.url ? "true" : "false"}
+        >
+          <i className={`${menuItem.icon} fa-fw pe-2`}></i> {menuItem.name}
+        </Link>
+      ))}
+    </div>
+  );
+};
+
+export default UserSidebar;

package/dist/components/layout/context/layoutcontext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layoutcontext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAe,mBAAmB,EAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7F,eAAO,MAAM,aAAa,mCAA0C,CAAC;AAErE,eAAO,MAAM,cAAc,iBAAkB,mBAAmB,4CA8C/D,CAAC"}
+{"version":3,"file":"layoutcontext.d.ts","sourceRoot":"./","sources":["components/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAe,mBAAmB,EAAgB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpG,eAAO,MAAM,aAAa,mCAA0C,CAAC;AAErE,eAAO,MAAM,cAAc,iBAAkB,mBAAmB,4CA8C/D,CAAC"}

package/dist/components/layout/context/layoutcontext.js

@@ -1,55 +1,43 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, createContext } from 'react';
-export var LayoutContext = createContext({});
-export var LayoutProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState({
+export const LayoutContext = createContext({});
+export const LayoutProvider = ({ children }) => {
+    const [layoutConfig, setLayoutConfig] = useState({
         inputStyle: 'outlined',
         colorScheme: 'light',
         theme: 'solid-light-purple',
         scale: 14,
         authLayout: 'Center'
-    }), layoutConfig = _b[0], setLayoutConfig = _b[1];
-    var _c = useState({
+    });
+    const [layoutState, setLayoutState] = useState({
         overlayMenuActive: false,
         profileSidebarVisible: false,
         configSidebarVisible: false,
         staticMenuMobileActive: false,
         menuHoverActive: false
-    }), layoutState = _c[0], setLayoutState = _c[1];
-    var onMenuToggle = function () {
+    });
+    const onMenuToggle = () => {
         if (isDesktop()) {
-            setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { staticMenuDesktopInactive: !prevLayoutState.staticMenuDesktopInactive })); });
+            setLayoutState((prevLayoutState) => ({ ...prevLayoutState, staticMenuDesktopInactive: !prevLayoutState.staticMenuDesktopInactive }));
         }
         else {
-            setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { staticMenuMobileActive: !prevLayoutState.staticMenuMobileActive })); });
+            setLayoutState((prevLayoutState) => ({ ...prevLayoutState, staticMenuMobileActive: !prevLayoutState.staticMenuMobileActive }));
         }
     };
-    var showProfileSidebar = function () {
-        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { profileSidebarVisible: !prevLayoutState.profileSidebarVisible })); });
+    const showProfileSidebar = () => {
+        setLayoutState((prevLayoutState) => ({ ...prevLayoutState, profileSidebarVisible: !prevLayoutState.profileSidebarVisible }));
     };
-    var isDesktop = function () {
+    const isDesktop = () => {
         return window.innerWidth > 991;
     };
-    var value = {
-        layoutConfig: layoutConfig,
-        setLayoutConfig: setLayoutConfig,
-        layoutState: layoutState,
-        setLayoutState: setLayoutState,
-        onMenuToggle: onMenuToggle,
-        showProfileSidebar: showProfileSidebar
+    const value = {
+        layoutConfig,
+        setLayoutConfig,
+        layoutState,
+        setLayoutState,
+        onMenuToggle,
+        showProfileSidebar
     };
     return _jsx(LayoutContext.Provider, { value: value, children: children });
 };

package/dist/components/layout/context/layoutcontext.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutcontext.js","sourceRoot":"","sources":["../../../../src/components/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,CAAC,IAAM,aAAa,GAAG,aAAa,CAAC,EAAwB,CAAC,CAAC;AAErE,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA;IAC/B,IAAA,KAAkC,QAAQ,CAAe;QAC3D,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,oBAAoB;QAC3B,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,QAAQ;KACvB,CAAC,EANK,YAAY,QAAA,EAAE,eAAe,QAMlC,CAAC;IAEG,IAAA,KAAgC,QAAQ,CAAc;QACxD,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,KAAK;QAC7B,eAAe,EAAE,KAAK;KACzB,CAAC,EANK,WAAW,QAAA,EAAE,cAAc,QAMhC,CAAC;IAEH,IAAM,YAAY,GAAG;QAEjB,IAAI,SAAS,EAAE,EAAE;YACb,cAAc,CAAC,UAAC,eAAmB,IAAK,OAAA,uBAAM,eAAe,KAAE,yBAAyB,EAAE,CAAC,eAAe,CAAC,yBAAyB,IAAG,EAA/F,CAA+F,CAAC,CAAC;SAC5I;aAAM;YACH,cAAc,CAAC,UAAC,eAAmB,IAAK,OAAA,uBAAM,eAAe,KAAE,sBAAsB,EAAE,CAAC,eAAe,CAAC,sBAAsB,IAAG,EAAzF,CAAyF,CAAC,CAAC;SACtI;IACL,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,cAAc,CAAC,UAAC,eAAmB,IAAK,OAAA,uBAAM,eAAe,KAAE,qBAAqB,EAAE,CAAC,eAAe,CAAC,qBAAqB,IAAG,EAAvF,CAAuF,CAAC,CAAC;IACrI,CAAC,CAAC;IAIF,IAAM,SAAS,GAAG;QACd,OAAO,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,KAAK,GAAuB;QAC9B,YAAY,cAAA;QACZ,eAAe,iBAAA;QACf,WAAW,aAAA;QACX,cAAc,gBAAA;QACd,YAAY,cAAA;QACZ,kBAAkB,oBAAA;KACrB,CAAC;IAEF,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAAC;AACrF,CAAC,CAAC"}
+{"version":3,"file":"layoutcontext.js","sourceRoot":"./","sources":["components/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,EAAwB,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe;QAC3D,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,oBAAoB;QAC3B,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc;QACxD,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,KAAK;QAC7B,eAAe,EAAE,KAAK;KACzB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QAEtB,IAAI,SAAS,EAAE,EAAE;YACb,cAAc,CAAC,CAAC,eAAmB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,eAAe,EAAE,yBAAyB,EAAE,CAAC,eAAe,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAC;SAC5I;aAAM;YACH,cAAc,CAAC,CAAC,eAAmB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,eAAe,EAAE,sBAAsB,EAAE,CAAC,eAAe,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;SACtI;IACL,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,cAAc,CAAC,CAAC,eAAmB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,eAAe,EAAE,qBAAqB,EAAE,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;IACrI,CAAC,CAAC;IAIF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,OAAO,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAuB;QAC9B,YAAY;QACZ,eAAe;QACf,WAAW;QACX,cAAc;QACd,YAAY;QACZ,kBAAkB;KACrB,CAAC;IAEF,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAAC;AACrF,CAAC,CAAC","sourcesContent":["'use client';\nimport React, { useState, createContext } from 'react';\nimport { LayoutState, ChildContainerProps, LayoutConfig, LayoutContextProps } from '../../../types';\nexport const LayoutContext = createContext({} as LayoutContextProps);\n\nexport const LayoutProvider = ({ children }: ChildContainerProps) => {\n    const [layoutConfig, setLayoutConfig] = useState<LayoutConfig>({\n        inputStyle: 'outlined',\n        colorScheme: 'light',\n        theme: 'solid-light-purple',\n        scale: 14,\n        authLayout: 'Center'\n    });\n\n    const [layoutState, setLayoutState] = useState<LayoutState>({\n        overlayMenuActive: false,\n        profileSidebarVisible: false,\n        configSidebarVisible: false,\n        staticMenuMobileActive: false,\n        menuHoverActive: false\n    });\n\n    const onMenuToggle = () => {\n\n        if (isDesktop()) {\n            setLayoutState((prevLayoutState:any) => ({ ...prevLayoutState, staticMenuDesktopInactive: !prevLayoutState.staticMenuDesktopInactive }));\n        } else {\n            setLayoutState((prevLayoutState:any) => ({ ...prevLayoutState, staticMenuMobileActive: !prevLayoutState.staticMenuMobileActive }));\n        }\n    };\n\n    const showProfileSidebar = () => {\n        setLayoutState((prevLayoutState:any) => ({ ...prevLayoutState, profileSidebarVisible: !prevLayoutState.profileSidebarVisible }));\n    };\n\n \n\n    const isDesktop = () => {\n        return window.innerWidth > 991;\n    };\n\n    const value: LayoutContextProps = {\n        layoutConfig,\n        setLayoutConfig,\n        layoutState,\n        setLayoutState,\n        onMenuToggle,\n        showProfileSidebar\n    };\n\n    return <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>;\n};\n"]}

package/dist/components/layout/context/layoutcontext.tsx

@@ -0,0 +1,52 @@
+'use client';
+import React, { useState, createContext } from 'react';
+import { LayoutState, ChildContainerProps, LayoutConfig, LayoutContextProps } from '../../../types';
+export const LayoutContext = createContext({} as LayoutContextProps);
+
+export const LayoutProvider = ({ children }: ChildContainerProps) => {
+    const [layoutConfig, setLayoutConfig] = useState<LayoutConfig>({
+        inputStyle: 'outlined',
+        colorScheme: 'light',
+        theme: 'solid-light-purple',
+        scale: 14,
+        authLayout: 'Center'
+    });
+
+    const [layoutState, setLayoutState] = useState<LayoutState>({
+        overlayMenuActive: false,
+        profileSidebarVisible: false,
+        configSidebarVisible: false,
+        staticMenuMobileActive: false,
+        menuHoverActive: false
+    });
+
+    const onMenuToggle = () => {
+
+        if (isDesktop()) {
+            setLayoutState((prevLayoutState:any) => ({ ...prevLayoutState, staticMenuDesktopInactive: !prevLayoutState.staticMenuDesktopInactive }));
+        } else {
+            setLayoutState((prevLayoutState:any) => ({ ...prevLayoutState, staticMenuMobileActive: !prevLayoutState.staticMenuMobileActive }));
+        }
+    };
+
+    const showProfileSidebar = () => {
+        setLayoutState((prevLayoutState:any) => ({ ...prevLayoutState, profileSidebarVisible: !prevLayoutState.profileSidebarVisible }));
+    };
+
+ 
+
+    const isDesktop = () => {
+        return window.innerWidth > 991;
+    };
+
+    const value: LayoutContextProps = {
+        layoutConfig,
+        setLayoutConfig,
+        layoutState,
+        setLayoutState,
+        onMenuToggle,
+        showProfileSidebar
+    };
+
+    return <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>;
+};

package/dist/components/layout/navbar-one.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-one.d.ts","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,SAAS,+CA8Od,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"navbar-one.d.ts","sourceRoot":"./","sources":["components/layout/navbar-one.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,SAAS,+CA8Od,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -15,72 +15,71 @@ import { useDispatch } from "react-redux";
 import NavbarTwoMenu from "./navbar-two-menu";
 import UserProfileMenu from "./user-profile-menu";
 // import menu from "../../helpers/menu";
-var NavbarOne = function () {
-    var dispatch = useDispatch();
+const NavbarOne = () => {
+    const dispatch = useDispatch();
     // const { user, isAuthenticated } = useAppSelector((state) => state.auth);
     // const [show, setShow] = useState(false);
     // const visibleNavbar = useSelector(
     //     (state: any) => state.navbarState.visibleNavbar
     // );
-    var _a = useState(false), visibleNavbar = _a[0], setVisibleNavbar = _a[1];
-    var menu = useGetSolidMenuBasedOnRoleQuery("").data;
-    var _b = useState(), currentMenu = _b[0], setCurrentMenu = _b[1];
-    var _c = useState(), currentMainMenu = _c[0], setCurrentMainMenu = _c[1];
-    var _d = useState(""), searchTerm = _d[0], setSearchTerm = _d[1];
-    useEffect(function () {
-        var _a, _b;
+    const [visibleNavbar, setVisibleNavbar] = useState(false);
+    const { data: menu } = useGetSolidMenuBasedOnRoleQuery("");
+    const [currentMenu, setCurrentMenu] = useState();
+    const [currentMainMenu, setCurrentMainMenu] = useState();
+    const [searchTerm, setSearchTerm] = useState("");
+    useEffect(() => {
         if (menu) {
-            setCurrentMenu(menu && menu.data.length > 0 && ((_a = menu.data.filter(function (m) { return m.key === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY; })[0]) === null || _a === void 0 ? void 0 : _a.children));
-            setCurrentMainMenu(menu && menu.data.length > 0 && ((_b = menu.data.filter(function (m) { return m.key === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY; })[0]) === null || _b === void 0 ? void 0 : _b.title));
+            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m) => m.key === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY)[0]?.children);
+            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m) => m.key === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY)[0]?.title);
         }
     }, [menu]);
-    var data = useSession().data;
+    const { data } = useSession();
     // const handleToggle = () => setShow(!show);
-    var handleToggle = function () { return setVisibleNavbar(!visibleNavbar); };
-    var handleMenu = function (m) {
+    const handleToggle = () => setVisibleNavbar(!visibleNavbar);
+    const handleMenu = (m) => {
         // setShow(true);
         setVisibleNavbar(!visibleNavbar);
         setCurrentMainMenu(m.title);
         setCurrentMenu(m.children);
     };
-    useEffect(function () {
+    useEffect(() => {
         if (data) {
-            dispatch(setUser(data === null || data === void 0 ? void 0 : data.user));
+            dispatch(setUser(data?.user));
             dispatch(setIsAuthenticated(true));
         }
     }, [data]);
-    var logoutHandler = function () {
+    const logoutHandler = () => {
         signOut();
     };
-    var handleSearch = function () {
+    const handleSearch = () => {
         // TODO: Handle the search logic here
     };
-    var _e = useState(false), isSearchShow = _e[0], setSearchShow = _e[1];
-    var searchRef = useRef(null);
-    var handleClickOutside = function (event) {
+    const [isSearchShow, setSearchShow] = useState(false);
+    const searchRef = useRef(null);
+    const handleClickOutside = (event) => {
         if (searchRef.current && !searchRef.current.contains(event.target)) {
             setSearchShow(false);
         }
     };
-    useEffect(function () {
+    useEffect(() => {
         if (isSearchShow) {
             document.addEventListener("mousedown", handleClickOutside);
         }
         else {
             document.removeEventListener("mousedown", handleClickOutside);
         }
-        return function () {
+        return () => {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isSearchShow]);
     return (_jsxs("div", { className: "flex flex-column md:flex-row justify-content-between navBar", children: [_jsx(ToastContainer, {}), 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' }, 
+                        : "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((m) => (_jsx("div", { className: `menu-item ${currentMainMenu === m.title ? "active-menu-image" : ""}`, children: _jsx("a", { onClick: () => 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(process.env.API_URL, "/").concat(m.icon), 
+                                            src: m.icon.startsWith("/") ? m.icon : `${process.env.API_URL}/${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(Button, { outlined: true, icon: "pi pi-search", severity: "secondary", "aria-label": "Search", size: "small", style: { maxWidth: 32, maxHeight: 32, border: '1px solid #d1d5db' }, onClick: function () { return setSearchShow(true); } }), isSearchShow &&
+                                            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(Button, { outlined: true, icon: "pi pi-search", severity: "secondary", "aria-label": "Search", size: "small", style: { maxWidth: 32, maxHeight: 32, border: '1px solid #d1d5db' }, onClick: () => setSearchShow(true) }), isSearchShow &&
                                 _jsxs("div", { className: "w-full", style: { position: 'relative' }, ref: searchRef, children: [_jsxs(IconField, { iconPosition: "left", children: [_jsx(InputIcon, { className: "pi pi-search text-sm", children: " " }), _jsx(InputText, { placeholder: "Search", className: "small-input text-sm w-full pr-6" })] }), _jsx("div", { className: "absolute max-h-1rem", style: { top: 5, right: 5 }, children: _jsx("img", { 
                                                 // className="absolute right-0 top-0 max-h-1rem"
                                                 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 }) })] }))] }));

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":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,kDAAkD;AAClD,gDAAgD;AAChD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,qCAAqC;AAErC,IAAM,SAAS,GAAG;IACd,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,2EAA2E;IAC3E,2CAA2C;IAC3C,qCAAqC;IACrC,sDAAsD;IACtD,KAAK;IACC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAElD,IAAM,IAAI,GAAK,+BAA+B,CAAC,EAAE,CAAC,KAAxC,CAAyC;IAGrD,IAAA,KAAgC,QAAQ,EAAE,EAAzC,WAAW,QAAA,EAAE,cAAc,QAAc,CAAC;IAC3C,IAAA,KAAwC,QAAQ,EAAE,EAAjD,eAAe,QAAA,EAAE,kBAAkB,QAAc,CAAC;IACnD,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;IAEjD,SAAS,CAAC;;QACN,IAAI,IAAI,EAAE;YACN,cAAc,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAI,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAlD,CAAkD,CAAC,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAA,CAAC,CAAC;YAC9I,kBAAkB,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAI,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAlD,CAAkD,CAAC,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAA,CAAC,CAAA;SACjJ;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEF,IAAA,IAAI,GAAK,UAAU,EAAE,KAAjB,CAAkB;IAE9B,6CAA6C;IAC7C,IAAM,YAAY,GAAG,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,CAAC;IAC5D,IAAM,UAAU,GAAG,UAAC,CAAM;QACtB,iBAAiB;QACjB,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;QACjC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC5B,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,IAAI,IAAI,EAAE;YACN,QAAQ,CAAC,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;YAC9B,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;SACtC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACjB,qCAAqC;IAEzC,CAAC,CAAC;IAEI,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,YAAY,QAAA,EAAE,aAAa,QAAmB,CAAC;IACtD,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,IAAM,kBAAkB,GAAG,UAAC,KAAU;QAClC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAChE,aAAa,CAAC,KAAK,CAAC,CAAC;SACxB;IACL,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,IAAI,YAAY,EAAE;YACd,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;SAC9D;aAAM;YACH,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;SACjE;QAED,OAAO;YACH,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAInB,OAAO,CACH,eAAK,SAAS,EAAC,6DAA6D,aACxE,KAAC,cAAc,KAAG,EAGjB,eAAe,IAAI,CAChB,wBACI,YACI,SAAS,EACL,aAAa;wBACT,CAAC,CAAC,iCAAiC;wBACnC,CAAC,CAAC,eAAe,EAEzB,OAAO,EAAE,YAAY,YAErB,cACI,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,GAAG,EAAE,yBAAyB,EAC9B,GAAG,EAAC,OAAO,GACb,GACF,GACF,CACT,EACD,eAAK,SAAS,EAAC,WAAW,aACtB,wBAYI,cAAK,SAAS,EAAC,aAAa,YACxB,4BACK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CACvD,cAEI,SAAS,EAAE,oBAAa,eAAe,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAE,YAEhF,YAAG,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,CAAC,CAAC,EAAb,CAAa,YAC3B,cACI,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;4CAC3C,yIAAyI;4CACzI,sCAAsC;4CACtC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAG,OAAO,CAAC,GAAG,CAAC,OAAO,cAAI,CAAC,CAAC,IAAI,CAAE;4CACzE,uCAAuC;4CACvC,GAAG,EAAC,OAAO,GACb,GACF,IAZC,CAAC,CAAC,KAAK,CAaV,CACT,EAhB0D,CAgB1D,CAAC,GACH,GACD,GACJ,EACN,KAAC,eAAe,KAAmB,IACjC,EACL,WAAW,IAAI,CACZ,eAAK,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,aAC/D,eAAK,SAAS,EAAC,8EAA8E,aACzF,cAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,GAAQ,EAClG,CAAC,YAAY,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,eAAe,IAAI,eAAe,GAAO,EACpG,YAAY,KAAK,KAAK,IAAI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,WAAW,gBAAY,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,EACrL,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,GACpC,EAED,YAAY;gCACT,eAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,SAAS,aACnE,MAAC,SAAS,IAAC,YAAY,EAAC,MAAM,aAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,sBAAsB,kBAAc,EACzD,KAAC,SAAS,IAAC,WAAW,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,GAAG,IACtE,EACZ,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,YAC5D;gDACI,gDAAgD;gDAChD,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EACjD,GAAG,EAAC,gCAAgC,EACpC,GAAG,EAAC,OAAO,GACb,GACA,IACJ,IAmBR,EAmDN,cACI,SAAS,EACL,aAAa,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,uBAAuB,YAG1E,KAAC,aAAa,IAAC,SAAS,EAAE,WAAW,GAAkB,GACrD,IACJ,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"navbar-one.js","sourceRoot":"./","sources":["components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { ToastContainer } from \"../../helpers/ToastContainer\";\nimport { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\n// import { useAppDispatch } from \"../../redux/hooks\";\n// import { RootState } from \"../../redux/store.js\";\nimport { signOut, useSession } from \"next-auth/react\";\nimport { Button } from \"primereact/button\";\nimport { IconField } from \"primereact/iconfield\";\nimport { InputIcon } from \"primereact/inputicon\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\n// import menu from \"../../helpers/menu\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n\n    // const { user, isAuthenticated } = useAppSelector((state) => state.auth);\n    // const [show, setShow] = useState(false);\n    // const visibleNavbar = useSelector(\n    //     (state: any) => state.navbarState.visibleNavbar\n    // );\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\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 === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY)[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === process.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 logoutHandler = () => {\n        signOut();\n    };\n\n    const handleSearch = () => {\n        // TODO: Handle the search logic here\n\n    };\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            <ToastContainer />\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=\"p-0\">\n                        <div className=\"navbar-brand\">\n                            <a href=\"/\">\n                                <img\n                                    style={{ cursor: \"pointer\" }}\n                                    src=\"/images/logo.png\"\n                                    alt=\"Solid\"\n                                />\n                            </a>\n                        </div>\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 : `${process.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 && <Button outlined icon=\"pi pi-search\" severity=\"secondary\" aria-label=\"Search\" size=\"small\" style={{ maxWidth: 32, maxHeight: 32, border: '1px solid #d1d5db' }}\n                            onClick={() => setSearchShow(true)}\n                        />\n                        }\n                        {isSearchShow &&\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <IconField iconPosition=\"left\">\n                                    <InputIcon className=\"pi pi-search text-sm\"> </InputIcon>\n                                    <InputText placeholder=\"Search\" className=\"small-input text-sm w-full pr-6\" />\n                                </IconField>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        // className=\"absolute right-0 top-0 max-h-1rem\"\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"]}

package/dist/components/layout/navbar-one.tsx

@@ -0,0 +1,258 @@
+"use client";
+import { ToastContainer } from "../../helpers/ToastContainer";
+import { useGetSolidMenuBasedOnRoleQuery } from "../../redux/api/solidMenuApi";
+import { setIsAuthenticated, setUser } from "../../redux/features/userSlice";
+// import { useAppDispatch } from "../../redux/hooks";
+// import { RootState } from "../../redux/store.js";
+import { signOut, useSession } from "next-auth/react";
+import { Button } from "primereact/button";
+import { IconField } from "primereact/iconfield";
+import { InputIcon } from "primereact/inputicon";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useRef, useState } from "react";
+import { useDispatch } from "react-redux";
+import NavbarTwoMenu from "./navbar-two-menu";
+import UserProfileMenu from "./user-profile-menu";
+// import menu from "../../helpers/menu";
+
+const NavbarOne = () => {
+    const dispatch = useDispatch();
+
+    // const { user, isAuthenticated } = useAppSelector((state) => state.auth);
+    // const [show, setShow] = useState(false);
+    // const visibleNavbar = useSelector(
+    //     (state: any) => state.navbarState.visibleNavbar
+    // );
+    const [visibleNavbar, setVisibleNavbar] = useState(false);
+
+    const { data: menu } = useGetSolidMenuBasedOnRoleQuery("");
+
+
+    const [currentMenu, setCurrentMenu] = useState();
+    const [currentMainMenu, setCurrentMainMenu] = useState();
+    const [searchTerm, setSearchTerm] = useState("");
+
+    useEffect(() => {
+        if (menu) {
+            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY)[0]?.children);
+            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === process.env.NEXT_PUBLIC_DEFAULT_MENU_KEY)[0]?.title)
+        }
+    }, [menu])
+
+    const { data } = useSession();
+
+    // const handleToggle = () => setShow(!show);
+    const handleToggle = () => setVisibleNavbar(!visibleNavbar);
+    const handleMenu = (m: any) => {
+        // setShow(true);
+        setVisibleNavbar(!visibleNavbar);
+        setCurrentMainMenu(m.title);
+        setCurrentMenu(m.children);
+    };
+
+    useEffect(() => {
+        if (data) {
+            dispatch(setUser(data?.user));
+            dispatch(setIsAuthenticated(true));
+        }
+    }, [data]);
+
+    const logoutHandler = () => {
+        signOut();
+    };
+
+    const handleSearch = () => {
+        // TODO: Handle the search logic here
+
+    };
+
+    const [isSearchShow, setSearchShow] = useState(false);
+    const searchRef = useRef<HTMLDivElement>(null);
+
+    const handleClickOutside = (event: any) => {
+        if (searchRef.current && !searchRef.current.contains(event.target)) {
+            setSearchShow(false);
+        }
+    };
+
+    useEffect(() => {
+        if (isSearchShow) {
+            document.addEventListener("mousedown", handleClickOutside);
+        } else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isSearchShow]);
+
+
+
+    return (
+        <div className="flex flex-column md:flex-row justify-content-between navBar">
+            <ToastContainer />
+
+            {/* commented this as this is not working properly @Jenendar to figure this out... */}
+            {currentMainMenu && (
+                <div>
+                    <a
+                        className={
+                            visibleNavbar
+                                ? "navtwo-toggle active-menu-image"
+                                : "navtwo-toggle"
+                        }
+                        onClick={handleToggle}
+                    >
+                        <img
+                            style={{ cursor: "pointer" }}
+                            src={`/images/menu-toggle.png`}
+                            alt="Solid"
+                        />
+                    </a>
+                </div>
+            )}
+            <div className="navBarOne">
+                <div>
+                    {/* <div className="p-0">
+                        <div className="navbar-brand">
+                            <a href="/">
+                                <img
+                                    style={{ cursor: "pointer" }}
+                                    src="/images/logo.png"
+                                    alt="Solid"
+                                />
+                            </a>
+                        </div>
+                    </div> */}
+                    <div className="navbar-menu">
+                        <>
+                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (
+                                <div
+                                    key={m.title}
+                                    className={`menu-item ${currentMainMenu === m.title ? "active-menu-image" : ""}`}
+                                >
+                                    <a onClick={() => handleMenu(m)}>
+                                        <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 : `${process.env.API_URL}/${m.icon}`}
+                                            // src={`/images/menu/app-builder.svg`}
+                                            alt="Solid"
+                                        />
+                                    </a>
+                                </div>
+                            ))}
+                        </>
+                    </div>
+                </div>
+                <UserProfileMenu></UserProfileMenu>
+            </div>
+            {currentMenu && (
+                <div className={visibleNavbar ? "show navBarTwo" : "hide navBarTwo"}>
+                    <div className="flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3">
+                        <div className="absolute bottom-0" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>
+                        {!isSearchShow && <div className="text-base font-semibold">{currentMainMenu && currentMainMenu}</div>}
+                        {isSearchShow === false && <Button outlined icon="pi pi-search" severity="secondary" aria-label="Search" size="small" style={{ maxWidth: 32, maxHeight: 32, border: '1px solid #d1d5db' }}
+                            onClick={() => setSearchShow(true)}
+                        />
+                        }
+                        {isSearchShow &&
+                            <div className="w-full" style={{ position: 'relative' }} ref={searchRef}>
+                                <IconField iconPosition="left">
+                                    <InputIcon className="pi pi-search text-sm"> </InputIcon>
+                                    <InputText placeholder="Search" className="small-input text-sm w-full pr-6" />
+                                </IconField>
+                                <div className="absolute max-h-1rem" style={{ top: 5, right: 5 }}>
+                                    <img
+                                        // className="absolute right-0 top-0 max-h-1rem"
+                                        style={{ cursor: "pointer", maxHeight: '1.3rem' }}
+                                        src="/images/icons/jump-to-icon.png"
+                                        alt="Solid"
+                                    />
+                                </div>
+                            </div>
+                        }
+                        {/* <div className="input-icon inputDiv navtwo-searchbox">
+                            <i className="pi pi-search " style={{ color: '#8D9199' }}></i>
+                            <input
+                                type="text"
+                                placeholder="Jump to..."
+                                name="lastName"
+                                id="lastName"
+                                onChange={(e) => setSearchTerm(e.target.value)}
+                                value={searchTerm}
+                                className=""
+                            />
+                            <img
+                                style={{ cursor: "pointer" }}
+                                src="/images/icons/jump-to-icon.png"
+                                alt="Solid"
+                            />
+                        </div> */}
+                    </div>
+                    {/* <div className="flex flex-column md:flex-row  navtwo-header justify-content-between">
+            <div className="text-sm font-semibold">{currentMainMenu && currentMainMenu}</div> */}
+                    {/* <a
+              className={
+                visibleNavbar
+                  ? "navtwo-toggle active-menu-image"
+                  : "navtwo-toggle"
+              }
+              onClick={handleToggle}
+            >
+              <img
+                style={{ cursor: "pointer" }}
+                src={`/images/menu-toggle.png`}
+                alt="Solid"
+              />
+            </a> */}
+                    {/* </div>
+          <div className="p-inputgroup"> */}
+                    {/* <div className="p-inputgroup navtwo-searchbox">
+              
+              <span className="p-inputgroup-addon">
+                <i className="pi pi-search "></i>
+              </span>
+              <InputText
+                placeholder="Search"
+                onChange={e => setSearchTerm(e.target.value)} 
+                />
+              <span className="p-inputgroup-addon">⌘+k</span>
+            </div> */}
+                    {/* <div className="input-icon inputDiv navtwo-searchbox">
+              <i className="pi pi-search " style={{ color: '#8D9199' }}></i>
+              <input
+                type="text"
+                placeholder="Jump to..."
+                name="lastName"
+                id="lastName"
+                onChange={(e) => setSearchTerm(e.target.value)}
+                value={searchTerm}
+                className=""
+              />
+              <img
+                style={{ cursor: "pointer" }}
+                src="/images/icons/jump-to-icon.png"
+                alt="Solid"
+              />
+            </div> */}
+
+                    {/* <Button icon="pi pi-search" className="p-button-outlined" onClick={handleSearch} /> */}
+                    {/* </div> */}
+
+                    <div
+                        className={
+                            visibleNavbar ? "navTwoMenuLayout px-2 show" : "navTwoMenuLayout hide"
+                        }
+                    >
+                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default NavbarOne;

package/dist/components/layout/navbar-two-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-two-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa,kBAAmB,GAAG,4CA+DxC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"navbar-two-menu.d.ts","sourceRoot":"./","sources":["components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa,kBAAmB,GAAG,4CA+DxC,CAAC;AAEF,eAAe,aAAa,CAAC"}