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

package/dist/GlobalHeader/index.js

@@ -1,183 +1,129 @@
-import { Box } from '@codecademy/gamut';
-import { useTheme } from '@emotion/react';
-import * as React from 'react';
-import { useCallback, useMemo } from 'react';
-import { AppHeader, AppHeaderMobile, isAppHeaderItemWithHref } from '..';
-import { DropdownPositions, GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext } from './context';
-import { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems } from './GlobalHeaderVariants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export * from './types';
-export const LiveLearningHubContext = /*#__PURE__*/React.createContext(false);
-export const RevampedBlpExperimentContext = /*#__PURE__*/React.createContext(false);
-
-// Overloading getAppHeaderItems function to return different types based on mobile parameter
+import { isAppHeaderItemWithHref } from "../AppHeader/shared/types.js";
+import { DropdownPositions, GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext } from "./context.js";
+import { AppHeader } from "../AppHeader/index.js";
+import { AppHeaderMobile } from "../AppHeaderMobile/index.js";
+import { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems } from "./GlobalHeaderVariants.js";
+import { Box } from "@codecademy/gamut";
+import * as React$1 from "react";
+import { useCallback, useMemo } from "react";
+import { useTheme } from "@emotion/react";
 
+//#region src/GlobalHeader/index.tsx
+const LiveLearningHubContext = /* @__PURE__ */ React$1.createContext(false);
+const RevampedBlpExperimentContext = /* @__PURE__ */ React$1.createContext(false);
 function getAppHeaderItems(props, mobile, dynamicDataLoading) {
-  const {
-    hidePricing
-  } = props;
-  if (dynamicDataLoading) {
-    return mobile ? loadingMobileHeaderItems : loadingHeaderItems;
-  }
-  switch (props.type) {
-    case 'anon':
-      switch (props.variant) {
-        case 'landing':
-          return mobile ? anonLandingMobileHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          }) : anonLandingHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          });
-        case 'login':
-          return mobile ? anonLoginMobileHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          }) : anonLoginHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          });
-        case 'signup':
-          return mobile ? anonSignupMobileHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          }) : anonSignupHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          });
-        default:
-          return mobile ? anonDefaultMobileHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          }) : anonDefaultHeaderItems({
-            hidePricing,
-            user: props.user,
-            isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-          });
-      }
-    case 'enterprise':
-      return mobile ? enterpriseMobileHeaderItems({
-        user: props.user,
-        props
-      }) : enterpriseHeaderItems({
-        user: props.user,
-        props
-      });
-    case 'free':
-      return mobile ? freeMobileHeaderItems({
-        user: props.user,
-        hidePricing,
-        isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-      }) : freeHeaderItems({
-        user: props.user,
-        hidePricing,
-        isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
-      });
-    case 'pro':
-      return mobile ? proMobileHeaderItems({
-        user: props.user
-      }) : proHeaderItems({
-        user: props.user
-      });
-    case 'teams':
-      return mobile ? teamsMobileHeaderItems({
-        user: props.user
-      }) : teamsHeaderItems({
-        user: props.user
-      });
-    case 'simple':
-      return mobile ? simpleMobileHeaderItems : simpleHeaderItems;
-    case 'bootcamp':
-      return mobile ? simpleBootcampMobileHeaderItems({
-        bootcampSlug: props.bootcampSlug
-      }) : simpleBootcampHeaderItems({
-        bootcampSlug: props.bootcampSlug
-      });
-    case 'loading':
-      return mobile ? loadingMobileHeaderItems : loadingHeaderItems;
-  }
+	const { hidePricing } = props;
+	if (dynamicDataLoading) return mobile ? loadingMobileHeaderItems : loadingHeaderItems;
+	switch (props.type) {
+		case "anon": switch (props.variant) {
+			case "landing": return mobile ? anonLandingMobileHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			}) : anonLandingHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			});
+			case "login": return mobile ? anonLoginMobileHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			}) : anonLoginHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			});
+			case "signup": return mobile ? anonSignupMobileHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			}) : anonSignupHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			});
+			default: return mobile ? anonDefaultMobileHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			}) : anonDefaultHeaderItems({
+				hidePricing,
+				user: props.user,
+				isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+			});
+		}
+		case "enterprise": return mobile ? enterpriseMobileHeaderItems({
+			user: props.user,
+			props
+		}) : enterpriseHeaderItems({
+			user: props.user,
+			props
+		});
+		case "free": return mobile ? freeMobileHeaderItems({
+			user: props.user,
+			hidePricing,
+			isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+		}) : freeHeaderItems({
+			user: props.user,
+			hidePricing,
+			isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
+		});
+		case "pro": return mobile ? proMobileHeaderItems({ user: props.user }) : proHeaderItems({ user: props.user });
+		case "teams": return mobile ? teamsMobileHeaderItems({ user: props.user }) : teamsHeaderItems({ user: props.user });
+		case "simple": return mobile ? simpleMobileHeaderItems : simpleHeaderItems;
+		case "bootcamp": return mobile ? simpleBootcampMobileHeaderItems({ bootcampSlug: props.bootcampSlug }) : simpleBootcampHeaderItems({ bootcampSlug: props.bootcampSlug });
+		case "loading": return mobile ? loadingMobileHeaderItems : loadingHeaderItems;
+	}
 }
-export const GlobalHeader = props => {
-  const {
-    action,
-    onLinkAction,
-    dynamicData,
-    dynamicDataLoading
-  } = props;
-  const theme = useTheme();
-  const combinedAction = useCallback((event, item) => {
-    action(event, item);
-    if (isAppHeaderItemWithHref(item)) onLinkAction?.(event, item);
-  }, [action, onLinkAction]);
-  const hideNotification = props.type === 'loading' || props.type === 'enterprise' || props.type === 'simple' || props.type === 'bootcamp';
-  const showOnboardingQuiz = props.type === 'anon' || (props.type === 'free' || props.type === 'pro') && !props.user.enrolledInTwoOrMoreContainers;
-  const showSortingQuiz = (props.type === 'free' || props.type === 'pro') && props.user.enrolledInTwoOrMoreContainers;
-  return /*#__PURE__*/_jsx(HeaderDisplayContext.Provider, {
-    value: {
-      showOnboardingQuiz,
-      showSortingQuiz,
-      headerType: useMemo(() => {
-        if (props.type in DropdownPositions) return props.type;
-        return 'default';
-      }, [props.type])
-    },
-    children: /*#__PURE__*/_jsx(RevampedBlpExperimentContext.Provider, {
-      value: !!props.isInRevampedBlpExperimentVariant,
-      children: /*#__PURE__*/_jsx(GlobalHeaderItemClickContext.Provider, {
-        value: {
-          globalHeaderItemClick: combinedAction
-        },
-        children: /*#__PURE__*/_jsx(GlobalHeaderDynamicDataContext.Provider, {
-          value: useMemo(() => ({
-            globalHeaderDynamicData: dynamicData ?? null
-          }), [dynamicData]),
-          children: /*#__PURE__*/_jsxs(Box, {
-            as: "header",
-            position: "sticky",
-            top: 0,
-            zIndex: theme.elements.headerZ,
-            overflow: {
-              _: 'hidden',
-              sm: 'visible'
-            } // Prevent tooltip overflow on mobile
-            ,
-            children: [/*#__PURE__*/_jsx(AppHeader, {
-              action: combinedAction,
-              items: getAppHeaderItems(props, false, dynamicDataLoading ?? false),
-              search: props.search,
-              ...(props.type === 'anon' ? {
-                redirectParam: props.redirectParam
-              } : hideNotification ? {} : {
-                notifications: props.notifications
-              }),
-              hideRightButtonDefaults: hideNotification,
-              isTeams: props.type === 'teams',
-              type: hideNotification ? 'enterprise' : 'standard'
-            }), /*#__PURE__*/_jsx(AppHeaderMobile, {
-              action: combinedAction,
-              items: getAppHeaderItems(props, true, dynamicDataLoading ?? false),
-              ...(props.type === 'anon' || hideNotification ? {} : {
-                notifications: props.notifications
-              }),
-              search: props.search,
-              redirectParam: props.type === 'anon' ? props.redirectParam : undefined,
-              isEnterprise: props.type === 'enterprise',
-              isAnon: props.type === 'anon',
-              isSimple: props.type === 'simple',
-              hideRightMenuButton: props.type === 'simple' || props.type === 'loading',
-              navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
-            }), props.children]
-          })
-        })
-      })
-    })
-  });
-};
+const GlobalHeader = (props) => {
+	const { action, onLinkAction, dynamicData, dynamicDataLoading } = props;
+	const theme = useTheme();
+	const combinedAction = useCallback((event, item) => {
+		action(event, item);
+		if (isAppHeaderItemWithHref(item)) onLinkAction?.(event, item);
+	}, [action, onLinkAction]);
+	const hideNotification = props.type === "loading" || props.type === "enterprise" || props.type === "simple" || props.type === "bootcamp";
+	const showOnboardingQuiz = props.type === "anon" || (props.type === "free" || props.type === "pro") && !props.user.enrolledInTwoOrMoreContainers;
+	const showSortingQuiz = (props.type === "free" || props.type === "pro") && props.user.enrolledInTwoOrMoreContainers;
+	return /* @__PURE__ */ React$1.createElement(HeaderDisplayContext.Provider, { value: {
+		showOnboardingQuiz,
+		showSortingQuiz,
+		headerType: useMemo(() => {
+			if (props.type in DropdownPositions) return props.type;
+			return "default";
+		}, [props.type])
+	} }, /* @__PURE__ */ React$1.createElement(RevampedBlpExperimentContext.Provider, { value: !!props.isInRevampedBlpExperimentVariant }, /* @__PURE__ */ React$1.createElement(GlobalHeaderItemClickContext.Provider, { value: { globalHeaderItemClick: combinedAction } }, /* @__PURE__ */ React$1.createElement(GlobalHeaderDynamicDataContext.Provider, { value: useMemo(() => ({ globalHeaderDynamicData: dynamicData ?? null }), [dynamicData]) }, /* @__PURE__ */ React$1.createElement(Box, {
+		as: "header",
+		position: "sticky",
+		top: 0,
+		zIndex: theme.elements.headerZ,
+		overflow: {
+			_: "hidden",
+			sm: "visible"
+		}
+	}, /* @__PURE__ */ React$1.createElement(AppHeader, {
+		action: combinedAction,
+		items: getAppHeaderItems(props, false, dynamicDataLoading ?? false),
+		search: props.search,
+		...props.type === "anon" ? { redirectParam: props.redirectParam } : hideNotification ? {} : { notifications: props.notifications },
+		hideRightButtonDefaults: hideNotification,
+		isTeams: props.type === "teams",
+		type: hideNotification ? "enterprise" : "standard"
+	}), /* @__PURE__ */ React$1.createElement(AppHeaderMobile, {
+		action: combinedAction,
+		items: getAppHeaderItems(props, true, dynamicDataLoading ?? false),
+		...props.type === "anon" || hideNotification ? {} : { notifications: props.notifications },
+		search: props.search,
+		redirectParam: props.type === "anon" ? props.redirectParam : void 0,
+		isEnterprise: props.type === "enterprise",
+		isAnon: props.type === "anon",
+		isSimple: props.type === "simple",
+		hideRightMenuButton: props.type === "simple" || props.type === "loading",
+		navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
+	}), props.children)))));
+};
+
+//#endregion
+export { GlobalHeader, LiveLearningHubContext, RevampedBlpExperimentContext };
+//# sourceMappingURL=index.js.map

package/dist/GlobalHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","useTheme","React","useCallback","useMemo","AppHeader","AppHeaderMobile","isAppHeaderItemWithHref","DropdownPositions","GlobalHeaderDynamicDataContext","GlobalHeaderItemClickContext","HeaderDisplayContext","anonDefaultHeaderItems","anonDefaultMobileHeaderItems","anonLandingHeaderItems","anonLandingMobileHeaderItems","anonLoginHeaderItems","anonLoginMobileHeaderItems","anonSignupHeaderItems","anonSignupMobileHeaderItems","enterpriseHeaderItems","enterpriseMobileHeaderItems","freeHeaderItems","freeMobileHeaderItems","loadingHeaderItems","loadingMobileHeaderItems","proHeaderItems","proMobileHeaderItems","simpleBootcampHeaderItems","simpleBootcampMobileHeaderItems","simpleHeaderItems","simpleMobileHeaderItems","teamsHeaderItems","teamsMobileHeaderItems","LiveLearningHubContext","createContext","RevampedBlpExperimentContext","getAppHeaderItems","props","mobile","dynamicDataLoading","hidePricing","type","variant","user","isInRevampedBlpExperimentVariant","bootcampSlug","GlobalHeader","action","onLinkAction","dynamicData","theme","combinedAction","event","item","hideNotification","showOnboardingQuiz","enrolledInTwoOrMoreContainers","showSortingQuiz","Provider","value","headerType","globalHeaderItemClick","globalHeaderDynamicData","as","position","top","zIndex","elements","headerZ","overflow","_","sm","items","search","redirectParam","notifications","hideRightButtonDefaults","isTeams","undefined","isEnterprise","isAnon","isSimple","hideRightMenuButton","navigationMenuFormattedLabel","localizedLabels","children"],"sources":["../../src/GlobalHeader/index.tsx"],"sourcesContent":["import { Box } from '@codecademy/gamut';\nimport { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { useCallback, useMemo } from 'react';\n\nimport {\n  AppHeader,\n  AppHeaderItem,\n  AppHeaderMobile,\n  FormattedAppHeaderItems,\n  FormattedMobileAppHeaderItems,\n  isAppHeaderItemWithHref,\n} from '..';\nimport {\n  DropdownPositions,\n  GlobalHeaderDynamicDataContext,\n  GlobalHeaderItemClickContext,\n  HeaderDisplayContext,\n} from './context';\nimport {\n  anonDefaultHeaderItems,\n  anonDefaultMobileHeaderItems,\n  anonLandingHeaderItems,\n  anonLandingMobileHeaderItems,\n  anonLoginHeaderItems,\n  anonLoginMobileHeaderItems,\n  anonSignupHeaderItems,\n  anonSignupMobileHeaderItems,\n  enterpriseHeaderItems,\n  enterpriseMobileHeaderItems,\n  freeHeaderItems,\n  freeMobileHeaderItems,\n  loadingHeaderItems,\n  loadingMobileHeaderItems,\n  proHeaderItems,\n  proMobileHeaderItems,\n  simpleBootcampHeaderItems,\n  simpleBootcampMobileHeaderItems,\n  simpleHeaderItems,\n  simpleMobileHeaderItems,\n  teamsHeaderItems,\n  teamsMobileHeaderItems,\n} from './GlobalHeaderVariants';\nimport {\n  AnonHeader,\n  EnterpriseHeader,\n  FreeHeader,\n  LoadingHeader,\n  ProHeader,\n  SimpleBootcampHeader,\n  SimpleHeader,\n  TeamsHeader,\n} from './types';\n\nexport * from './types';\n\nexport const LiveLearningHubContext = React.createContext<boolean>(false);\n\nexport const RevampedBlpExperimentContext = React.createContext<boolean>(false);\n\nexport type GlobalHeaderProps =\n  | AnonHeader\n  | FreeHeader\n  | ProHeader\n  | EnterpriseHeader\n  | TeamsHeader\n  | LoadingHeader\n  | SimpleHeader\n  | SimpleBootcampHeader;\n\n// Overloading getAppHeaderItems function to return different types based on mobile parameter\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: false,\n  dynamicDataLoading: boolean\n): FormattedAppHeaderItems;\n\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: true,\n  dynamicDataLoading: boolean\n): FormattedMobileAppHeaderItems;\n\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: boolean,\n  dynamicDataLoading: boolean\n): FormattedAppHeaderItems | FormattedMobileAppHeaderItems {\n  const { hidePricing } = props;\n  if (dynamicDataLoading) {\n    return mobile ? loadingMobileHeaderItems : loadingHeaderItems;\n  }\n  switch (props.type) {\n    case 'anon':\n      switch (props.variant) {\n        case 'landing':\n          return mobile\n            ? anonLandingMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              })\n            : anonLandingHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              });\n        case 'login':\n          return mobile\n            ? anonLoginMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              })\n            : anonLoginHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              });\n        case 'signup':\n          return mobile\n            ? anonSignupMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              })\n            : anonSignupHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              });\n        default:\n          return mobile\n            ? anonDefaultMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              })\n            : anonDefaultHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n              });\n      }\n    case 'enterprise':\n      return mobile\n        ? enterpriseMobileHeaderItems({ user: props.user, props })\n        : enterpriseHeaderItems({ user: props.user, props });\n    case 'free':\n      return mobile\n        ? freeMobileHeaderItems({\n            user: props.user,\n            hidePricing,\n            isInRevampedBlpExperimentVariant:\n              props.isInRevampedBlpExperimentVariant,\n          })\n        : freeHeaderItems({\n            user: props.user,\n            hidePricing,\n            isInRevampedBlpExperimentVariant:\n              props.isInRevampedBlpExperimentVariant,\n          });\n    case 'pro':\n      return mobile\n        ? proMobileHeaderItems({\n            user: props.user,\n          })\n        : proHeaderItems({\n            user: props.user,\n          });\n    case 'teams':\n      return mobile\n        ? teamsMobileHeaderItems({\n            user: props.user,\n          })\n        : teamsHeaderItems({\n            user: props.user,\n          });\n    case 'simple':\n      return mobile ? simpleMobileHeaderItems : simpleHeaderItems;\n    case 'bootcamp':\n      return mobile\n        ? simpleBootcampMobileHeaderItems({ bootcampSlug: props.bootcampSlug })\n        : simpleBootcampHeaderItems({ bootcampSlug: props.bootcampSlug });\n    case 'loading':\n      return mobile ? loadingMobileHeaderItems : loadingHeaderItems;\n  }\n}\n\nexport const GlobalHeader: React.FC<GlobalHeaderProps> = (props) => {\n  const { action, onLinkAction, dynamicData, dynamicDataLoading } = props;\n  const theme = useTheme();\n\n  const combinedAction = useCallback(\n    (event: React.MouseEvent, item: AppHeaderItem) => {\n      action(event, item);\n      if (isAppHeaderItemWithHref(item)) onLinkAction?.(event, item);\n    },\n    [action, onLinkAction]\n  );\n\n  const hideNotification =\n    props.type === 'loading' ||\n    props.type === 'enterprise' ||\n    props.type === 'simple' ||\n    props.type === 'bootcamp';\n\n  const showOnboardingQuiz =\n    props.type === 'anon' ||\n    ((props.type === 'free' || props.type === 'pro') &&\n      !props.user.enrolledInTwoOrMoreContainers);\n\n  const showSortingQuiz =\n    (props.type === 'free' || props.type === 'pro') &&\n    props.user.enrolledInTwoOrMoreContainers;\n\n  return (\n    <HeaderDisplayContext.Provider\n      value={{\n        showOnboardingQuiz,\n        showSortingQuiz,\n        headerType: useMemo(() => {\n          if (props.type in DropdownPositions) return props.type;\n          return 'default';\n        }, [props.type]) as keyof typeof DropdownPositions,\n      }}\n    >\n      <RevampedBlpExperimentContext.Provider\n        value={!!props.isInRevampedBlpExperimentVariant}\n      >\n        <GlobalHeaderItemClickContext.Provider\n          value={{ globalHeaderItemClick: combinedAction }}\n        >\n          <GlobalHeaderDynamicDataContext.Provider\n            value={useMemo(\n              () => ({ globalHeaderDynamicData: dynamicData ?? null }),\n              [dynamicData]\n            )}\n          >\n            <Box\n              as=\"header\"\n              position=\"sticky\"\n              top={0}\n              zIndex={theme.elements.headerZ}\n              overflow={{ _: 'hidden', sm: 'visible' }} // Prevent tooltip overflow on mobile\n            >\n              <AppHeader\n                action={combinedAction}\n                items={getAppHeaderItems(\n                  props,\n                  false,\n                  dynamicDataLoading ?? false\n                )}\n                search={props.search}\n                {...(props.type === 'anon'\n                  ? {\n                      redirectParam: props.redirectParam,\n                    }\n                  : hideNotification\n                  ? {}\n                  : {\n                      notifications: props.notifications,\n                    })}\n                hideRightButtonDefaults={hideNotification}\n                isTeams={props.type === 'teams'}\n                type={hideNotification ? 'enterprise' : 'standard'}\n              />\n              <AppHeaderMobile\n                action={combinedAction}\n                items={getAppHeaderItems(\n                  props,\n                  true,\n                  dynamicDataLoading ?? false\n                )}\n                {...(props.type === 'anon' || hideNotification\n                  ? {}\n                  : {\n                      notifications: props.notifications,\n                    })}\n                search={props.search}\n                redirectParam={\n                  props.type === 'anon' ? props.redirectParam : undefined\n                }\n                isEnterprise={props.type === 'enterprise'}\n                isAnon={props.type === 'anon'}\n                isSimple={props.type === 'simple'}\n                hideRightMenuButton={\n                  props.type === 'simple' || props.type === 'loading'\n                }\n                navigationMenuFormattedLabel={\n                  props?.localizedLabels?.navigationMenuFormattedLabel\n                }\n              />\n              {props.children}\n            </Box>\n          </GlobalHeaderDynamicDataContext.Provider>\n        </GlobalHeaderItemClickContext.Provider>\n      </RevampedBlpExperimentContext.Provider>\n    </HeaderDisplayContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/GlobalHeader/types.d.cts

@@ -0,0 +1,125 @@
+import { AppHeaderNotificationSettings } from "../Notifications/types.cjs";
+import { AppHeaderAction, AppHeaderClickHandler, AppHeaderItemWithHref } from "../AppHeader/shared/types.cjs";
+import { CourseDifficulty } from "../ContentGroupBaseCard/types.cjs";
+import { AppHeaderSearch } from "../AppHeader/Search/types.cjs";
+import { WithChildrenProp } from "@codecademy/gamut";
+import { ReactNode } from "react";
+
+//#region src/GlobalHeader/types.d.ts
+type RenderProfile = {
+  desktop: () => ReactNode;
+  mobile: () => ReactNode;
+};
+type NavigationMenuFormattedLabel = Record<'openMenuTip' | 'closeMenuTip' | 'siteNavigation', string>;
+type ResourceDropdownFormattedLabel = {
+  title?: string;
+  workspaces?: string;
+  docs?: string;
+  articles?: string;
+};
+type localizedLabels = {
+  enterpriseFormattedHomeLabel?: string;
+  resourcesDropdown?: ResourceDropdownFormattedLabel;
+  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
+};
+interface BaseHeader extends WithChildrenProp, AppHeaderAction {
+  /** A method to be called on click/activating a header item */
+  action: AppHeaderClickHandler;
+  /** A method to be called only on click/activating a *link* header item */
+  onLinkAction?: AppHeaderClickHandler<AppHeaderItemWithHref>;
+  className?: string;
+  hidePricing?: boolean;
+  hideHeaderLinksInChromeless?: boolean;
+  hideHeaderResourcesDropdown?: boolean;
+  hideEnterpriseHeader?: boolean;
+  localizedLabels?: localizedLabels;
+  search: AppHeaderSearch;
+  isInRevampedBlpExperimentVariant?: boolean;
+  dynamicData?: GlobalHeaderDynamicData | null;
+  dynamicDataLoading?: boolean;
+}
+type User = {
+  avatar: string;
+  displayName: string;
+  enterpriseUrl?: string;
+  isAdmin?: boolean;
+  isBusinessAdmin?: boolean;
+  isBusinessSsoUser?: boolean;
+  isCoach?: boolean;
+  isCustomerSupport?: boolean;
+  isAccountManager?: boolean;
+  isPaused?: boolean;
+  isPlusUser?: boolean;
+  isBusinessUser?: boolean;
+  inBusinessTrial?: boolean;
+  isSkillsoftUser?: boolean;
+  hasBusinessSubscription?: boolean;
+  hasCoachingSubscription?: boolean;
+  proCheckoutUrl?: string;
+  showProUpgrade?: boolean;
+  hideCareerPaths?: boolean;
+  enrolledInTwoOrMoreContainers?: boolean;
+};
+type LoggedInHeader = BaseHeader & {
+  notifications: AppHeaderNotificationSettings;
+  renderProfile?: RenderProfile;
+  user: User;
+};
+type AnonHeaderVariant = 'landing' | 'login' | 'signup';
+type AnonHeader = BaseHeader & {
+  redirectParam?: string;
+  type: 'anon';
+  variant?: AnonHeaderVariant;
+  user?: User;
+};
+type FreeHeader = LoggedInHeader & {
+  type: 'free';
+};
+type ProHeader = LoggedInHeader & {
+  type: 'pro';
+};
+type TeamsHeader = LoggedInHeader & {
+  type: 'teams';
+};
+type EnterpriseHeader = BaseHeader & {
+  type: 'enterprise';
+  user: User;
+};
+type LoadingHeader = BaseHeader & {
+  type: 'loading';
+};
+type SimpleHeader = BaseHeader & {
+  type: 'simple';
+};
+type SimpleBootcampHeader = BaseHeader & {
+  type: 'bootcamp';
+  bootcampSlug: string;
+};
+type PromotedPath = {
+  title: string;
+  urlPath: string;
+  difficulty: CourseDifficulty | null;
+  durationHours: number | null;
+};
+type GlobalHeaderDynamicData = {
+  catalogDropdown: {
+    banner: {
+      text: string;
+      href: string;
+    };
+    skillPaths: {
+      totalSkillPathCount: number;
+      promotedSkillPaths: PromotedPath[];
+    };
+    careerPaths: {
+      totalCareerPathCount: number;
+      promotedCareerPaths: PromotedPath[];
+    };
+    certificationPaths: {
+      totalCertificationPathCount: number;
+    };
+  };
+};
+//#endregion
+export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+//# sourceMappingURL=types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/GlobalHeader/types.tsx"],"mappings":";;;;;;;;KAYK,aAAA;EAAkB,OAAA,QAAe,SAAA;EAAW,MAAA,QAAc,SAAA;AAAA;AAAA,KACnD,4BAAA,GAA+B,MAAA;AAAA,KAK/B,8BAAA;EACV,KAAA;EACA,UAAA;EACA,IAAA;EACA,QAAA;AAAA;AAAA,KAGG,eAAA;EACH,4BAAA;EACA,iBAAA,GAAoB,8BAAA;EACpB,4BAAA,GAA+B,4BAAA;AAAA;AAAA,UAGvB,UAAA,SAAmB,gBAAA,EAAkB,eAAA;EAlBE;EAoB/C,MAAA,EAAQ,qBAAA;EAfgC;EAiBxC,YAAA,GAAe,qBAAA,CAAsB,qBAAA;EACrC,SAAA;EACA,WAAA;EACA,2BAAA;EACA,2BAAA;EACA,oBAAA;EACA,eAAA,GAAkB,eAAA;EAClB,MAAA,EAAQ,eAAA;EACR,gCAAA;EACA,WAAA,GAAc,uBAAA;EACd,kBAAA;AAAA;AAAA,KAGU,IAAA;EACV,MAAA;EACA,WAAA;EACA,aAAA;EACA,OAAA;EACA,eAAA;EACA,iBAAA;EACA,OAAA;EACA,iBAAA;EACA,gBAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,uBAAA;EACA,uBAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,6BAAA;AAAA;AAAA,KAGG,cAAA,GAAiB,UAAA;EACpB,aAAA,EAAe,6BAAA;EACf,aAAA,GAAgB,aAAA;EAChB,IAAA,EAAM,IAAA;AAAA;AAAA,KAGI,iBAAA;AAAA,KAEA,UAAA,GAAa,UAAA;EACvB,aAAA;EACA,IAAA;EACA,OAAA,GAAU,iBAAA;EAEV,IAAA,GAAO,IAAA;AAAA;AAAA,KAGG,UAAA,GAAa,cAAA;EACvB,IAAA;AAAA;AAAA,KAGU,SAAA,GAAY,cAAA;EACtB,IAAA;AAAA;AAAA,KAGU,WAAA,GAAc,cAAA;EACxB,IAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,UAAA;EAC7B,IAAA;EACA,IAAA,EAAM,IAAA;AAAA;AAAA,KAGI,aAAA,GAAgB,UAAA;EAC1B,IAAA;AAAA;AAAA,KAGU,YAAA,GAAe,UAAA;EACzB,IAAA;AAAA;AAAA,KAGU,oBAAA,GAAuB,UAAA;EACjC,IAAA;EACA,YAAA;AAAA;AAAA,KAGU,YAAA;EACV,KAAA;EACA,OAAA;EACA,UAAA,EAAY,gBAAA;EACZ,aAAA;AAAA;AAAA,KAGU,uBAAA;EACV,eAAA;IACE,MAAA;MACE,IAAA;MACA,IAAA;IAAA;IAGF,UAAA;MACE,mBAAA;MACA,kBAAA,EAAoB,YAAA;IAAA;IAGtB,WAAA;MACE,oBAAA;MACA,mBAAA,EAAqB,YAAA;IAAA;IAGvB,kBAAA;MACE,2BAAA;IAAA;EAAA;AAAA"}