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

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js

@@ -1,53 +1,35 @@
-import { Column, ContentContainer, GridBox, LayoutGrid, SkipToContentTarget } from '@codecademy/gamut';
-import React from 'react';
-import { BackToTopAnchor } from '../BackToTopAnchor';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const PageLayoutWithSidebarMenu = ({
-  children,
-  pageName,
-  leftSidebar,
-  rightSidebar,
-  hasBackToTop,
-  trackUserClick
-}) => {
-  return /*#__PURE__*/_jsx(ContentContainer, {
-    as: "main",
-    children: /*#__PURE__*/_jsxs(LayoutGrid, {
-      pb: 64,
-      columnGap: 24,
-      children: [/*#__PURE__*/_jsx(Column, {
-        size: {
-          lg: leftSidebar.cols
-        },
-        py: 16,
-        children: leftSidebar.content
-      }), /*#__PURE__*/_jsxs(Column, {
-        alignContent: "flex-start",
-        size: {
-          lg: 12 - leftSidebar.cols - (rightSidebar?.cols ?? 0)
-        },
-        height: "100%",
-        children: [/*#__PURE__*/_jsx(SkipToContentTarget, {
-          id: "heading"
-        }), children]
-      }), rightSidebar && /*#__PURE__*/_jsx(Column, {
-        size: {
-          lg: rightSidebar.cols
-        },
-        py: 16,
-        children: rightSidebar.content
-      }), hasBackToTop && /*#__PURE__*/_jsx(GridBox, {
-        gridColumnEnd: "span 12",
-        justifyContent: "center",
-        children: /*#__PURE__*/_jsx(BackToTopAnchor, {
-          targetId: `${pageName}_title`,
-          onClick: () => trackUserClick({
-            page_name: pageName,
-            context: 'back_to_top',
-            target: 'back_to_top'
-          })
-        })
-      })]
-    })
-  });
-};
+import { BackToTopAnchor } from "../BackToTopAnchor/index.js";
+import { Column, ContentContainer, GridBox, LayoutGrid, SkipToContentTarget } from "@codecademy/gamut";
+import React from "react";
+
+//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx
+const PageLayoutWithSidebarMenu = ({ children, pageName, leftSidebar, rightSidebar, hasBackToTop, trackUserClick }) => {
+	return /* @__PURE__ */ React.createElement(ContentContainer, { as: "main" }, /* @__PURE__ */ React.createElement(LayoutGrid, {
+		pb: 64,
+		columnGap: 24
+	}, /* @__PURE__ */ React.createElement(Column, {
+		size: { lg: leftSidebar.cols },
+		py: 16
+	}, leftSidebar.content), /* @__PURE__ */ React.createElement(Column, {
+		alignContent: "flex-start",
+		size: { lg: 12 - leftSidebar.cols - (rightSidebar?.cols ?? 0) },
+		height: "100%"
+	}, /* @__PURE__ */ React.createElement(SkipToContentTarget, { id: "heading" }), children), rightSidebar && /* @__PURE__ */ React.createElement(Column, {
+		size: { lg: rightSidebar.cols },
+		py: 16
+	}, rightSidebar.content), hasBackToTop && /* @__PURE__ */ React.createElement(GridBox, {
+		gridColumnEnd: "span 12",
+		justifyContent: "center"
+	}, /* @__PURE__ */ React.createElement(BackToTopAnchor, {
+		targetId: `${pageName}_title`,
+		onClick: () => trackUserClick({
+			page_name: pageName,
+			context: "back_to_top",
+			target: "back_to_top"
+		})
+	}))));
+};
+
+//#endregion
+export { PageLayoutWithSidebarMenu };
+//# sourceMappingURL=PageLayoutWithSidebarMenu.js.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutWithSidebarMenu.js","names":["Column","ContentContainer","GridBox","LayoutGrid","SkipToContentTarget","React","BackToTopAnchor","PageLayoutWithSidebarMenu","children","pageName","leftSidebar","rightSidebar","hasBackToTop","trackUserClick","as","pb","columnGap","size","lg","cols","py","content","alignContent","height","id","gridColumnEnd","justifyContent","targetId","onClick","page_name","context","target"],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":["import {\n  Column,\n  ContentContainer,\n  GridBox,\n  LayoutGrid,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { UserClickData } from '@codecademy/tracking';\nimport React from 'react';\n\nimport { BackToTopAnchor } from '../BackToTopAnchor';\n\ntype Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type PageLayoutWithSidebarMenuProps = WithChildrenProp & {\n  pageName: string;\n  leftSidebar: { content: React.ReactNode; cols: Cols };\n  rightSidebar?: { content: React.ReactNode; cols: Cols };\n  hasBackToTop?: boolean;\n  trackUserClick: (data: UserClickData) => void;\n};\n\nexport const PageLayoutWithSidebarMenu: React.FC<\n  PageLayoutWithSidebarMenuProps\n> = ({\n  children,\n  pageName,\n  leftSidebar,\n  rightSidebar,\n  hasBackToTop,\n  trackUserClick,\n}) => {\n  return (\n    <ContentContainer as=\"main\">\n      <LayoutGrid pb={64} columnGap={24}>\n        <Column size={{ lg: leftSidebar.cols }} py={16}>\n          {leftSidebar.content}\n        </Column>\n        <Column\n          alignContent=\"flex-start\"\n          size={{\n            lg: (12 - leftSidebar.cols - (rightSidebar?.cols ?? 0)) as Cols,\n          }}\n          height=\"100%\"\n        >\n          <SkipToContentTarget id=\"heading\" />\n          {children}\n        </Column>\n        {rightSidebar && (\n          <Column size={{ lg: rightSidebar.cols }} py={16}>\n            {rightSidebar.content}\n          </Column>\n        )}\n        {hasBackToTop && (\n          <GridBox gridColumnEnd=\"span 12\" justifyContent=\"center\">\n            <BackToTopAnchor\n              targetId={`${pageName}_title`}\n              onClick={() =>\n                trackUserClick({\n                  page_name: pageName,\n                  context: 'back_to_top',\n                  target: 'back_to_top',\n                })\n              }\n            />\n          </GridBox>\n        )}\n      </LayoutGrid>\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;AAuBA,MAAaO,6BAER,EACHC,UACAC,UACAC,aACAC,cACAC,cACAC,qBACD;AACC,QACE,sBAAA,cAACZ,kBAAAA,EAAiBa,IAAG,UACnB,sBAAA,cAACX,YAAAA;EAAWY,IAAI;EAAIC,WAAW;IAC7B,sBAAA,cAAChB,QAAAA;EAAOiB,MAAM,EAAEC,IAAIR,YAAYS,MAAK;EAAGC,IAAI;IACzCV,YAAYW,QAAO,EAEtB,sBAAA,cAACrB,QAAAA;EACCsB,cAAa;EACbL,MAAM,EACJC,IAAK,KAAKR,YAAYS,QAAQR,cAAcQ,QAAQ,IACtD;EACAI,QAAO;IAEP,sBAAA,cAACnB,qBAAAA,EAAoBoB,IAAG,cACvBhB,SAAAA,EAEFG,gBACC,sBAAA,cAACX,QAAAA;EAAOiB,MAAM,EAAEC,IAAIP,aAAaQ,MAAK;EAAGC,IAAI;IAC1CT,aAAaU,QAAO,EAGxBT,gBACC,sBAAA,cAACV,SAAAA;EAAQuB,eAAc;EAAUC,gBAAe;IAC9C,sBAAA,cAACpB,iBAAAA;EACCqB,UAAU,GAAGlB,SAAS;EACtBmB,eACEf,eAAe;GACbgB,WAAWpB;GACXqB,SAAS;GACTC,QAAQ;GACV,CAAA"}

package/dist/PageLayoutWithSidebarMenu/index.cjs

@@ -0,0 +1 @@
+const require_PageLayoutWithSidebarMenu = require('./PageLayoutWithSidebarMenu.cjs');

package/dist/PageLayoutWithSidebarMenu/index.d.ts

@@ -1 +1 @@
-export * from './PageLayoutWithSidebarMenu';
+import { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps } from "./PageLayoutWithSidebarMenu.js";

package/dist/PageLayoutWithSidebarMenu/index.js

@@ -1 +1 @@
-export * from './PageLayoutWithSidebarMenu';
+import { PageLayoutWithSidebarMenu } from "./PageLayoutWithSidebarMenu.js";

package/dist/PageSection/index.cjs

@@ -0,0 +1,50 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/PageSection/index.tsx
+function isSectionButtonATextButton(button) {
+	return button.text !== void 0;
+}
+const PageSection = ({ title, headerButton, headerSecondaryButton, footerButton, children }) => {
+	const renderSectionButton = (sectionButton) => {
+		if (!isSectionButtonATextButton(sectionButton)) return sectionButton;
+		const { text, ...buttonProps } = sectionButton;
+		return /* @__PURE__ */ react.createElement(_codecademy_gamut.TextButton, buttonProps, text);
+	};
+	const maybeRenderHeaderButton = () => {
+		if (!headerButton) return null;
+		return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+			ml: 4,
+			display: "inline"
+		}, renderSectionButton(headerButton));
+	};
+	const maybeRenderHeaderSecondaryButton = () => {
+		if (!headerSecondaryButton) return null;
+		return renderSectionButton(headerSecondaryButton);
+	};
+	const renderSectionHeader = () => /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+		height: "2.5rem",
+		mb: 8,
+		justifyContent: "space-between"
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		as: "h2",
+		fontSize: 22
+	}, title), maybeRenderHeaderButton()), maybeRenderHeaderSecondaryButton());
+	const maybeRenderSectionFooter = () => {
+		if (!footerButton) return null;
+		return /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+			justifyContent: "flex-end",
+			mt: 16
+		}, renderSectionButton(footerButton));
+	};
+	return /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		mb: 48
+	}, renderSectionHeader(), children, maybeRenderSectionFooter());
+};
+
+//#endregion
+exports.PageSection = PageSection;
+//# sourceMappingURL=index.cjs.map

package/dist/PageSection/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","FlexBox","Text","TextButton","React","isSectionButtonATextButton","button","text","undefined","PageSection","title","headerButton","headerSecondaryButton","footerButton","children","renderSectionButton","sectionButton","buttonProps","maybeRenderHeaderButton","ml","display","maybeRenderHeaderSecondaryButton","renderSectionHeader","height","mb","justifyContent","alignItems","as","fontSize","maybeRenderSectionFooter","mt","flexDirection"],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":["import {\n  Box,\n  FlexBox,\n  Text,\n  TextButton,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { AriaAttributes, ReactNode } from 'react';\nimport * as React from 'react';\n\ntype TextButtonMinimumProps = AriaAttributes & {\n  text: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type SectionButton = TextButtonMinimumProps | ReactNode;\n\nfunction isSectionButtonATextButton(\n  button: SectionButton\n): button is TextButtonMinimumProps {\n  return (button as TextButtonMinimumProps).text !== undefined;\n}\n\nexport interface PageSectionProps extends WithChildrenProp {\n  title: string;\n  headerButton?: SectionButton;\n  headerSecondaryButton?: SectionButton;\n  footerButton?: SectionButton;\n}\n\nexport const PageSection: React.FC<PageSectionProps> = ({\n  title,\n  headerButton,\n  headerSecondaryButton,\n  footerButton,\n  children,\n}) => {\n  const renderSectionButton = (sectionButton: SectionButton) => {\n    if (!isSectionButtonATextButton(sectionButton)) return sectionButton;\n\n    const { text, ...buttonProps } = sectionButton;\n    return <TextButton {...buttonProps}>{text}</TextButton>;\n  };\n\n  const maybeRenderHeaderButton = () => {\n    if (!headerButton) return null;\n    return (\n      <Box ml={4} display=\"inline\">\n        {renderSectionButton(headerButton)}\n      </Box>\n    );\n  };\n\n  const maybeRenderHeaderSecondaryButton = () => {\n    if (!headerSecondaryButton) return null;\n    return renderSectionButton(headerSecondaryButton);\n  };\n\n  const renderSectionHeader = () => (\n    // Setting height directly to height of the buttons so if they are omitted\n    // the header remains the same height.\n    <FlexBox height=\"2.5rem\" mb={8} justifyContent=\"space-between\">\n      <FlexBox alignItems=\"center\">\n        <Text as=\"h2\" fontSize={22}>\n          {title}\n        </Text>\n        {maybeRenderHeaderButton()}\n      </FlexBox>\n      {maybeRenderHeaderSecondaryButton()}\n    </FlexBox>\n  );\n\n  const maybeRenderSectionFooter = () => {\n    if (!footerButton) return null;\n    return (\n      <FlexBox justifyContent=\"flex-end\" mt={16}>\n        {renderSectionButton(footerButton)}\n      </FlexBox>\n    );\n  };\n\n  return (\n    <FlexBox flexDirection=\"column\" mb={48}>\n      {renderSectionHeader()}\n      {children}\n      {maybeRenderSectionFooter()}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;AAkBA,SAASK,2BACPC,QAAqB;AAErB,QAAO,OAAmCC,SAASC;;AAUrD,MAAaC,eAA2C,EACtDC,OACAC,cACAC,uBACAC,cACAC,eACD;CACC,MAAMC,uBAAuBC,kBAAAA;AAC3B,MAAI,CAACX,2BAA2BW,cAAAA,CAAgB,QAAOA;EAEvD,MAAM,EAAET,MAAM,GAAGU,gBAAgBD;AACjC,SAAO,sBAAA,cAACb,8BAAec,aAAcV,KAAAA;;CAGvC,MAAMW,gCAA0B;AAC9B,MAAI,CAACP,aAAc,QAAO;AAC1B,SACE,sBAAA,cAACX,uBAAAA;GAAImB,IAAI;GAAGC,SAAQ;KACjBL,oBAAoBJ,aAAAA,CAAAA;;CAK3B,MAAMU,yCAAmC;AACvC,MAAI,CAACT,sBAAuB,QAAO;AACnC,SAAOG,oBAAoBH,sBAAAA;;CAG7B,MAAMU,4BAGJ,sBAAA,cAACrB,2BAAAA;EAAQsB,QAAO;EAASC,IAAI;EAAGC,gBAAe;IAC7C,sBAAA,cAACxB,2BAAAA,EAAQyB,YAAW,YAClB,sBAAA,cAACxB,wBAAAA;EAAKyB,IAAG;EAAKC,UAAU;IACrBlB,MAAAA,EAEFQ,yBAAAA,CAAAA,EAEFG,kCAAAA,CAAAA;CAIL,MAAMQ,iCAA2B;AAC/B,MAAI,CAAChB,aAAc,QAAO;AAC1B,SACE,sBAAA,cAACZ,2BAAAA;GAAQwB,gBAAe;GAAWK,IAAI;KACpCf,oBAAoBF,aAAAA,CAAAA;;AAK3B,QACE,sBAAA,cAACZ,2BAAAA;EAAQ8B,eAAc;EAASP,IAAI;IACjCF,qBAAAA,EACAR,UACAe,0BAAAA,CAAAA"}

package/dist/PageSection/index.d.cts

@@ -0,0 +1,21 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+import { AriaAttributes, ReactNode } from "react";
+
+//#region src/PageSection/index.d.ts
+type TextButtonMinimumProps = AriaAttributes & {
+  text: string;
+  href?: string;
+  onClick?: () => void;
+};
+type SectionButton = TextButtonMinimumProps | ReactNode;
+interface PageSectionProps extends WithChildrenProp {
+  title: string;
+  headerButton?: SectionButton;
+  headerSecondaryButton?: SectionButton;
+  footerButton?: SectionButton;
+}
+declare const PageSection: React$1.FC<PageSectionProps>;
+//#endregion
+export { PageSection, PageSectionProps, SectionButton };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/PageSection/index.tsx"],"mappings":";;;;;KAUK,sBAAA,GAAyB,cAAA;EAC5B,IAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,KAGU,aAAA,GAAgB,sBAAA,GAAyB,SAAA;AAAA,UAQpC,gBAAA,SAAyB,gBAAA;EACxC,KAAA;EACA,YAAA,GAAe,aAAA;EACf,qBAAA,GAAwB,aAAA;EACxB,YAAA,GAAe,aAAA;AAAA;AAAA,cAGJ,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/PageSection/index.d.ts

@@ -1,17 +1,21 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import { AriaAttributes, ReactNode } from 'react';
-import * as React from 'react';
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+import { AriaAttributes, ReactNode } from "react";
+
+//#region src/PageSection/index.d.ts
 type TextButtonMinimumProps = AriaAttributes & {
-    text: string;
-    href?: string;
-    onClick?: () => void;
+  text: string;
+  href?: string;
+  onClick?: () => void;
 };
-export type SectionButton = TextButtonMinimumProps | ReactNode;
-export interface PageSectionProps extends WithChildrenProp {
-    title: string;
-    headerButton?: SectionButton;
-    headerSecondaryButton?: SectionButton;
-    footerButton?: SectionButton;
+type SectionButton = TextButtonMinimumProps | ReactNode;
+interface PageSectionProps extends WithChildrenProp {
+  title: string;
+  headerButton?: SectionButton;
+  headerSecondaryButton?: SectionButton;
+  footerButton?: SectionButton;
 }
-export declare const PageSection: React.FC<PageSectionProps>;
-export {};
+declare const PageSection: React$1.FC<PageSectionProps>;
+//#endregion
+export { PageSection, PageSectionProps, SectionButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/PageSection/index.tsx"],"mappings":";;;;;KAUK,sBAAA,GAAyB,cAAA;EAC5B,IAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,KAGU,aAAA,GAAgB,sBAAA,GAAyB,SAAA;AAAA,UAQpC,gBAAA,SAAyB,gBAAA;EACxC,KAAA;EACA,YAAA,GAAe,aAAA;EACf,qBAAA,GAAwB,aAAA;EACxB,YAAA,GAAe,aAAA;AAAA;AAAA,cAGJ,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/PageSection/index.js

@@ -1,67 +1,48 @@
-import { Box, FlexBox, Text, TextButton } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, FlexBox, Text, TextButton } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/PageSection/index.tsx
 function isSectionButtonATextButton(button) {
-  return button.text !== undefined;
+	return button.text !== void 0;
 }
-export const PageSection = ({
-  title,
-  headerButton,
-  headerSecondaryButton,
-  footerButton,
-  children
-}) => {
-  const renderSectionButton = sectionButton => {
-    if (!isSectionButtonATextButton(sectionButton)) return sectionButton;
-    const {
-      text,
-      ...buttonProps
-    } = sectionButton;
-    return /*#__PURE__*/_jsx(TextButton, {
-      ...buttonProps,
-      children: text
-    });
-  };
-  const maybeRenderHeaderButton = () => {
-    if (!headerButton) return null;
-    return /*#__PURE__*/_jsx(Box, {
-      ml: 4,
-      display: "inline",
-      children: renderSectionButton(headerButton)
-    });
-  };
-  const maybeRenderHeaderSecondaryButton = () => {
-    if (!headerSecondaryButton) return null;
-    return renderSectionButton(headerSecondaryButton);
-  };
-  const renderSectionHeader = () =>
-  /*#__PURE__*/
-  // Setting height directly to height of the buttons so if they are omitted
-  // the header remains the same height.
-  _jsxs(FlexBox, {
-    height: "2.5rem",
-    mb: 8,
-    justifyContent: "space-between",
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Text, {
-        as: "h2",
-        fontSize: 22,
-        children: title
-      }), maybeRenderHeaderButton()]
-    }), maybeRenderHeaderSecondaryButton()]
-  });
-  const maybeRenderSectionFooter = () => {
-    if (!footerButton) return null;
-    return /*#__PURE__*/_jsx(FlexBox, {
-      justifyContent: "flex-end",
-      mt: 16,
-      children: renderSectionButton(footerButton)
-    });
-  };
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    flexDirection: "column",
-    mb: 48,
-    children: [renderSectionHeader(), children, maybeRenderSectionFooter()]
-  });
-};
+const PageSection = ({ title, headerButton, headerSecondaryButton, footerButton, children }) => {
+	const renderSectionButton = (sectionButton) => {
+		if (!isSectionButtonATextButton(sectionButton)) return sectionButton;
+		const { text, ...buttonProps } = sectionButton;
+		return /* @__PURE__ */ React$1.createElement(TextButton, buttonProps, text);
+	};
+	const maybeRenderHeaderButton = () => {
+		if (!headerButton) return null;
+		return /* @__PURE__ */ React$1.createElement(Box, {
+			ml: 4,
+			display: "inline"
+		}, renderSectionButton(headerButton));
+	};
+	const maybeRenderHeaderSecondaryButton = () => {
+		if (!headerSecondaryButton) return null;
+		return renderSectionButton(headerSecondaryButton);
+	};
+	const renderSectionHeader = () => /* @__PURE__ */ React$1.createElement(FlexBox, {
+		height: "2.5rem",
+		mb: 8,
+		justifyContent: "space-between"
+	}, /* @__PURE__ */ React$1.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React$1.createElement(Text, {
+		as: "h2",
+		fontSize: 22
+	}, title), maybeRenderHeaderButton()), maybeRenderHeaderSecondaryButton());
+	const maybeRenderSectionFooter = () => {
+		if (!footerButton) return null;
+		return /* @__PURE__ */ React$1.createElement(FlexBox, {
+			justifyContent: "flex-end",
+			mt: 16
+		}, renderSectionButton(footerButton));
+	};
+	return /* @__PURE__ */ React$1.createElement(FlexBox, {
+		flexDirection: "column",
+		mb: 48
+	}, renderSectionHeader(), children, maybeRenderSectionFooter());
+};
+
+//#endregion
+export { PageSection };
+//# sourceMappingURL=index.js.map

package/dist/PageSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","FlexBox","Text","TextButton","React","isSectionButtonATextButton","button","text","undefined","PageSection","title","headerButton","headerSecondaryButton","footerButton","children","renderSectionButton","sectionButton","buttonProps","maybeRenderHeaderButton","ml","display","maybeRenderHeaderSecondaryButton","renderSectionHeader","height","mb","justifyContent","alignItems","as","fontSize","maybeRenderSectionFooter","mt","flexDirection"],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":["import {\n  Box,\n  FlexBox,\n  Text,\n  TextButton,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { AriaAttributes, ReactNode } from 'react';\nimport * as React from 'react';\n\ntype TextButtonMinimumProps = AriaAttributes & {\n  text: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type SectionButton = TextButtonMinimumProps | ReactNode;\n\nfunction isSectionButtonATextButton(\n  button: SectionButton\n): button is TextButtonMinimumProps {\n  return (button as TextButtonMinimumProps).text !== undefined;\n}\n\nexport interface PageSectionProps extends WithChildrenProp {\n  title: string;\n  headerButton?: SectionButton;\n  headerSecondaryButton?: SectionButton;\n  footerButton?: SectionButton;\n}\n\nexport const PageSection: React.FC<PageSectionProps> = ({\n  title,\n  headerButton,\n  headerSecondaryButton,\n  footerButton,\n  children,\n}) => {\n  const renderSectionButton = (sectionButton: SectionButton) => {\n    if (!isSectionButtonATextButton(sectionButton)) return sectionButton;\n\n    const { text, ...buttonProps } = sectionButton;\n    return <TextButton {...buttonProps}>{text}</TextButton>;\n  };\n\n  const maybeRenderHeaderButton = () => {\n    if (!headerButton) return null;\n    return (\n      <Box ml={4} display=\"inline\">\n        {renderSectionButton(headerButton)}\n      </Box>\n    );\n  };\n\n  const maybeRenderHeaderSecondaryButton = () => {\n    if (!headerSecondaryButton) return null;\n    return renderSectionButton(headerSecondaryButton);\n  };\n\n  const renderSectionHeader = () => (\n    // Setting height directly to height of the buttons so if they are omitted\n    // the header remains the same height.\n    <FlexBox height=\"2.5rem\" mb={8} justifyContent=\"space-between\">\n      <FlexBox alignItems=\"center\">\n        <Text as=\"h2\" fontSize={22}>\n          {title}\n        </Text>\n        {maybeRenderHeaderButton()}\n      </FlexBox>\n      {maybeRenderHeaderSecondaryButton()}\n    </FlexBox>\n  );\n\n  const maybeRenderSectionFooter = () => {\n    if (!footerButton) return null;\n    return (\n      <FlexBox justifyContent=\"flex-end\" mt={16}>\n        {renderSectionButton(footerButton)}\n      </FlexBox>\n    );\n  };\n\n  return (\n    <FlexBox flexDirection=\"column\" mb={48}>\n      {renderSectionHeader()}\n      {children}\n      {maybeRenderSectionFooter()}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;AAkBA,SAASK,2BACPC,QAAqB;AAErB,QAAO,OAAmCC,SAASC;;AAUrD,MAAaC,eAA2C,EACtDC,OACAC,cACAC,uBACAC,cACAC,eACD;CACC,MAAMC,uBAAuBC,kBAAAA;AAC3B,MAAI,CAACX,2BAA2BW,cAAAA,CAAgB,QAAOA;EAEvD,MAAM,EAAET,MAAM,GAAGU,gBAAgBD;AACjC,SAAO,wBAAA,cAACb,YAAec,aAAcV,KAAAA;;CAGvC,MAAMW,gCAA0B;AAC9B,MAAI,CAACP,aAAc,QAAO;AAC1B,SACE,wBAAA,cAACX,KAAAA;GAAImB,IAAI;GAAGC,SAAQ;KACjBL,oBAAoBJ,aAAAA,CAAAA;;CAK3B,MAAMU,yCAAmC;AACvC,MAAI,CAACT,sBAAuB,QAAO;AACnC,SAAOG,oBAAoBH,sBAAAA;;CAG7B,MAAMU,4BAGJ,wBAAA,cAACrB,SAAAA;EAAQsB,QAAO;EAASC,IAAI;EAAGC,gBAAe;IAC7C,wBAAA,cAACxB,SAAAA,EAAQyB,YAAW,YAClB,wBAAA,cAACxB,MAAAA;EAAKyB,IAAG;EAAKC,UAAU;IACrBlB,MAAAA,EAEFQ,yBAAAA,CAAAA,EAEFG,kCAAAA,CAAAA;CAIL,MAAMQ,iCAA2B;AAC/B,MAAI,CAAChB,aAAc,QAAO;AAC1B,SACE,wBAAA,cAACZ,SAAAA;GAAQwB,gBAAe;GAAWK,IAAI;KACpCf,oBAAoBF,aAAAA,CAAAA;;AAK3B,QACE,wBAAA,cAACZ,SAAAA;EAAQ8B,eAAc;EAASP,IAAI;IACjCF,qBAAAA,EACAR,UACAe,0BAAAA,CAAAA"}

package/dist/PastDue/PastDueModalContents/index.cjs

@@ -0,0 +1,18 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_pastDueMessages = require('../pastDueMessages.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/PastDue/PastDueModalContents/index.tsx
+const PastDueModalContents = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {
+	const pastDueErrorMessage = require_pastDueMessages.pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] || require_pastDueMessages.pastDueErrorMessages(isSilverPlan, false).default;
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, { column: true }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { mb: 12 }, pastDueErrorMessage.text1), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { mb: 12 }, pastDueErrorMessage.text2))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
+		justifyContent: "end",
+		alignItems: "end"
+	}, closeButton, updatePaymentButton));
+};
+
+//#endregion
+exports.PastDueModalContents = PastDueModalContents;
+//# sourceMappingURL=index.cjs.map

package/dist/PastDue/PastDueModalContents/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","FlexBox","Text","React","pastDueErrorMessages","PastDueModalContents","pastDueErrorCode","isSilverPlan","closeButton","updatePaymentButton","pastDueErrorMessage","default","column","mb","text1","text2","justifyContent","alignItems"],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { pastDueErrorMessages } from '../pastDueMessages';\n\nexport interface PastDueModalProps {\n  pastDueErrorCode: string;\n  isSilverPlan: boolean;\n  closeButton: React.ReactNode;\n  updatePaymentButton: React.ReactNode;\n}\n\nexport const PastDueModalContents: React.FC<\n  React.PropsWithChildren<PastDueModalProps>\n> = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {\n  const pastDueErrorMessage =\n    pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] ||\n    pastDueErrorMessages(isSilverPlan, false).default;\n\n  return (\n    <>\n      <FlexBox column>\n        <Box>\n          <Text mb={12}>{pastDueErrorMessage.text1}</Text>\n          <Text mb={12}>{pastDueErrorMessage.text2}</Text>\n        </Box>\n      </FlexBox>\n      <FlexBox justifyContent=\"end\" alignItems=\"end\">\n        {closeButton}\n        {updatePaymentButton}\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAYA,MAAaK,wBAER,EAAEC,kBAAkBC,cAAcC,aAAaC,0BAAqB;CACvE,MAAMC,sBACJN,6CAAqBG,cAAc,MAAM,CAACD,qBAC1CF,6CAAqBG,cAAc,MAAA,CAAOI;AAE5C,QACE,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAACV,2BAAAA,EAAQW,QAAAA,QACP,8BAAA,cAACZ,uBAAAA,MACC,8BAAA,cAACE,wBAAAA,EAAKW,IAAI,MAAKH,oBAAoBI,MAAK,EACxC,8BAAA,cAACZ,wBAAAA,EAAKW,IAAI,MAAKH,oBAAoBK,MAAK,CAAA,CAAA,EAG5C,8BAAA,cAACd,2BAAAA;EAAQe,gBAAe;EAAMC,YAAW;IACtCT,aACAC,oBAAAA,CAAAA"}

package/dist/PastDue/PastDueModalContents/index.d.cts

@@ -0,0 +1,13 @@
+import React from "react";
+
+//#region src/PastDue/PastDueModalContents/index.d.ts
+interface PastDueModalProps {
+  pastDueErrorCode: string;
+  isSilverPlan: boolean;
+  closeButton: React.ReactNode;
+  updatePaymentButton: React.ReactNode;
+}
+declare const PastDueModalContents: React.FC<React.PropsWithChildren<PastDueModalProps>>;
+//#endregion
+export { PastDueModalContents, PastDueModalProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/PastDue/PastDueModalContents/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"mappings":";;;UAKiB,iBAAA;EACf,gBAAA;EACA,YAAA;EACA,WAAA,EAAa,KAAA,CAAM,SAAA;EACnB,mBAAA,EAAqB,KAAA,CAAM,SAAA;AAAA;AAAA,cAGhB,oBAAA,EAAsB,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,iBAAA,CAAkB,iBAAA"}

package/dist/PastDue/PastDueModalContents/index.d.ts

@@ -1,8 +1,13 @@
-import React from 'react';
-export interface PastDueModalProps {
-    pastDueErrorCode: string;
-    isSilverPlan: boolean;
-    closeButton: React.ReactNode;
-    updatePaymentButton: React.ReactNode;
+import React from "react";
+
+//#region src/PastDue/PastDueModalContents/index.d.ts
+interface PastDueModalProps {
+  pastDueErrorCode: string;
+  isSilverPlan: boolean;
+  closeButton: React.ReactNode;
+  updatePaymentButton: React.ReactNode;
 }
-export declare const PastDueModalContents: React.FC<React.PropsWithChildren<PastDueModalProps>>;
+declare const PastDueModalContents: React.FC<React.PropsWithChildren<PastDueModalProps>>;
+//#endregion
+export { PastDueModalContents, PastDueModalProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/PastDue/PastDueModalContents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"mappings":";;;UAKiB,iBAAA;EACf,gBAAA;EACA,YAAA;EACA,WAAA,EAAa,KAAA,CAAM,SAAA;EACnB,mBAAA,EAAqB,KAAA,CAAM,SAAA;AAAA;AAAA,cAGhB,oBAAA,EAAsB,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,iBAAA,CAAkB,iBAAA"}

package/dist/PastDue/PastDueModalContents/index.js

@@ -1,30 +1,16 @@
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import React from 'react';
-import { pastDueErrorMessages } from '../pastDueMessages';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const PastDueModalContents = ({
-  pastDueErrorCode,
-  isSilverPlan,
-  closeButton,
-  updatePaymentButton
-}) => {
-  const pastDueErrorMessage = pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] || pastDueErrorMessages(isSilverPlan, false).default;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(FlexBox, {
-      column: true,
-      children: /*#__PURE__*/_jsxs(Box, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          mb: 12,
-          children: pastDueErrorMessage.text1
-        }), /*#__PURE__*/_jsx(Text, {
-          mb: 12,
-          children: pastDueErrorMessage.text2
-        })]
-      })
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      justifyContent: "end",
-      alignItems: "end",
-      children: [closeButton, updatePaymentButton]
-    })]
-  });
-};
+import { pastDueErrorMessages } from "../pastDueMessages.js";
+import { Box, FlexBox, Text } from "@codecademy/gamut";
+import React from "react";
+
+//#region src/PastDue/PastDueModalContents/index.tsx
+const PastDueModalContents = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {
+	const pastDueErrorMessage = pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] || pastDueErrorMessages(isSilverPlan, false).default;
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FlexBox, { column: true }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { mb: 12 }, pastDueErrorMessage.text1), /* @__PURE__ */ React.createElement(Text, { mb: 12 }, pastDueErrorMessage.text2))), /* @__PURE__ */ React.createElement(FlexBox, {
+		justifyContent: "end",
+		alignItems: "end"
+	}, closeButton, updatePaymentButton));
+};
+
+//#endregion
+export { PastDueModalContents };
+//# sourceMappingURL=index.js.map

package/dist/PastDue/PastDueModalContents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","FlexBox","Text","React","pastDueErrorMessages","PastDueModalContents","pastDueErrorCode","isSilverPlan","closeButton","updatePaymentButton","pastDueErrorMessage","default","column","mb","text1","text2","justifyContent","alignItems"],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { pastDueErrorMessages } from '../pastDueMessages';\n\nexport interface PastDueModalProps {\n  pastDueErrorCode: string;\n  isSilverPlan: boolean;\n  closeButton: React.ReactNode;\n  updatePaymentButton: React.ReactNode;\n}\n\nexport const PastDueModalContents: React.FC<\n  React.PropsWithChildren<PastDueModalProps>\n> = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {\n  const pastDueErrorMessage =\n    pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] ||\n    pastDueErrorMessages(isSilverPlan, false).default;\n\n  return (\n    <>\n      <FlexBox column>\n        <Box>\n          <Text mb={12}>{pastDueErrorMessage.text1}</Text>\n          <Text mb={12}>{pastDueErrorMessage.text2}</Text>\n        </Box>\n      </FlexBox>\n      <FlexBox justifyContent=\"end\" alignItems=\"end\">\n        {closeButton}\n        {updatePaymentButton}\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;AAYA,MAAaK,wBAER,EAAEC,kBAAkBC,cAAcC,aAAaC,0BAAqB;CACvE,MAAMC,sBACJN,qBAAqBG,cAAc,MAAM,CAACD,qBAC1CF,qBAAqBG,cAAc,MAAA,CAAOI;AAE5C,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACV,SAAAA,EAAQW,QAAAA,QACP,sBAAA,cAACZ,KAAAA,MACC,sBAAA,cAACE,MAAAA,EAAKW,IAAI,MAAKH,oBAAoBI,MAAK,EACxC,sBAAA,cAACZ,MAAAA,EAAKW,IAAI,MAAKH,oBAAoBK,MAAK,CAAA,CAAA,EAG5C,sBAAA,cAACd,SAAAA;EAAQe,gBAAe;EAAMC,YAAW;IACtCT,aACAC,oBAAAA,CAAAA"}

package/dist/PastDue/index.cjs

@@ -0,0 +1,2 @@
+const require_pastDueMessages = require('./pastDueMessages.cjs');
+const require_index = require('./PastDueModalContents/index.cjs');

package/dist/PastDue/index.d.ts

@@ -1,2 +1,2 @@
-export * from './PastDueModalContents';
-export * from './pastDueMessages';
+import { PastDueModalContents, PastDueModalProps } from "./PastDueModalContents/index.js";
+import { pastDueErrorMessages } from "./pastDueMessages.js";

package/dist/PastDue/index.js

@@ -1,2 +1,2 @@
-export * from './PastDueModalContents';
-export * from './pastDueMessages';
+import { pastDueErrorMessages } from "./pastDueMessages.js";
+import { PastDueModalContents } from "./PastDueModalContents/index.js";

package/dist/PastDue/pastDueMessages.cjs

@@ -0,0 +1,49 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+
+//#region src/PastDue/pastDueMessages.tsx
+const StyledAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "e192anko0",
+	label: "brand-StyledAnchor"
+})(({ theme, isAlert }) => isAlert ? `color: ${theme.colors.white}` : "", ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Bhc3REdWUvcGFzdER1ZU1lc3NhZ2VzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Bhc3REdWUvcGFzdER1ZU1lc3NhZ2VzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQYXN0RHVlRXJyb3JNZXNzYWdlIHtcbiAgdGV4dDE6IHN0cmluZztcbiAgdGV4dDI6IHN0cmluZyB8IEpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKTx7IGlzQWxlcnQ6IGJvb2xlYW4gfT5gXG4gICR7KHsgdGhlbWUsIGlzQWxlcnQgfSkgPT4gKGlzQWxlcnQgPyBgY29sb3I6ICR7dGhlbWUuY29sb3JzLndoaXRlfWAgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHBhc3REdWVFcnJvck1lc3NhZ2VzID0gKFxuICBpc1NpbHZlclBsYW46IGJvb2xlYW4sXG4gIGlzQWxlcnQ6IGJvb2xlYW5cbik6IFJlY29yZDxzdHJpbmcsIFBhc3REdWVFcnJvck1lc3NhZ2U+ID0+ICh7XG4gIGluc3VmZmljaWVudF9mdW5kczoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBkdWUgdG8gaW5zdWZmaWNpZW50IGZ1bmRzLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVjbGluZWQ6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2guIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICB0ZW1wb3JhcnlfaG9sZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IG1ldGhvZCB3YXMgcGxhY2VkIG9uIGEgdGVtcG9yYXJ5IGhvbGQuIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICBpbnZhbGlkX3RyYW5zYWN0aW9uOiB7XG4gICAgdGV4dDE6IGBZb3VyIHBheW1lbnQgZGlkIG5vdCBnbyB0aHJvdWdoLiBDb250YWN0IHlvdXIgYmFuayBvciBjYXJkIGlzc3VlciB0byBmaW5kIG91dCBtb3JlIGFib3V0IHBvc3NpYmxlIHRyYW5zYWN0aW9uIHJlc3RyaWN0aW9ucy5gLFxuICAgIHRleHQyOiBgVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGludmFsaWRfYWNjb3VudF9udW1iZXI6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2ggYmVjYXVzZSB5b3VyIGNhcmQgZGV0YWlscyBtYXkgYmUgaW5jb3JyZWN0LmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgY2FyZCBkZXRhaWxzIG9yIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGV4cGlyZWRfY2FyZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBiZWNhdXNlIHlvdXIgY2FyZCBpcyBleHBpcmVkLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVmYXVsdDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaC4gVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gICAgdGV4dDI6IChcbiAgICAgIDw+XG4gICAgICAgIExldCBvdXJ7JyAnfVxuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgaHJlZj1cImh0dHBzOi8vaGVscC5jb2RlY2FkZW15LmNvbS9oYy9lbi11c1wiXG4gICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICByZWw9XCJub3JlZmVycmVyXCJcbiAgICAgICAgICBpc0FsZXJ0PXtpc0FsZXJ0fVxuICAgICAgICA+XG4gICAgICAgICAgY3VzdG9tZXIgc3VwcG9ydFxuICAgICAgICA8L1N0eWxlZEFuY2hvcj57JyAnfVxuICAgICAgICB0ZWFtIGtub3cgaWYgeW91IGhhdmUgZnVydGhlciBxdWVzdGlvbnMuXG4gICAgICA8Lz5cbiAgICApLFxuICB9LFxufSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFCIn0= */");
+const pastDueErrorMessages = (isSilverPlan, isAlert) => ({
+	insufficient_funds: {
+		text1: `Your payment did not go through due to insufficient funds.`,
+		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
+	},
+	declined: {
+		text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,
+		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
+	},
+	temporary_hold: {
+		text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,
+		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
+	},
+	invalid_transaction: {
+		text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,
+		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
+	},
+	invalid_account_number: {
+		text1: `Your payment did not go through because your card details may be incorrect.`,
+		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your card details or payment method.`
+	},
+	expired_card: {
+		text1: `Your payment did not go through because your card is expired.`,
+		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
+	},
+	default: {
+		text1: `Your payment did not go through. To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`,
+		text2: /* @__PURE__ */ React.createElement(React.Fragment, null, "Let our", " ", /* @__PURE__ */ React.createElement(StyledAnchor, {
+			href: "https://help.codecademy.com/hc/en-us",
+			target: "_blank",
+			rel: "noreferrer",
+			isAlert
+		}, "customer support"), " ", "team know if you have further questions.")
+	}
+});
+
+//#endregion
+exports.pastDueErrorMessages = pastDueErrorMessages;
+//# sourceMappingURL=pastDueMessages.cjs.map

package/dist/PastDue/pastDueMessages.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pastDueMessages.cjs","names":["Anchor","styled","StyledAnchor","theme","isAlert","colors","white","pastDueErrorMessages","isSilverPlan","insufficient_funds","text1","text2","declined","temporary_hold","invalid_transaction","invalid_account_number","expired_card","default","href","target","rel"],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":["import { Anchor } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\n\ninterface PastDueErrorMessage {\n  text1: string;\n  text2: string | JSX.Element;\n}\n\nconst StyledAnchor = styled(Anchor)<{ isAlert: boolean }>`\n  ${({ theme, isAlert }) => (isAlert ? `color: ${theme.colors.white}` : '')};\n`;\n\nexport const pastDueErrorMessages = (\n  isSilverPlan: boolean,\n  isAlert: boolean\n): Record<string, PastDueErrorMessage> => ({\n  insufficient_funds: {\n    text1: `Your payment did not go through due to insufficient funds.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  declined: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  temporary_hold: {\n    text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_transaction: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_account_number: {\n    text1: `Your payment did not go through because your card details may be incorrect.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your card details or payment method.`,\n  },\n  expired_card: {\n    text1: `Your payment did not go through because your card is expired.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  default: {\n    text1: `Your payment did not go through. To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n    text2: (\n      <>\n        Let our{' '}\n        <StyledAnchor\n          href=\"https://help.codecademy.com/hc/en-us\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          isAlert={isAlert}\n        >\n          customer support\n        </StyledAnchor>{' '}\n        team know if you have further questions.\n      </>\n    ),\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAME,eAAeD,6CAAOD,0BAAAA;;;IACvB,EAAEG,OAAOC,cAAeA,UAAU,UAAUD,MAAME,OAAOC,UAAU,IAAA,KAAA,0tHAAA;AAGxE,MAAaC,wBACXC,cACAJ,aACyC;CACzCK,oBAAoB;EAClBC,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAI,UAAU;EACRF,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAK,gBAAgB;EACdH,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAM,qBAAqB;EACnBJ,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAO,wBAAwB;EACtBL,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAQ,cAAc;EACZN,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAS,SAAS;EACPP,OAAO,qEACLF,eAAe,SAAS,MACzB;EACDG,OACE,sBAAA,cAAA,MAAA,UAAA,MAAE,WACQ,KACR,sBAAA,cAACT,cAAAA;GACCgB,MAAK;GACLC,QAAO;GACPC,KAAI;GACKhB;KACV,mBAAA,EAEe,KAAI,2CAAA;EAI1B;CACF"}

package/dist/PastDue/pastDueMessages.d.cts

@@ -0,0 +1,9 @@
+//#region src/PastDue/pastDueMessages.d.ts
+interface PastDueErrorMessage {
+  text1: string;
+  text2: string | JSX.Element;
+}
+declare const pastDueErrorMessages: (isSilverPlan: boolean, isAlert: boolean) => Record<string, PastDueErrorMessage>;
+//#endregion
+export { pastDueErrorMessages };
+//# sourceMappingURL=pastDueMessages.d.cts.map

package/dist/PastDue/pastDueMessages.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pastDueMessages.d.cts","names":[],"sources":["../../src/PastDue/pastDueMessages.tsx"],"mappings":";UAGU,mBAAA;EACR,KAAA;EACA,KAAA,WAAgB,GAAA,CAAI,OAAA;AAAA;AAAA,cAOT,oBAAA,GACX,YAAA,WACA,OAAA,cACC,MAAA,SAAe,mBAAA"}

package/dist/PastDue/pastDueMessages.d.ts

@@ -1,6 +1,9 @@
+//#region src/PastDue/pastDueMessages.d.ts
 interface PastDueErrorMessage {
-    text1: string;
-    text2: string | JSX.Element;
+  text1: string;
+  text2: string | JSX.Element;
 }
-export declare const pastDueErrorMessages: (isSilverPlan: boolean, isAlert: boolean) => Record<string, PastDueErrorMessage>;
-export {};
+declare const pastDueErrorMessages: (isSilverPlan: boolean, isAlert: boolean) => Record<string, PastDueErrorMessage>;
+//#endregion
+export { pastDueErrorMessages };
+//# sourceMappingURL=pastDueMessages.d.ts.map

package/dist/PastDue/pastDueMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pastDueMessages.d.ts","names":[],"sources":["../../src/PastDue/pastDueMessages.tsx"],"mappings":";UAGU,mBAAA;EACR,KAAA;EACA,KAAA,WAAgB,GAAA,CAAI,OAAA;AAAA;AAAA,cAOT,oBAAA,GACX,YAAA,WACA,OAAA,cACC,MAAA,SAAe,mBAAA"}