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

package/dist/GlobalHeader/types.d.ts

@@ -1,120 +1,126 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import { ReactNode } from 'react';
-import { AppHeaderAction, AppHeaderClickHandler, AppHeaderItemWithHref, AppHeaderSearch } from '..';
-import { CourseDifficulty } from '../ContentGroupBaseCard/types';
-import { AppHeaderNotificationSettings } from '../Notifications/types';
+import { AppHeaderNotificationSettings } from "../Notifications/types.js";
+import { AppHeaderAction, AppHeaderClickHandler, AppHeaderItemWithHref } from "../AppHeader/shared/types.js";
+import { CourseDifficulty } from "../ContentGroupBaseCard/types.js";
+import { AppHeaderSearch } from "../AppHeader/Search/types.js";
+import "../index.js";
+import { WithChildrenProp } from "@codecademy/gamut";
+import { ReactNode } from "react";
+
+//#region src/GlobalHeader/types.d.ts
 type RenderProfile = {
-    desktop: () => ReactNode;
-    mobile: () => ReactNode;
+  desktop: () => ReactNode;
+  mobile: () => ReactNode;
 };
-export type NavigationMenuFormattedLabel = Record<'openMenuTip' | 'closeMenuTip' | 'siteNavigation', string>;
-export type ResourceDropdownFormattedLabel = {
-    title?: string;
-    workspaces?: string;
-    docs?: string;
-    articles?: string;
+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;
+  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;
+  /** 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;
 }
-export 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 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;
+  notifications: AppHeaderNotificationSettings;
+  renderProfile?: RenderProfile;
+  user: User;
 };
-export type AnonHeaderVariant = 'landing' | 'login' | 'signup';
-export type AnonHeader = BaseHeader & {
-    redirectParam?: string;
-    type: 'anon';
-    variant?: AnonHeaderVariant;
-    user?: User;
+type AnonHeaderVariant = 'landing' | 'login' | 'signup';
+type AnonHeader = BaseHeader & {
+  redirectParam?: string;
+  type: 'anon';
+  variant?: AnonHeaderVariant;
+  user?: User;
 };
-export type FreeHeader = LoggedInHeader & {
-    type: 'free';
+type FreeHeader = LoggedInHeader & {
+  type: 'free';
 };
-export type ProHeader = LoggedInHeader & {
-    type: 'pro';
+type ProHeader = LoggedInHeader & {
+  type: 'pro';
 };
-export type TeamsHeader = LoggedInHeader & {
-    type: 'teams';
+type TeamsHeader = LoggedInHeader & {
+  type: 'teams';
 };
-export type EnterpriseHeader = BaseHeader & {
-    type: 'enterprise';
-    user: User;
+type EnterpriseHeader = BaseHeader & {
+  type: 'enterprise';
+  user: User;
 };
-export type LoadingHeader = BaseHeader & {
-    type: 'loading';
+type LoadingHeader = BaseHeader & {
+  type: 'loading';
 };
-export type SimpleHeader = BaseHeader & {
-    type: 'simple';
+type SimpleHeader = BaseHeader & {
+  type: 'simple';
 };
-export type SimpleBootcampHeader = BaseHeader & {
-    type: 'bootcamp';
-    bootcampSlug: string;
+type SimpleBootcampHeader = BaseHeader & {
+  type: 'bootcamp';
+  bootcampSlug: string;
 };
-export type PromotedPath = {
-    title: string;
-    urlPath: string;
-    difficulty: CourseDifficulty | null;
-    durationHours: number | null;
+type PromotedPath = {
+  title: string;
+  urlPath: string;
+  difficulty: CourseDifficulty | null;
+  durationHours: number | null;
 };
-export type GlobalHeaderDynamicData = {
-    catalogDropdown: {
-        banner: {
-            text: string;
-            href: string;
-        };
-        skillPaths: {
-            totalSkillPathCount: number;
-            promotedSkillPaths: PromotedPath[];
-        };
-        careerPaths: {
-            totalCareerPathCount: number;
-            promotedCareerPaths: PromotedPath[];
-        };
-        certificationPaths: {
-            totalCertificationPathCount: number;
-        };
+type GlobalHeaderDynamicData = {
+  catalogDropdown: {
+    banner: {
+      text: string;
+      href: string;
     };
+    skillPaths: {
+      totalSkillPathCount: number;
+      promotedSkillPaths: PromotedPath[];
+    };
+    careerPaths: {
+      totalCareerPathCount: number;
+      promotedCareerPaths: PromotedPath[];
+    };
+    certificationPaths: {
+      totalCertificationPathCount: number;
+    };
+  };
 };
-export {};
+//#endregion
+export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","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;EAlBJ;EAoBzC,MAAA,EAAQ,qBAAA;EAfE;EAiBV,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"}

package/dist/GlobalHeader/urlHelpers.cjs

@@ -0,0 +1,23 @@
+
+//#region src/GlobalHeader/urlHelpers.tsx
+const formatUrlWithRedirect = (url, redirectUrl) => {
+	if (!redirectUrl) return url;
+	const base = window.location.origin;
+	const uri = new URL(url, base);
+	const redirectUri = new URL(redirectUrl);
+	const redirectParam = redirectUri.searchParams.get("redirect");
+	if (redirectParam) uri.searchParams.append("redirect", redirectParam);
+	else uri.searchParams.append("redirect", redirectUri.toString());
+	return uri.toString();
+};
+const formatEnterpriseUrl = (url) => {
+	if (!url) return void 0;
+	const protocol = "https://";
+	if (url.includes(protocol)) return url;
+	return new URL(protocol + url).toString();
+};
+
+//#endregion
+exports.formatEnterpriseUrl = formatEnterpriseUrl;
+exports.formatUrlWithRedirect = formatUrlWithRedirect;
+//# sourceMappingURL=urlHelpers.cjs.map

package/dist/GlobalHeader/urlHelpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlHelpers.cjs","names":["formatUrlWithRedirect","url","redirectUrl","base","window","location","origin","uri","URL","redirectUri","redirectParam","searchParams","get","append","toString","formatEnterpriseUrl","undefined","protocol","includes"],"sources":["../../src/GlobalHeader/urlHelpers.tsx"],"sourcesContent":["export const formatUrlWithRedirect = (url: string, redirectUrl?: string) => {\n  if (!redirectUrl) {\n    return url;\n  }\n  const base = window.location.origin;\n  const uri = new URL(url, base);\n  const redirectUri = new URL(redirectUrl);\n\n  const redirectParam = redirectUri.searchParams.get('redirect');\n  if (redirectParam) {\n    uri.searchParams.append('redirect', redirectParam);\n  } else {\n    uri.searchParams.append('redirect', redirectUri.toString());\n  }\n  return uri.toString();\n};\n\nexport const formatEnterpriseUrl = (url?: string): string | undefined => {\n  if (!url) return undefined;\n\n  const protocol = 'https://';\n\n  if (url.includes(protocol)) return url;\n\n  return new URL(protocol + url).toString();\n};\n"],"mappings":";;AAAA,MAAaA,yBAAyBC,KAAaC,gBAAAA;AACjD,KAAI,CAACA,YACH,QAAOD;CAET,MAAME,OAAOC,OAAOC,SAASC;CAC7B,MAAMC,MAAM,IAAIC,IAAIP,KAAKE,KAAAA;CACzB,MAAMM,cAAc,IAAID,IAAIN,YAAAA;CAE5B,MAAMQ,gBAAgBD,YAAYE,aAAaC,IAAI,WAAA;AACnD,KAAIF,cACFH,KAAII,aAAaE,OAAO,YAAYH,cAAAA;KAEpCH,KAAII,aAAaE,OAAO,YAAYJ,YAAYK,UAAQ,CAAA;AAE1D,QAAOP,IAAIO,UAAQ;;AAGrB,MAAaC,uBAAuBd,QAAAA;AAClC,KAAI,CAACA,IAAK,QAAOe;CAEjB,MAAMC,WAAW;AAEjB,KAAIhB,IAAIiB,SAASD,SAAAA,CAAW,QAAOhB;AAEnC,QAAO,IAAIO,IAAIS,WAAWhB,IAAAA,CAAKa,UAAQ"}

package/dist/GlobalHeader/urlHelpers.js

@@ -1,21 +1,21 @@
-export const formatUrlWithRedirect = (url, redirectUrl) => {
-  if (!redirectUrl) {
-    return url;
-  }
-  const base = window.location.origin;
-  const uri = new URL(url, base);
-  const redirectUri = new URL(redirectUrl);
-  const redirectParam = redirectUri.searchParams.get('redirect');
-  if (redirectParam) {
-    uri.searchParams.append('redirect', redirectParam);
-  } else {
-    uri.searchParams.append('redirect', redirectUri.toString());
-  }
-  return uri.toString();
+//#region src/GlobalHeader/urlHelpers.tsx
+const formatUrlWithRedirect = (url, redirectUrl) => {
+	if (!redirectUrl) return url;
+	const base = window.location.origin;
+	const uri = new URL(url, base);
+	const redirectUri = new URL(redirectUrl);
+	const redirectParam = redirectUri.searchParams.get("redirect");
+	if (redirectParam) uri.searchParams.append("redirect", redirectParam);
+	else uri.searchParams.append("redirect", redirectUri.toString());
+	return uri.toString();
 };
-export const formatEnterpriseUrl = url => {
-  if (!url) return undefined;
-  const protocol = 'https://';
-  if (url.includes(protocol)) return url;
-  return new URL(protocol + url).toString();
-};
+const formatEnterpriseUrl = (url) => {
+	if (!url) return void 0;
+	const protocol = "https://";
+	if (url.includes(protocol)) return url;
+	return new URL(protocol + url).toString();
+};
+
+//#endregion
+export { formatEnterpriseUrl, formatUrlWithRedirect };
+//# sourceMappingURL=urlHelpers.js.map

package/dist/GlobalHeader/urlHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlHelpers.js","names":["formatUrlWithRedirect","url","redirectUrl","base","window","location","origin","uri","URL","redirectUri","redirectParam","searchParams","get","append","toString","formatEnterpriseUrl","undefined","protocol","includes"],"sources":["../../src/GlobalHeader/urlHelpers.tsx"],"sourcesContent":["export const formatUrlWithRedirect = (url: string, redirectUrl?: string) => {\n  if (!redirectUrl) {\n    return url;\n  }\n  const base = window.location.origin;\n  const uri = new URL(url, base);\n  const redirectUri = new URL(redirectUrl);\n\n  const redirectParam = redirectUri.searchParams.get('redirect');\n  if (redirectParam) {\n    uri.searchParams.append('redirect', redirectParam);\n  } else {\n    uri.searchParams.append('redirect', redirectUri.toString());\n  }\n  return uri.toString();\n};\n\nexport const formatEnterpriseUrl = (url?: string): string | undefined => {\n  if (!url) return undefined;\n\n  const protocol = 'https://';\n\n  if (url.includes(protocol)) return url;\n\n  return new URL(protocol + url).toString();\n};\n"],"mappings":";AAAA,MAAaA,yBAAyBC,KAAaC,gBAAAA;AACjD,KAAI,CAACA,YACH,QAAOD;CAET,MAAME,OAAOC,OAAOC,SAASC;CAC7B,MAAMC,MAAM,IAAIC,IAAIP,KAAKE,KAAAA;CACzB,MAAMM,cAAc,IAAID,IAAIN,YAAAA;CAE5B,MAAMQ,gBAAgBD,YAAYE,aAAaC,IAAI,WAAA;AACnD,KAAIF,cACFH,KAAII,aAAaE,OAAO,YAAYH,cAAAA;KAEpCH,KAAII,aAAaE,OAAO,YAAYJ,YAAYK,UAAQ,CAAA;AAE1D,QAAOP,IAAIO,UAAQ;;AAGrB,MAAaC,uBAAuBd,QAAAA;AAClC,KAAI,CAACA,IAAK,QAAOe;CAEjB,MAAMC,WAAW;AAEjB,KAAIhB,IAAIiB,SAASD,SAAAA,CAAW,QAAOhB;AAEnC,QAAO,IAAIO,IAAIS,WAAWhB,IAAAA,CAAKa,UAAQ"}

package/dist/GlobalPage/index.cjs

@@ -0,0 +1,29 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../GlobalFooter/index.cjs');
+const require_index$1 = require('../GlobalHeader/index.cjs');
+const require_EnhancedBanner = require('../Banner/EnhancedBanner.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/GlobalPage/index.tsx
+const LogErrorContext = /* @__PURE__ */ react.createContext({});
+const defaultSkipToContentId = "page-skip-to-content-target";
+const RestrictedBackground = /* @__PURE__ */ (0, react.forwardRef)(({ children, ...rest }, ref) => /* @__PURE__ */ react.createElement(_codecademy_gamut_styles.Background, {
+	"data-testid": "global-page-wrapper",
+	...rest,
+	ref
+}, children));
+const GlobalPageWrapper = _codecademy_gamut.AppWrapper.withComponent(RestrictedBackground);
+const GlobalPage = ({ backgroundColor = "background", banner, children, contentAs = "div", footer, header, modal, skipToContentId, onError }) => {
+	return /* @__PURE__ */ react.createElement(GlobalPageWrapper, {
+		bg: backgroundColor,
+		minHeight: "100vh"
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.SkipToContent, { contentId: skipToContentId || defaultSkipToContentId }), banner && /* @__PURE__ */ react.createElement(require_EnhancedBanner.EnhancedBanner, banner), /* @__PURE__ */ react.createElement(LogErrorContext.Provider, { value: { logError: onError } }, !header.hideEnterpriseHeader && /* @__PURE__ */ react.createElement(require_index$1.GlobalHeader, header)), !skipToContentId && /* @__PURE__ */ react.createElement(_codecademy_gamut.SkipToContentTarget, { id: defaultSkipToContentId }), /* @__PURE__ */ react.createElement(_codecademy_gamut.AppWrapper, { as: contentAs }, children), footer && /* @__PURE__ */ react.createElement(require_index.GlobalFooter, footer), modal && /* @__PURE__ */ react.createElement(_codecademy_gamut.Modal, modal));
+};
+
+//#endregion
+exports.GlobalPage = GlobalPage;
+exports.LogErrorContext = LogErrorContext;
+//# sourceMappingURL=index.cjs.map

package/dist/GlobalPage/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["AppWrapper","Modal","SkipToContent","SkipToContentTarget","Background","forwardRef","React","EnhancedBanner","GlobalFooter","GlobalHeader","LogErrorContext","createContext","defaultSkipToContentId","RestrictedBackground","children","rest","ref","data-testid","GlobalPageWrapper","withComponent","GlobalPage","backgroundColor","banner","contentAs","footer","header","modal","skipToContentId","onError","bg","minHeight","contentId","Provider","value","logError","hideEnterpriseHeader","id","as"],"sources":["../../src/GlobalPage/index.tsx"],"sourcesContent":["import {\n  AppWrapper,\n  Modal,\n  ModalProps,\n  SkipToContent,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { Background } from '@codecademy/gamut-styles';\nimport { ComponentProps, forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { EnhancedBanner, EnhancedBannerProps } from '../Banner/EnhancedBanner';\nimport { GlobalFooter, GlobalFooterProps } from '../GlobalFooter';\nimport { GlobalHeader, GlobalHeaderProps } from '../GlobalHeader';\n\ntype ErrorContext = {\n  message?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [k: string]: any;\n};\n\ntype LogErrorContextType = {\n  logError?: (error: unknown, context?: ErrorContext | string) => void;\n};\n\nexport const LogErrorContext = React.createContext<LogErrorContextType>({});\n\nexport type GlobalPageBackgroundColor =\n  | 'beige'\n  | 'background'\n  | 'background-contrast'\n  | 'navy'\n  | 'paleBlue'\n  | 'paleGreen'\n  | 'palePink'\n  | 'paleYellow'\n  | 'white';\n\nexport interface GlobalPageProps extends WithChildrenProp {\n  backgroundColor?: GlobalPageBackgroundColor;\n\n  /**\n   * Props directly passed to the Banner.\n   */\n  banner?: EnhancedBannerProps;\n\n  /**\n   * Element type to render around the children.\n   */\n  contentAs?: 'div' | 'main';\n\n  /**\n   * Props directly passed to the GlobalFooter.\n   */\n  footer?: GlobalFooterProps;\n\n  /**\n   * Props directly passed to the GlobalHeader.\n   */\n  header: GlobalHeaderProps;\n\n  /**\n   * Props directly passed to the Modal.\n   */\n  modal?: ModalProps;\n\n  /**\n   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.\n   */\n  skipToContentId?: string;\n\n  /**\n   * Temporary function called with error and context when an error occurs to\n   * help with debugging.\n   */\n  onError?: (error: unknown, context?: ErrorContext | string) => void;\n}\n\nconst defaultSkipToContentId = 'page-skip-to-content-target';\n\nconst RestrictedBackground = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof Background>\n>(({ children, ...rest }, ref) => (\n  <Background data-testid=\"global-page-wrapper\" {...rest} ref={ref}>\n    {children}\n  </Background>\n));\n\nconst GlobalPageWrapper = AppWrapper.withComponent(RestrictedBackground);\n\nexport const GlobalPage: React.FC<GlobalPageProps> = ({\n  backgroundColor = 'background',\n  banner,\n  children,\n  contentAs = 'div',\n  footer,\n  header,\n  modal,\n  skipToContentId,\n  onError,\n}) => {\n  return (\n    <GlobalPageWrapper bg={backgroundColor} minHeight=\"100vh\">\n      <SkipToContent contentId={skipToContentId || defaultSkipToContentId} />\n      {banner && <EnhancedBanner {...banner} />}\n      <LogErrorContext.Provider value={{ logError: onError }}>\n        {!header.hideEnterpriseHeader && <GlobalHeader {...header} />}\n      </LogErrorContext.Provider>\n      {!skipToContentId && <SkipToContentTarget id={defaultSkipToContentId} />}\n      <AppWrapper as={contentAs}>{children}</AppWrapper>\n      {footer && <GlobalFooter {...footer} />}\n      {modal && <Modal {...modal} />}\n    </GlobalPageWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;AA0BA,MAAaU,kBAAkBJ,sBAAMK,cAAmC,EAAC,CAAA;AAqDzE,MAAMC,yBAAyB;AAE/B,MAAMC,uBAAuBR,uCAG1B,EAAES,UAAU,GAAGC,QAAQC,QACxB,sBAAA,cAACZ,qCAAAA;CAAWa,eAAY;CAAuB,GAAGF;CAAWC;GAC1DF,SAAAA,CAAAA;AAIL,MAAMI,oBAAoBlB,6BAAWmB,cAAcN,qBAAAA;AAEnD,MAAaO,cAAyC,EACpDC,kBAAkB,cAClBC,QACAR,UACAS,YAAY,OACZC,QACAC,QACAC,OACAC,iBACAC,cACD;AACC,QACE,sBAAA,cAACV,mBAAAA;EAAkBW,IAAIR;EAAiBS,WAAU;IAChD,sBAAA,cAAC5B,iCAAAA,EAAc6B,WAAWJ,mBAAmBf,2BAC5CU,UAAU,sBAAA,cAACf,uCAAmBe,OAAAA,EAC/B,sBAAA,cAACZ,gBAAgBsB,UAAQ,EAACC,OAAO,EAAEC,UAAUN,SAAQ,IAClD,CAACH,OAAOU,wBAAwB,sBAAA,cAAC1B,8BAAiBgB,OAAAA,CAAAA,EAEpD,CAACE,mBAAmB,sBAAA,cAACxB,uCAAAA,EAAoBiC,IAAIxB,2BAC9C,sBAAA,cAACZ,8BAAAA,EAAWqC,IAAId,aAAYT,SAAAA,EAC3BU,UAAU,sBAAA,cAAChB,4BAAiBgB,OAAAA,EAC5BE,SAAS,sBAAA,cAACzB,yBAAUyB,MAAAA,CAAAA"}

package/dist/GlobalPage/index.d.cts

@@ -0,0 +1,52 @@
+import { GlobalHeaderProps } from "../GlobalHeader/index.cjs";
+import { GlobalFooterProps } from "../GlobalFooter/index.cjs";
+import { EnhancedBannerProps } from "../Banner/EnhancedBanner.cjs";
+import { ModalProps, WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/GlobalPage/index.d.ts
+type ErrorContext = {
+  message?: string;
+  [k: string]: any;
+};
+type LogErrorContextType = {
+  logError?: (error: unknown, context?: ErrorContext | string) => void;
+};
+declare const LogErrorContext: React$1.Context<LogErrorContextType>;
+type GlobalPageBackgroundColor = 'beige' | 'background' | 'background-contrast' | 'navy' | 'paleBlue' | 'paleGreen' | 'palePink' | 'paleYellow' | 'white';
+interface GlobalPageProps extends WithChildrenProp {
+  backgroundColor?: GlobalPageBackgroundColor;
+  /**
+   * Props directly passed to the Banner.
+   */
+  banner?: EnhancedBannerProps;
+  /**
+   * Element type to render around the children.
+   */
+  contentAs?: 'div' | 'main';
+  /**
+   * Props directly passed to the GlobalFooter.
+   */
+  footer?: GlobalFooterProps;
+  /**
+   * Props directly passed to the GlobalHeader.
+   */
+  header: GlobalHeaderProps;
+  /**
+   * Props directly passed to the Modal.
+   */
+  modal?: ModalProps;
+  /**
+   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.
+   */
+  skipToContentId?: string;
+  /**
+   * Temporary function called with error and context when an error occurs to
+   * help with debugging.
+   */
+  onError?: (error: unknown, context?: ErrorContext | string) => void;
+}
+declare const GlobalPage: React$1.FC<GlobalPageProps>;
+//#endregion
+export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };
+//# sourceMappingURL=index.d.cts.map

package/dist/GlobalPage/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/GlobalPage/index.tsx"],"mappings":";;;;;;;KAgBK,YAAA;EACH,OAAA;EAAA,CAEC,CAAA;AAAA;AAAA,KAGE,mBAAA;EACH,QAAA,IAAY,KAAA,WAAgB,OAAA,GAAU,YAAA;AAAA;AAAA,cAG3B,eAAA,EAAe,OAAA,CAAA,OAAA,CAAA,mBAAA;AAAA,KAEhB,yBAAA;AAAA,UAWK,eAAA,SAAwB,gBAAA;EACvC,eAAA,GAAkB,yBAAA;EAjBlB;;;EAsBA,MAAA,GAAS,mBAAA;EAtBkD;;AAG7D;EAwBE,SAAA;;;;EAKA,MAAA,GAAS,iBAAA;EA7BiB;;;EAkC1B,MAAA,EAAQ,iBAAA;EAhC2B;;;EAqCnC,KAAA,GAAQ,UAAA;EA1BO;;;EA+Bf,eAAA;EAzBS;;;;EA+BT,OAAA,IAAW,KAAA,WAAgB,OAAA,GAAU,YAAA;AAAA;AAAA,cAgB1B,UAAA,EAAY,OAAA,CAAM,EAAA,CAAG,eAAA"}

package/dist/GlobalPage/index.d.ts

@@ -1,48 +1,52 @@
-import { ModalProps, WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-import { EnhancedBannerProps } from '../Banner/EnhancedBanner';
-import { GlobalFooterProps } from '../GlobalFooter';
-import { GlobalHeaderProps } from '../GlobalHeader';
+import { GlobalHeaderProps } from "../GlobalHeader/index.js";
+import { GlobalFooterProps } from "../GlobalFooter/index.js";
+import { EnhancedBannerProps } from "../Banner/EnhancedBanner.js";
+import { ModalProps, WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/GlobalPage/index.d.ts
 type ErrorContext = {
-    message?: string;
-    [k: string]: any;
+  message?: string;
+  [k: string]: any;
 };
 type LogErrorContextType = {
-    logError?: (error: unknown, context?: ErrorContext | string) => void;
+  logError?: (error: unknown, context?: ErrorContext | string) => void;
 };
-export declare const LogErrorContext: React.Context<LogErrorContextType>;
-export type GlobalPageBackgroundColor = 'beige' | 'background' | 'background-contrast' | 'navy' | 'paleBlue' | 'paleGreen' | 'palePink' | 'paleYellow' | 'white';
-export interface GlobalPageProps extends WithChildrenProp {
-    backgroundColor?: GlobalPageBackgroundColor;
-    /**
-     * Props directly passed to the Banner.
-     */
-    banner?: EnhancedBannerProps;
-    /**
-     * Element type to render around the children.
-     */
-    contentAs?: 'div' | 'main';
-    /**
-     * Props directly passed to the GlobalFooter.
-     */
-    footer?: GlobalFooterProps;
-    /**
-     * Props directly passed to the GlobalHeader.
-     */
-    header: GlobalHeaderProps;
-    /**
-     * Props directly passed to the Modal.
-     */
-    modal?: ModalProps;
-    /**
-     * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.
-     */
-    skipToContentId?: string;
-    /**
-     * Temporary function called with error and context when an error occurs to
-     * help with debugging.
-     */
-    onError?: (error: unknown, context?: ErrorContext | string) => void;
+declare const LogErrorContext: React$1.Context<LogErrorContextType>;
+type GlobalPageBackgroundColor = 'beige' | 'background' | 'background-contrast' | 'navy' | 'paleBlue' | 'paleGreen' | 'palePink' | 'paleYellow' | 'white';
+interface GlobalPageProps extends WithChildrenProp {
+  backgroundColor?: GlobalPageBackgroundColor;
+  /**
+   * Props directly passed to the Banner.
+   */
+  banner?: EnhancedBannerProps;
+  /**
+   * Element type to render around the children.
+   */
+  contentAs?: 'div' | 'main';
+  /**
+   * Props directly passed to the GlobalFooter.
+   */
+  footer?: GlobalFooterProps;
+  /**
+   * Props directly passed to the GlobalHeader.
+   */
+  header: GlobalHeaderProps;
+  /**
+   * Props directly passed to the Modal.
+   */
+  modal?: ModalProps;
+  /**
+   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.
+   */
+  skipToContentId?: string;
+  /**
+   * Temporary function called with error and context when an error occurs to
+   * help with debugging.
+   */
+  onError?: (error: unknown, context?: ErrorContext | string) => void;
 }
-export declare const GlobalPage: React.FC<GlobalPageProps>;
-export {};
+declare const GlobalPage: React$1.FC<GlobalPageProps>;
+//#endregion
+export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/GlobalPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/GlobalPage/index.tsx"],"mappings":";;;;;;;KAgBK,YAAA;EACH,OAAA;EAAA,CAEC,CAAA;AAAA;AAAA,KAGE,mBAAA;EACH,QAAA,IAAY,KAAA,WAAgB,OAAA,GAAU,YAAA;AAAA;AAAA,cAG3B,eAAA,EAAe,OAAA,CAAA,OAAA,CAAA,mBAAA;AAAA,KAEhB,yBAAA;AAAA,UAWK,eAAA,SAAwB,gBAAA;EACvC,eAAA,GAAkB,yBAAA;EAjBlB;;;EAsBA,MAAA,GAAS,mBAAA;EAtBkD;;AAG7D;EAwBE,SAAA;;;;EAKA,MAAA,GAAS,iBAAA;EA7BiB;;;EAkC1B,MAAA,EAAQ,iBAAA;EAhC2B;;;EAqCnC,KAAA,GAAQ,UAAA;EA1BO;;;EA+Bf,eAAA;EAzBS;;;;EA+BT,OAAA,IAAW,KAAA,WAAgB,OAAA,GAAU,YAAA;AAAA;AAAA,cAgB1B,UAAA,EAAY,OAAA,CAAM,EAAA,CAAG,eAAA"}

package/dist/GlobalPage/index.js

@@ -1,60 +1,27 @@
-import { AppWrapper, Modal, SkipToContent, SkipToContentTarget } from '@codecademy/gamut';
-import { Background } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-import * as React from 'react';
-import { EnhancedBanner } from '../Banner/EnhancedBanner';
-import { GlobalFooter } from '../GlobalFooter';
-import { GlobalHeader } from '../GlobalHeader';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const LogErrorContext = /*#__PURE__*/React.createContext({});
-const defaultSkipToContentId = 'page-skip-to-content-target';
-const RestrictedBackground = /*#__PURE__*/forwardRef(({
-  children,
-  ...rest
-}, ref) => /*#__PURE__*/_jsx(Background, {
-  "data-testid": "global-page-wrapper",
-  ...rest,
-  ref: ref,
-  children: children
-}));
-const GlobalPageWrapper = AppWrapper.withComponent(RestrictedBackground, {
-  target: "e8ekv6f0",
-  label: "GlobalPageWrapper"
-});
-export const GlobalPage = ({
-  backgroundColor = 'background',
-  banner,
-  children,
-  contentAs = 'div',
-  footer,
-  header,
-  modal,
-  skipToContentId,
-  onError
-}) => {
-  return /*#__PURE__*/_jsxs(GlobalPageWrapper, {
-    bg: backgroundColor,
-    minHeight: "100vh",
-    children: [/*#__PURE__*/_jsx(SkipToContent, {
-      contentId: skipToContentId || defaultSkipToContentId
-    }), banner && /*#__PURE__*/_jsx(EnhancedBanner, {
-      ...banner
-    }), /*#__PURE__*/_jsx(LogErrorContext.Provider, {
-      value: {
-        logError: onError
-      },
-      children: !header.hideEnterpriseHeader && /*#__PURE__*/_jsx(GlobalHeader, {
-        ...header
-      })
-    }), !skipToContentId && /*#__PURE__*/_jsx(SkipToContentTarget, {
-      id: defaultSkipToContentId
-    }), /*#__PURE__*/_jsx(AppWrapper, {
-      as: contentAs,
-      children: children
-    }), footer && /*#__PURE__*/_jsx(GlobalFooter, {
-      ...footer
-    }), modal && /*#__PURE__*/_jsx(Modal, {
-      ...modal
-    })]
-  });
-};
+import { GlobalFooter } from "../GlobalFooter/index.js";
+import { GlobalHeader } from "../GlobalHeader/index.js";
+import { EnhancedBanner } from "../Banner/EnhancedBanner.js";
+import { AppWrapper, Modal, SkipToContent, SkipToContentTarget } from "@codecademy/gamut";
+import { Background } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+import { forwardRef } from "react";
+
+//#region src/GlobalPage/index.tsx
+const LogErrorContext = /* @__PURE__ */ React$1.createContext({});
+const defaultSkipToContentId = "page-skip-to-content-target";
+const RestrictedBackground = /* @__PURE__ */ forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ React$1.createElement(Background, {
+	"data-testid": "global-page-wrapper",
+	...rest,
+	ref
+}, children));
+const GlobalPageWrapper = AppWrapper.withComponent(RestrictedBackground);
+const GlobalPage = ({ backgroundColor = "background", banner, children, contentAs = "div", footer, header, modal, skipToContentId, onError }) => {
+	return /* @__PURE__ */ React$1.createElement(GlobalPageWrapper, {
+		bg: backgroundColor,
+		minHeight: "100vh"
+	}, /* @__PURE__ */ React$1.createElement(SkipToContent, { contentId: skipToContentId || defaultSkipToContentId }), banner && /* @__PURE__ */ React$1.createElement(EnhancedBanner, banner), /* @__PURE__ */ React$1.createElement(LogErrorContext.Provider, { value: { logError: onError } }, !header.hideEnterpriseHeader && /* @__PURE__ */ React$1.createElement(GlobalHeader, header)), !skipToContentId && /* @__PURE__ */ React$1.createElement(SkipToContentTarget, { id: defaultSkipToContentId }), /* @__PURE__ */ React$1.createElement(AppWrapper, { as: contentAs }, children), footer && /* @__PURE__ */ React$1.createElement(GlobalFooter, footer), modal && /* @__PURE__ */ React$1.createElement(Modal, modal));
+};
+
+//#endregion
+export { GlobalPage, LogErrorContext };
+//# sourceMappingURL=index.js.map

package/dist/GlobalPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppWrapper","Modal","SkipToContent","SkipToContentTarget","Background","forwardRef","React","EnhancedBanner","GlobalFooter","GlobalHeader","LogErrorContext","createContext","defaultSkipToContentId","RestrictedBackground","children","rest","ref","data-testid","GlobalPageWrapper","withComponent","GlobalPage","backgroundColor","banner","contentAs","footer","header","modal","skipToContentId","onError","bg","minHeight","contentId","Provider","value","logError","hideEnterpriseHeader","id","as"],"sources":["../../src/GlobalPage/index.tsx"],"sourcesContent":["import {\n  AppWrapper,\n  Modal,\n  ModalProps,\n  SkipToContent,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { Background } from '@codecademy/gamut-styles';\nimport { ComponentProps, forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { EnhancedBanner, EnhancedBannerProps } from '../Banner/EnhancedBanner';\nimport { GlobalFooter, GlobalFooterProps } from '../GlobalFooter';\nimport { GlobalHeader, GlobalHeaderProps } from '../GlobalHeader';\n\ntype ErrorContext = {\n  message?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [k: string]: any;\n};\n\ntype LogErrorContextType = {\n  logError?: (error: unknown, context?: ErrorContext | string) => void;\n};\n\nexport const LogErrorContext = React.createContext<LogErrorContextType>({});\n\nexport type GlobalPageBackgroundColor =\n  | 'beige'\n  | 'background'\n  | 'background-contrast'\n  | 'navy'\n  | 'paleBlue'\n  | 'paleGreen'\n  | 'palePink'\n  | 'paleYellow'\n  | 'white';\n\nexport interface GlobalPageProps extends WithChildrenProp {\n  backgroundColor?: GlobalPageBackgroundColor;\n\n  /**\n   * Props directly passed to the Banner.\n   */\n  banner?: EnhancedBannerProps;\n\n  /**\n   * Element type to render around the children.\n   */\n  contentAs?: 'div' | 'main';\n\n  /**\n   * Props directly passed to the GlobalFooter.\n   */\n  footer?: GlobalFooterProps;\n\n  /**\n   * Props directly passed to the GlobalHeader.\n   */\n  header: GlobalHeaderProps;\n\n  /**\n   * Props directly passed to the Modal.\n   */\n  modal?: ModalProps;\n\n  /**\n   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.\n   */\n  skipToContentId?: string;\n\n  /**\n   * Temporary function called with error and context when an error occurs to\n   * help with debugging.\n   */\n  onError?: (error: unknown, context?: ErrorContext | string) => void;\n}\n\nconst defaultSkipToContentId = 'page-skip-to-content-target';\n\nconst RestrictedBackground = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof Background>\n>(({ children, ...rest }, ref) => (\n  <Background data-testid=\"global-page-wrapper\" {...rest} ref={ref}>\n    {children}\n  </Background>\n));\n\nconst GlobalPageWrapper = AppWrapper.withComponent(RestrictedBackground);\n\nexport const GlobalPage: React.FC<GlobalPageProps> = ({\n  backgroundColor = 'background',\n  banner,\n  children,\n  contentAs = 'div',\n  footer,\n  header,\n  modal,\n  skipToContentId,\n  onError,\n}) => {\n  return (\n    <GlobalPageWrapper bg={backgroundColor} minHeight=\"100vh\">\n      <SkipToContent contentId={skipToContentId || defaultSkipToContentId} />\n      {banner && <EnhancedBanner {...banner} />}\n      <LogErrorContext.Provider value={{ logError: onError }}>\n        {!header.hideEnterpriseHeader && <GlobalHeader {...header} />}\n      </LogErrorContext.Provider>\n      {!skipToContentId && <SkipToContentTarget id={defaultSkipToContentId} />}\n      <AppWrapper as={contentAs}>{children}</AppWrapper>\n      {footer && <GlobalFooter {...footer} />}\n      {modal && <Modal {...modal} />}\n    </GlobalPageWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;AA0BA,MAAaU,kBAAkBJ,wBAAMK,cAAmC,EAAC,CAAA;AAqDzE,MAAMC,yBAAyB;AAE/B,MAAMC,uBAAuBR,4BAG1B,EAAES,UAAU,GAAGC,QAAQC,QACxB,wBAAA,cAACZ,YAAAA;CAAWa,eAAY;CAAuB,GAAGF;CAAWC;GAC1DF,SAAAA,CAAAA;AAIL,MAAMI,oBAAoBlB,WAAWmB,cAAcN,qBAAAA;AAEnD,MAAaO,cAAyC,EACpDC,kBAAkB,cAClBC,QACAR,UACAS,YAAY,OACZC,QACAC,QACAC,OACAC,iBACAC,cACD;AACC,QACE,wBAAA,cAACV,mBAAAA;EAAkBW,IAAIR;EAAiBS,WAAU;IAChD,wBAAA,cAAC5B,eAAAA,EAAc6B,WAAWJ,mBAAmBf,2BAC5CU,UAAU,wBAAA,cAACf,gBAAmBe,OAAAA,EAC/B,wBAAA,cAACZ,gBAAgBsB,UAAQ,EAACC,OAAO,EAAEC,UAAUN,SAAQ,IAClD,CAACH,OAAOU,wBAAwB,wBAAA,cAAC1B,cAAiBgB,OAAAA,CAAAA,EAEpD,CAACE,mBAAmB,wBAAA,cAACxB,qBAAAA,EAAoBiC,IAAIxB,2BAC9C,wBAAA,cAACZ,YAAAA,EAAWqC,IAAId,aAAYT,SAAAA,EAC3BU,UAAU,wBAAA,cAAChB,cAAiBgB,OAAAA,EAC5BE,SAAS,wBAAA,cAACzB,OAAUyB,MAAAA,CAAAA"}