@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js

@@ -1,123 +1,142 @@
-import { AppHeaderLink } from "../../AppHeader/AppHeaderElements/AppHeaderLink/index.js";
-import { AppHeaderLinkSections } from "../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js";
-import { login, requestTeamsDemo, signUp, signUpTextButton } from "../../GlobalHeader/GlobalHeaderItems.js";
-import { MobileUlWrapper } from "../AppHeaderSubMenuMobile/elements.js";
-import { AppHeaderSubNavMobile } from "../AppHeaderSubMenuMobile/index.js";
-import { AppHeaderSubMenuRow } from "../AppHeaderSubMenuTarget/index.js";
-import { Box, ContentContainer, FillButton, Text, TextButton } from "@codecademy/gamut";
-import { css, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx
+import _styled from "@emotion/styled/base";
+import { Box, ContentContainer, FillButton, Text, TextButton } from '@codecademy/gamut';
+import { css, theme } from '@codecademy/gamut-styles';
+import { useState } from 'react';
+import * as React from 'react';
+import { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';
+import { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';
+import { login, requestTeamsDemo, signUp, signUpTextButton } from '../../GlobalHeader/GlobalHeaderItems';
+import { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';
+import { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';
+import { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const isBusinessPage = () => {
-	if (typeof window === "undefined") return false;
-	return window.location.pathname === "/business" || window.location.pathname === "/business/pricing";
+  if (typeof window === 'undefined') return false;
+  return window.location.pathname === '/business' || window.location.pathname === '/business/pricing';
 };
-const BackgroundWrapper = styled(Box)(css({
-	background: theme.colors.white,
-	border: 1,
-	borderColor: "border-tertiary",
-	borderRadius: "lg",
-	padding: "16px"
-}));
-const AppHeaderMainMenuMobile = ({ action, items, getItemType, isAnon }) => {
-	const [subMenuItem, setSubMenuItem] = useState();
-	const openSubMenu = (event, item) => {
-		action(event, item);
-		setSubMenuItem(item);
-		getItemType(item.type);
-	};
-	const closeSubMenu = () => {
-		setSubMenuItem(void 0);
-		getItemType(void 0);
-	};
-	const mapItemToElement = (item, action$1) => {
-		switch (item.type) {
-			case "link": return /* @__PURE__ */ jsx(AppHeaderLink, {
-				action: action$1,
-				item,
-				mobile: true
-			}, item.id);
-			case "dropdown":
-			case "profile-dropdown":
-			case "catalog-dropdown":
-			case "resources-dropdown": return /* @__PURE__ */ jsx(AppHeaderSubMenuRow, {
-				item,
-				openSubMenu
-			}, item.id);
-			case "resources-simple-dropdown": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
-				as: "h2",
-				fontSize: 22,
-				mt: 16,
-				mb: 16,
-				children: item.text
-			}), /* @__PURE__ */ jsx(AppHeaderLinkSections, {
-				action: action$1,
-				item,
-				mobile: true
-			})] });
-			case "fill-button": return /* @__PURE__ */ jsx(FillButton, {
-				"data-testid": item.dataTestId,
-				href: item.href,
-				onClick: (event) => action$1(event, item),
-				mt: 24,
-				children: item.text
-			}, item.id);
-			case "text-button": return /* @__PURE__ */ jsx(TextButton, {
-				mt: 16,
-				"data-testid": item.dataTestId,
-				href: item.href,
-				onClick: (event) => action$1(event, item),
-				children: item.text
-			}, item.id);
-			default: return /* @__PURE__ */ jsx(Fragment, {});
-		}
-	};
-	return subMenuItem ? /* @__PURE__ */ jsx(AppHeaderSubNavMobile, {
-		handleCloseSubMenu: closeSubMenu,
-		action,
-		item: subMenuItem
-	}) : /* @__PURE__ */ jsx(ContentContainer, {
-		role: "navigation",
-		"aria-label": "site navigation",
-		tabIndex: -1,
-		children: /* @__PURE__ */ jsx(BackgroundWrapper, { children: /* @__PURE__ */ jsxs(MobileUlWrapper, {
-			as: "ul",
-			children: [items.map((item) => mapItemToElement(item, action)), isAnon && /* @__PURE__ */ jsx("div", {
-				style: {
-					display: "flex",
-					alignItems: "baseline",
-					justifyContent: "center",
-					paddingTop: "16px",
-					borderTop: "1px solid var(--border-tertiary)"
-				},
-				children: isBusinessPage() ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TextButton, {
-					"data-testid": signUpTextButton.dataTestId,
-					href: signUpTextButton.href,
-					onClick: (event) => action(event, signUpTextButton),
-					children: signUpTextButton.text
-				}, signUpTextButton.id), /* @__PURE__ */ jsx(FillButton, {
-					"data-testid": requestTeamsDemo.dataTestId,
-					href: requestTeamsDemo.href,
-					onClick: (event) => action(event, requestTeamsDemo),
-					children: requestTeamsDemo.text
-				}, requestTeamsDemo.id)] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FillButton, {
-					"data-testid": signUp.dataTestId,
-					href: signUp.href,
-					onClick: (event) => action(event, signUp),
-					children: signUp.text
-				}, signUp.id), /* @__PURE__ */ jsx(TextButton, {
-					"data-testid": login.dataTestId,
-					href: login.href,
-					onClick: (event) => action(event, login),
-					children: login.text
-				}, login.id)] })
-			})]
-		}) })
-	});
-};
-
-//#endregion
-export { AppHeaderMainMenuMobile };
+const BackgroundWrapper = /*#__PURE__*/_styled(Box, {
+  target: "emi0o3k0",
+  label: "BackgroundWrapper"
+})(css({
+  background: theme.colors.white,
+  border: 1,
+  borderColor: 'border-tertiary',
+  borderRadius: 'lg',
+  padding: '16px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbnRlbnRDb250YWluZXIsXG4gIEZpbGxCdXR0b24sXG4gIFRleHQsXG4gIFRleHRCdXR0b24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGluayc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaW5rU2VjdGlvbnMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlua1NlY3Rpb25zJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVyQ2xpY2tIYW5kbGVyLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlckl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHtcbiAgbG9naW4sXG4gIHJlcXVlc3RUZWFtc0RlbW8sXG4gIHNpZ25VcCxcbiAgc2lnblVwVGV4dEJ1dHRvbixcbn0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyL0dsb2JhbEhlYWRlckl0ZW1zJztcbmltcG9ydCB7IEFwcEhlYWRlclN1Yk5hdk1vYmlsZSB9IGZyb20gJy4uL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUnO1xuaW1wb3J0IHsgTW9iaWxlVWxXcmFwcGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9lbGVtZW50cyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJTdWJNZW51Um93IH0gZnJvbSAnLi4vQXBwSGVhZGVyU3ViTWVudVRhcmdldCc7XG5cbmNvbnN0IGlzQnVzaW5lc3NQYWdlID0gKCkgPT4ge1xuICBpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBmYWxzZTtcbiAgcmV0dXJuIChcbiAgICB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUgPT09ICcvYnVzaW5lc3MnIHx8XG4gICAgd2luZG93LmxvY2F0aW9uLnBhdGhuYW1lID09PSAnL2J1c2luZXNzL3ByaWNpbmcnXG4gICk7XG59O1xuXG5jb25zdCBCYWNrZ3JvdW5kV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgICBib3JkZXI6IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICBwYWRkaW5nOiAnMTZweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJNYWluTWVudU1vYmlsZVByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtczogQXBwSGVhZGVySXRlbVtdO1xuICBnZXRJdGVtVHlwZTogKHR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gdm9pZDtcbiAgaXNBbm9uOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlck1haW5NZW51TW9iaWxlOiBSZWFjdC5GQzxcbiAgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGVQcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbXMsIGdldEl0ZW1UeXBlLCBpc0Fub24gfSkgPT4ge1xuICBjb25zdCBbc3ViTWVudUl0ZW0sIHNldFN1Yk1lbnVJdGVtXSA9IHVzZVN0YXRlPEFwcEhlYWRlckRyb3Bkb3duSXRlbT4oKTtcblxuICBjb25zdCBvcGVuU3ViTWVudSA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgKSA9PiB7XG4gICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICBzZXRTdWJNZW51SXRlbShpdGVtKTtcbiAgICBnZXRJdGVtVHlwZShpdGVtLnR5cGUpO1xuICB9O1xuXG4gIGNvbnN0IGNsb3NlU3ViTWVudSA9ICgpID0+IHtcbiAgICBzZXRTdWJNZW51SXRlbSh1bmRlZmluZWQpO1xuICAgIGdldEl0ZW1UeXBlKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3QgbWFwSXRlbVRvRWxlbWVudCA9IChcbiAgICBpdGVtOiBBcHBIZWFkZXJJdGVtLFxuICAgIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyXG4gICkgPT4ge1xuICAgIHN3aXRjaCAoaXRlbS50eXBlKSB7XG4gICAgICBjYXNlICdsaW5rJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8QXBwSGVhZGVyTGluayBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0ga2V5PXtpdGVtLmlkfSBtb2JpbGUgLz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ2Ryb3Bkb3duJzpcbiAgICAgIGNhc2UgJ3Byb2ZpbGUtZHJvcGRvd24nOlxuICAgICAgY2FzZSAnY2F0YWxvZy1kcm9wZG93bic6XG4gICAgICBjYXNlICdyZXNvdXJjZXMtZHJvcGRvd24nOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxBcHBIZWFkZXJTdWJNZW51Um93XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgb3BlblN1Yk1lbnU9e29wZW5TdWJNZW51fVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXsyMn0gbXQ9ezE2fSBtYj17MTZ9PlxuICAgICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEFwcEhlYWRlckxpbmtTZWN0aW9ucyBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0gbW9iaWxlIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdmaWxsLWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgICBtdD17MjR9XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBjYXNlICd0ZXh0LWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgIG10PXsxNn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gPD48Lz47XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBzdWJNZW51SXRlbSA/IChcbiAgICA8QXBwSGVhZGVyU3ViTmF2TW9iaWxlXG4gICAgICBoYW5kbGVDbG9zZVN1Yk1lbnU9e2Nsb3NlU3ViTWVudX1cbiAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgaXRlbT17c3ViTWVudUl0ZW19XG4gICAgLz5cbiAgKSA6IChcbiAgICA8Q29udGVudENvbnRhaW5lclxuICAgICAgcm9sZT1cIm5hdmlnYXRpb25cIlxuICAgICAgYXJpYS1sYWJlbD1cInNpdGUgbmF2aWdhdGlvblwiXG4gICAgICB0YWJJbmRleD17LTF9XG4gICAgPlxuICAgICAgPEJhY2tncm91bmRXcmFwcGVyPlxuICAgICAgICA8TW9iaWxlVWxXcmFwcGVyIGFzPVwidWxcIj5cbiAgICAgICAgICB7aXRlbXMubWFwKChpdGVtKSA9PiBtYXBJdGVtVG9FbGVtZW50KGl0ZW0sIGFjdGlvbikpfVxuICAgICAgICAgIHtpc0Fub24gJiYgKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdiYXNlbGluZScsXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6ICcxNnB4JyxcbiAgICAgICAgICAgICAgICBib3JkZXJUb3A6ICcxcHggc29saWQgdmFyKC0tYm9yZGVyLXRlcnRpYXJ5KScsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtpc0J1c2luZXNzUGFnZSgpID8gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwVGV4dEJ1dHRvbi5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtzaWduVXBUZXh0QnV0dG9uLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHNpZ25VcFRleHRCdXR0b24pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXBUZXh0QnV0dG9uLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7c2lnblVwVGV4dEJ1dHRvbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17cmVxdWVzdFRlYW1zRGVtby5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtyZXF1ZXN0VGVhbXNEZW1vLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHJlcXVlc3RUZWFtc0RlbW8pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtyZXF1ZXN0VGVhbXNEZW1vLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7cmVxdWVzdFRlYW1zRGVtby50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3NpZ25VcC5ocmVmfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgc2lnblVwKX1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXAuaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzaWduVXAudGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cblxuICAgICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgICAga2V5PXtsb2dpbi5pZH1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2xvZ2luLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e2xvZ2luLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBsb2dpbil9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsb2dpbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Nb2JpbGVVbFdyYXBwZXI+XG4gICAgICA8L0JhY2tncm91bmRXcmFwcGVyPlxuICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */");
+export const AppHeaderMainMenuMobile = ({
+  action,
+  items,
+  getItemType,
+  isAnon
+}) => {
+  const [subMenuItem, setSubMenuItem] = useState();
+  const openSubMenu = (event, item) => {
+    action(event, item);
+    setSubMenuItem(item);
+    getItemType(item.type);
+  };
+  const closeSubMenu = () => {
+    setSubMenuItem(undefined);
+    getItemType(undefined);
+  };
+  const mapItemToElement = (item, action) => {
+    switch (item.type) {
+      case 'link':
+        return /*#__PURE__*/_jsx(AppHeaderLink, {
+          action: action,
+          item: item,
+          mobile: true
+        }, item.id);
+      case 'dropdown':
+      case 'profile-dropdown':
+      case 'catalog-dropdown':
+      case 'resources-dropdown':
+        return /*#__PURE__*/_jsx(AppHeaderSubMenuRow, {
+          item: item,
+          openSubMenu: openSubMenu
+        }, item.id);
+      case 'resources-simple-dropdown':
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            as: "h2",
+            fontSize: 22,
+            mt: 16,
+            mb: 16,
+            children: item.text
+          }), /*#__PURE__*/_jsx(AppHeaderLinkSections, {
+            action: action,
+            item: item,
+            mobile: true
+          })]
+        });
+      case 'fill-button':
+        return /*#__PURE__*/_jsx(FillButton, {
+          "data-testid": item.dataTestId,
+          href: item.href,
+          onClick: event => action(event, item),
+          mt: 24,
+          children: item.text
+        }, item.id);
+      case 'text-button':
+        return /*#__PURE__*/_jsx(TextButton, {
+          mt: 16,
+          "data-testid": item.dataTestId,
+          href: item.href,
+          onClick: event => action(event, item),
+          children: item.text
+        }, item.id);
+      default:
+        return /*#__PURE__*/_jsx(_Fragment, {});
+    }
+  };
+  return subMenuItem ? /*#__PURE__*/_jsx(AppHeaderSubNavMobile, {
+    handleCloseSubMenu: closeSubMenu,
+    action: action,
+    item: subMenuItem
+  }) : /*#__PURE__*/_jsx(ContentContainer, {
+    role: "navigation",
+    "aria-label": "site navigation",
+    tabIndex: -1,
+    children: /*#__PURE__*/_jsx(BackgroundWrapper, {
+      children: /*#__PURE__*/_jsxs(MobileUlWrapper, {
+        as: "ul",
+        children: [items.map(item => mapItemToElement(item, action)), isAnon && /*#__PURE__*/_jsx("div", {
+          // eslint-disable-next-line gamut/no-inline-style
+          style: {
+            display: 'flex',
+            alignItems: 'baseline',
+            justifyContent: 'center',
+            paddingTop: '16px',
+            borderTop: '1px solid var(--border-tertiary)'
+          },
+          children: isBusinessPage() ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(TextButton, {
+              "data-testid": signUpTextButton.dataTestId,
+              href: signUpTextButton.href,
+              onClick: event => action(event, signUpTextButton),
+              children: signUpTextButton.text
+            }, signUpTextButton.id), /*#__PURE__*/_jsx(FillButton, {
+              "data-testid": requestTeamsDemo.dataTestId,
+              href: requestTeamsDemo.href,
+              onClick: event => action(event, requestTeamsDemo),
+              children: requestTeamsDemo.text
+            }, requestTeamsDemo.id)]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(FillButton, {
+              "data-testid": signUp.dataTestId,
+              href: signUp.href,
+              onClick: event => action(event, signUp),
+              children: signUp.text
+            }, signUp.id), /*#__PURE__*/_jsx(TextButton, {
+              "data-testid": login.dataTestId,
+              href: login.href,
+              onClick: event => action(event, login),
+              children: login.text
+            }, login.id)]
+          })
+        })]
+      })
+    })
+  });
+};

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import { AppHeaderMenuProviderProps } from '../../AppHeader/AppHeaderElements/AppHeaderMenuProvider';
+export declare const MobileUlWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+type MobileSubMenuWrapperProps = Pick<AppHeaderMenuProviderProps, 'handleClose'> & {
+    isMenuRole: boolean;
+};
+export declare const MobileSubMenuWrapper: ({ children, handleClose, isMenuRole, }: PropsWithChildren<MobileSubMenuWrapperProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.js

@@ -1,26 +1,30 @@
-import { AppHeaderListItem } from "../../AppHeader/AppHeaderElements/AppHeaderListItem/index.js";
-import { AppHeaderMenuProvider } from "../../AppHeader/AppHeaderElements/AppHeaderMenuProvider/index.js";
-import { focusVisibleStyle } from "@codecademy/gamut";
-import { css } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/elements.tsx
-const uiWrapperFocus = focusVisibleStyle("-4px");
-const MobileUlWrapper = styled.ul(css({
-	listStyle: "none",
-	p: 0,
-	m: 0,
-	pb: 4,
-	...uiWrapperFocus
-}));
-const MobileSubMenuWrapper = ({ children, handleClose, isMenuRole }) => {
-	return isMenuRole ? /* @__PURE__ */ jsx(AppHeaderMenuProvider, {
-		as: AppHeaderListItem,
-		handleClose,
-		children
-	}) : /* @__PURE__ */ jsx(AppHeaderListItem, { children });
-};
-
-//#endregion
-export { MobileSubMenuWrapper, MobileUlWrapper };
+import _styled from "@emotion/styled/base";
+import { focusVisibleStyle } from '@codecademy/gamut';
+import { css } from '@codecademy/gamut-styles';
+import { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';
+import { AppHeaderMenuProvider } from '../../AppHeader/AppHeaderElements/AppHeaderMenuProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const uiWrapperFocus = focusVisibleStyle('-4px');
+export const MobileUlWrapper = /*#__PURE__*/_styled("ul", {
+  target: "e1l1r2as0",
+  label: "MobileUlWrapper"
+})(css({
+  listStyle: 'none',
+  p: 0,
+  m: 0,
+  pb: 4,
+  ...uiWrapperFocus
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb2N1c1Zpc2libGVTdHlsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQcm9wc1dpdGhDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0nO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyTWVudVByb3ZpZGVyLFxuICBBcHBIZWFkZXJNZW51UHJvdmlkZXJQcm9wcyxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlck1lbnVQcm92aWRlcic7XG5cbmNvbnN0IHVpV3JhcHBlckZvY3VzID0gZm9jdXNWaXNpYmxlU3R5bGUoJy00cHgnKTtcblxuZXhwb3J0IGNvbnN0IE1vYmlsZVVsV3JhcHBlciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICBwOiAwLFxuICAgIG06IDAsXG4gICAgcGI6IDQsXG4gICAgLi4udWlXcmFwcGVyRm9jdXMsXG4gIH0pXG4pO1xuXG50eXBlIE1vYmlsZVN1Yk1lbnVXcmFwcGVyUHJvcHMgPVxuICB8IFBpY2s8QXBwSGVhZGVyTWVudVByb3ZpZGVyUHJvcHMsICdoYW5kbGVDbG9zZSc+ICYgeyBpc01lbnVSb2xlOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBNb2JpbGVTdWJNZW51V3JhcHBlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgaXNNZW51Um9sZSxcbn06IFByb3BzV2l0aENoaWxkcmVuPE1vYmlsZVN1Yk1lbnVXcmFwcGVyUHJvcHM+KSA9PiB7XG4gIHJldHVybiBpc01lbnVSb2xlID8gKFxuICAgIDxBcHBIZWFkZXJNZW51UHJvdmlkZXIgYXM9e0FwcEhlYWRlckxpc3RJdGVtfSBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQXBwSGVhZGVyTWVudVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBIZWFkZXJMaXN0SXRlbT57Y2hpbGRyZW59PC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgKTtcbn07XG4iXX0= */");
+export const MobileSubMenuWrapper = ({
+  children,
+  handleClose,
+  isMenuRole
+}) => {
+  return isMenuRole ? /*#__PURE__*/_jsx(AppHeaderMenuProvider, {
+    as: AppHeaderListItem,
+    handleClose: handleClose,
+    children: children
+  }) : /*#__PURE__*/_jsx(AppHeaderListItem, {
+    children: children
+  });
+};

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts

@@ -1,12 +1,8 @@
-import { AppHeaderDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderDropdown/index.js";
-import { AppHeaderCatalogDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js";
-import { AppHeaderResourceDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts
-type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
-  handleCloseSubMenu: () => void;
+import * as React from 'react';
+import { AppHeaderCatalogDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown';
+import { AppHeaderDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderDropdown';
+import { AppHeaderResourceDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown';
+export type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
+    handleCloseSubMenu: () => void;
 };
-declare const AppHeaderSubNavMobile: React$1.FC<AppHeaderSubMenuMobileProps>;
-//#endregion
-export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
+export declare const AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps>;