@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.27 → 4.6.11-beta.28

package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js

@@ -15,217 +15,228 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function AdvantageSideNav(props) {
-    const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, agentAssistantStudioLink, agentAssistantLibraryLink, assistantLink, defaultAssistantLink, documentCollectionsLink, settingsLink, toolsLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, navigation, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, history, children, ...rest } = props;
-    const [activeMenu, setActiveMenu] = React__default.default.useState(false);
-    React__default.default.useState(null);
-    // const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
-    React__default.default.useState(null);
-    const isMenuOpen = isOpen || activeMenu;
-    const windowLocation = window.location;
-    const isPartnerUser = user?.type === UserType.USER_PLATFORM_ROLE.Partner;
-    const joinButtontitle = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
-    const hamburguerMenu = document.getElementById("header-sidenav-menu-button");
-    // get current selected team
-    let teamSwitcherTeam = null;
-    if (personalTeams.length > 0) {
-        personalTeams.forEach((team) => {
-            if (team.id === user?.teamInstanceSwitcherDefault) {
-                teamSwitcherTeam = { ...team, isPersonal: true };
-            }
-        });
-    }
-    if (teams.length > 0) {
-        teams.forEach((team) => {
-            if (team.id === user?.teamInstanceSwitcherDefault) {
-                teamSwitcherTeam = { ...team, isStandard: true };
-            }
-        });
-    }
-    if (accounts.length > 0) {
-        accounts.forEach((account) => {
-            if (account.id === user?.teamInstanceSwitcherDefault) {
-                teamSwitcherTeam = { ...account, isAccount: true };
-            }
-            else if (account.projectTeams && account.projectTeams?.length > 0) {
-                account.projectTeams.forEach((projectTeam) => {
-                    if (projectTeam.id === user?.teamInstanceSwitcherDefault) {
-                        teamSwitcherTeam = { ...projectTeam, isProject: true };
-                    }
-                });
-            }
-        });
-    }
-    // Functions to track IBM Instrumentation on Segment
-    const handleHomeClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Home link",
-                category: "Sidenav",
-                destinationPath: homeLink,
-            });
-    };
-    const handleToolsClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Tools link",
-                category: "Sidenav",
-                destinationPath: toolsLink,
-            });
-    };
-    const handleAgentAssistantStudioClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Agent & Assistant Studio link",
-                category: "Sidenav",
-                destinationPath: agentAssistantStudioLink,
-            });
-    };
-    const handleAgentAssistantLibraryClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Agent & Assistant Library link",
-                category: "Sidenav",
-                destinationPath: agentAssistantLibraryLink,
-            });
-    };
-    const handleDocumentCollectionsClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Document Collections link",
-                category: "Sidenav",
-                destinationPath: documentCollectionsLink,
-            });
-    };
-    const handleSettingsClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Settings link",
-                category: "Sidenav",
-                destinationPath: settingsLink,
-            });
-    };
-    const handleAssistantClick = () => {
-        let redirectLink = `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Assistant link",
-                category: "Sidenav",
-                destinationPath: redirectLink,
-            });
-        window.open(redirectLink, "_self", "noopener,noreferrer");
-    };
-    const handleCreateJoinClick = () => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Create/Join link",
-                category: "Sidenav",
-                CTA: "Create/Join team cliked",
-                type: "Button",
-            });
-    };
-    const handleTeamClick = ({ team, type }) => {
-        triggerEvent &&
-            triggerEvent({
-                action: "Clicked on SideNav Team link",
-                category: "Sidenav",
-                destinationPath: `${baseEnvUrl}/${app}/teams/${team.id}`,
-                teamId: team.id,
-                teamType: type,
-            });
-    };
-    const handleLaunchpadLink = (event) => {
-        event.preventDefault();
-        //@ts-ignore
-        if (Boolean(hamburguerMenu) && hamburguerMenu.className.includes("active")) {
-            //@ts-ignore
-            Boolean(hamburguerMenu) && hamburguerMenu?.click();
-        }
-        setActiveMenu(false);
-    };
-    const assistantSideNavLink = (
-    // assistantLink &&
-    React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), 
-        // isActive={assistantLink }
-        renderIcon: icons.ChatBot, 
-        // href={enableChatButton}
-        onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, "Chat"));
-    const catalogNavlink = navigation?.platform?.catalog?.url;
-    const adminNavlink = navigation?.platform?.admin?.url;
-    const showSecondDivider = (!isPartnerUser && showChatButton) ||
-        toolsLink ||
-        agentAssistantStudioLink ||
-        agentAssistantLibraryLink ||
-        documentCollectionsLink;
-    return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
-            "--closed": !isMenuOpen,
-        }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
-            setActiveMenu(false);
-        }, ...rest }, React__default.default.createElement(react.SideNavItems, null,
-        React__default.default.createElement("div", null,
-            homeLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-home-link", isActive: `${baseEnvUrl}/${app}/`.includes(windowLocation.href), renderIcon: icons.Home, href: homeLink, onClick: (e) => {
-                    if (isLaunchpad) {
-                        handleLaunchpadLink(e);
-                        history.push(homeLink);
-                    }
-                    handleHomeClick();
-                } }, "Home")) : null,
-            teamSwitcherTeam ? (React__default.default.createElement(react.SideNavLink, { title: teamSwitcherTeam.isAccount ? "Account Page" : "Team Page", name: teamSwitcherTeam.name, "data-testid": "sidenav-team-link", id: teamSwitcherTeam.id, isActive: windowLocation.href.includes(teamSwitcherTeam.id), className: `${settings.prefix}--bmrg-advantage-sidenav-team`, renderIcon: icons.UserMultiple, href: `${baseEnvUrl}/${app}/teams/${teamSwitcherTeam.id}`, onClick: (e) => {
-                    if (isLaunchpad) {
-                        handleLaunchpadLink(e);
-                        history.push(`/teams/${teamSwitcherTeam.id}`);
-                    }
-                    handleTeamClick({
-                        team: teamSwitcherTeam,
-                        type: teamSwitcherTeam.isPersonal
-                            ? "personal"
-                            : teamSwitcherTeam.isAccount
-                                ? "account"
-                                : teamSwitcherTeam.isproject
-                                    ? "project"
-                                    : "standard",
-                    });
-                } },
-                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-advantage-sidenav-teams__title` }, teamSwitcherTeam.isAccount ? "Account Page" : "Team Page"))) : !isPartnerUser && joinCreateTrigger ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: icons.AddAlt, onClick: (e) => {
-                    joinCreateTrigger(e);
-                    handleCreateJoinClick();
-                } }, joinButtontitle)) : null,
-            React__default.default.createElement(react.SideNavDivider, null),
-            // assistantLink &&
-            showChatButton &&
-                (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
-                    React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
-            toolsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-tools-link", renderIcon: icons.Api, href: toolsLink, onClick: (e) => {
-                    handleToolsClick();
-                } }, "Tools")) : null,
-            agentAssistantStudioLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-studio-link", isActive: windowLocation.href.includes(`/launchpad/agent-assistant-studio`) ||
-                    windowLocation.href.includes(`/launchpad/agenticapps`), renderIcon: icons.IntentRequestCreate, href: agentAssistantStudioLink, onClick: (e) => {
-                    if (isLaunchpad) {
-                        handleLaunchpadLink(e);
-                        history.push(agentAssistantStudioLink);
-                    }
-                    handleAgentAssistantStudioClick();
-                } }, "Agent & Assistant Studio")) : null,
-            agentAssistantLibraryLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-library-link", renderIcon: icons.Folders, href: agentAssistantLibraryLink, onClick: (e) => {
-                    handleAgentAssistantLibraryClick();
-                } }, "Agent & Assistant Library")) : null,
-            documentCollectionsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-document-collections-link", renderIcon: icons.DocumentMultiple_02, href: documentCollectionsLink, onClick: (e) => {
-                    handleDocumentCollectionsClick();
-                } }, "Document Collections")) : null,
-            showSecondDivider ? React__default.default.createElement(react.SideNavDivider, null) : null,
-            catalogNavlink ? (React__default.default.createElement(react.SideNavLink, { href: catalogNavlink, renderIcon: icons.Catalog }, "Catalog")) : null,
-            settingsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: icons.Settings, href: settingsLink, onClick: (e) => {
-                    handleSettingsClick();
-                } }, "Settings")) : null,
-            adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null),
-        children ? (React__default.default.createElement(React__default.default.Fragment, null,
-            React__default.default.createElement(react.SideNavDivider, null),
-            children)) : null)));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const SideNavUrlKeys = {
+    Home: "home",
+    TeamPage: "teamPage",
+    Chat: "chat",
+    Tools: "tools",
+    AgentStudio: "agentStudio",
+    AgentLibrary: "agentLibrary",
+    DocumentCollections: "documentCollections",
+    Catalog: "catalog",
+    Settings: "settings",
+    Admin: "admin",
+};
+function AdvantageSideNav(props) {
+    const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, defaultAssistantLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, sideNavUrls, history, children, ...rest } = props;
+    const [activeMenu, setActiveMenu] = React__default.default.useState(false);
+    const isMenuOpen = isOpen || activeMenu;
+    const windowLocation = window.location;
+    const isPartnerUser = user?.type === UserType.USER_PLATFORM_ROLE.Partner;
+    const joinButtontitle = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
+    const hamburguerMenu = document.getElementById("header-sidenav-menu-button");
+    const homeLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Home)?.url;
+    const chatLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Chat)?.url;
+    const toolsLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Tools)?.url;
+    const agentAssistantStudioLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.AgentStudio)?.url;
+    const agentAssistantLibraryLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.AgentLibrary)?.url;
+    const documentCollectionsLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.DocumentCollections)?.url;
+    const catalogNavlink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Catalog)?.url;
+    const settingsLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Settings)?.url;
+    const adminNavlink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Admin)?.url;
+    // get current selected team
+    let teamSwitcherTeam = null;
+    if (personalTeams.length > 0) {
+        personalTeams.forEach((team) => {
+            if (team.id === user?.teamInstanceSwitcherDefault) {
+                teamSwitcherTeam = { ...team, isPersonal: true };
+            }
+        });
+    }
+    if (teams.length > 0) {
+        teams.forEach((team) => {
+            if (team.id === user?.teamInstanceSwitcherDefault) {
+                teamSwitcherTeam = { ...team, isStandard: true };
+            }
+        });
+    }
+    if (accounts.length > 0) {
+        accounts.forEach((account) => {
+            if (account.id === user?.teamInstanceSwitcherDefault) {
+                teamSwitcherTeam = { ...account, isAccount: true };
+            }
+            else if (account.projectTeams && account.projectTeams?.length > 0) {
+                account.projectTeams.forEach((projectTeam) => {
+                    if (projectTeam.id === user?.teamInstanceSwitcherDefault) {
+                        teamSwitcherTeam = { ...projectTeam, isProject: true };
+                    }
+                });
+            }
+        });
+    }
+    // Functions to track IBM Instrumentation on Segment
+    const handleHomeClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Home link",
+                category: "Sidenav",
+                destinationPath: homeLink,
+            });
+    };
+    const handleToolsClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Tools link",
+                category: "Sidenav",
+                destinationPath: toolsLink,
+            });
+    };
+    const handleAgentAssistantStudioClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Agent & Assistant Studio link",
+                category: "Sidenav",
+                destinationPath: agentAssistantStudioLink,
+            });
+    };
+    const handleAgentAssistantLibraryClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Agent & Assistant Library link",
+                category: "Sidenav",
+                destinationPath: agentAssistantLibraryLink,
+            });
+    };
+    const handleDocumentCollectionsClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Document Collections link",
+                category: "Sidenav",
+                destinationPath: documentCollectionsLink,
+            });
+    };
+    const handleSettingsClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Settings link",
+                category: "Sidenav",
+                destinationPath: settingsLink,
+            });
+    };
+    const handleChatClick = () => {
+        let redirectLink = chatLink
+            ? chatLink
+            : `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Chat link",
+                category: "Sidenav",
+                destinationPath: redirectLink,
+            });
+        window.open(redirectLink, "_self", "noopener,noreferrer");
+    };
+    const handleCreateJoinClick = () => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Create/Join link",
+                category: "Sidenav",
+                CTA: "Create/Join team cliked",
+                type: "Button",
+            });
+    };
+    const handleTeamClick = ({ team, type }) => {
+        triggerEvent &&
+            triggerEvent({
+                action: "Clicked on SideNav Team link",
+                category: "Sidenav",
+                destinationPath: `${baseEnvUrl}/${app}/teams/${team.id}`,
+                teamId: team.id,
+                teamType: type,
+            });
+    };
+    const handleLaunchpadLink = (event) => {
+        event.preventDefault();
+        //@ts-ignore
+        if (Boolean(hamburguerMenu) && hamburguerMenu.className.includes("active")) {
+            //@ts-ignore
+            Boolean(hamburguerMenu) && hamburguerMenu?.click();
+        }
+        setActiveMenu(false);
+    };
+    const chatSideNavLink = (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-chat-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), renderIcon: icons.ChatBot, href: enableChatButton && chatLink, onClick: enableChatButton ? handleChatClick : (e) => e.preventDefault() }, "Chat"));
+    const showSecondDivider = (!isPartnerUser && showChatButton) ||
+        toolsLink ||
+        agentAssistantStudioLink ||
+        agentAssistantLibraryLink ||
+        documentCollectionsLink;
+    return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
+            "--closed": !isMenuOpen,
+        }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
+            setActiveMenu(false);
+        }, ...rest }, React__default.default.createElement(react.SideNavItems, null,
+        React__default.default.createElement("div", null,
+            homeLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-home-link", isActive: `${baseEnvUrl}/${app}/`.includes(windowLocation.href), renderIcon: icons.Home, href: homeLink, onClick: (e) => {
+                    if (isLaunchpad) {
+                        handleLaunchpadLink(e);
+                        history.push(homeLink);
+                    }
+                    handleHomeClick();
+                } }, "Home")) : null,
+            teamSwitcherTeam ? (React__default.default.createElement(react.SideNavLink, { title: teamSwitcherTeam.isAccount ? "Account Page" : "Team Page", name: teamSwitcherTeam.name, "data-testid": "sidenav-team-link", id: teamSwitcherTeam.id, isActive: windowLocation.href.includes(teamSwitcherTeam.id), className: `${settings.prefix}--bmrg-advantage-sidenav-team`, renderIcon: icons.UserMultiple, href: `${baseEnvUrl}/${app}/teams/${teamSwitcherTeam.id}`, onClick: (e) => {
+                    if (isLaunchpad) {
+                        handleLaunchpadLink(e);
+                        history.push(`/teams/${teamSwitcherTeam.id}`);
+                    }
+                    handleTeamClick({
+                        team: teamSwitcherTeam,
+                        type: teamSwitcherTeam.isPersonal
+                            ? "personal"
+                            : teamSwitcherTeam.isAccount
+                                ? "account"
+                                : teamSwitcherTeam.isproject
+                                    ? "project"
+                                    : "standard",
+                    });
+                } },
+                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-advantage-sidenav-teams__title` }, teamSwitcherTeam.isAccount ? "Account Page" : "Team Page"))) : !isPartnerUser && joinCreateTrigger ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: icons.AddAlt, onClick: (e) => {
+                    joinCreateTrigger(e);
+                    handleCreateJoinClick();
+                } }, joinButtontitle)) : null,
+            React__default.default.createElement(react.SideNavDivider, null),
+            showChatButton &&
+                (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
+                    React__default.default.createElement("span", null, chatSideNavLink))) : (chatSideNavLink)),
+            toolsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-tools-link", renderIcon: icons.Api, href: toolsLink, onClick: (e) => {
+                    handleToolsClick();
+                } }, "Tools")) : null,
+            agentAssistantStudioLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-studio-link", isActive: windowLocation.href.includes(`/launchpad/agent-assistant-studio`) ||
+                    windowLocation.href.includes(`/launchpad/agenticapps`), renderIcon: icons.IntentRequestCreate, href: agentAssistantStudioLink, onClick: (e) => {
+                    if (isLaunchpad) {
+                        handleLaunchpadLink(e);
+                        history.push(agentAssistantStudioLink);
+                    }
+                    handleAgentAssistantStudioClick();
+                } }, "Agent & Assistant Studio")) : null,
+            agentAssistantLibraryLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-library-link", renderIcon: icons.Folders, href: agentAssistantLibraryLink, onClick: (e) => {
+                    handleAgentAssistantLibraryClick();
+                } }, "Agent & Assistant Library")) : null,
+            documentCollectionsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-document-collections-link", renderIcon: icons.DocumentMultiple_02, href: documentCollectionsLink, onClick: (e) => {
+                    handleDocumentCollectionsClick();
+                } }, "Document Collections")) : null,
+            showSecondDivider ? React__default.default.createElement(react.SideNavDivider, null) : null,
+            catalogNavlink ? (React__default.default.createElement(react.SideNavLink, { href: catalogNavlink, renderIcon: icons.Catalog }, "Catalog")) : null,
+            settingsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: icons.Settings, href: settingsLink, onClick: (e) => {
+                    handleSettingsClick();
+                } }, "Settings")) : null,
+            adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null),
+        children ? (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(react.SideNavDivider, null),
+            children)) : null)));
 }
 
 exports.AdvantageSideNav = AdvantageSideNav;