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

package/dist/GlobalHeader/GlobalHeaderVariants.js

@@ -1,351 +1,323 @@
-import { addPayment, bootcampCta, bootcampsHub, businessSolutions, catalogDropdown, coaching, communityDropdown, enterpriseLogo, freeProfile, loading, login, logo, myHome, myPercipioHome, pricingDropdown, proProfile, requestTeamsDemo, resourcesDropdown, signUp, signUpTextButton, simpleResourcesDropdown, tryProForFree, unpausePro, upgradePlan, upgradeToPro } from './GlobalHeaderItems';
+import { addPayment, bootcampCta, bootcampsHub, businessSolutions, catalogDropdown, coaching, communityDropdown, enterpriseLogo, freeProfile, loading, login, logo, myHome, myPercipioHome, pricingDropdown, proProfile, requestTeamsDemo, resourcesDropdown, signUp, signUpTextButton, simpleResourcesDropdown, tryProForFree, unpausePro, upgradePlan, upgradeToPro } from "./GlobalHeaderItems.js";
+
+//#region src/GlobalHeader/GlobalHeaderVariants.tsx
 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 transformSimpleResourcesDropdownlabels = resourcesLabel => ({
-  ...simpleResourcesDropdown,
-  text: resourcesLabel?.title || simpleResourcesDropdown.text,
-  popover: simpleResourcesDropdown.popover.map(item => ({
-    ...item,
-    text: resourcesLabel?.[item.id] || item.text
-  }))
+const transformSimpleResourcesDropdownlabels = (resourcesLabel) => ({
+	...simpleResourcesDropdown,
+	text: resourcesLabel?.title || simpleResourcesDropdown.text,
+	popover: simpleResourcesDropdown.popover.map((item) => ({
+		...item,
+		text: resourcesLabel?.[item.id] || item.text
+	}))
 });
-const anonHeaderItems = ({
-  renderLogin,
-  renderSignUp,
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  const specialLogo = {
-    ...logo,
-    checkMini: true
-  };
-  const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(!user?.hasCoachingSubscription ? [coaching] : []), businessSolutions];
-  const rightItems = [];
-  if (isBusinessPage()) {
-    if (renderSignUp) {
-      rightItems.push(signUpTextButton);
-    }
-    if (renderLogin) {
-      rightItems.push(requestTeamsDemo);
-    }
-  } else {
-    if (renderLogin) {
-      rightItems.push(login);
-    }
-    if (renderSignUp) {
-      rightItems.push(signUp);
-    }
-  }
-  return {
-    left: leftItems,
-    right: rightItems
-  };
+const anonHeaderItems = ({ renderLogin, renderSignUp, hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	const leftItems = [
+		{
+			...logo,
+			checkMini: true
+		},
+		catalogDropdown(user?.hideCareerPaths),
+		resourcesDropdown(),
+		communityDropdown(),
+		...hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)],
+		bootcampsHub,
+		...!user?.hasCoachingSubscription ? [coaching] : [],
+		businessSolutions
+	];
+	const rightItems = [];
+	if (isBusinessPage()) {
+		if (renderSignUp) rightItems.push(signUpTextButton);
+		if (renderLogin) rightItems.push(requestTeamsDemo);
+	} else {
+		if (renderLogin) rightItems.push(login);
+		if (renderSignUp) rightItems.push(signUp);
+	}
+	return {
+		left: leftItems,
+		right: rightItems
+	};
 };
-const anonMobileHeaderItems = ({
-  renderLogin,
-  renderSignUp,
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  const specialLogo = {
-    ...logo,
-    checkMini: true
-  };
-  const leftItems = [specialLogo];
-  const rightItems = [];
-  if (isBusinessPage()) {
-    if (renderSignUp) {
-      rightItems.push(signUpTextButton);
-    }
-    if (renderLogin) {
-      rightItems.push(requestTeamsDemo);
-    }
-  } else {
-    if (renderLogin) {
-      rightItems.push(login);
-    }
-    if (renderSignUp) {
-      rightItems.push(signUp);
-    }
-  }
-  const mainMenuItems = [catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(!user?.hasCoachingSubscription ? [coaching] : []), businessSolutions];
-  return {
-    left: leftItems,
-    right: rightItems,
-    mainMenu: mainMenuItems
-  };
+const anonMobileHeaderItems = ({ renderLogin, renderSignUp, hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	const leftItems = [{
+		...logo,
+		checkMini: true
+	}];
+	const rightItems = [];
+	if (isBusinessPage()) {
+		if (renderSignUp) rightItems.push(signUpTextButton);
+		if (renderLogin) rightItems.push(requestTeamsDemo);
+	} else {
+		if (renderLogin) rightItems.push(login);
+		if (renderSignUp) rightItems.push(signUp);
+	}
+	return {
+		left: leftItems,
+		right: rightItems,
+		mainMenu: [
+			catalogDropdown(user?.hideCareerPaths),
+			resourcesDropdown(),
+			communityDropdown(),
+			...hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)],
+			bootcampsHub,
+			...!user?.hasCoachingSubscription ? [coaching] : [],
+			businessSolutions
+		]
+	};
 };
-export const anonDefaultHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonHeaderItems({
-    renderLogin: true,
-    renderSignUp: true,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonDefaultHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonHeaderItems({
+		renderLogin: true,
+		renderSignUp: true,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonDefaultMobileHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonMobileHeaderItems({
-    renderLogin: true,
-    renderSignUp: true,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonDefaultMobileHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonMobileHeaderItems({
+		renderLogin: true,
+		renderSignUp: true,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonLandingHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonHeaderItems({
-    renderLogin: true,
-    renderSignUp: false,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonLandingHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonHeaderItems({
+		renderLogin: true,
+		renderSignUp: false,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonLandingMobileHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonMobileHeaderItems({
-    renderLogin: true,
-    renderSignUp: false,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonLandingMobileHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonMobileHeaderItems({
+		renderLogin: true,
+		renderSignUp: false,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonLoginHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonHeaderItems({
-    renderLogin: false,
-    renderSignUp: true,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonLoginHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonHeaderItems({
+		renderLogin: false,
+		renderSignUp: true,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonLoginMobileHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonMobileHeaderItems({
-    renderLogin: false,
-    renderSignUp: true,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonLoginMobileHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonMobileHeaderItems({
+		renderLogin: false,
+		renderSignUp: true,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonSignupHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonHeaderItems({
-    renderLogin: true,
-    renderSignUp: false,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonSignupHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonHeaderItems({
+		renderLogin: true,
+		renderSignUp: false,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const anonSignupMobileHeaderItems = ({
-  hidePricing,
-  user,
-  isInRevampedBlpExperimentVariant
-}) => {
-  return anonMobileHeaderItems({
-    renderLogin: true,
-    renderSignUp: false,
-    hidePricing,
-    user,
-    isInRevampedBlpExperimentVariant
-  });
+const anonSignupMobileHeaderItems = ({ hidePricing, user, isInRevampedBlpExperimentVariant }) => {
+	return anonMobileHeaderItems({
+		renderLogin: true,
+		renderSignUp: false,
+		hidePricing,
+		user,
+		isInRevampedBlpExperimentVariant
+	});
 };
-export const freeHeaderItems = ({
-  user,
-  hidePricing,
-  isInRevampedBlpExperimentVariant
-}) => {
-  const specialLogo = {
-    ...logo,
-    checkMini: true
-  };
-  const leftItems = [specialLogo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(!user?.hasCoachingSubscription ? [coaching] : []), businessSolutions];
-  const upgradeButton = upgradeToPro(user.proCheckoutUrl);
-  const rightItems = [];
-  rightItems.push(freeProfile(user));
-  rightItems.push(user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl));
-  return {
-    left: leftItems,
-    right: rightItems
-  };
+const freeHeaderItems = ({ user, hidePricing, isInRevampedBlpExperimentVariant }) => {
+	const leftItems = [
+		{
+			...logo,
+			checkMini: true
+		},
+		myHome,
+		catalogDropdown(user?.hideCareerPaths),
+		resourcesDropdown(),
+		communityDropdown(),
+		...hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)],
+		bootcampsHub,
+		...!user?.hasCoachingSubscription ? [coaching] : [],
+		businessSolutions
+	];
+	const upgradeButton = upgradeToPro(user.proCheckoutUrl);
+	const rightItems = [];
+	rightItems.push(freeProfile(user));
+	rightItems.push(user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl));
+	return {
+		left: leftItems,
+		right: rightItems
+	};
 };
-export const freeMobileHeaderItems = ({
-  user,
-  hidePricing,
-  isInRevampedBlpExperimentVariant
-}) => {
-  const specialLogo = {
-    ...logo,
-    checkMini: true
-  };
-  const leftItems = [specialLogo];
-  const rightItems = [];
-  const upgradeButton = upgradeToPro(user.proCheckoutUrl);
-  const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(!user?.hasCoachingSubscription ? [coaching] : []), businessSolutions, freeProfile(user), user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl)];
-  return {
-    left: leftItems,
-    right: rightItems,
-    mainMenu: mainMenuItems
-  };
+const freeMobileHeaderItems = ({ user, hidePricing, isInRevampedBlpExperimentVariant }) => {
+	const leftItems = [{
+		...logo,
+		checkMini: true
+	}];
+	const rightItems = [];
+	const upgradeButton = upgradeToPro(user.proCheckoutUrl);
+	return {
+		left: leftItems,
+		right: rightItems,
+		mainMenu: [
+			myHome,
+			catalogDropdown(user?.hideCareerPaths),
+			resourcesDropdown(),
+			communityDropdown(),
+			...hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)],
+			bootcampsHub,
+			...!user?.hasCoachingSubscription ? [coaching] : [],
+			businessSolutions,
+			freeProfile(user),
+			user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl)
+		]
+	};
 };
-export const enterpriseHeaderItems = ({
-  user,
-  props
-}) => {
-  const {
-    hideHeaderLinksInChromeless,
-    hideHeaderResourcesDropdown,
-    localizedLabels
-  } = props;
-  const leftItems = hideHeaderLinksInChromeless ? [enterpriseLogo(user, true)] : [enterpriseLogo(user, true), myPercipioHome(user, localizedLabels?.enterpriseFormattedHomeLabel)];
-  if (!hideHeaderResourcesDropdown) leftItems.push(transformSimpleResourcesDropdownlabels(localizedLabels?.resourcesDropdown));
-  return {
-    left: leftItems,
-    right: []
-  };
+const enterpriseHeaderItems = ({ user, props }) => {
+	const { hideHeaderLinksInChromeless, hideHeaderResourcesDropdown, localizedLabels } = props;
+	const leftItems = hideHeaderLinksInChromeless ? [enterpriseLogo(user, true)] : [enterpriseLogo(user, true), myPercipioHome(user, localizedLabels?.enterpriseFormattedHomeLabel)];
+	if (!hideHeaderResourcesDropdown) leftItems.push(transformSimpleResourcesDropdownlabels(localizedLabels?.resourcesDropdown));
+	return {
+		left: leftItems,
+		right: []
+	};
 };
-export const proHeaderItems = ({
-  user
-}) => {
-  const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), bootcampsHub, ...(!user?.hasCoachingSubscription ? [coaching] : []), businessSolutions];
-  const rightItems = [];
-  rightItems.push(proProfile(user));
-  if (user.isPaused) {
-    rightItems.push(unpausePro);
-  }
-  return {
-    left: leftItems,
-    right: rightItems
-  };
+const proHeaderItems = ({ user }) => {
+	const leftItems = [
+		logo,
+		myHome,
+		catalogDropdown(user?.hideCareerPaths),
+		resourcesDropdown(),
+		communityDropdown(),
+		...user.isPlusUser ? [upgradePlan] : [],
+		bootcampsHub,
+		...!user?.hasCoachingSubscription ? [coaching] : [],
+		businessSolutions
+	];
+	const rightItems = [];
+	rightItems.push(proProfile(user));
+	if (user.isPaused) rightItems.push(unpausePro);
+	return {
+		left: leftItems,
+		right: rightItems
+	};
 };
-export const teamsHeaderItems = ({
-  user
-}) => {
-  const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(!user?.hasCoachingSubscription ? [coaching] : []), bootcampsHub];
-  const rightItems = [];
-  if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) {
-    rightItems.push(addPayment);
-  }
-  rightItems.push(proProfile(user));
-  return {
-    left: leftItems,
-    right: rightItems
-  };
+const teamsHeaderItems = ({ user }) => {
+	const leftItems = [
+		logo,
+		myHome,
+		catalogDropdown(user?.hideCareerPaths),
+		resourcesDropdown(),
+		communityDropdown(),
+		...!user?.hasCoachingSubscription ? [coaching] : [],
+		bootcampsHub
+	];
+	const rightItems = [];
+	if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) rightItems.push(addPayment);
+	rightItems.push(proProfile(user));
+	return {
+		left: leftItems,
+		right: rightItems
+	};
 };
-export const enterpriseMobileHeaderItems = ({
-  user,
-  props
-}) => {
-  const {
-    hideHeaderLinksInChromeless,
-    hideHeaderResourcesDropdown,
-    localizedLabels
-  } = props;
-  const leftItems = [enterpriseLogo(user, true)];
-  const rightItems = [];
-  const mainMenuItems = hideHeaderLinksInChromeless ? [] : [myPercipioHome(user, localizedLabels?.enterpriseFormattedHomeLabel)];
-  if (!hideHeaderResourcesDropdown) mainMenuItems.push(transformSimpleResourcesDropdownlabels(localizedLabels?.resourcesDropdown));
-  return {
-    left: leftItems,
-    right: rightItems,
-    mainMenu: mainMenuItems
-  };
+const enterpriseMobileHeaderItems = ({ user, props }) => {
+	const { hideHeaderLinksInChromeless, hideHeaderResourcesDropdown, localizedLabels } = props;
+	const leftItems = [enterpriseLogo(user, true)];
+	const rightItems = [];
+	const mainMenuItems = hideHeaderLinksInChromeless ? [] : [myPercipioHome(user, localizedLabels?.enterpriseFormattedHomeLabel)];
+	if (!hideHeaderResourcesDropdown) mainMenuItems.push(transformSimpleResourcesDropdownlabels(localizedLabels?.resourcesDropdown));
+	return {
+		left: leftItems,
+		right: rightItems,
+		mainMenu: mainMenuItems
+	};
 };
-export const proMobileHeaderItems = ({
-  user
-}) => {
-  const leftItems = [logo];
-  const rightItems = [];
-  const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), bootcampsHub, ...(!user?.hasCoachingSubscription ? [coaching] : []), businessSolutions, proProfile(user)];
-  if (user.isPaused) {
-    mainMenuItems.push(unpausePro);
-  }
-  return {
-    left: leftItems,
-    right: rightItems,
-    mainMenu: mainMenuItems
-  };
+const proMobileHeaderItems = ({ user }) => {
+	const leftItems = [logo];
+	const rightItems = [];
+	const mainMenuItems = [
+		myHome,
+		catalogDropdown(user?.hideCareerPaths),
+		resourcesDropdown(),
+		communityDropdown(),
+		...user.isPlusUser ? [upgradePlan] : [],
+		bootcampsHub,
+		...!user?.hasCoachingSubscription ? [coaching] : [],
+		businessSolutions,
+		proProfile(user)
+	];
+	if (user.isPaused) mainMenuItems.push(unpausePro);
+	return {
+		left: leftItems,
+		right: rightItems,
+		mainMenu: mainMenuItems
+	};
 };
-export const teamsMobileHeaderItems = ({
-  user
-}) => {
-  const leftItems = [logo];
-  const rightItems = [];
-  const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(!user?.hasCoachingSubscription ? [coaching] : []), bootcampsHub, proProfile(user)];
-  if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) {
-    mainMenuItems.push(addPayment);
-  }
-  return {
-    left: leftItems,
-    right: rightItems,
-    mainMenu: mainMenuItems
-  };
+const teamsMobileHeaderItems = ({ user }) => {
+	const leftItems = [logo];
+	const rightItems = [];
+	const mainMenuItems = [
+		myHome,
+		catalogDropdown(user?.hideCareerPaths),
+		resourcesDropdown(),
+		communityDropdown(),
+		...!user?.hasCoachingSubscription ? [coaching] : [],
+		bootcampsHub,
+		proProfile(user)
+	];
+	if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) mainMenuItems.push(addPayment);
+	return {
+		left: leftItems,
+		right: rightItems,
+		mainMenu: mainMenuItems
+	};
 };
-export const loadingHeaderItems = {
-  left: [loading],
-  right: []
+const loadingHeaderItems = {
+	left: [loading],
+	right: []
 };
-export const loadingMobileHeaderItems = {
-  left: [loading],
-  right: [],
-  mainMenu: []
+const loadingMobileHeaderItems = {
+	left: [loading],
+	right: [],
+	mainMenu: []
 };
-export const simpleHeaderItems = {
-  left: [logo],
-  right: []
+const simpleHeaderItems = {
+	left: [logo],
+	right: []
 };
-export const simpleMobileHeaderItems = {
-  left: [logo],
-  right: [],
-  mainMenu: []
+const simpleMobileHeaderItems = {
+	left: [logo],
+	right: [],
+	mainMenu: []
 };
-export const simpleBootcampHeaderItems = ({
-  bootcampSlug
-}) => {
-  return {
-    left: [logo],
-    right: [bootcampCta(bootcampSlug)]
-  };
+const simpleBootcampHeaderItems = ({ bootcampSlug }) => {
+	return {
+		left: [logo],
+		right: [bootcampCta(bootcampSlug)]
+	};
 };
-export const simpleBootcampMobileHeaderItems = ({
-  bootcampSlug
-}) => {
-  return {
-    left: [logo],
-    right: [bootcampCta(bootcampSlug)],
-    mainMenu: []
-  };
-};
+const simpleBootcampMobileHeaderItems = ({ bootcampSlug }) => {
+	return {
+		left: [logo],
+		right: [bootcampCta(bootcampSlug)],
+		mainMenu: []
+	};
+};
+
+//#endregion
+export { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems };
+//# sourceMappingURL=GlobalHeaderVariants.js.map