@boomerang-io/carbon-addons-boomerang-react 4.6.10-beta.0 → 4.6.10-beta.1

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 }; }
@@ -16,106 +14,100 @@ 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
-*/
-const externalProps = {
-    target: "_blank",
-    rel: "noreferrer noopener",
-};
-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 }) {
-    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 }) },
-                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
-                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
-                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
-                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
-                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }))));
-    }
-    if (userTeams?.error || teamsQuery?.error) {
-        return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", id: id, role: "menu", className: panelClassName, expanded: isOpen },
-            React__default.default.createElement(ErrorMessage.default, { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) })));
-    }
-    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;
-        }
-        if (accountTeams?.length || standardTeams?.length) {
-            return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
-                React__default.default.createElement("div", { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) },
-                    [...personalTeam, ...standardTeams].map((team) => (React__default.default.createElement(TeamServiceListMenu, { key: team.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))),
-                    accountTeams?.map((account) => (React__default.default.createElement("div", { key: account.id },
-                        React__default.default.createElement(react.SwitcherDivider, null),
-                        React__default.default.createElement(TeamServiceListMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isAccount: true, isMember: account.isAccountTeamMember, team: account, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }),
-                        Boolean(account.projectTeams) &&
-                            account.projectTeams.map((project) => (React__default.default.createElement(TeamServiceListMenu, { key: project.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: project, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent })))))))));
-        }
-        return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
-            React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-empty", { "--is-hidden": !isOpen }) },
-                React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-header-switcher__empty-title` }, "No teams"),
-                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-switcher__empty-subtitle` }, "You must be new here"))));
-    }
-    return null;
-}
-function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent }) {
-    const { name, displayName, services } = team;
-    const nameToDisplay = displayName ? displayName : name;
-    const isNameTruncated = nameToDisplay?.length > 30;
-    if (!isMember) {
-        return (React__default.default.createElement("div", { className: `${settings.prefix}--side-nav__item`, title: isNameTruncated ? nameToDisplay : undefined },
-            React__default.default.createElement("button", { disabled: true, className: `${settings.prefix}--side-nav__submenu`, "data-testid": "header-app-switcher-service" },
-                React__default.default.createElement("span", { className: `${settings.prefix}--side-nav__submenu-title` }, nameToDisplay))));
-    }
-    return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-team`, title: isNameTruncated ? nameToDisplay : undefined },
-        React__default.default.createElement(react.SideNavMenu, { title: nameToDisplay },
-            React__default.default.createElement(ServiceList, { baseEnvUrl: baseEnvUrl, isAccount: isAccount, servicesData: services, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))));
-}
-function ServiceList(props) {
-    const { baseEnvUrl = "", isAccount, servicesData, team, templateMeteringEvent, triggerEvent } = props;
-    const handleLinkClick = (service) => {
-        if (templateMeteringEvent) {
-            templateMeteringEvent({ service, team });
-        }
-        triggerEvent && triggerEvent(service);
-    };
-    if (!!servicesData) {
-        if (Boolean(servicesData?.length)) {
-            return (React__default.default.createElement(React__default.default.Fragment, null, servicesData.map((service) => {
-                const isExternalLink = typeof service?.url?.includes === "function" && !service.url.includes(baseEnvUrl);
-                const isNameTruncated = isExternalLink ? service.name.length > 28 : service.name.length > 32;
-                return (React__default.default.createElement(react.SideNavMenuItem, { key: service.name, href: service.url, title: isNameTruncated ? service.name : undefined, onClick: () => handleLinkClick(service), "data-testid": "header-app-switcher-service", ...(isExternalLink ? externalProps : undefined) },
-                    React__default.default.createElement("span", null, service.name),
-                    isExternalLink ? React__default.default.createElement(icons.Launch, { size: 16, title: "Opens page in new tab" }) : undefined));
-            })));
-        }
-        else {
-            return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-team__message`, "data-testid": "header-app-switcher-service" }, `This ${isAccount ? "account" : "team"} has no assets`));
-        }
-    }
-    return null;
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const externalProps = {
+    target: "_blank",
+    rel: "noreferrer noopener",
+};
+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, teamsQuery, templateMeteringEvent, triggerEvent, userTeams, }) {
+    const hasUserTeams = Boolean(userTeams);
+    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 }) },
+                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
+                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
+                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
+                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }),
+                React__default.default.createElement(react.SkeletonText, { className: skeletonClassName }))));
+    }
+    if (userTeams?.error || teamsQuery?.error) {
+        return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", id: id, role: "menu", className: panelClassName, expanded: isOpen },
+            React__default.default.createElement(ErrorMessage.default, { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) })));
+    }
+    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;
+        }
+        if (accountTeams?.length || standardTeams?.length) {
+            return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
+                React__default.default.createElement("div", { className: cx__default.default(contentClassName, { "--is-hidden": !isOpen }) },
+                    [...personalTeam, ...standardTeams].map((team) => (React__default.default.createElement(TeamServiceListMenu, { key: team.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))),
+                    accountTeams?.map((account) => (React__default.default.createElement("div", { key: account.id },
+                        React__default.default.createElement(react.SwitcherDivider, null),
+                        React__default.default.createElement(TeamServiceListMenu, { baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isAccount: true, isMember: account.isAccountTeamMember, team: account, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }),
+                        Boolean(account.projectTeams) &&
+                            account.projectTeams.map((project) => (React__default.default.createElement(TeamServiceListMenu, { key: project.id, baseEnvUrl: baseEnvUrl, baseServicesUrl: baseServicesUrl, isMember: true, team: project, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent })))))))));
+        }
+        return (React__default.default.createElement(react.HeaderPanel, { "aria-label": "App Switcher", className: panelClassName, "data-testid": "header-app-switcher", expanded: isOpen, id: id, role: "menu" },
+            React__default.default.createElement("div", { className: cx__default.default(contentClassName, "--is-empty", { "--is-hidden": !isOpen }) },
+                React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-header-switcher__empty-title` }, "No teams"),
+                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-switcher__empty-subtitle` }, "You must be new here"))));
+    }
+    return null;
+}
+function TeamServiceListMenu({ baseEnvUrl, isAccount, isMember, team, templateMeteringEvent, triggerEvent, }) {
+    const { name, displayName, services } = team;
+    const nameToDisplay = displayName ? displayName : name;
+    const isNameTruncated = nameToDisplay?.length > 30;
+    if (!isMember) {
+        return (React__default.default.createElement("div", { className: `${settings.prefix}--side-nav__item`, title: isNameTruncated ? nameToDisplay : undefined },
+            React__default.default.createElement("button", { disabled: true, className: `${settings.prefix}--side-nav__submenu`, "data-testid": "header-app-switcher-service" },
+                React__default.default.createElement("span", { className: `${settings.prefix}--side-nav__submenu-title` }, nameToDisplay))));
+    }
+    return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-team`, title: isNameTruncated ? nameToDisplay : undefined },
+        React__default.default.createElement(react.SideNavMenu, { title: nameToDisplay },
+            React__default.default.createElement(ServiceList, { baseEnvUrl: baseEnvUrl, isAccount: isAccount, servicesData: services, team: team, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent }))));
+}
+function ServiceList(props) {
+    const { baseEnvUrl = "", isAccount, servicesData, team, templateMeteringEvent, triggerEvent } = props;
+    const handleLinkClick = (service) => {
+        if (templateMeteringEvent) {
+            templateMeteringEvent({ service, team });
+        }
+        triggerEvent && triggerEvent(service);
+    };
+    if (!!servicesData) {
+        if (Boolean(servicesData?.length)) {
+            return (React__default.default.createElement(React__default.default.Fragment, null, servicesData.map((service) => {
+                const isExternalLink = typeof service?.url?.includes === "function" && !service.url.includes(baseEnvUrl);
+                const isNameTruncated = isExternalLink ? service.name.length > 28 : service.name.length > 32;
+                return (React__default.default.createElement(react.SideNavMenuItem, { key: service.name, href: service.url, title: isNameTruncated ? service.name : undefined, onClick: () => handleLinkClick(service), "data-testid": "header-app-switcher-service", ...(isExternalLink ? externalProps : undefined) },
+                    React__default.default.createElement("span", null, service.name),
+                    isExternalLink ? React__default.default.createElement(icons.Launch, { size: 16, title: "Opens page in new tab" }) : undefined));
+            })));
+        }
+        else {
+            return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-team__message`, "data-testid": "header-app-switcher-service" }, `This ${isAccount ? "account" : "team"} has no assets`));
+        }
+    }
+    return null;
 }
 
 exports.default = HeaderAppSwitcher;

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

@@ -9,13 +9,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function HeaderMenu({ children, id, ...rest }) {
-    return (React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-drop-down`, id: id, role: "menu", ...rest }, children));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function HeaderMenu({ children, id, ...rest }) {
+    return (React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-header-drop-down`, id: id, role: "menu", ...rest }, children));
 }
 
 exports.default = HeaderMenu;

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

@@ -14,58 +14,58 @@ 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 HeaderMenuItem(props, ref) {
-    if (props.type === "button") {
-        const { icon, onClick, type, text, variant = "default", ...rest } = props;
-        return (React__default.default.createElement(react.HeaderMenuItem
-        // eslint-disable-next-line no-script-url
-        , { 
-            // eslint-disable-next-line no-script-url
-            href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-item__content ${variant === "danger" ? "--danger" : ""}` },
-                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
-                    icon,
-                    text))));
-    }
-    if (props.type === "link") {
-        const { href, icon, kind, onClick, text, type, variant = "default", ...rest } = props;
-        const externalProps = kind === "external" ? { target: "_blank", rel: "noopener noreferrer" } : {};
-        let linkTypeIcon;
-        switch (kind) {
-            case "external":
-                linkTypeIcon = React__default.default.createElement(icons.Launch, { title: "Opens link in new tab" });
-                break;
-            case "internal":
-                linkTypeIcon = React__default.default.createElement(icons.ArrowRight, { title: "Opens link within same platform" });
-                break;
-            // no-op
-        }
-        return (React__default.default.createElement(react.HeaderMenuItem, { href: href, ...externalProps, onClick: onClick, role: "menuitem", ref: ref, ...rest },
-            React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-header-menu-item__content`, { "--danger": variant === "danger" }) },
-                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
-                    icon,
-                    text),
-                linkTypeIcon)));
-    }
-    if (props.type === "user") {
-        const { icon, onClick = "default", src, type, userName, ...rest } = props;
-        return (
-        // eslint-disable-next-line no-script-url
-        React__default.default.createElement(react.HeaderMenuItem, { href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-user` },
-                React__default.default.createElement(Avatar.default, { size: "medium", src: src, userName: userName }),
-                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-menu-user__name` },
-                    " ",
-                    userName ? userName : "",
-                    " "))));
-    }
-    return null;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function HeaderMenuItem(props, ref) {
+    if (props.type === "button") {
+        const { icon, onClick, type, text, variant = "default", ...rest } = props;
+        return (React__default.default.createElement(react.HeaderMenuItem
+        // eslint-disable-next-line no-script-url
+        , { 
+            // eslint-disable-next-line no-script-url
+            href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-item__content ${variant === "danger" ? "--danger" : ""}` },
+                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
+                    icon,
+                    text))));
+    }
+    if (props.type === "link") {
+        const { href, icon, kind, onClick, text, type, variant = "default", ...rest } = props;
+        const externalProps = kind === "external" ? { target: "_blank", rel: "noopener noreferrer" } : {};
+        let linkTypeIcon;
+        switch (kind) {
+            case "external":
+                linkTypeIcon = React__default.default.createElement(icons.Launch, { title: "Opens link in new tab" });
+                break;
+            case "internal":
+                linkTypeIcon = React__default.default.createElement(icons.ArrowRight, { title: "Opens link within same platform" });
+                break;
+            // no-op
+        }
+        return (React__default.default.createElement(react.HeaderMenuItem, { href: href, ...externalProps, onClick: onClick, role: "menuitem", ref: ref, ...rest },
+            React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-header-menu-item__content`, { "--danger": variant === "danger" }) },
+                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-header-menu-item__text` },
+                    icon,
+                    text),
+                linkTypeIcon)));
+    }
+    if (props.type === "user") {
+        const { icon, onClick = "default", src, type, userName, ...rest } = props;
+        return (
+        // eslint-disable-next-line no-script-url
+        React__default.default.createElement(react.HeaderMenuItem, { href: "javascript:void(0)", onClick: onClick, role: "menuitem", ref: ref, ...rest },
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-header-menu-user` },
+                React__default.default.createElement(Avatar.default, { size: "medium", src: src, userName: userName }),
+                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-header-menu-user__name` },
+                    " ",
+                    userName ? userName : "",
+                    " "))));
+    }
+    return null;
+}
 var HeaderMenuItem$1 = React__default.default.forwardRef(HeaderMenuItem);
 
 exports.default = HeaderMenuItem$1;

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;