@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.36 → 4.6.8-beta.38

package/dist/cjs/components/Header/HeaderTeamSwitcher.js

@@ -0,0 +1,286 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactQuery = require('react-query');
+var react = require('@carbon/react');
+var icons = require('@carbon/react/icons');
+var HeaderMenu = require('./HeaderMenu.js');
+var servicesConfig = require('../../config/servicesConfig.js');
+var settings = require('../../internal/settings.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+const headerDropdownMenuClassname = `${settings.prefix}--header-dropdown-menu`;
+const headerDropdownMenuListClassname = `${settings.prefix}--bmrg-header-drop-down`;
+const headerDropdownMenuItemContainerClassname = `${settings.prefix}--header-dropdown-menu-item-container`;
+const headerDropdownMenuItemClassname = `${settings.prefix}--header-dropdown-menu-item`;
+const headerDropdownMenuItemTextIconClassname = `${settings.prefix}--header-dropdown-menu-item-text-icon`;
+const headerDropdownMenuItemTextClassname = `${settings.prefix}--header-dropdown-menu-item-text`;
+const headerDropdownMenuItemIconClassname = `${settings.prefix}--header-dropdown-menu-item-icon`;
+const headerDropdownMenuItemAccountContainerClassname = `${settings.prefix}--header-dropdown-menu-item-account-container`;
+const headerDropdownMenuItemAccountClassname = `${settings.prefix}--header-dropdown-menu-item-account`;
+const headerDropdownMenuItemAccountIconsClassname = `${settings.prefix}--header-dropdown-menu-item-account-icons`;
+const headerDropdownMenuItemAccountGroupIconClassname = `${settings.prefix}--header-dropdown-menu-item-account-group-icon`;
+const headerDropdownMenuItemAccountChevronIconClassname = `${settings.prefix}--header-dropdown-menu-item-account-chevron-icon`;
+const headerDropdownMenuItemAccountSubmenuClassname = `${settings.prefix}--header-dropdown-menu-item-account-submenu`;
+const headerTeamSwitcherCreateTeamButtonContainerClassname = `${settings.prefix}--header-team-switcher-create-team-button-container`;
+const headerTeamSwitcherCreateTeamButtonClassname = `${settings.prefix}--header-team-switcher-create-team-button`;
+const headerTeamSwitcherCreateTeamButtonTextClassname = `${settings.prefix}--header-team-switcher-create-team-button-text`;
+const headerTeamSwitcherCreateTeamButtonIconClassname = `${settings.prefix}--header-team-switcher-create-team-button-icon`;
+function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
+    const queryClient = reactQuery.useQueryClient();
+    const [selectedTeam, setSelectedTeam] = React.useState();
+    const [openAccountSubmenuId, setOpenAccountSubmenuId] = React.useState("");
+    const hasUserTeams = Boolean(userTeams);
+    const showSelectTeamPurpose = navigationPlatform?.requireTeamPurpose;
+    const createTeamButtonText = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
+    const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
+    const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    React.useEffect(() => {
+        let accountTeams, standardTeams, personalTeam = [];
+        if (hasUserTeams) {
+            accountTeams = userTeams?.data?.accountTeams ?? [];
+            standardTeams = userTeams?.data?.standardTeams ?? [];
+            personalTeam = userTeams?.data?.personalTeam ?? [];
+        }
+        else {
+            accountTeams = teamsQuery?.data?.accountTeams ?? [];
+            standardTeams = teamsQuery?.data?.standardTeams ?? [];
+            personalTeam = teamsQuery?.data?.personalTeam ?? [];
+        }
+        const userHasPersonalTeam = personalTeam.length > 0;
+        const userHasAccountTeams = accountTeams.length > 0;
+        const userHasStandardTeams = standardTeams.length > 0;
+        const userHasTeams = userHasPersonalTeam || userHasAccountTeams || userHasStandardTeams;
+        const handleSelectTeam = async ({ team }) => {
+            setSelectedTeam(team);
+            if (!userTeamInstanceSwitcherDefault) {
+                const body = {
+                    teamInstanceSwitcherDefault: team.id,
+                };
+                await mutateUserProfile({ baseServicesUrl, body });
+            }
+        };
+        if (userHasTeams) {
+            if (!userTeamInstanceSwitcherDefault) {
+                if (userHasPersonalTeam) {
+                    handleSelectTeam({ team: personalTeam[0] });
+                }
+                else if (userHasAccountTeams) {
+                    handleSelectTeam({ team: accountTeams[0] });
+                }
+                else if (userHasStandardTeams) {
+                    handleSelectTeam({ team: standardTeams[0] });
+                }
+            }
+            else if (selectedTeam?.id !== userTeamInstanceSwitcherDefault) {
+                let allProjectTeams = [];
+                if (userHasAccountTeams) {
+                    accountTeams.forEach((team) => {
+                        if (team.projectTeams && team.projectTeams.length > 0) {
+                            allProjectTeams = allProjectTeams.concat(team.projectTeams);
+                        }
+                    });
+                }
+                const allTeams = personalTeam.concat(standardTeams, accountTeams, allProjectTeams);
+                const newSelectedTeam = allTeams.find((team) => team.id === userTeamInstanceSwitcherDefault);
+                handleSelectTeam({ team: newSelectedTeam });
+            }
+        }
+    }, [
+        baseServicesUrl,
+        hasUserTeams,
+        mutateUserProfile,
+        selectedTeam,
+        teamsQuery?.data?.accountTeams,
+        teamsQuery?.data?.personalTeam,
+        teamsQuery?.data?.standardTeams,
+        userTeamInstanceSwitcherDefault,
+        userTeams?.data?.accountTeams,
+        userTeams?.data?.personalTeam,
+        userTeams?.data?.standardTeams,
+    ]);
+    const handleTeamClick = ({ team, type }) => {
+        if (analyticsHelpers?.navigateEventHandler && trackEvent) {
+            analyticsHelpers.navigateEventHandler({
+                action: `Clicked ${team.name} in Team Switcher`,
+                category: "Team Switcher",
+                destinationPath: `${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`,
+                teamId: team.id,
+                teamType: type,
+                trackEvent,
+            });
+        }
+        if (isLaunchpad && Boolean(history)) {
+            history.push(`/teams/${team.id}`);
+        }
+        else {
+            window.open(`${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`, "_self");
+        }
+    };
+    const handleCreateJoinTeamClick = (e) => {
+        if (analyticsHelpers?.ctaEventHandler && trackEvent) {
+            analyticsHelpers.ctaEventHandler({
+                category: "Team Switcher",
+                CTA: "Create/Join team clicked",
+                pageName: "",
+                trackEvent,
+            });
+        }
+        if (createJoinTeamTrigger) {
+            createJoinTeamTrigger(e);
+        }
+        else {
+            window.open(`${navigationPlatform.baseEnvUrl}/launchpad?createJoinTeam=true`, "_self");
+        }
+    };
+    const handleOpenAccountSubmenu = ({ e, id }) => {
+        e.stopPropagation();
+        if (openAccountSubmenuId === id) {
+            setOpenAccountSubmenuId("");
+        }
+        else {
+            setOpenAccountSubmenuId(id);
+        }
+    };
+    if (userTeams?.isLoading || teamsQuery?.isLoading || mutateUserProfileIsLoading) {
+        return (React__default.default.createElement("div", { style: { display: "flex", alignItems: "center" } },
+            React__default.default.createElement(react.InlineLoading, null)));
+    }
+    if (userTeams?.data || teamsQuery?.data) {
+        let accountTeams, standardTeams, personalTeam = [];
+        if (hasUserTeams) {
+            accountTeams = userTeams?.data?.accountTeams ?? [];
+            standardTeams = userTeams?.data?.standardTeams ?? [];
+            personalTeam = userTeams?.data?.personalTeam ?? [];
+        }
+        else {
+            accountTeams = teamsQuery?.data?.accountTeams ?? [];
+            standardTeams = teamsQuery?.data?.standardTeams ?? [];
+            personalTeam = teamsQuery?.data?.personalTeam ?? [];
+        }
+        // let sortedAccountTeamsWithNamesToDisplay = [];
+        // let sortedStandardTeamsWithNamesToDisplay = [];
+        // if (accountTeams?.length > 0) {
+        //   sortedAccountTeamsWithNamesToDisplay = orderBy(
+        //     accountTeams.map((team: UserTeam) => {
+        //       let newProjectTeams: UserTeam[] = [];
+        //       if (team.projectTeams && team.projectTeams.length > 0) {
+        //         newProjectTeams = team.projectTeams?.map((team: UserTeam) => ({
+        //           ...team,
+        //           nameToDisplay: team.displayName ? team.displayName : team.name,
+        //         }));
+        //       }
+        //       return {
+        //         ...team,
+        //         nameToDisplay: team.displayName ? team.displayName : team.name,
+        //         projectTeams: orderBy(newProjectTeams, ["nameToDisplay"]),
+        //       };
+        //     }),
+        //     ["nameToDisplay"]
+        //   );
+        // }
+        // if (standardTeams?.length > 0) {
+        //   sortedStandardTeamsWithNamesToDisplay = orderBy(
+        //     standardTeams.map((team: UserTeam) => {
+        //       return {
+        //         ...team,
+        //         nameToDisplay: team.displayName ? team.displayName : team.name,
+        //       };
+        //     }),
+        //     ["nameToDisplay"]
+        //   );
+        // }
+        let selectedTeamName = selectedTeam?.displayName ? selectedTeam.displayName : selectedTeam?.name;
+        if (selectedTeamName && selectedTeamName.length > 42) {
+            selectedTeamName = selectedTeamName.slice(0, 42) + "...";
+        }
+        return (React__default.default.createElement(react.HeaderMenu, { "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", "data-testid": "header-team-switcher-menu" },
+            React__default.default.createElement(HeaderMenu.default, { "aria-labelledby": menuButtonId, className: headerDropdownMenuListClassname, id: menuListId },
+                React__default.default.createElement(react.HeaderMenuItem, { className: headerTeamSwitcherCreateTeamButtonContainerClassname, onClick: handleCreateJoinTeamClick, 
+                    // eslint-disable-next-line no-script-url
+                    href: "javascript:void(0)", role: "menuitem", "data-testid": "header-team-switcher-create-join-team-button" },
+                    React__default.default.createElement("div", { className: headerTeamSwitcherCreateTeamButtonClassname },
+                        React__default.default.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
+                        React__default.default.createElement(icons.AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname }))),
+                personalTeam.length > 0
+                    ? personalTeam.map((team) => {
+                        const teamName = team.displayName ? team.displayName : team.name;
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        return (React__default.default.createElement(react.HeaderMenuItem, { key: team.id, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "personal" }), 
+                            // eslint-disable-next-line no-script-url
+                            href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-item" },
+                            React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
+                                React__default.default.createElement("span", { title: teamName, className: headerDropdownMenuItemTextClassname }, teamName),
+                                isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)));
+                    })
+                    : null,
+                accountTeams.length > 0
+                    ? accountTeams.map((team) => {
+                        const isSubmenuOpen = team.id === openAccountSubmenuId;
+                        const isProjectTeamSelected = team.projectTeams &&
+                            team.projectTeams.length > 0 &&
+                            team.projectTeams.some((team) => team.id === selectedTeam?.id);
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        const isMenuSelected = isTeamSelected || isProjectTeamSelected;
+                        return (React__default.default.createElement(React__default.default.Fragment, null,
+                            React__default.default.createElement(react.HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }), 
+                                // eslint-disable-next-line no-script-url
+                                href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
+                                React__default.default.createElement("div", { className: headerDropdownMenuItemAccountClassname },
+                                    React__default.default.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
+                                        React__default.default.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, team.name),
+                                        isMenuSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null),
+                                    React__default.default.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
+                                        React__default.default.createElement(icons.GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
+                                        React__default.default.createElement(icons.ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
+                            React__default.default.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
+                                React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "account" }), "data-testid": "header-team-switcher-menu-account-accordion-item", 
+                                    // eslint-disable-next-line no-script-url
+                                    href: "javascript:void(0)" },
+                                    React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                        React__default.default.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, "Account Page"),
+                                        isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
+                                team.projectTeams && team.projectTeams.length > 0
+                                    ? team.projectTeams.map((team) => {
+                                        const isTeamSelected = team.id === selectedTeam?.id;
+                                        return (React__default.default.createElement(react.HeaderMenuItem, { key: team.id, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "project" }), "data-testid": "header-team-switcher-menu-account-accordion-item", 
+                                            // eslint-disable-next-line no-script-url
+                                            href: "javascript:void(0)" },
+                                            React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                                React__default.default.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, team.name),
+                                                isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)));
+                                    })
+                                    : null)));
+                    })
+                    : null,
+                standardTeams.length > 0
+                    ? standardTeams.map((team) => {
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        return (React__default.default.createElement(react.HeaderMenuItem, { key: team.id, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "standard" }), "data-testid": "header-team-switcher-menu-item", 
+                            // eslint-disable-next-line no-script-url
+                            href: "javascript:void(0)" },
+                            React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
+                                React__default.default.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, team.name),
+                                isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)));
+                    })
+                    : null)));
+    }
+    return null;
+}
+
+exports.default = HeaderTeamSwitcher;

package/dist/esm/components/Header/HeaderTeamSwitcher.js

@@ -0,0 +1,278 @@
+import React, { useState, useEffect } from 'react';
+import { useQueryClient, useMutation } from 'react-query';
+import { InlineLoading, HeaderMenu, HeaderMenuItem } from '@carbon/react';
+import { AddAlt, CheckmarkFilled, GroupAccount, ChevronDown } from '@carbon/react/icons';
+import HeaderMenu$1 from './HeaderMenu.js';
+import { resolver, serviceUrl } from '../../config/servicesConfig.js';
+import { prefix } from '../../internal/settings.js';
+
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+const headerDropdownMenuClassname = `${prefix}--header-dropdown-menu`;
+const headerDropdownMenuListClassname = `${prefix}--bmrg-header-drop-down`;
+const headerDropdownMenuItemContainerClassname = `${prefix}--header-dropdown-menu-item-container`;
+const headerDropdownMenuItemClassname = `${prefix}--header-dropdown-menu-item`;
+const headerDropdownMenuItemTextIconClassname = `${prefix}--header-dropdown-menu-item-text-icon`;
+const headerDropdownMenuItemTextClassname = `${prefix}--header-dropdown-menu-item-text`;
+const headerDropdownMenuItemIconClassname = `${prefix}--header-dropdown-menu-item-icon`;
+const headerDropdownMenuItemAccountContainerClassname = `${prefix}--header-dropdown-menu-item-account-container`;
+const headerDropdownMenuItemAccountClassname = `${prefix}--header-dropdown-menu-item-account`;
+const headerDropdownMenuItemAccountIconsClassname = `${prefix}--header-dropdown-menu-item-account-icons`;
+const headerDropdownMenuItemAccountGroupIconClassname = `${prefix}--header-dropdown-menu-item-account-group-icon`;
+const headerDropdownMenuItemAccountChevronIconClassname = `${prefix}--header-dropdown-menu-item-account-chevron-icon`;
+const headerDropdownMenuItemAccountSubmenuClassname = `${prefix}--header-dropdown-menu-item-account-submenu`;
+const headerTeamSwitcherCreateTeamButtonContainerClassname = `${prefix}--header-team-switcher-create-team-button-container`;
+const headerTeamSwitcherCreateTeamButtonClassname = `${prefix}--header-team-switcher-create-team-button`;
+const headerTeamSwitcherCreateTeamButtonTextClassname = `${prefix}--header-team-switcher-create-team-button-text`;
+const headerTeamSwitcherCreateTeamButtonIconClassname = `${prefix}--header-team-switcher-create-team-button-icon`;
+function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamTrigger, history, isLaunchpad, menuAriaLabelRecord, menuButtonId, menuListId, navigationPlatform, teamsQuery, trackEvent, user, userTeams, }) {
+    const queryClient = useQueryClient();
+    const [selectedTeam, setSelectedTeam] = useState();
+    const [openAccountSubmenuId, setOpenAccountSubmenuId] = useState("");
+    const hasUserTeams = Boolean(userTeams);
+    const showSelectTeamPurpose = navigationPlatform?.requireTeamPurpose;
+    const createTeamButtonText = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
+    const userTeamInstanceSwitcherDefault = user?.teamInstanceSwitcherDefault;
+    const profileUrl = serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading } = useMutation(resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    useEffect(() => {
+        let accountTeams, standardTeams, personalTeam = [];
+        if (hasUserTeams) {
+            accountTeams = userTeams?.data?.accountTeams ?? [];
+            standardTeams = userTeams?.data?.standardTeams ?? [];
+            personalTeam = userTeams?.data?.personalTeam ?? [];
+        }
+        else {
+            accountTeams = teamsQuery?.data?.accountTeams ?? [];
+            standardTeams = teamsQuery?.data?.standardTeams ?? [];
+            personalTeam = teamsQuery?.data?.personalTeam ?? [];
+        }
+        const userHasPersonalTeam = personalTeam.length > 0;
+        const userHasAccountTeams = accountTeams.length > 0;
+        const userHasStandardTeams = standardTeams.length > 0;
+        const userHasTeams = userHasPersonalTeam || userHasAccountTeams || userHasStandardTeams;
+        const handleSelectTeam = async ({ team }) => {
+            setSelectedTeam(team);
+            if (!userTeamInstanceSwitcherDefault) {
+                const body = {
+                    teamInstanceSwitcherDefault: team.id,
+                };
+                await mutateUserProfile({ baseServicesUrl, body });
+            }
+        };
+        if (userHasTeams) {
+            if (!userTeamInstanceSwitcherDefault) {
+                if (userHasPersonalTeam) {
+                    handleSelectTeam({ team: personalTeam[0] });
+                }
+                else if (userHasAccountTeams) {
+                    handleSelectTeam({ team: accountTeams[0] });
+                }
+                else if (userHasStandardTeams) {
+                    handleSelectTeam({ team: standardTeams[0] });
+                }
+            }
+            else if (selectedTeam?.id !== userTeamInstanceSwitcherDefault) {
+                let allProjectTeams = [];
+                if (userHasAccountTeams) {
+                    accountTeams.forEach((team) => {
+                        if (team.projectTeams && team.projectTeams.length > 0) {
+                            allProjectTeams = allProjectTeams.concat(team.projectTeams);
+                        }
+                    });
+                }
+                const allTeams = personalTeam.concat(standardTeams, accountTeams, allProjectTeams);
+                const newSelectedTeam = allTeams.find((team) => team.id === userTeamInstanceSwitcherDefault);
+                handleSelectTeam({ team: newSelectedTeam });
+            }
+        }
+    }, [
+        baseServicesUrl,
+        hasUserTeams,
+        mutateUserProfile,
+        selectedTeam,
+        teamsQuery?.data?.accountTeams,
+        teamsQuery?.data?.personalTeam,
+        teamsQuery?.data?.standardTeams,
+        userTeamInstanceSwitcherDefault,
+        userTeams?.data?.accountTeams,
+        userTeams?.data?.personalTeam,
+        userTeams?.data?.standardTeams,
+    ]);
+    const handleTeamClick = ({ team, type }) => {
+        if (analyticsHelpers?.navigateEventHandler && trackEvent) {
+            analyticsHelpers.navigateEventHandler({
+                action: `Clicked ${team.name} in Team Switcher`,
+                category: "Team Switcher",
+                destinationPath: `${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`,
+                teamId: team.id,
+                teamType: type,
+                trackEvent,
+            });
+        }
+        if (isLaunchpad && Boolean(history)) {
+            history.push(`/teams/${team.id}`);
+        }
+        else {
+            window.open(`${navigationPlatform.baseEnvUrl}/launchpad/teams/${team.id}`, "_self");
+        }
+    };
+    const handleCreateJoinTeamClick = (e) => {
+        if (analyticsHelpers?.ctaEventHandler && trackEvent) {
+            analyticsHelpers.ctaEventHandler({
+                category: "Team Switcher",
+                CTA: "Create/Join team clicked",
+                pageName: "",
+                trackEvent,
+            });
+        }
+        if (createJoinTeamTrigger) {
+            createJoinTeamTrigger(e);
+        }
+        else {
+            window.open(`${navigationPlatform.baseEnvUrl}/launchpad?createJoinTeam=true`, "_self");
+        }
+    };
+    const handleOpenAccountSubmenu = ({ e, id }) => {
+        e.stopPropagation();
+        if (openAccountSubmenuId === id) {
+            setOpenAccountSubmenuId("");
+        }
+        else {
+            setOpenAccountSubmenuId(id);
+        }
+    };
+    if (userTeams?.isLoading || teamsQuery?.isLoading || mutateUserProfileIsLoading) {
+        return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+            React.createElement(InlineLoading, null)));
+    }
+    if (userTeams?.data || teamsQuery?.data) {
+        let accountTeams, standardTeams, personalTeam = [];
+        if (hasUserTeams) {
+            accountTeams = userTeams?.data?.accountTeams ?? [];
+            standardTeams = userTeams?.data?.standardTeams ?? [];
+            personalTeam = userTeams?.data?.personalTeam ?? [];
+        }
+        else {
+            accountTeams = teamsQuery?.data?.accountTeams ?? [];
+            standardTeams = teamsQuery?.data?.standardTeams ?? [];
+            personalTeam = teamsQuery?.data?.personalTeam ?? [];
+        }
+        // let sortedAccountTeamsWithNamesToDisplay = [];
+        // let sortedStandardTeamsWithNamesToDisplay = [];
+        // if (accountTeams?.length > 0) {
+        //   sortedAccountTeamsWithNamesToDisplay = orderBy(
+        //     accountTeams.map((team: UserTeam) => {
+        //       let newProjectTeams: UserTeam[] = [];
+        //       if (team.projectTeams && team.projectTeams.length > 0) {
+        //         newProjectTeams = team.projectTeams?.map((team: UserTeam) => ({
+        //           ...team,
+        //           nameToDisplay: team.displayName ? team.displayName : team.name,
+        //         }));
+        //       }
+        //       return {
+        //         ...team,
+        //         nameToDisplay: team.displayName ? team.displayName : team.name,
+        //         projectTeams: orderBy(newProjectTeams, ["nameToDisplay"]),
+        //       };
+        //     }),
+        //     ["nameToDisplay"]
+        //   );
+        // }
+        // if (standardTeams?.length > 0) {
+        //   sortedStandardTeamsWithNamesToDisplay = orderBy(
+        //     standardTeams.map((team: UserTeam) => {
+        //       return {
+        //         ...team,
+        //         nameToDisplay: team.displayName ? team.displayName : team.name,
+        //       };
+        //     }),
+        //     ["nameToDisplay"]
+        //   );
+        // }
+        let selectedTeamName = selectedTeam?.displayName ? selectedTeam.displayName : selectedTeam?.name;
+        if (selectedTeamName && selectedTeamName.length > 42) {
+            selectedTeamName = selectedTeamName.slice(0, 42) + "...";
+        }
+        return (React.createElement(HeaderMenu, { "aria-label": menuAriaLabelRecord, className: headerDropdownMenuClassname, menuLinkName: selectedTeamName ? selectedTeamName : "No team selected", "data-testid": "header-team-switcher-menu" },
+            React.createElement(HeaderMenu$1, { "aria-labelledby": menuButtonId, className: headerDropdownMenuListClassname, id: menuListId },
+                React.createElement(HeaderMenuItem, { className: headerTeamSwitcherCreateTeamButtonContainerClassname, onClick: handleCreateJoinTeamClick, 
+                    // eslint-disable-next-line no-script-url
+                    href: "javascript:void(0)", role: "menuitem", "data-testid": "header-team-switcher-create-join-team-button" },
+                    React.createElement("div", { className: headerTeamSwitcherCreateTeamButtonClassname },
+                        React.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
+                        React.createElement(AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname }))),
+                personalTeam.length > 0
+                    ? personalTeam.map((team) => {
+                        const teamName = team.displayName ? team.displayName : team.name;
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        return (React.createElement(HeaderMenuItem, { key: team.id, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "personal" }), 
+                            // eslint-disable-next-line no-script-url
+                            href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-item" },
+                            React.createElement("div", { className: headerDropdownMenuItemClassname },
+                                React.createElement("span", { title: teamName, className: headerDropdownMenuItemTextClassname }, teamName),
+                                isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)));
+                    })
+                    : null,
+                accountTeams.length > 0
+                    ? accountTeams.map((team) => {
+                        const isSubmenuOpen = team.id === openAccountSubmenuId;
+                        const isProjectTeamSelected = team.projectTeams &&
+                            team.projectTeams.length > 0 &&
+                            team.projectTeams.some((team) => team.id === selectedTeam?.id);
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        const isMenuSelected = isTeamSelected || isProjectTeamSelected;
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement(HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }), 
+                                // eslint-disable-next-line no-script-url
+                                href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
+                                React.createElement("div", { className: headerDropdownMenuItemAccountClassname },
+                                    React.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
+                                        React.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, team.name),
+                                        isMenuSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null),
+                                    React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
+                                        React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
+                                        React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
+                            React.createElement("div", { "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
+                                React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "account" }), "data-testid": "header-team-switcher-menu-account-accordion-item", 
+                                    // eslint-disable-next-line no-script-url
+                                    href: "javascript:void(0)" },
+                                    React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                        React.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, "Account Page"),
+                                        isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
+                                team.projectTeams && team.projectTeams.length > 0
+                                    ? team.projectTeams.map((team) => {
+                                        const isTeamSelected = team.id === selectedTeam?.id;
+                                        return (React.createElement(HeaderMenuItem, { key: team.id, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "project" }), "data-testid": "header-team-switcher-menu-account-accordion-item", 
+                                            // eslint-disable-next-line no-script-url
+                                            href: "javascript:void(0)" },
+                                            React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                                React.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, team.name),
+                                                isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)));
+                                    })
+                                    : null)));
+                    })
+                    : null,
+                standardTeams.length > 0
+                    ? standardTeams.map((team) => {
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        return (React.createElement(HeaderMenuItem, { key: team.id, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "standard" }), "data-testid": "header-team-switcher-menu-item", 
+                            // eslint-disable-next-line no-script-url
+                            href: "javascript:void(0)" },
+                            React.createElement("div", { className: headerDropdownMenuItemClassname },
+                                React.createElement("span", { title: team.name, className: headerDropdownMenuItemTextClassname }, team.name),
+                                isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)));
+                    })
+                    : null)));
+    }
+    return null;
+}
+
+export { HeaderTeamSwitcher as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@boomerang-io/carbon-addons-boomerang-react",
   "description": "Carbon Addons for Boomerang apps",
-  "version": "4.6.8-beta.36",
+  "version": "4.6.8-beta.38",
   "author": {
     "name": "Tim Bula",
     "email": "timrbula@gmail.com"

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-exports.commonjsGlobal = commonjsGlobal;

package/dist/cjs/_virtual/_nodeUtil.js

@@ -1,9 +0,0 @@
-'use strict';
-
-exports.exports = {};
-var _nodeUtil = {
-  get exports(){ return exports.exports; },
-  set exports(v){ exports.exports = v; },
-};
-
-exports.__module = _nodeUtil;

package/dist/cjs/_virtual/isBuffer.js

@@ -1,9 +0,0 @@
-'use strict';
-
-exports.exports = {};
-var isBuffer = {
-  get exports(){ return exports.exports; },
-  set exports(v){ exports.exports = v; },
-};
-
-exports.__module = isBuffer;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_DataView.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _getNative = require('./_getNative.js');
-var _root = require('./_root.js');
-
-var getNative = _getNative.default,
-    root = _root.default;
-
-/* Built-in method references that are verified to be native. */
-var DataView = getNative(root, 'DataView');
-
-var _DataView = DataView;
-
-exports.default = _DataView;