@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.4

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 { 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\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 && <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"]}
+{"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"]}

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

@@ -2,14 +2,12 @@ import { useGetSolidMenuBasedOnRoleQuery } from "../../redux/api/solidMenuApi";
 import { setIsAuthenticated, setUser } from "../../redux/features/userSlice";
 import { env } from "../../adapters/env";
 import { useSession } from "../../hooks/useSession";
-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 { SolidButton } from "../shad-cn-ui";
+import { SolidIcon } from "../shad-cn-ui/SolidIcon";
 
 const NavbarOne = () => {
     const dispatch = useDispatch();
@@ -122,26 +120,37 @@ const NavbarOne = () => {
                     <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 &&
+                        {isSearchShow === false && (
+                            <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={() => setSearchShow(true)}
+                                leftIcon={<SolidIcon name="si-search" />}
+                            />
+                        )}
+                        {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="input-icon inputDiv navtwo-searchbox">
+                                    <SolidIcon name="si-search" className="text-sm" />
+                                    <input
+                                        type="text"
+                                        placeholder="Search"
+                                        className="small-input text-sm w-full pr-6"
+                                        value={searchTerm}
+                                        onChange={(event) => setSearchTerm(event.target.value)}
+                                    />
+                                </div>
                                 <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

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,4CAgFxC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"navbar-two-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,kBAAmB,GAAG,4CAuHxC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/layout/navbar-two-menu.js

@@ -11,7 +11,6 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "../common/Link";
-import { PanelMenu } from "primereact/panelmenu";
 import { useState, useEffect } from "react";
 import { useSearchParams } from "../../hooks/useSearchParams";
 var NavbarTwoMenu = function (_a) {
@@ -65,7 +64,22 @@ var NavbarTwoMenu = function (_a) {
         expandIfActive(createMenuItems(menuItems));
         setExpandedKeys(function (prev) { return (__assign(__assign({}, prev), newExpandedKeys)); });
     }, [activeId]);
-    return (_jsx("div", { className: "solid-panel-menu", children: _jsx(PanelMenu, { model: items, expandedKeys: expandedKeys, onExpandedKeysChange: setExpandedKeys, className: "w-full", multiple: true }) }));
+    var toggleExpansion = function (key) {
+        setExpandedKeys(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[key] = !prev[key], _a)));
+        });
+    };
+    var renderMenuItems = function (menuItems) {
+        return (_jsx("ul", { className: "solid-panel-menu-list", children: menuItems.map(function (item) {
+                var hasChildren = item.items && item.items.length > 0;
+                var isExpanded = !!expandedKeys[item.key];
+                var isSelected = activeId !== null && item.id !== null && item.id === activeId;
+                var isParentActive = hasChildren && hasActiveChild(item.items);
+                return (_jsxs("li", { children: [_jsxs("div", { className: "flex align-items-center cursor-pointer menuHead px-3 ".concat(isSelected || isParentActive ? "p-highlight" : ""), children: [_jsx(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-content-between font-normal", children: _jsxs("div", { className: "flex align-items-center", style: { gap: 10 }, children: [item.icon && (_jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }) }), hasChildren && (_jsx("button", { type: "button", className: "sidebar-chevrons-button", onClick: function () { return toggleExpansion(item.key); }, "aria-label": "Toggle ".concat(item.label, " menu"), children: _jsx("span", { className: "sidebar-chevrons ".concat(isExpanded ? "pi pi-angle-up" : "pi pi-angle-down") }) }))] }), hasChildren && isExpanded && (_jsx("div", { className: "solid-panel-menu-children pl-3", children: renderMenuItems(item.items) }))] }, item.key));
+            }) }));
+    };
+    return _jsx("div", { className: "solid-panel-menu", children: renderMenuItems(items) });
 };
 export default NavbarTwoMenu;
 //# sourceMappingURL=navbar-two-menu.js.map

package/dist/components/layout/navbar-two-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-two-menu.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { PanelMenu } from \"primereact/panelmenu\";\nimport { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\n\nconst NavbarTwoMenu = ({ menuItems }: any) => {\n    const searchParams = useSearchParams();\n    const [expandedKeys, setExpandedKeys] = useState<any>({});\n\n    const activeId = searchParams.get(\"menuItemId\");\n    const hasActiveChild = (items: any[]): boolean => {\n        if (!activeId) return false;\n        return items?.some((item) =>\n            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])\n        );\n    };\n    const itemRenderer = (item: any, options: any) => {\n        const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);\n        return (\n            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`} onClick={options.onClick} >\n                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                        {item.icon && (\n                            // material-symbols-${item.iconVariant ?? 'outlined'}\n                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                {item.icon}\n                            </span>\n                        )}\n                        <span>\n                            {item.label}\n                        </span>\n                    </div>\n                    {item?.items?.length > 0 &&\n                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                    }\n                </Link>\n            </div>\n        )\n    };\n\n    const createMenuItems = (menuItems: any[]): any[] =>\n        menuItems.map((mi) => {\n            const menuItemId = new URLSearchParams(mi.path?.split(\"?\")[1]).get(\"menuItemId\");\n            return {\n                key: mi.key,\n                id: menuItemId,   // ← extracted from path\n                label: mi.title,\n                icon: mi.icon ?? \"\",\n                // iconVariant: mi.iconVariant,\n                template: itemRenderer,\n                url: mi.path ?? null,\n                items: mi.children ? createMenuItems(mi.children) : null,\n            };\n        })\n\n\n    const items = createMenuItems(menuItems);\n\n    // Auto-expand parents with active child when activeId changes\n    useEffect(() => {\n        const newExpandedKeys: any = {};\n        const expandIfActive = (items: any[]) => {\n            items?.forEach((item) => {\n                if (item.items?.length && hasActiveChild(item.items)) {\n                    newExpandedKeys[item.key] = true;\n                    expandIfActive(item.items);\n                }\n            });\n        };\n        expandIfActive(createMenuItems(menuItems));\n        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));\n    }, [activeId]);\n\n    return (\n        <div className=\"solid-panel-menu\">\n            <PanelMenu\n                model={items}\n                expandedKeys={expandedKeys}\n                onExpandedKeysChange={setExpandedKeys}\n                className=\"w-full\"\n                multiple\n            />\n        </div>\n    );\n};\n\nexport default NavbarTwoMenu;\n"]}
+{"version":3,"file":"navbar-two-menu.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../common/Link\";\nimport { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\n\nconst NavbarTwoMenu = ({ menuItems }: any) => {\n    const searchParams = useSearchParams();\n    const [expandedKeys, setExpandedKeys] = useState<any>({});\n\n    const activeId = searchParams.get(\"menuItemId\");\n    const hasActiveChild = (items: any[]): boolean => {\n        if (!activeId) return false;\n        return items?.some((item) =>\n            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])\n        );\n    };\n    const itemRenderer = (item: any, options: any) => {\n        const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);\n        return (\n            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`} onClick={options.onClick} >\n                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                        {item.icon && (\n                            // material-symbols-${item.iconVariant ?? 'outlined'}\n                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                {item.icon}\n                            </span>\n                        )}\n                        <span>\n                            {item.label}\n                        </span>\n                    </div>\n                    {item?.items?.length > 0 &&\n                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                    }\n                </Link>\n            </div>\n        )\n    };\n\n    const createMenuItems = (menuItems: any[]): any[] =>\n        menuItems.map((mi) => {\n            const menuItemId = new URLSearchParams(mi.path?.split(\"?\")[1]).get(\"menuItemId\");\n            return {\n                key: mi.key,\n                id: menuItemId,   // ← extracted from path\n                label: mi.title,\n                icon: mi.icon ?? \"\",\n                // iconVariant: mi.iconVariant,\n                template: itemRenderer,\n                url: mi.path ?? null,\n                items: mi.children ? createMenuItems(mi.children) : null,\n            };\n        })\n\n\n    const items = createMenuItems(menuItems);\n\n    // Auto-expand parents with active child when activeId changes\n    useEffect(() => {\n        const newExpandedKeys: any = {};\n        const expandIfActive = (items: any[]) => {\n            items?.forEach((item) => {\n                if (item.items?.length && hasActiveChild(item.items)) {\n                    newExpandedKeys[item.key] = true;\n                    expandIfActive(item.items);\n                }\n            });\n        };\n        expandIfActive(createMenuItems(menuItems));\n        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));\n    }, [activeId]);\n\n    const toggleExpansion = (key: string) => {\n        setExpandedKeys((prev: any) => ({ ...prev, [key]: !prev[key] }));\n    };\n\n    const renderMenuItems = (menuItems: any[]): React.ReactNode => {\n        return (\n            <ul className=\"solid-panel-menu-list\">\n                {menuItems.map((item) => {\n                    const hasChildren = item.items && item.items.length > 0;\n                    const isExpanded = !!expandedKeys[item.key];\n                    const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n                    const isParentActive = hasChildren && hasActiveChild(item.items);\n\n                    return (\n                        <li key={item.key}>\n                            <div className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`}>\n                                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                                        {item.icon && (\n                                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                                {item.icon}\n                                            </span>\n                                        )}\n                                        <span>{item.label}</span>\n                                    </div>\n                                </Link>\n                                {hasChildren && (\n                                    <button\n                                        type=\"button\"\n                                        className=\"sidebar-chevrons-button\"\n                                        onClick={() => toggleExpansion(item.key)}\n                                        aria-label={`Toggle ${item.label} menu`}\n                                    >\n                                        <span className={`sidebar-chevrons ${isExpanded ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                                    </button>\n                                )}\n                            </div>\n                            {hasChildren && isExpanded && (\n                                <div className=\"solid-panel-menu-children pl-3\">\n                                    {renderMenuItems(item.items)}\n                                </div>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    return <div className=\"solid-panel-menu\">{renderMenuItems(items)}</div>;\n};\n\nexport default NavbarTwoMenu;\n"]}

package/dist/components/layout/navbar-two-menu.tsx

@@ -1,6 +1,4 @@
 import Link from "../common/Link";
-import { usePathname } from "../../hooks/usePathname";
-import { PanelMenu } from "primereact/panelmenu";
 import { useState, useEffect } from "react";
 import { useSearchParams } from "../../hooks/useSearchParams";
 
@@ -73,17 +71,56 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
         setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));
     }, [activeId]);
 
-    return (
-        <div className="solid-panel-menu">
-            <PanelMenu
-                model={items}
-                expandedKeys={expandedKeys}
-                onExpandedKeysChange={setExpandedKeys}
-                className="w-full"
-                multiple
-            />
-        </div>
-    );
+    const toggleExpansion = (key: string) => {
+        setExpandedKeys((prev: any) => ({ ...prev, [key]: !prev[key] }));
+    };
+
+    const renderMenuItems = (menuItems: any[]): React.ReactNode => {
+        return (
+            <ul className="solid-panel-menu-list">
+                {menuItems.map((item) => {
+                    const hasChildren = item.items && item.items.length > 0;
+                    const isExpanded = !!expandedKeys[item.key];
+                    const isSelected = activeId !== null && item.id !== null && item.id === activeId;
+                    const isParentActive = hasChildren && hasActiveChild(item.items);
+
+                    return (
+                        <li key={item.key}>
+                            <div className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? "p-highlight" : ""}`}>
+                                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-content-between font-normal">
+                                    <div className="flex align-items-center" style={{ gap: 10 }}>
+                                        {item.icon && (
+                                            <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
+                                                {item.icon}
+                                            </span>
+                                        )}
+                                        <span>{item.label}</span>
+                                    </div>
+                                </Link>
+                                {hasChildren && (
+                                    <button
+                                        type="button"
+                                        className="sidebar-chevrons-button"
+                                        onClick={() => toggleExpansion(item.key)}
+                                        aria-label={`Toggle ${item.label} menu`}
+                                    >
+                                        <span className={`sidebar-chevrons ${isExpanded ? "pi pi-angle-up" : "pi pi-angle-down"}`} />
+                                    </button>
+                                )}
+                            </div>
+                            {hasChildren && isExpanded && (
+                                <div className="solid-panel-menu-children pl-3">
+                                    {renderMenuItems(item.items)}
+                                </div>
+                            )}
+                        </li>
+                    );
+                })}
+            </ul>
+        );
+    };
+
+    return <div className="solid-panel-menu">{renderMenuItems(items)}</div>;
 };
 
 export default NavbarTwoMenu;

package/dist/components/layout/user-profile-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-profile-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/user-profile-menu.tsx"],"names":[],"mappings":"AAqBA,QAAA,MAAM,eAAe,+CA4LpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"user-profile-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/user-profile-menu.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,eAAe,+CA8PpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/layout/user-profile-menu.js

@@ -1,63 +1,63 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-// import { useAppSelector } from "../../redux/hooks";
-import { PrimeReactContext } from "primereact/api";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { useContext, useEffect, useRef, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { LayoutContext } from "./context/layoutcontext";
-import { toggleTheme } from "../../redux/features/themeSlice";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { Divider } from "primereact/divider";
-import { Avatar } from "primereact/avatar";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { SolidAccountSettings } from "../core/common/SolidAccountSettings/SolidAccountSettings";
 import { useGetUserQuery } from "../../redux/api/userApi";
 import { handleLogout } from "../../adapters/auth/handleLogout";
-import { Toast } from "primereact/toast";
 import { useLazyGetSolidSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { useSession } from "../../hooks/useSession";
+import { SolidButton } from "../shad-cn-ui/SolidButton";
+import { SolidIcon, parseSolidIconMeta } from "../shad-cn-ui/SolidIcon";
 var UserProfileMenu = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var toast = useRef(null);
-    var _m = useState(false), showProfileSettingsDialog = _m[0], setShowProfileSettingsDialog = _m[1];
-    var _o = useLazyGetSolidSettingsQuery(), trigger = _o[0], solidSettingsData = _o[1].data;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var menuRef = useRef(null);
+    var _p = useState(false), showProfileSettingsDialog = _p[0], setShowProfileSettingsDialog = _p[1];
+    var _q = useState(false), menuOpen = _q[0], setMenuOpen = _q[1];
+    var _r = useLazyGetSolidSettingsQuery(), trigger = _r[0], solidSettingsData = _r[1].data;
+    var _s = useState(null), toast = _s[0], setToast = _s[1];
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, [trigger]);
-    var changeTheme = useContext(PrimeReactContext).changeTheme;
-    var _p = useContext(LayoutContext), layoutConfig = _p.layoutConfig, setLayoutConfig = _p.setLayoutConfig;
-    var theme = useSelector(function (state) { return state.theme; }).theme; // Get current theme from Redux
     var session = useSession();
     var userId = (_b = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id;
     var userData = useGetUserQuery(userId, {
         skip: !userId,
     }).data;
-    var _q = useState(theme === "dark"), checked = _q[0], setChecked = _q[1];
-    var _r = useState(false), confirmLogout = _r[0], setConfirmLogout = _r[1];
-    var dispatch = useDispatch();
-    var op = useRef(null);
-    var _changeTheme = function (theme, colorScheme) {
-        changeTheme === null || changeTheme === void 0 ? void 0 : changeTheme(layoutConfig.theme, theme, 'theme-css', function () {
-            setLayoutConfig(function (prevState) { return (__assign(__assign({}, prevState), { theme: theme, colorScheme: colorScheme })); });
-        });
-    };
-    var handleThemeToggle = function (e) {
-        var isDarkMode = e.value;
-        setChecked(isDarkMode);
-        dispatch(toggleTheme()); // Dispatch Redux action
-        _changeTheme(isDarkMode ? "solid-dark-purple" : "solid-light-purple", isDarkMode ? "dark" : "light");
-    };
+    var _t = useState(false), confirmLogout = _t[0], setConfirmLogout = _t[1];
+    useEffect(function () {
+        if (!menuOpen)
+            return;
+        var onPointerDown = function (event) {
+            if (!menuRef.current)
+                return;
+            if (!menuRef.current.contains(event.target)) {
+                setMenuOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", onPointerDown);
+        return function () { return document.removeEventListener("mousedown", onPointerDown); };
+    }, [menuOpen]);
+    useEffect(function () {
+        var _a;
+        if (!toast || toast.sticky)
+            return;
+        var timer = window.setTimeout(function () { return setToast(function (current) { return ((current === null || current === void 0 ? void 0 : current.id) === toast.id ? null : current); }); }, (_a = toast.life) !== null && _a !== void 0 ? _a : 3000);
+        return function () { return window.clearTimeout(timer); };
+    }, [toast]);
+    var toastRef = useMemo(function () { return ({
+        current: {
+            show: function (message) {
+                var nextToast = {
+                    id: Date.now(),
+                    severity: message.severity || "info",
+                    summary: message.summary,
+                    detail: message.detail,
+                    sticky: Boolean(message.sticky),
+                    life: typeof message.life === "number" ? message.life : 3000,
+                };
+                setToast(nextToast);
+            },
+        },
+    }); }, []);
     var getInitials = function (value) {
         var _a;
         if (!value)
@@ -76,21 +76,36 @@ var UserProfileMenu = function () {
     var value = (_c = userData === null || userData === void 0 ? void 0 : userData.data) === null || _c === void 0 ? void 0 : _c.email;
     var initials = getInitials(value);
     var bgColor = getColorFromInitials(initials);
-    var UserProfileAvatar = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (((_d = (_c = (_b = (_a = userData === null || userData === void 0 ? void 0 : userData.data) === null || _a === void 0 ? void 0 : _a._media) === null || _b === void 0 ? void 0 : _b.profilePicture) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d._full_url) ?
-            _jsx(Avatar, { image: (_h = (_g = (_f = (_e = userData === null || userData === void 0 ? void 0 : userData.data) === null || _e === void 0 ? void 0 : _e._media) === null || _f === void 0 ? void 0 : _f.profilePicture) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h._full_url, shape: "circle", size: "large" })
-            :
-                _jsx(Avatar, { label: initials, size: "large", shape: "circle", style: { backgroundColor: bgColor, color: '#ffffff' } }));
+    var roleLabel = (_e = (_d = userData === null || userData === void 0 ? void 0 : userData.data) === null || _d === void 0 ? void 0 : _d.roles) === null || _e === void 0 ? void 0 : _e.filter(function (role) { return role.name !== "Internal User"; }).map(function (role) { return role.name; }).join(" | ");
+    var displayName = ((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.enableUsername)
+        ? (_g = userData === null || userData === void 0 ? void 0 : userData.data) === null || _g === void 0 ? void 0 : _g.username
+        : (_h = userData === null || userData === void 0 ? void 0 : userData.data) === null || _h === void 0 ? void 0 : _h.email;
+    var primaryRole = ((_k = (_j = roleLabel === null || roleLabel === void 0 ? void 0 : roleLabel.split("|")) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.trim()) || "User";
+    var toastSeverityClass = (toast === null || toast === void 0 ? void 0 : toast.severity) === "error"
+        ? "is-error"
+        : (toast === null || toast === void 0 ? void 0 : toast.severity) === "success"
+            ? "is-success"
+            : (toast === null || toast === void 0 ? void 0 : toast.severity) === "warn"
+                ? "is-warn"
+                : "is-info";
+    var UserProfileAvatar = function (_a) {
+        var _b, _c, _d, _e;
+        var _f = _a.compact, compact = _f === void 0 ? false : _f;
+        var imageUrl = (_e = (_d = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.data) === null || _b === void 0 ? void 0 : _b._media) === null || _c === void 0 ? void 0 : _c.profilePicture) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e._full_url;
+        var sizeClass = compact ? "is-compact" : "";
+        return (_jsx("span", { className: "solid-user-avatar ".concat(sizeClass), style: imageUrl ? undefined : { backgroundColor: bgColor }, "aria-hidden": "true", children: imageUrl ? (_jsx("img", { src: imageUrl, alt: "Profile", className: "solid-user-avatar-image" })) : (_jsx("span", { className: "solid-user-avatar-text", children: initials || "U" })) }));
     };
-    return (_jsxs("div", { className: "userProfile", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "", children: [_jsxs("div", { className: "flex align-items-end", 
-                        //@ts-ignore
-                        onClick: function (e) { var _a; return (_a = op === null || op === void 0 ? void 0 : op.current) === null || _a === void 0 ? void 0 : _a.toggle(e); }, children: [_jsx(UserProfileAvatar, {}), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: _jsx("path", { d: "M7 5.83301L3.5 9.33301H10.5L7 5.83301Z", fill: "var(--solid-primary-black)" }) })] }), _jsxs(OverlayPanel, { ref: op, className: "user-profile-panel", children: [_jsxs("div", { className: "flex align-items-center p-3 gap-2 secondary-border-bottom", children: [_jsx(UserProfileAvatar, {}), _jsxs("div", { className: "flex flex-column align", children: [((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.enableUsername) ?
-                                                _jsx("span", { className: "font-bold", children: (_e = userData === null || userData === void 0 ? void 0 : userData.data) === null || _e === void 0 ? void 0 : _e.username })
-                                                :
-                                                    _jsx("span", { className: "mt-1", children: (_f = userData === null || userData === void 0 ? void 0 : userData.data) === null || _f === void 0 ? void 0 : _f.email }), _jsx("span", { className: "mt-1 font-medium", children: (_h = (_g = userData === null || userData === void 0 ? void 0 : userData.data) === null || _g === void 0 ? void 0 : _g.roles) === null || _h === void 0 ? void 0 : _h.filter(function (role) { return role.name !== "Internal User"; }).map(function (role) { return role.name; }).join(" | ") })] })] }), _jsx("div", { className: "flex align-items-center py-1 gap-2 secondary-border-bottom", children: _jsxs(Button, { severity: "secondary", text: true, className: "w-full flex align-items-center gap-2 px-3", onClick: function () { return setShowProfileSettingsDialog(true); }, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: _jsx("path", { d: "M8.1191 16.5C7.7816 16.5 7.49098 16.3875 7.24723 16.1625C7.00348 15.9375 6.8566 15.6625 6.8066 15.3375L6.63785 14.1C6.47535 14.0375 6.32223 13.9625 6.17848 13.875C6.03473 13.7875 5.8941 13.6938 5.7566 13.5938L4.5941 14.0813C4.2816 14.2188 3.9691 14.2313 3.6566 14.1188C3.3441 14.0063 3.10035 13.8063 2.92535 13.5188L2.0441 11.9813C1.8691 11.6938 1.8191 11.3875 1.8941 11.0625C1.9691 10.7375 2.13785 10.4688 2.40035 10.2563L3.3941 9.50625C3.3816 9.41875 3.37535 9.33438 3.37535 9.25313V8.74688C3.37535 8.66563 3.3816 8.58125 3.3941 8.49375L2.40035 7.74375C2.13785 7.53125 1.9691 7.2625 1.8941 6.9375C1.8191 6.6125 1.8691 6.30625 2.0441 6.01875L2.92535 4.48125C3.10035 4.19375 3.3441 3.99375 3.6566 3.88125C3.9691 3.76875 4.2816 3.78125 4.5941 3.91875L5.7566 4.40625C5.8941 4.30625 6.03785 4.2125 6.18785 4.125C6.33785 4.0375 6.48785 3.9625 6.63785 3.9L6.8066 2.6625C6.8566 2.3375 7.00348 2.0625 7.24723 1.8375C7.49098 1.6125 7.7816 1.5 8.1191 1.5H9.8816C10.2191 1.5 10.5097 1.6125 10.7535 1.8375C10.9972 2.0625 11.1441 2.3375 11.1941 2.6625L11.3629 3.9C11.5254 3.9625 11.6785 4.0375 11.8222 4.125C11.966 4.2125 12.1066 4.30625 12.2441 4.40625L13.4066 3.91875C13.7191 3.78125 14.0316 3.76875 14.3441 3.88125C14.6566 3.99375 14.9004 4.19375 15.0754 4.48125L15.9566 6.01875C16.1316 6.30625 16.1816 6.6125 16.1066 6.9375C16.0316 7.2625 15.8629 7.53125 15.6004 7.74375L14.6066 8.49375C14.6191 8.58125 14.6254 8.66563 14.6254 8.74688V9.25313C14.6254 9.33438 14.6129 9.41875 14.5879 9.50625L15.5816 10.2563C15.8441 10.4688 16.0129 10.7375 16.0879 11.0625C16.1629 11.3875 16.1129 11.6938 15.9379 11.9813L15.0379 13.5188C14.8629 13.8063 14.6191 14.0063 14.3066 14.1188C13.9941 14.2313 13.6816 14.2188 13.3691 14.0813L12.2441 13.5938C12.1066 13.6938 11.9629 13.7875 11.8129 13.875C11.6629 13.9625 11.5129 14.0375 11.3629 14.1L11.1941 15.3375C11.1441 15.6625 10.9972 15.9375 10.7535 16.1625C10.5097 16.3875 10.2191 16.5 9.8816 16.5H8.1191ZM8.25035 15H9.7316L9.9941 13.0125C10.3816 12.9125 10.741 12.7656 11.0722 12.5719C11.4035 12.3781 11.7066 12.1438 11.9816 11.8688L13.8379 12.6375L14.5691 11.3625L12.9566 10.1438C13.0191 9.96875 13.0629 9.78438 13.0879 9.59063C13.1129 9.39688 13.1254 9.2 13.1254 9C13.1254 8.8 13.1129 8.60313 13.0879 8.40938C13.0629 8.21563 13.0191 8.03125 12.9566 7.85625L14.5691 6.6375L13.8379 5.3625L11.9816 6.15C11.7066 5.8625 11.4035 5.62188 11.0722 5.42813C10.741 5.23438 10.3816 5.0875 9.9941 4.9875L9.75035 3H8.2691L8.0066 4.9875C7.6191 5.0875 7.25973 5.23438 6.92848 5.42813C6.59723 5.62188 6.2941 5.85625 6.0191 6.13125L4.16285 5.3625L3.4316 6.6375L5.0441 7.8375C4.9816 8.025 4.93785 8.2125 4.91285 8.4C4.88785 8.5875 4.87535 8.7875 4.87535 9C4.87535 9.2 4.88785 9.39375 4.91285 9.58125C4.93785 9.76875 4.9816 9.95625 5.0441 10.1438L3.4316 11.3625L4.16285 12.6375L6.0191 11.85C6.2941 12.1375 6.59723 12.3781 6.92848 12.5719C7.25973 12.7656 7.6191 12.9125 8.0066 13.0125L8.25035 15ZM9.03785 11.625C9.76285 11.625 10.3816 11.3688 10.8941 10.8563C11.4066 10.3438 11.6629 9.725 11.6629 9C11.6629 8.275 11.4066 7.65625 10.8941 7.14375C10.3816 6.63125 9.76285 6.375 9.03785 6.375C8.30035 6.375 7.67848 6.63125 7.17223 7.14375C6.66598 7.65625 6.41285 8.275 6.41285 9C6.41285 9.725 6.66598 10.3438 7.17223 10.8563C7.67848 11.3688 8.30035 11.625 9.03785 11.625Z", fill: "#4B4D52" }) }), _jsx("span", { className: "p-button-label flex-none", children: "Account Settings" })] }) }), ((_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.contactSupportEmail) &&
-                                _jsx("div", { className: "flex align-items-center py-1 gap-2 secondary-border-bottom", children: _jsx(Button, { severity: "secondary", text: true, className: "w-full flex align-items-center gap-2 px-3 ml-1", onClick: function () { var _a; return window.location.href = "mailto:".concat((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.contactSupportEmail); }, icon: ((_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.contactSupportIcon) || 'pi pi-envelope', children: _jsx("span", { className: "p-button-label flex-none", children: ((_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.contactSupportDisplayName) || "Contact Support" }) }) }), _jsx("div", { className: "py-1", children: _jsxs(Button, { text: true, severity: "secondary", className: "flex align-items-center gap-2 w-full px-3", onClick: function () { return setConfirmLogout(true); }, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: _jsx("path", { d: "M3.75 15.75C3.3375 15.75 2.98438 15.6031 2.69063 15.3094C2.39687 15.0156 2.25 14.6625 2.25 14.25V3.75C2.25 3.3375 2.39687 2.98438 2.69063 2.69063C2.98438 2.39687 3.3375 2.25 3.75 2.25H9V3.75H3.75V14.25H9V15.75H3.75ZM12 12.75L10.9688 11.6625L12.8813 9.75H6.75V8.25H12.8813L10.9688 6.3375L12 5.25L15.75 9L12 12.75Z", fill: "#F04A4A" }) }), _jsx("span", { className: "p-button-label flex-none ", children: "Logout" })] }) })] })] }), _jsxs(Dialog, { header: "Logout", headerClassName: "py-2", contentClassName: "px-0 pb-0", className: "solid-confirm-dialog", visible: confirmLogout, style: { width: '20vw' }, onHide: function () { if (!confirmLogout)
-                    return; setConfirmLogout(false); }, footer: _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Button, { label: "Logout", size: "small", onClick: function () { return handleLogout(toast); } }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setConfirmLogout(false); }, outlined: true })] }), children: [_jsx(Divider, { className: "m-0" }), _jsx("div", { className: "p-4", children: _jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to log out?" }) })] }), showProfileSettingsDialog &&
+    return (_jsxs("div", { className: "userProfile", children: [toast && (_jsxs("div", { className: "solid-inline-toast ".concat(toastSeverityClass), role: "status", "aria-live": "polite", children: [_jsxs("div", { className: "solid-inline-toast-body", children: [toast.summary && _jsx("div", { className: "solid-inline-toast-title", children: toast.summary }), toast.detail && _jsx("div", { className: "solid-inline-toast-detail", children: toast.detail })] }), _jsx("button", { type: "button", className: "solid-inline-toast-close", onClick: function () { return setToast(null); }, "aria-label": "Close notification", children: "\u00D7" })] })), _jsxs("div", { className: "solid-user-menu", ref: menuRef, children: [_jsxs("button", { type: "button", className: "solid-user-menu-trigger", onClick: function () { return setMenuOpen(function (prev) { return !prev; }); }, "aria-haspopup": "menu", "aria-expanded": menuOpen, "aria-label": "Open user menu", children: [_jsxs("span", { className: "solid-user-menu-trigger-left", children: [_jsx(UserProfileAvatar, { compact: true }), _jsxs("span", { className: "solid-user-menu-trigger-meta", children: [_jsx("span", { className: "solid-user-menu-trigger-name", children: displayName || "User" }), _jsx("span", { className: "solid-user-menu-trigger-role", children: primaryRole })] })] }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M7 5.83301L3.5 9.33301H10.5L7 5.83301Z", fill: "currentColor" }) })] }), menuOpen && (_jsxs("div", { className: "solid-user-menu-content", role: "menu", children: [_jsxs("div", { className: "solid-user-menu-header", children: [_jsx(UserProfileAvatar, {}), _jsxs("div", { className: "solid-user-menu-meta", children: [_jsx("span", { className: "solid-user-menu-title", children: displayName || "User" }), _jsx("span", { className: "solid-user-menu-subtitle", children: roleLabel || "User" })] })] }), _jsx("div", { className: "solid-user-menu-sep" }), _jsxs("button", { type: "button", className: "solid-user-menu-item", onClick: function () {
+                                    setMenuOpen(false);
+                                    setShowProfileSettingsDialog(true);
+                                }, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M8.1191 16.5C7.7816 16.5 7.49098 16.3875 7.24723 16.1625C7.00348 15.9375 6.8566 15.6625 6.8066 15.3375L6.63785 14.1C6.47535 14.0375 6.32223 13.9625 6.17848 13.875C6.03473 13.7875 5.8941 13.6938 5.7566 13.5938L4.5941 14.0813C4.2816 14.2188 3.9691 14.2313 3.6566 14.1188C3.3441 14.0063 3.10035 13.8063 2.92535 13.5188L2.0441 11.9813C1.8691 11.6938 1.8191 11.3875 1.8941 11.0625C1.9691 10.7375 2.13785 10.4688 2.40035 10.2563L3.3941 9.50625C3.3816 9.41875 3.37535 9.33438 3.37535 9.25313V8.74688C3.37535 8.66563 3.3816 8.58125 3.3941 8.49375L2.40035 7.74375C2.13785 7.53125 1.9691 7.2625 1.8941 6.9375C1.8191 6.6125 1.8691 6.30625 2.0441 6.01875L2.92535 4.48125C3.10035 4.19375 3.3441 3.99375 3.6566 3.88125C3.9691 3.76875 4.2816 3.78125 4.5941 3.91875L5.7566 4.40625C5.8941 4.30625 6.03785 4.2125 6.18785 4.125C6.33785 4.0375 6.48785 3.9625 6.63785 3.9L6.8066 2.6625C6.8566 2.3375 7.00348 2.0625 7.24723 1.8375C7.49098 1.6125 7.7816 1.5 8.1191 1.5H9.8816C10.2191 1.5 10.5097 1.6125 10.7535 1.8375C10.9972 2.0625 11.1441 2.3375 11.1941 2.6625L11.3629 3.9C11.5254 3.9625 11.6785 4.0375 11.8222 4.125C11.966 4.2125 12.1066 4.30625 12.2441 4.40625L13.4066 3.91875C13.7191 3.78125 14.0316 3.76875 14.3441 3.88125C14.6566 3.99375 14.9004 4.19375 15.0754 4.48125L15.9566 6.01875C16.1316 6.30625 16.1816 6.6125 16.1066 6.9375C16.0316 7.2625 15.8629 7.53125 15.6004 7.74375L14.6066 8.49375C14.6191 8.58125 14.6254 8.66563 14.6254 8.74688V9.25313C14.6254 9.33438 14.6129 9.41875 14.5879 9.50625L15.5816 10.2563C15.8441 10.4688 16.0129 10.7375 16.0879 11.0625C16.1629 11.3875 16.1129 11.6938 15.9379 11.9813L15.0379 13.5188C14.8629 13.8063 14.6191 14.0063 14.3066 14.1188C13.9941 14.2313 13.6816 14.2188 13.3691 14.0813L12.2441 13.5938C12.1066 13.6938 11.9629 13.7875 11.8129 13.875C11.6629 13.9625 11.5129 14.0375 11.3629 14.1L11.1941 15.3375C11.1441 15.6625 10.9972 15.9375 10.7535 16.1625C10.5097 16.3875 10.2191 16.5 9.8816 16.5H8.1191ZM8.25035 15H9.7316L9.9941 13.0125C10.3816 12.9125 10.741 12.7656 11.0722 12.5719C11.4035 12.3781 11.7066 12.1438 11.9816 11.8688L13.8379 12.6375L14.5691 11.3625L12.9566 10.1438C13.0191 9.96875 13.0629 9.78438 13.0879 9.59063C13.1129 9.39688 13.1254 9.2 13.1254 9C13.1254 8.8 13.1129 8.60313 13.0879 8.40938C13.0629 8.21563 13.0191 8.03125 12.9566 7.85625L14.5691 6.6375L13.8379 5.3625L11.9816 6.15C11.7066 5.8625 11.4035 5.62188 11.0722 5.42813C10.741 5.23438 10.3816 5.0875 9.9941 4.9875L9.75035 3H8.2691L8.0066 4.9875C7.6191 5.0875 7.25973 5.23438 6.92848 5.42813C6.59723 5.62188 6.2941 5.85625 6.0191 6.13125L4.16285 5.3625L3.4316 6.6375L5.0441 7.8375C4.9816 8.025 4.93785 8.2125 4.91285 8.4C4.88785 8.5875 4.87535 8.7875 4.87535 9C4.87535 9.2 4.88785 9.39375 4.91285 9.58125C4.93785 9.76875 4.9816 9.95625 5.0441 10.1438L3.4316 11.3625L4.16285 12.6375L6.0191 11.85C6.2941 12.1375 6.59723 12.3781 6.92848 12.5719C7.25973 12.7656 7.6191 12.9125 8.0066 13.0125L8.25035 15ZM9.03785 11.625C9.76285 11.625 10.3816 11.3688 10.8941 10.8563C11.4066 10.3438 11.6629 9.725 11.6629 9C11.6629 8.275 11.4066 7.65625 10.8941 7.14375C10.3816 6.63125 9.76285 6.375 9.03785 6.375C8.30035 6.375 7.67848 6.63125 7.17223 7.14375C6.66598 7.65625 6.41285 8.275 6.41285 9C6.41285 9.725 6.66598 10.3438 7.17223 10.8563C7.67848 11.3688 8.30035 11.625 9.03785 11.625Z", fill: "currentColor" }) }), _jsx("span", { children: "Account Settings" })] }), ((_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.contactSupportEmail) && (_jsxs("button", { type: "button", className: "solid-user-menu-item", onClick: function () {
+                                    var _a;
+                                    setMenuOpen(false);
+                                    window.location.href = "mailto:".concat((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.contactSupportEmail);
+                                }, children: [((_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.contactSupportIcon) ? ((function () { var _a, _b; var m = parseSolidIconMeta((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.contactSupportIcon); return m ? _jsx(SolidIcon, { name: m.name, spin: m.spin, "aria-hidden": "true" }) : _jsx("i", { className: (_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.contactSupportIcon, "aria-hidden": "true" }); })()) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M3 4.5C3 3.67157 3.67157 3 4.5 3H13.5C14.3284 3 15 3.67157 15 4.5V13.5C15 14.3284 14.3284 15 13.5 15H4.5C3.67157 15 3 14.3284 3 13.5V4.5Z", stroke: "currentColor", strokeWidth: "1.25" }), _jsx("path", { d: "M4.125 5.25L9 9L13.875 5.25", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" })] })), _jsx("span", { children: ((_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.contactSupportDisplayName) || "Contact Support" })] })), _jsx("div", { className: "solid-user-menu-sep" }), _jsxs("button", { type: "button", className: "solid-user-menu-item is-danger", onClick: function () {
+                                    setMenuOpen(false);
+                                    setConfirmLogout(true);
+                                }, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3.75 15.75C3.3375 15.75 2.98438 15.6031 2.69063 15.3094C2.39687 15.0156 2.25 14.6625 2.25 14.25V3.75C2.25 3.3375 2.39687 2.98438 2.69063 2.69063C2.98438 2.39687 3.3375 2.25 3.75 2.25H9V3.75H3.75V14.25H9V15.75H3.75ZM12 12.75L10.9688 11.6625L12.8813 9.75H6.75V8.25H12.8813L10.9688 6.3375L12 5.25L15.75 9L12 12.75Z", fill: "currentColor" }) }), _jsx("span", { children: "Logout" })] })] }))] }), confirmLogout && (_jsx("div", { className: "solid-dialog-backdrop", role: "presentation", onClick: function () { return setConfirmLogout(false); }, children: _jsxs("div", { className: "solid-confirm-dialog solid-shadcn-confirm-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "solid-logout-dialog-title", onClick: function (event) { return event.stopPropagation(); }, children: [_jsx("div", { className: "solid-shadcn-dialog-head", children: _jsx("h3", { id: "solid-logout-dialog-title", children: "Logout" }) }), _jsx("div", { className: "solid-shadcn-dialog-sep" }), _jsx("div", { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to log out?" }) }), _jsxs("div", { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { size: "sm", variant: "destructive", onClick: function () { return handleLogout({ toast: toastRef }); }, children: "Logout" }), _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () { return setConfirmLogout(false); }, children: "Cancel" })] })] }) })), showProfileSettingsDialog &&
                 _jsx(SolidAccountSettings, { showProfileSettingsDialog: showProfileSettingsDialog, setShowProfileSettingsDialog: setShowProfileSettingsDialog })] }));
 };
 export default UserProfileMenu;