@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/GlobalFooter/types.d.cts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+
+//#region src/GlobalFooter/types.d.ts
+type GlobalFooterClickData = {
+  /**
+   * Native event from the data that can be .preventDefault()ed.
+   */
+  event: React$1.MouseEvent;
+  /**
+   * Data tracking target, such as 'about' or 'policy'.
+   */
+  target: string;
+};
+type GlobalFooterClickHandler = (data: GlobalFooterClickData) => void;
+//#endregion
+export { GlobalFooterClickHandler };
+//# sourceMappingURL=types.d.cts.map

package/dist/GlobalFooter/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/GlobalFooter/types.ts"],"mappings":";;;KAEK,qBAAA;;AAF0B;;EAM7B,KAAA,EAAO,OAAA,CAAM,UAAA;EAAU;;;EAKvB,MAAA;AAAA;AAAA,KAGU,wBAAA,IAA4B,IAAA,EAAM,qBAAA"}

package/dist/GlobalFooter/types.d.ts

@@ -1,13 +1,17 @@
-import * as React from 'react';
+import * as React$1 from "react";
+
+//#region src/GlobalFooter/types.d.ts
 type GlobalFooterClickData = {
-    /**
-     * Native event from the data that can be .preventDefault()ed.
-     */
-    event: React.MouseEvent;
-    /**
-     * Data tracking target, such as 'about' or 'policy'.
-     */
-    target: string;
+  /**
+   * Native event from the data that can be .preventDefault()ed.
+   */
+  event: React$1.MouseEvent;
+  /**
+   * Data tracking target, such as 'about' or 'policy'.
+   */
+  target: string;
 };
-export type GlobalFooterClickHandler = (data: GlobalFooterClickData) => void;
-export {};
+type GlobalFooterClickHandler = (data: GlobalFooterClickData) => void;
+//#endregion
+export { GlobalFooterClickHandler };
+//# sourceMappingURL=types.d.ts.map

package/dist/GlobalFooter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/GlobalFooter/types.ts"],"mappings":";;;KAEK,qBAAA;;AAF0B;;EAM7B,KAAA,EAAO,OAAA,CAAM,UAAA;EAAU;;;EAKvB,MAAA;AAAA;AAAA,KAGU,wBAAA,IAA4B,IAAA,EAAM,qBAAA"}

package/dist/GlobalHeader/GlobalHeaderItems.cjs

@@ -0,0 +1,439 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_urlHelpers = require('./urlHelpers.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/GlobalHeader/GlobalHeaderItems.tsx
+const shouldShowBusinessDashboardLink = (user) => {
+	return !!(user?.isAccountManager || user?.isBusinessAdmin) && !user?.isSkillsoftUser;
+};
+const loading = {
+	id: "header-loading",
+	type: "render-element",
+	renderElement: () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(_codecademy_gamut.Shimmer, {
+		"aria-hidden": true,
+		height: 36,
+		width: 128
+	}), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { screenreader: true }, "Loading menu bar"))
+};
+const logo = {
+	dataTestId: "header-logo",
+	id: "logo",
+	href: "/",
+	enterprise: false,
+	pro: false,
+	trackingTarget: "topnav_logo",
+	type: "logo"
+};
+const enterpriseLogo = (user, removeAnchorLink) => {
+	return {
+		dataTestId: "header-logo",
+		id: "logo",
+		href: require_urlHelpers.formatEnterpriseUrl(user?.enterpriseUrl) ?? "https://www.skillsoft.com/login-skillsoft",
+		enterprise: true,
+		pro: false,
+		trackingTarget: "topnav_enterprise_logo",
+		type: "logo",
+		removeAnchorLink
+	};
+};
+const myHome = {
+	dataTestId: "header-home",
+	icon: _codecademy_gamut_icons.HouseEntranceIcon,
+	id: "my-home",
+	text: "My Home",
+	href: "/learn",
+	trackingTarget: "topnav_home",
+	type: "link"
+};
+const bootcampsHub = {
+	dataTestId: "header-bootcamps-hub",
+	icon: _codecademy_gamut_icons.OnlineClassStudentIcon,
+	id: "bootcamps-hub",
+	text: "Bootcamps",
+	href: "/bootcamps",
+	trackingTarget: "topnav_bootcamps_hub",
+	type: "link"
+};
+const coaching = {
+	dataTestId: "header-coaching",
+	icon: _codecademy_gamut_icons.CoachingIcon,
+	id: "coaching",
+	text: "Coaching",
+	href: "/coaching",
+	trackingTarget: "topnav_coaching",
+	type: "link"
+};
+const myPercipioHome = (user, customTitle) => {
+	return {
+		dataTestId: "header-percihome",
+		icon: _codecademy_gamut_icons.HouseEntranceIcon,
+		id: "my-home",
+		text: customTitle || "Home",
+		ariaLabel: "Home, opens in a new tab",
+		href: require_urlHelpers.formatEnterpriseUrl(user?.enterpriseUrl) ?? "https://www.skillsoft.com/login-skillsoft",
+		newTab: true,
+		trackingTarget: "topnav_enterprise_home",
+		type: "link"
+	};
+};
+const catalogDropdown = (hideCareerPaths) => ({
+	dataTestId: "header-catalog",
+	icon: _codecademy_gamut_icons.BookFlipPageIcon,
+	id: "catalog-dropdown",
+	text: "Catalog",
+	trackingTarget: "topnav_catalog",
+	type: "catalog-dropdown",
+	hideCareerPaths
+});
+const resourcesDropdown = () => ({
+	dataTestId: "header-resources",
+	icon: _codecademy_gamut_icons.NotebookIcon,
+	id: "resources-dropdown",
+	text: "Resources",
+	trackingTarget: "topnav_resources",
+	type: "resources-dropdown"
+});
+const simpleResourcesDropdown = {
+	dataTestId: "header-resources",
+	icon: _codecademy_gamut_icons.NotebookIcon,
+	id: "resources-simple-dropdown",
+	text: "Resources",
+	popover: [
+		{
+			id: "articles",
+			href: "/articles",
+			trackingTarget: "topnav_enterprise_articles",
+			text: "Articles",
+			type: "link"
+		},
+		{
+			id: "docs",
+			href: "/resources/docs",
+			trackingTarget: "topnav_enterprise_docs",
+			text: "Docs",
+			type: "link"
+		},
+		{
+			id: "workspaces",
+			href: "/users/me/workspaces",
+			trackingTarget: "topnav_enterprise_workspaces",
+			text: "Workspaces",
+			type: "link"
+		}
+	],
+	trackingTarget: "topnav_resources",
+	type: "resources-simple-dropdown"
+};
+const communityDropdown = () => ({
+	icon: _codecademy_gamut_icons.CommunityIcon,
+	id: "community",
+	text: "Community",
+	popover: [
+		{
+			id: "visit-community",
+			href: "https://community.codecademy.com/c/start-here/",
+			newTab: true,
+			trackingTarget: "topnav_visit_community",
+			text: "Visit Community",
+			type: "link",
+			icon: _codecademy_gamut_icons.EarthIcon
+		},
+		{
+			id: "events",
+			href: "/events",
+			trackingTarget: "topnav_community_events",
+			text: "Events",
+			type: "link",
+			icon: _codecademy_gamut_icons.CalendarIcon
+		},
+		{
+			id: "learner-stories",
+			href: "/resources/blog/category/learner-stories/",
+			trackingTarget: "topnav_learner_stories_hub",
+			text: "Learner Stories",
+			type: "link",
+			icon: _codecademy_gamut_icons.ArticleIcon
+		},
+		{
+			id: "code-crew",
+			href: "https://try.codecademy.com/code-crew/",
+			newTab: true,
+			trackingTarget: "topnav_code_crew",
+			text: "Code Crew",
+			type: "link",
+			icon: _codecademy_gamut_icons.PersonPonytailIcon
+		}
+	],
+	trackingTarget: "topnav_community",
+	type: "dropdown"
+});
+const pricingDropdown = (isInRevampedBlpExperimentVariant) => {
+	return {
+		icon: _codecademy_gamut_icons.AccountingCoinsIcon,
+		id: "pricing",
+		text: "Pricing",
+		popover: [
+			{
+				id: "pro-membership",
+				href: "/pricing",
+				trackingTarget: "topnav_pro_membership",
+				text: "For Individuals",
+				type: "link"
+			},
+			{
+				id: "for-students",
+				href: "/student-center",
+				trackingTarget: "topnav_pricing_students",
+				text: "For Students",
+				type: "link"
+			},
+			{
+				id: "for-teams",
+				href: isInRevampedBlpExperimentVariant ? "/business/pricing" : "/business#section-pricing-table",
+				trackingTarget: "topnav_pricing_business",
+				text: "For Business",
+				type: "link"
+			}
+		],
+		trackingTarget: "topnav_pricing",
+		type: "dropdown"
+	};
+};
+const upgradePlan = {
+	icon: _codecademy_gamut_icons.ArrowThickCircleUpIcon,
+	id: "upgrade-plan",
+	trackingTarget: "topnav_upgrade_plan",
+	text: "Upgrade",
+	href: "/pricing",
+	type: "link"
+};
+const businessSolutions = {
+	icon: _codecademy_gamut_icons.OfficeBuildingDoubleIcon,
+	id: "business-solutions",
+	trackingTarget: "topnav_business",
+	text: "Teams",
+	href: "/business",
+	type: "link"
+};
+const profileMyProfile = {
+	id: "my-profile",
+	icon: _codecademy_gamut_icons.PersonIcon,
+	href: "/profiles/me",
+	trackingTarget: "avatar_my_profile",
+	text: "Profile",
+	type: "link"
+};
+const profileAccount = {
+	id: "account",
+	icon: _codecademy_gamut_icons.GearIcon,
+	href: "/account",
+	trackingTarget: "avatar_settings",
+	text: "Account + Billing",
+	type: "link"
+};
+const profileMyHome = {
+	id: "my-home",
+	icon: _codecademy_gamut_icons.HouseEntranceIcon,
+	href: "/learn",
+	trackingTarget: "avatar_dashboard",
+	text: "My Home",
+	type: "link"
+};
+const profileBusinessAccount = {
+	id: "business",
+	icon: _codecademy_gamut_icons.PieLineGraphIcon,
+	href: "/business/plans",
+	trackingTarget: "avatar_business",
+	text: "Admin Dashboard",
+	type: "link"
+};
+const profileHelpCenter = {
+	id: "help-center",
+	icon: _codecademy_gamut_icons.SupportIcon,
+	href: "/help",
+	newTab: true,
+	trackingTarget: "avatar_help",
+	text: "Help Center",
+	type: "link"
+};
+const profileAdmin = {
+	id: "admin",
+	dataTestId: "admin-link",
+	href: "/admin",
+	trackingTarget: "avatar_admin",
+	text: "Admin",
+	type: "link"
+};
+const profileCustomerSupport = {
+	id: "customer-support",
+	href: "/admin/concessions",
+	trackingTarget: "avatar_customer_support",
+	text: "Customer Support",
+	type: "link"
+};
+const profileReportBug = {
+	id: "report-bug",
+	href: "https://codecademy.atlassian.net/servicedesk/customer/portal/9",
+	newTab: true,
+	trackingTarget: "avatar_report_bug",
+	text: "Report a Bug [ADMIN]",
+	type: "link"
+};
+const profileLogOut = {
+	id: "log-out",
+	href: "/sign_out",
+	trackingTarget: "avatar_log_out",
+	text: "Log Out",
+	type: "link"
+};
+const freeProfile = (user) => {
+	const topSection = [profileMyProfile];
+	if (user?.isBusinessAdmin || !user?.isBusinessSsoUser) topSection.push(profileAccount);
+	topSection.push(profileMyHome);
+	if (shouldShowBusinessDashboardLink(user)) topSection.push(profileBusinessAccount);
+	topSection.push(profileHelpCenter);
+	const popover = [topSection, [profileLogOut]];
+	return {
+		avatar: user.avatar,
+		userDisplayName: user.displayName,
+		id: "profile",
+		text: "Profile",
+		popover,
+		trackingTarget: "topnav_profile",
+		type: "profile-dropdown"
+	};
+};
+const proProfile = (user) => {
+	const topSection = [profileMyProfile];
+	if (user.isBusinessAdmin || !user.isBusinessSsoUser) topSection.push(profileAccount);
+	topSection.push(profileMyHome);
+	topSection.push(profileHelpCenter);
+	const teamsAdminSection = [];
+	if (shouldShowBusinessDashboardLink(user)) teamsAdminSection.push(profileBusinessAccount);
+	const middleSection = [];
+	if (user.isAdmin) middleSection.push(profileAdmin);
+	if (user.isCustomerSupport) middleSection.push(profileCustomerSupport);
+	if (user.isAdmin) middleSection.push(profileReportBug);
+	const popover = [
+		topSection,
+		teamsAdminSection,
+		middleSection,
+		[profileLogOut]
+	];
+	return {
+		avatar: user.avatar,
+		userDisplayName: user.displayName,
+		id: "profile",
+		text: "Profile",
+		popover,
+		trackingTarget: "topnav_profile",
+		type: "profile-dropdown"
+	};
+};
+const addPayment = {
+	dataTestId: "add-payment-link",
+	id: "add-payment",
+	text: "Add payment",
+	href: "/business/checkout?plan_type=upgrade",
+	trackingTarget: "topnav_add_payment",
+	type: "fill-button"
+};
+const tryProForFree = (checkoutUrl) => ({
+	dataTestId: "upgrade-link",
+	id: "try-pro",
+	text: "Start free trial",
+	href: checkoutUrl || "/pages/pro",
+	trackingTarget: "topnav_pro_trial",
+	type: "fill-button"
+});
+const upgradeToPro = (checkoutUrl) => ({
+	dataTestId: "upgrade-link",
+	id: "upgrade-to-pro",
+	text: "Upgrade plan",
+	href: checkoutUrl || "/pages/pro",
+	trackingTarget: "topnav_pro_upgrade",
+	type: "fill-button"
+});
+const unpausePro = {
+	dataTestId: "unpause-link",
+	id: "unpause-pro",
+	text: "Unpause Now",
+	href: "/account/billing",
+	trackingTarget: "topnav_pro_unpause",
+	type: "fill-button"
+};
+const login = {
+	dataTestId: "header-sign-in",
+	id: "login",
+	text: "Log In",
+	href: "/login",
+	trackingTarget: "topnav_login",
+	type: "text-button",
+	redirect: true
+};
+const signUp = {
+	dataTestId: "header-sign-up",
+	id: "signup",
+	text: "Sign Up",
+	href: "/register",
+	trackingTarget: "topnav_signup",
+	type: "fill-button",
+	redirect: true
+};
+const signUpTextButton = {
+	dataTestId: "header-sign-up-variant",
+	id: "signup",
+	text: "Sign Up",
+	href: "/register",
+	trackingTarget: "topnav_signup",
+	type: "text-button",
+	redirect: true
+};
+const bootcampCta = (bootcampSlug) => ({
+	dataTestId: "bootcamp-header-cta",
+	id: "bootcamp-header-cta",
+	text: "Register Now",
+	href: `/pay/bootcamp/${bootcampSlug}`,
+	trackingTarget: "topnav_bootcamp_cta",
+	type: "fill-button",
+	variant: "secondary",
+	icon: _codecademy_gamut_icons.MiniArrowRightIcon,
+	iconPosition: "right"
+});
+const requestTeamsDemo = {
+	dataTestId: "request-teams-demo",
+	id: "request-teams-demo",
+	text: "Request a demo",
+	href: "/business/teams-quote",
+	trackingTarget: "business_enterprise",
+	type: "fill-button"
+};
+
+//#endregion
+exports.addPayment = addPayment;
+exports.bootcampCta = bootcampCta;
+exports.bootcampsHub = bootcampsHub;
+exports.businessSolutions = businessSolutions;
+exports.catalogDropdown = catalogDropdown;
+exports.coaching = coaching;
+exports.communityDropdown = communityDropdown;
+exports.enterpriseLogo = enterpriseLogo;
+exports.freeProfile = freeProfile;
+exports.loading = loading;
+exports.login = login;
+exports.logo = logo;
+exports.myHome = myHome;
+exports.myPercipioHome = myPercipioHome;
+exports.pricingDropdown = pricingDropdown;
+exports.proProfile = proProfile;
+exports.requestTeamsDemo = requestTeamsDemo;
+exports.resourcesDropdown = resourcesDropdown;
+exports.signUp = signUp;
+exports.signUpTextButton = signUpTextButton;
+exports.simpleResourcesDropdown = simpleResourcesDropdown;
+exports.tryProForFree = tryProForFree;
+exports.unpausePro = unpausePro;
+exports.upgradePlan = upgradePlan;
+exports.upgradeToPro = upgradeToPro;
+//# sourceMappingURL=GlobalHeaderItems.cjs.map

package/dist/GlobalHeader/GlobalHeaderItems.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeaderItems.cjs","names":["Shimmer","Text","AccountingCoinsIcon","ArrowThickCircleUpIcon","ArticleIcon","BookFlipPageIcon","BriefcaseIcon","CalendarIcon","CoachingIcon","CommunityIcon","EarthIcon","GearIcon","HouseEntranceIcon","MiniArrowRightIcon","NotebookIcon","OfficeBuildingDoubleIcon","OnlineClassStudentIcon","PersonIcon","PersonPonytailIcon","PieLineGraphIcon","SupportIcon","formatEnterpriseUrl","shouldShowBusinessDashboardLink","user","isAccountManager","isBusinessAdmin","isSkillsoftUser","loading","id","type","renderElement","aria-hidden","height","width","screenreader","logo","dataTestId","href","enterprise","pro","trackingTarget","enterpriseLogo","removeAnchorLink","enterpriseUrl","myHome","icon","text","bootcampsHub","coaching","myPercipioHome","customTitle","ariaLabel","newTab","catalogDropdown","hideCareerPaths","resourcesDropdown","simpleResourcesDropdown","popover","communityDropdown","pricingDropdown","isInRevampedBlpExperimentVariant","upgradePlan","businessSolutions","careerCenter","profileMyProfile","profileAccount","profileMyHome","profileBusinessAccount","profileHelpCenter","profileAdmin","profileCustomerSupport","profileReportBug","profileLogOut","freeProfile","topSection","isBusinessSsoUser","push","bottomSection","avatar","userDisplayName","displayName","proProfile","teamsAdminSection","middleSection","isAdmin","isCustomerSupport","addPayment","tryProForFree","checkoutUrl","upgradeToPro","unpausePro","login","redirect","signUp","signUpTextButton","bootcampCta","bootcampSlug","variant","iconPosition","requestTeamsDemo"],"sources":["../../src/GlobalHeader/GlobalHeaderItems.tsx"],"sourcesContent":["import { Shimmer, Text } from '@codecademy/gamut';\nimport {\n  AccountingCoinsIcon,\n  ArrowThickCircleUpIcon,\n  ArticleIcon,\n  BookFlipPageIcon,\n  BriefcaseIcon,\n  CalendarIcon,\n  CoachingIcon,\n  CommunityIcon,\n  EarthIcon,\n  GearIcon,\n  HouseEntranceIcon,\n  MiniArrowRightIcon,\n  NotebookIcon,\n  OfficeBuildingDoubleIcon,\n  OnlineClassStudentIcon,\n  PersonIcon,\n  PersonPonytailIcon,\n  PieLineGraphIcon,\n  SupportIcon,\n} from '@codecademy/gamut-icons';\n\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderFillButtonItem,\n  AppHeaderLinkItem,\n  AppHeaderLogoItem,\n  AppHeaderProfileDropdownItem,\n  AppHeaderRenderElementItem,\n  AppHeaderResourcesDropdownItem,\n  AppHeaderResourcesSimpleDropdownItem,\n  AppHeaderSimpleDropdownItem,\n  AppHeaderTextButtonItem,\n} from '../AppHeader/shared';\nimport { User } from './types';\nimport { formatEnterpriseUrl } from './urlHelpers';\n\nconst shouldShowBusinessDashboardLink = (user: User) => {\n  return (\n    !!(user?.isAccountManager || user?.isBusinessAdmin) &&\n    !user?.isSkillsoftUser\n  );\n};\n\nexport const loading: AppHeaderRenderElementItem = {\n  id: 'header-loading',\n  type: 'render-element',\n  renderElement: () => (\n    <>\n      <Shimmer aria-hidden height={36} width={128} />\n      <Text screenreader>Loading menu bar</Text>\n    </>\n  ),\n};\n\nexport const logo: AppHeaderLogoItem = {\n  dataTestId: 'header-logo',\n  id: 'logo',\n  href: '/',\n  enterprise: false,\n  pro: false,\n  trackingTarget: 'topnav_logo',\n  type: 'logo',\n};\n\nexport const enterpriseLogo = (\n  user: User,\n  removeAnchorLink?: boolean\n): AppHeaderLogoItem => {\n  return {\n    dataTestId: 'header-logo',\n    id: 'logo',\n    href:\n      formatEnterpriseUrl(user?.enterpriseUrl) ??\n      'https://www.skillsoft.com/login-skillsoft',\n    enterprise: true,\n    pro: false,\n    trackingTarget: 'topnav_enterprise_logo',\n    type: 'logo',\n    removeAnchorLink,\n  };\n};\n\nexport const myHome: AppHeaderLinkItem = {\n  dataTestId: 'header-home',\n  icon: HouseEntranceIcon,\n  id: 'my-home',\n  text: 'My Home',\n  href: '/learn',\n  trackingTarget: 'topnav_home',\n  type: 'link',\n};\n\nexport const bootcampsHub: AppHeaderLinkItem = {\n  dataTestId: 'header-bootcamps-hub',\n  icon: OnlineClassStudentIcon,\n  id: 'bootcamps-hub',\n  text: 'Bootcamps',\n  href: '/bootcamps',\n  trackingTarget: 'topnav_bootcamps_hub',\n  type: 'link',\n};\n\nexport const coaching: AppHeaderLinkItem = {\n  dataTestId: 'header-coaching',\n  icon: CoachingIcon,\n  id: 'coaching',\n  text: 'Coaching',\n  href: '/coaching',\n  trackingTarget: 'topnav_coaching',\n  type: 'link',\n};\n\nexport const myPercipioHome = (\n  user: User,\n  customTitle?: string\n): AppHeaderLinkItem => {\n  return {\n    dataTestId: 'header-percihome',\n    icon: HouseEntranceIcon,\n    id: 'my-home',\n    text: customTitle || 'Home',\n    ariaLabel: 'Home, opens in a new tab',\n    href:\n      formatEnterpriseUrl(user?.enterpriseUrl) ??\n      'https://www.skillsoft.com/login-skillsoft',\n    newTab: true,\n    trackingTarget: 'topnav_enterprise_home',\n    type: 'link',\n  };\n};\n\nexport const catalogDropdown = (\n  hideCareerPaths?: boolean\n): AppHeaderCatalogDropdownItem => ({\n  dataTestId: 'header-catalog',\n  icon: BookFlipPageIcon,\n  id: 'catalog-dropdown',\n  text: 'Catalog',\n  trackingTarget: 'topnav_catalog',\n  type: 'catalog-dropdown',\n  hideCareerPaths,\n});\n\nexport const resourcesDropdown = (): AppHeaderResourcesDropdownItem => ({\n  dataTestId: 'header-resources',\n  icon: NotebookIcon,\n  id: 'resources-dropdown',\n  text: 'Resources',\n  trackingTarget: 'topnav_resources',\n  type: 'resources-dropdown',\n});\n\nexport const simpleResourcesDropdown: AppHeaderResourcesSimpleDropdownItem = {\n  dataTestId: 'header-resources',\n  icon: NotebookIcon,\n  id: 'resources-simple-dropdown',\n  text: 'Resources',\n  popover: [\n    {\n      id: 'articles',\n      href: '/articles',\n      trackingTarget: 'topnav_enterprise_articles',\n      text: 'Articles',\n      type: 'link',\n    },\n    {\n      id: 'docs',\n      href: '/resources/docs',\n      trackingTarget: 'topnav_enterprise_docs',\n      text: 'Docs',\n      type: 'link',\n    },\n    {\n      id: 'workspaces',\n      href: '/users/me/workspaces',\n      trackingTarget: 'topnav_enterprise_workspaces',\n      text: 'Workspaces',\n      type: 'link',\n    },\n  ],\n  trackingTarget: 'topnav_resources',\n  type: 'resources-simple-dropdown',\n};\n\nexport const communityDropdown = (): AppHeaderSimpleDropdownItem => ({\n  icon: CommunityIcon,\n  id: 'community',\n  text: 'Community',\n  popover: [\n    {\n      id: 'visit-community',\n      href: 'https://community.codecademy.com/c/start-here/',\n      newTab: true,\n      trackingTarget: 'topnav_visit_community',\n      text: 'Visit Community',\n      type: 'link',\n      icon: EarthIcon,\n    },\n    {\n      id: 'events',\n      href: '/events',\n      trackingTarget: 'topnav_community_events',\n      text: 'Events',\n      type: 'link',\n      icon: CalendarIcon,\n    },\n    {\n      id: 'learner-stories',\n      href: '/resources/blog/category/learner-stories/',\n      trackingTarget: 'topnav_learner_stories_hub',\n      text: 'Learner Stories',\n      type: 'link',\n      icon: ArticleIcon,\n    },\n    {\n      id: 'code-crew',\n      href: 'https://try.codecademy.com/code-crew/',\n      newTab: true,\n      trackingTarget: 'topnav_code_crew',\n      text: 'Code Crew',\n      type: 'link',\n      icon: PersonPonytailIcon,\n    },\n  ],\n  trackingTarget: 'topnav_community',\n  type: 'dropdown',\n});\n\nexport const pricingDropdown = (\n  isInRevampedBlpExperimentVariant?: boolean\n): AppHeaderSimpleDropdownItem => {\n  return {\n    icon: AccountingCoinsIcon,\n    id: 'pricing',\n    text: 'Pricing',\n    popover: [\n      {\n        id: 'pro-membership',\n        href: '/pricing',\n        trackingTarget: 'topnav_pro_membership',\n        text: 'For Individuals',\n        type: 'link',\n      },\n      {\n        id: 'for-students',\n        href: '/student-center',\n        trackingTarget: 'topnav_pricing_students',\n        text: 'For Students',\n        type: 'link',\n      },\n      {\n        id: 'for-teams',\n        href: isInRevampedBlpExperimentVariant\n          ? '/business/pricing'\n          : '/business#section-pricing-table',\n        trackingTarget: 'topnav_pricing_business',\n        text: 'For Business',\n        type: 'link',\n      },\n    ],\n    trackingTarget: 'topnav_pricing',\n    type: 'dropdown',\n  };\n};\n\nexport const upgradePlan: AppHeaderLinkItem = {\n  icon: ArrowThickCircleUpIcon,\n  id: 'upgrade-plan',\n  trackingTarget: 'topnav_upgrade_plan',\n  text: 'Upgrade',\n  href: '/pricing',\n  type: 'link',\n};\n\nexport const businessSolutions: AppHeaderLinkItem = {\n  icon: OfficeBuildingDoubleIcon,\n  id: 'business-solutions',\n  trackingTarget: 'topnav_business',\n  text: 'Teams',\n  href: '/business',\n  type: 'link',\n};\n\nexport const careerCenter: AppHeaderLinkItem = {\n  icon: BriefcaseIcon,\n  id: 'career-center',\n  trackingTarget: 'topnav_career_center',\n  text: 'Career Center',\n  href: '/career-center',\n  type: 'link',\n};\n\nconst profileMyProfile: AppHeaderLinkItem = {\n  id: 'my-profile',\n  icon: PersonIcon,\n  href: '/profiles/me',\n  trackingTarget: 'avatar_my_profile',\n  text: 'Profile',\n  type: 'link',\n};\n\nconst profileAccount: AppHeaderLinkItem = {\n  id: 'account',\n  icon: GearIcon,\n  href: '/account',\n  trackingTarget: 'avatar_settings',\n  text: 'Account + Billing',\n  type: 'link',\n};\n\nconst profileMyHome: AppHeaderLinkItem = {\n  id: 'my-home',\n  icon: HouseEntranceIcon,\n  href: '/learn',\n  trackingTarget: 'avatar_dashboard',\n  text: 'My Home',\n  type: 'link',\n};\n\nconst profileBusinessAccount: AppHeaderLinkItem = {\n  id: 'business',\n  icon: PieLineGraphIcon,\n  href: '/business/plans',\n  trackingTarget: 'avatar_business',\n  text: 'Admin Dashboard',\n  type: 'link',\n};\n\nconst profileHelpCenter: AppHeaderLinkItem = {\n  id: 'help-center',\n  icon: SupportIcon,\n  href: '/help',\n  newTab: true,\n  trackingTarget: 'avatar_help',\n  text: 'Help Center',\n  type: 'link',\n};\n\nconst profileAdmin: AppHeaderLinkItem = {\n  id: 'admin',\n  dataTestId: 'admin-link',\n  href: '/admin',\n  trackingTarget: 'avatar_admin',\n  text: 'Admin',\n  type: 'link',\n};\n\nconst profileCustomerSupport: AppHeaderLinkItem = {\n  id: 'customer-support',\n  href: '/admin/concessions',\n  trackingTarget: 'avatar_customer_support',\n  text: 'Customer Support',\n  type: 'link',\n};\n\nconst profileReportBug: AppHeaderLinkItem = {\n  id: 'report-bug',\n  href: 'https://codecademy.atlassian.net/servicedesk/customer/portal/9',\n  newTab: true,\n  trackingTarget: 'avatar_report_bug',\n  text: 'Report a Bug [ADMIN]',\n  type: 'link',\n};\n\nconst profileLogOut: AppHeaderLinkItem = {\n  id: 'log-out',\n  href: '/sign_out',\n  trackingTarget: 'avatar_log_out',\n  text: 'Log Out',\n  type: 'link',\n};\n\nexport const freeProfile = (user: User): AppHeaderProfileDropdownItem => {\n  const topSection = [profileMyProfile];\n\n  if (user?.isBusinessAdmin || !user?.isBusinessSsoUser) {\n    topSection.push(profileAccount);\n  }\n\n  topSection.push(profileMyHome);\n\n  if (shouldShowBusinessDashboardLink(user)) {\n    topSection.push(profileBusinessAccount);\n  }\n\n  topSection.push(profileHelpCenter);\n\n  const bottomSection = [profileLogOut];\n\n  const popover = [topSection, bottomSection];\n\n  return {\n    avatar: user.avatar,\n    userDisplayName: user.displayName,\n    id: 'profile',\n    text: 'Profile',\n    popover,\n    trackingTarget: 'topnav_profile',\n    type: 'profile-dropdown',\n  };\n};\n\nexport const proProfile = (user: User): AppHeaderProfileDropdownItem => {\n  const topSection = [profileMyProfile];\n\n  if (user.isBusinessAdmin || !user.isBusinessSsoUser) {\n    topSection.push(profileAccount);\n  }\n\n  topSection.push(profileMyHome);\n  topSection.push(profileHelpCenter);\n\n  const teamsAdminSection: AppHeaderLinkItem[] = [];\n\n  if (shouldShowBusinessDashboardLink(user)) {\n    teamsAdminSection.push(profileBusinessAccount);\n  }\n\n  const middleSection: AppHeaderLinkItem[] = [];\n\n  if (user.isAdmin) {\n    middleSection.push(profileAdmin);\n  }\n  if (user.isCustomerSupport) {\n    middleSection.push(profileCustomerSupport);\n  }\n  if (user.isAdmin) {\n    middleSection.push(profileReportBug);\n  }\n\n  const bottomSection = [profileLogOut];\n\n  const popover = [topSection, teamsAdminSection, middleSection, bottomSection];\n\n  return {\n    avatar: user.avatar,\n    userDisplayName: user.displayName,\n    id: 'profile',\n    text: 'Profile',\n    popover,\n    trackingTarget: 'topnav_profile',\n    type: 'profile-dropdown',\n  };\n};\n\nexport const addPayment: AppHeaderFillButtonItem = {\n  dataTestId: 'add-payment-link',\n  id: 'add-payment',\n  text: 'Add payment',\n  href: '/business/checkout?plan_type=upgrade',\n  trackingTarget: 'topnav_add_payment',\n  type: 'fill-button',\n};\n\nexport const tryProForFree = (\n  checkoutUrl?: string\n): AppHeaderFillButtonItem => ({\n  dataTestId: 'upgrade-link',\n  id: 'try-pro',\n  text: 'Start free trial',\n  href: checkoutUrl || '/pages/pro',\n  trackingTarget: 'topnav_pro_trial',\n  type: 'fill-button',\n});\n\nexport const upgradeToPro = (\n  checkoutUrl?: string\n): AppHeaderFillButtonItem => ({\n  dataTestId: 'upgrade-link',\n  id: 'upgrade-to-pro',\n  text: 'Upgrade plan',\n  href: checkoutUrl || '/pages/pro',\n  trackingTarget: 'topnav_pro_upgrade',\n  type: 'fill-button',\n});\n\nexport const unpausePro: AppHeaderFillButtonItem = {\n  dataTestId: 'unpause-link',\n  id: 'unpause-pro',\n  text: 'Unpause Now',\n  href: '/account/billing',\n  trackingTarget: 'topnav_pro_unpause',\n  type: 'fill-button',\n};\n\nexport const login: AppHeaderTextButtonItem = {\n  dataTestId: 'header-sign-in',\n  id: 'login',\n  text: 'Log In',\n  href: '/login',\n  trackingTarget: 'topnav_login',\n  type: 'text-button',\n  redirect: true,\n};\n\nexport const signUp: AppHeaderFillButtonItem = {\n  dataTestId: 'header-sign-up',\n  id: 'signup',\n  text: 'Sign Up',\n  href: '/register',\n  trackingTarget: 'topnav_signup',\n  type: 'fill-button',\n  redirect: true,\n};\n\nexport const signUpTextButton: AppHeaderTextButtonItem = {\n  dataTestId: 'header-sign-up-variant',\n  id: 'signup',\n  text: 'Sign Up',\n  href: '/register',\n  trackingTarget: 'topnav_signup',\n  type: 'text-button',\n  redirect: true,\n};\n\nexport const bootcampCta = (bootcampSlug: string): AppHeaderFillButtonItem => ({\n  dataTestId: 'bootcamp-header-cta',\n  id: 'bootcamp-header-cta',\n  text: 'Register Now',\n  href: `/pay/bootcamp/${bootcampSlug}`,\n  trackingTarget: 'topnav_bootcamp_cta',\n  type: 'fill-button',\n  variant: 'secondary',\n  icon: MiniArrowRightIcon,\n  iconPosition: 'right',\n});\n\nexport const requestTeamsDemo: AppHeaderFillButtonItem = {\n  dataTestId: 'request-teams-demo',\n  id: 'request-teams-demo',\n  text: 'Request a demo',\n  href: '/business/teams-quote',\n  trackingTarget: 'business_enterprise',\n  type: 'fill-button',\n};\n"],"mappings":"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"}