@boomerang-io/carbon-addons-boomerang-react 4.6.8-beta.22 → 4.6.8-beta.23

package/dist/cjs/{components → src/components}/Header/Header.js

@@ -3,15 +3,18 @@
 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 HeaderAppSwitcher = require('./HeaderAppSwitcher.js');
+var HeaderTeamSwitcher = require('./HeaderTeamSwitcher.js');
 var HeaderMenu = require('./HeaderMenu.js');
 var NotificationsContainer = require('../Notifications/NotificationsContainer.js');
 var PlatformNotificationsContainer = require('../PlatformNotifications/PlatformNotificationsContainer.js');
 var UserRequests = require('./UserRequests.js');
 var useHeaderMenu = require('../../hooks/useHeaderMenu.js');
 var useWindowSize = require('../../hooks/useWindowSize.js');
+var servicesConfig = require('../../config/servicesConfig.js');
 var settings = require('../../internal/settings.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 /*
 IBM Confidential
 694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
+© Copyright IBM Corp. 2022, 2025
 */
 const MenuListId = {
     Notifcations: "header-notifications-dialog",
@@ -32,6 +35,7 @@ const MenuListId = {
     Support: "header-support-menu",
     instanceSwitcher: "header-instanceSwitcher-menu",
     Switcher: "header-switcher-menu",
+    TeamSwitcher: "header-team-switcher-menu",
 };
 const MenuButtonId = {
     Notifcations: "header-notifications-dialog-button",
@@ -42,6 +46,7 @@ const MenuButtonId = {
     Support: "header-support-menu-button",
     InstanceSwitcher: "header-instanceSwitcher-menu-button",
     Switcher: "header-switcher-menu-button",
+    TeamSwitcher: "header-team-switcher-menu-button",
 };
 const MenuAriaLabelRecord = {
     Notifcations: "Notifications dialog",
@@ -52,11 +57,19 @@ const MenuAriaLabelRecord = {
     instanceSwitcher: "Instance Switcher Menu",
     Support: "Support menu",
     Switcher: "Switcher menu",
+    TeamSwitcher: "Team Switcher menu",
 };
 const headerButtonClassNames = "cds--btn--icon-only cds--header__action cds--btn cds--btn--primary cds--btn--icon-only cds--btn cds--btn--primary";
 const instanceCheckMarkContainerClass = "instance-checkmark-style-container";
 function Header(props) {
-    const { productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, triggerEvent, userTeams, } = props;
+    const { analyticsHelpers, productName, baseEnvUrl, baseServicesUrl, carbonTheme = "g10", className, createJoinTeamTrigger, history, isLaunchpad = false, navLinks, platform, prefixName = "", rightPanel, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, user, userTeams, } = props;
+    const hasUserTeams = Boolean(userTeams);
+    const userTeamsUrl = servicesConfig.serviceUrl.getUserTeamsServices({ baseServicesUrl });
+    const teamsQuery = reactQuery.useQuery({
+        queryKey: userTeamsUrl,
+        queryFn: servicesConfig.resolver.query(userTeamsUrl, null),
+        enabled: !hasUserTeams,
+    });
     return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(react.Theme, { theme: carbonTheme },
             React__default.default.createElement(react.Header, { "aria-label": "App navigation header", className: className },
@@ -67,12 +80,13 @@ function Header(props) {
                     ? navLinks.map((link) => (React__default.default.createElement(react.HeaderMenuItem, { "aria-label": `Link for ${link.name}`, "data-testid": "header-menu-link", href: link.url, isCurrentPage: window?.location?.href && link.url ? window.location.href.startsWith(link.url) : false, key: link.name, target: link.isExternal ? "_blank" : undefined, rel: link.isExternal ? "noopener noreferrer" : undefined }, link.name)))
                     : null),
                 React__default.default.createElement(react.HeaderGlobalBar, null,
+                    React__default.default.createElement(HeaderTeamSwitcher.default, { analyticsHelpers: analyticsHelpers, baseServicesUrl: baseServicesUrl, createJoinTeamTrigger: createJoinTeamTrigger, history: history, isLaunchpad: isLaunchpad, menuAriaLabelRecord: MenuAriaLabelRecord.TeamSwitcher, menuButtonId: MenuButtonId.TeamSwitcher, menuListId: MenuListId.TeamSwitcher, navigationPlatform: platform, teamsQuery: teamsQuery, trackEvent: trackEvent, user: user, userTeams: userTeams }),
                     props?.instanceSwitcherEnabled && (React__default.default.createElement(InstanceSwitcherMenu, { enabled: Boolean(props.instanceSwitcherEnabled), menuItems: platform?.instances })),
                     React__default.default.createElement(RequestsMenu, { baseEnvUrl: baseEnvUrl, enabled: Boolean(props.requestSummary), summary: props.requestSummary }),
                     React__default.default.createElement(NotificationsMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: Boolean(props.enableNotifications), countEnabled: Boolean(props.enableNotificationsCount) }),
                     React__default.default.createElement(SupportMenu, { enabled: Array.isArray(props.supportMenuItems) && props.supportMenuItems.length > 0, menuItems: props.supportMenuItems }),
                     React__default.default.createElement(ProfileMenu, { enabled: Array.isArray(props.profileMenuItems) && props.profileMenuItems.length > 0, menuItems: props.profileMenuItems }),
-                    React__default.default.createElement(AppSwitcherMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: props.enableAppSwitcher, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, userTeams: userTeams }),
+                    React__default.default.createElement(AppSwitcherMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, enabled: props.enableAppSwitcher, teamsQuery: teamsQuery, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, userTeams: userTeams }),
                     React__default.default.createElement(RightPanelMenu, { enabled: Boolean(rightPanel && Object.keys(rightPanel).length), ...rightPanel })))),
         React__default.default.createElement(NotificationsContainer.default, { enableMultiContainer: true, containerId: `${settings.prefix}--bmrg-header-notifications` })));
 }
@@ -153,7 +167,7 @@ function AppSwitcherMenu(props) {
     }
     return (React__default.default.createElement("div", { ref: ref },
         React__default.default.createElement("button", { "aria-controls": MenuListId.Switcher, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-label": MenuAriaLabelRecord.Switcher, className: headerButtonClassNames, "data-testid": "header-appswitcher-link", id: MenuButtonId.Switcher, onClick: toggleActive }, isOpen ? React__default.default.createElement(icons.Close, { size: 20 }) : React__default.default.createElement(icons.Switcher, { size: 20 })),
-        React__default.default.createElement(HeaderAppSwitcher.default, { baseEnvUrl: props.baseEnvUrl, baseServicesUrl: props.baseServicesUrl, id: MenuListId.Switcher, isOpen: isOpen, templateMeteringEvent: props.templateMeteringEvent, triggerEvent: props.triggerEvent, userTeams: props.userTeams })));
+        React__default.default.createElement(HeaderAppSwitcher.default, { baseEnvUrl: props.baseEnvUrl, baseServicesUrl: props.baseServicesUrl, id: MenuListId.Switcher, isOpen: isOpen, teamsQuery: props.teamsQuery, templateMeteringEvent: props.templateMeteringEvent, triggerEvent: props.triggerEvent, userTeams: props.userTeams })));
 }
 function RightPanelMenu(props) {
     const { isOpen, toggleActive, ref } = useHeaderMenu.default(MenuButtonId.RightPanel);

package/dist/cjs/{components → src/components}/Header/HeaderAppSwitcher.js

@@ -3,12 +3,10 @@
 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 ErrorMessage = require('../ErrorMessage/ErrorMessage.js');
 var cx = require('classnames');
-var servicesConfig = require('../../config/servicesConfig.js');
 var settings = require('../../internal/settings.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -28,14 +26,8 @@ const externalProps = {
 const panelClassName = `${settings.prefix}--bmrg-header-switcher-panel`;
 const contentClassName = `${settings.prefix}--bmrg-header-switcher`;
 const skeletonClassName = `${settings.prefix}--bmrg-header-switcher__skeleton`;
-function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMeteringEvent, triggerEvent, userTeams }) {
+function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, teamsQuery, templateMeteringEvent, triggerEvent, userTeams, }) {
     const hasUserTeams = Boolean(userTeams);
-    const userTeamsUrl = servicesConfig.serviceUrl.getUserTeamsServices({ baseServicesUrl });
-    const teamsQuery = reactQuery.useQuery({
-        queryKey: userTeamsUrl,
-        queryFn: servicesConfig.resolver.query(userTeamsUrl, null),
-        enabled: !hasUserTeams
-    });
     if (userTeams?.isLoading || teamsQuery?.isLoading) {
         return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, expanded: isOpen, id: id, role: "menu" },
             React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-loading", { "--is-hidden": !isOpen }) },
@@ -78,7 +70,7 @@ function HeaderAppSwitcher({ baseServicesUrl, baseEnvUrl, id, isOpen, templateMe
     }
     return null;
 }
-function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent }) {
+function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent, }) {
     const { name, displayName, services } = team;
     const nameToDisplay = displayName ? displayName : name;
     const isNameTruncated = nameToDisplay?.length > 30;

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

@@ -0,0 +1,269 @@
+'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 orderBy = require('../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/orderBy.js');
+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.default(accountTeams.map((team) => {
+                let newProjectTeams = [];
+                if (team.projectTeams && team.projectTeams.length > 0) {
+                    newProjectTeams = team.projectTeams?.map((team) => ({
+                        ...team,
+                        nameToDisplay: team.displayName ? team.displayName : team.name,
+                    }));
+                }
+                return {
+                    ...team,
+                    nameToDisplay: team.displayName ? team.displayName : team.name,
+                    projectTeams: orderBy.default(newProjectTeams, ["nameToDisplay"]),
+                };
+            }), ["nameToDisplay"]);
+        }
+        if (standardTeams?.length > 0) {
+            sortedStandardTeamsWithNamesToDisplay = orderBy.default(standardTeams.map((team) => {
+                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 },
+                    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, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "personal" }) },
+                            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
+                    ? sortedAccountTeamsWithNamesToDisplay.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 }) },
+                                React__default.default.createElement("div", { className: headerDropdownMenuItemAccountClassname },
+                                    React__default.default.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
+                                        React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
+                                        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" }) },
+                                    React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                        React__default.default.createElement("span", { title: team.nameToDisplay, 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, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "project" }) },
+                                            React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
+                                                React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
+                                                isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)));
+                                    })
+                                    : null)));
+                    })
+                    : null,
+                standardTeams.length > 0
+                    ? sortedStandardTeamsWithNamesToDisplay.map((team) => {
+                        const isTeamSelected = team.id === selectedTeam?.id;
+                        return (React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => handleTeamClick({ team, type: "standard" }) },
+                            React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
+                                React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
+                                isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)));
+                    })
+                    : null)));
+    }
+    return null;
+}
+
+exports.default = HeaderTeamSwitcher;

package/dist/cjs/{components → src/components}/UIShell/UIShell.js

@@ -26,10 +26,11 @@ IBM Confidential
 694970X, 69497O0
 © Copyright IBM Corp. 2022, 2024
 */
-function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }) {
+function UIShell({ analyticsHelpers, baseEnvUrl, carbonTheme = "g10", config, createJoinTeamTrigger, history, isLaunchpad = false, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, handleShowTutorial, skipToContentProps, templateMeteringEvent, trackEvent, triggerEvent, tutorialScreenToShow, user, userTeams, enableIcaMacs, }) {
     // Support base header .e.g for an error state
     if (!config) {
-        return (React__default.default.createElement(Header.default, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "" }));
+        return (React__default.default.createElement(reactQuery.QueryClientProvider, { client: servicesConfig.queryClient },
+            React__default.default.createElement(Header.default, { baseEnvUrl: baseEnvUrl ?? "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "", user: user })));
     }
     const { features, navigation, platform, platformMessage } = config;
     const names = getProductAndPlatformNames({ productName, platformName, platform });
@@ -69,7 +70,7 @@ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformN
      */
     const isPrivacyStatementDisabled = renderPrivacyStatement === false || features?.["consent.enabled"] === false;
     return (React__default.default.createElement(reactQuery.QueryClientProvider, { client: servicesConfig.queryClient },
-        React__default.default.createElement(Header.default, { baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, enableAppSwitcher: isAppSwitcherEnabled, instanceSwitcherEnabled: instanceSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platform: platform, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
+        React__default.default.createElement(Header.default, { analyticsHelpers: analyticsHelpers, baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, createJoinTeamTrigger: createJoinTeamTrigger, enableAppSwitcher: isAppSwitcherEnabled, instanceSwitcherEnabled: instanceSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platform: platform, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
                 isUserEnabled && (React__default.default.createElement(ProfileSettings.ProfileSettingsMenuItem, { key: "profile-settings", baseServicesUrl: platform.baseServicesUrl, src: `${platform.baseServicesUrl}/users/image/${user?.email}`, userName: user?.displayName ?? user?.name })),
                 isSendMailEnabled && (React__default.default.createElement(HeaderMenuItem.default, { key: "email-preferences", href: `${platform.baseEnvUrl}/launchpad/email-preferences`, icon: React__default.default.createElement(icons.Email, null), kind: "internal", text: "Email Preferences", type: "link" })),
                 !isPrivacyStatementDisabled && (React__default.default.createElement(PrivacyStatement.PrivacyStatementMenuItem, { key: "privacy-statement", baseServicesUrl: platform.baseServicesUrl, platformEmail: platform?.platformEmail })),
@@ -85,7 +86,7 @@ function UIShell({ baseEnvUrl, carbonTheme = "g10", config, leftPanel, platformN
                 isAboutPlatformEnabled && (React__default.default.createElement(AboutPlatform.AboutPlatformMenuItem, { key: "about-platform", name: platform.name, baseServicesUrl: platform.baseServicesUrl })),
                 tutorialScreenToShow && handleShowTutorial && (React__default.default.createElement(HeaderMenuItem.default, { key: "launch-tutorial", onClick: handleShowTutorial, icon: React__default.default.createElement(icons.Book, null), "data-testid": "launch-tutorial", text: "Launch Tutorial", type: "button" })),
                 ...supportMenuItems,
-            ].filter(Boolean), userTeams: userTeams }),
+            ].filter(Boolean), history: history, isLaunchpad: isLaunchpad, trackEvent: trackEvent, user: user, userTeams: userTeams }),
         isPrivacyModalRendered ? (React__default.default.createElement(PrivacyRedirect.default, { isOpen: true, baseEnvUrl: platform.baseEnvUrl, platformName: platform?.name, user: user })) : null));
 }
 /**

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,3 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+export { commonjsGlobal };

package/dist/esm/_virtual/_nodeUtil.js

@@ -0,0 +1,7 @@
+var _nodeUtilExports = {};
+var _nodeUtil = {
+  get exports(){ return _nodeUtilExports; },
+  set exports(v){ _nodeUtilExports = v; },
+};
+
+export { _nodeUtil as __module, _nodeUtilExports as exports };

package/dist/esm/_virtual/isBuffer.js

@@ -0,0 +1,7 @@
+var isBufferExports = {};
+var isBuffer = {
+  get exports(){ return isBufferExports; },
+  set exports(v){ isBufferExports = v; },
+};
+
+export { isBuffer as __module, isBufferExports as exports };

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

@@ -0,0 +1,12 @@
+import _getNative from './_getNative.js';
+import _root from './_root.js';
+
+var getNative = _getNative,
+    root = _root;
+
+/* Built-in method references that are verified to be native. */
+var DataView = getNative(root, 'DataView');
+
+var _DataView = DataView;
+
+export { _DataView as default };

package/dist/esm/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Hash.js

@@ -0,0 +1,40 @@
+import _hashClear from './_hashClear.js';
+import _hashDelete from './_hashDelete.js';
+import _hashGet from './_hashGet.js';
+import _hashHas from './_hashHas.js';
+import _hashSet from './_hashSet.js';
+
+var hashClear = _hashClear,
+    hashDelete = _hashDelete,
+    hashGet = _hashGet,
+    hashHas = _hashHas,
+    hashSet = _hashSet;
+
+/**
+ * Creates a hash object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Hash(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `Hash`.
+Hash.prototype.clear = hashClear;
+Hash.prototype['delete'] = hashDelete;
+Hash.prototype.get = hashGet;
+Hash.prototype.has = hashHas;
+Hash.prototype.set = hashSet;
+
+var _Hash = Hash;
+
+export { _Hash as default };

package/dist/esm/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_ListCache.js

@@ -0,0 +1,40 @@
+import _listCacheClear from './_listCacheClear.js';
+import _listCacheDelete from './_listCacheDelete.js';
+import _listCacheGet from './_listCacheGet.js';
+import _listCacheHas from './_listCacheHas.js';
+import _listCacheSet from './_listCacheSet.js';
+
+var listCacheClear = _listCacheClear,
+    listCacheDelete = _listCacheDelete,
+    listCacheGet = _listCacheGet,
+    listCacheHas = _listCacheHas,
+    listCacheSet = _listCacheSet;
+
+/**
+ * Creates an list cache object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function ListCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `ListCache`.
+ListCache.prototype.clear = listCacheClear;
+ListCache.prototype['delete'] = listCacheDelete;
+ListCache.prototype.get = listCacheGet;
+ListCache.prototype.has = listCacheHas;
+ListCache.prototype.set = listCacheSet;
+
+var _ListCache = ListCache;
+
+export { _ListCache as default };

package/dist/esm/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Map.js

@@ -0,0 +1,12 @@
+import _getNative from './_getNative.js';
+import _root from './_root.js';
+
+var getNative = _getNative,
+    root = _root;
+
+/* Built-in method references that are verified to be native. */
+var Map = getNative(root, 'Map');
+
+var _Map = Map;
+
+export { _Map as default };

package/dist/esm/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_MapCache.js

@@ -0,0 +1,40 @@
+import _mapCacheClear from './_mapCacheClear.js';
+import _mapCacheDelete from './_mapCacheDelete.js';
+import _mapCacheGet from './_mapCacheGet.js';
+import _mapCacheHas from './_mapCacheHas.js';
+import _mapCacheSet from './_mapCacheSet.js';
+
+var mapCacheClear = _mapCacheClear,
+    mapCacheDelete = _mapCacheDelete,
+    mapCacheGet = _mapCacheGet,
+    mapCacheHas = _mapCacheHas,
+    mapCacheSet = _mapCacheSet;
+
+/**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function MapCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `MapCache`.
+MapCache.prototype.clear = mapCacheClear;
+MapCache.prototype['delete'] = mapCacheDelete;
+MapCache.prototype.get = mapCacheGet;
+MapCache.prototype.has = mapCacheHas;
+MapCache.prototype.set = mapCacheSet;
+
+var _MapCache = MapCache;
+
+export { _MapCache as default };

package/dist/esm/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Promise.js

@@ -0,0 +1,12 @@
+import _getNative from './_getNative.js';
+import _root from './_root.js';
+
+var getNative = _getNative,
+    root = _root;
+
+/* Built-in method references that are verified to be native. */
+var Promise$1 = getNative(root, 'Promise');
+
+var _Promise = Promise$1;
+
+export { _Promise as default };

package/dist/esm/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Set.js

@@ -0,0 +1,12 @@
+import _getNative from './_getNative.js';
+import _root from './_root.js';
+
+var getNative = _getNative,
+    root = _root;
+
+/* Built-in method references that are verified to be native. */
+var Set = getNative(root, 'Set');
+
+var _Set = Set;
+
+export { _Set as default };