@codecademy/brand 3.40.1-alpha.a095761d09.0 → 4.0.0-alpha.0ae245495b.0

package/dist/PageSection/index.cjs

@@ -0,0 +1,65 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
+			...buttonProps,
+			children: text
+		});
+	};
+	const maybeRenderHeaderButton = () => {
+		if (!headerButton) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
+			ml: 4,
+			display: "inline",
+			children: renderSectionButton(headerButton)
+		});
+	};
+	const maybeRenderHeaderSecondaryButton = () => {
+		if (!headerSecondaryButton) return null;
+		return renderSectionButton(headerSecondaryButton);
+	};
+	const renderSectionHeader = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+		height: "2.5rem",
+		mb: 8,
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+			alignItems: "center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+				as: "h2",
+				fontSize: 22,
+				children: title
+			}), maybeRenderHeaderButton()]
+		}), maybeRenderHeaderSecondaryButton()]
+	});
+	const maybeRenderSectionFooter = () => {
+		if (!footerButton) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
+			justifyContent: "flex-end",
+			mt: 16,
+			children: renderSectionButton(footerButton)
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		mb: 48,
+		children: [
+			renderSectionHeader(),
+			children,
+			maybeRenderSectionFooter()
+		]
+	});
+};
+
+//#endregion
+exports.PageSection = PageSection;

package/dist/PageSection/index.d.cts

@@ -0,0 +1,20 @@
+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 };

package/dist/PageSection/index.d.ts

@@ -1,17 +1,20 @@
-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 };

package/dist/PageSection/index.js

@@ -1,67 +1,63 @@
-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 "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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__ */ 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__ */ 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()
+		]
+	});
+};
+
+//#endregion
+export { PageSection };

package/dist/PastDue/PastDueModalContents/index.cjs

@@ -0,0 +1,28 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_pastDueMessages = require('../pastDueMessages.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
+		column: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+			mb: 12,
+			children: pastDueErrorMessage.text1
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+			mb: 12,
+			children: pastDueErrorMessage.text2
+		})] })
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+		justifyContent: "end",
+		alignItems: "end",
+		children: [closeButton, updatePaymentButton]
+	})] });
+};
+
+//#endregion
+exports.PastDueModalContents = PastDueModalContents;

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

@@ -0,0 +1,12 @@
+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 };

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

@@ -1,8 +1,12 @@
-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 };

package/dist/PastDue/PastDueModalContents/index.js

@@ -1,30 +1,26 @@
-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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/PastDue/PastDueModalContents/index.tsx
+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]
+	})] });
+};
+
+//#endregion
+export { PastDueModalContents };

package/dist/PastDue/index.cjs

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

package/dist/PastDue/index.d.cts

@@ -0,0 +1,3 @@
+import { PastDueModalContents, PastDueModalProps } from "./PastDueModalContents/index.cjs";
+import { pastDueErrorMessages } from "./pastDueMessages.cjs";
+export { PastDueModalContents, PastDueModalProps, pastDueErrorMessages };

package/dist/PastDue/index.d.ts

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

package/dist/PastDue/index.js

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

package/dist/PastDue/pastDueMessages.cjs

@@ -0,0 +1,55 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/PastDue/pastDueMessages.tsx
+const StyledAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)`
+  ${({ theme, isAlert }) => isAlert ? `color: ${theme.colors.white}` : ""};
+`;
+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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			"Let our",
+			" ",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAnchor, {
+				href: "https://help.codecademy.com/hc/en-us",
+				target: "_blank",
+				rel: "noreferrer",
+				isAlert,
+				children: "customer support"
+			}),
+			" ",
+			"team know if you have further questions."
+		] })
+	}
+});
+
+//#endregion
+exports.pastDueErrorMessages = pastDueErrorMessages;

package/dist/PastDue/pastDueMessages.d.cts

@@ -0,0 +1,8 @@
+//#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 };

package/dist/PastDue/pastDueMessages.d.ts

@@ -1,6 +1,8 @@
+//#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 };

package/dist/PastDue/pastDueMessages.js

@@ -1,48 +1,53 @@
-import _styled from "@emotion/styled/base";
-import { Anchor } from '@codecademy/gamut';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "ej6f6si0",
-  label: "StyledAnchor"
-})(({
-  theme,
-  isAlert
-}) => isAlert ? `color: ${theme.colors.white}` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXN0RHVlL3Bhc3REdWVNZXNzYWdlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlEIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYXN0RHVlL3Bhc3REdWVNZXNzYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQYXN0RHVlRXJyb3JNZXNzYWdlIHtcbiAgdGV4dDE6IHN0cmluZztcbiAgdGV4dDI6IHN0cmluZyB8IEpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKTx7IGlzQWxlcnQ6IGJvb2xlYW4gfT5gXG4gICR7KHsgdGhlbWUsIGlzQWxlcnQgfSkgPT4gKGlzQWxlcnQgPyBgY29sb3I6ICR7dGhlbWUuY29sb3JzLndoaXRlfWAgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHBhc3REdWVFcnJvck1lc3NhZ2VzID0gKFxuICBpc1NpbHZlclBsYW46IGJvb2xlYW4sXG4gIGlzQWxlcnQ6IGJvb2xlYW5cbik6IFJlY29yZDxzdHJpbmcsIFBhc3REdWVFcnJvck1lc3NhZ2U+ID0+ICh7XG4gIGluc3VmZmljaWVudF9mdW5kczoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBkdWUgdG8gaW5zdWZmaWNpZW50IGZ1bmRzLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVjbGluZWQ6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2guIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICB0ZW1wb3JhcnlfaG9sZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IG1ldGhvZCB3YXMgcGxhY2VkIG9uIGEgdGVtcG9yYXJ5IGhvbGQuIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICBpbnZhbGlkX3RyYW5zYWN0aW9uOiB7XG4gICAgdGV4dDE6IGBZb3VyIHBheW1lbnQgZGlkIG5vdCBnbyB0aHJvdWdoLiBDb250YWN0IHlvdXIgYmFuayBvciBjYXJkIGlzc3VlciB0byBmaW5kIG91dCBtb3JlIGFib3V0IHBvc3NpYmxlIHRyYW5zYWN0aW9uIHJlc3RyaWN0aW9ucy5gLFxuICAgIHRleHQyOiBgVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGludmFsaWRfYWNjb3VudF9udW1iZXI6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2ggYmVjYXVzZSB5b3VyIGNhcmQgZGV0YWlscyBtYXkgYmUgaW5jb3JyZWN0LmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgY2FyZCBkZXRhaWxzIG9yIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGV4cGlyZWRfY2FyZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBiZWNhdXNlIHlvdXIgY2FyZCBpcyBleHBpcmVkLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVmYXVsdDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaC4gVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gICAgdGV4dDI6IChcbiAgICAgIDw+XG4gICAgICAgIExldCBvdXJ7JyAnfVxuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgaHJlZj1cImh0dHBzOi8vaGVscC5jb2RlY2FkZW15LmNvbS9oYy9lbi11c1wiXG4gICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICByZWw9XCJub3JlZmVycmVyXCJcbiAgICAgICAgICBpc0FsZXJ0PXtpc0FsZXJ0fVxuICAgICAgICA+XG4gICAgICAgICAgY3VzdG9tZXIgc3VwcG9ydFxuICAgICAgICA8L1N0eWxlZEFuY2hvcj57JyAnfVxuICAgICAgICB0ZWFtIGtub3cgaWYgeW91IGhhdmUgZnVydGhlciBxdWVzdGlvbnMuXG4gICAgICA8Lz5cbiAgICApLFxuICB9LFxufSk7XG4iXX0= */"));
-export 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__*/_jsxs(_Fragment, {
-      children: ["Let our", ' ', /*#__PURE__*/_jsx(StyledAnchor, {
-        href: "https://help.codecademy.com/hc/en-us",
-        target: "_blank",
-        rel: "noreferrer",
-        isAlert: isAlert,
-        children: "customer support"
-      }), ' ', "team know if you have further questions."]
-    })
-  }
-});
+import { Anchor } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/PastDue/pastDueMessages.tsx
+const StyledAnchor = styled(Anchor)`
+  ${({ theme, isAlert }) => isAlert ? `color: ${theme.colors.white}` : ""};
+`;
+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__ */ jsxs(Fragment, { children: [
+			"Let our",
+			" ",
+			/* @__PURE__ */ jsx(StyledAnchor, {
+				href: "https://help.codecademy.com/hc/en-us",
+				target: "_blank",
+				rel: "noreferrer",
+				isAlert,
+				children: "customer support"
+			}),
+			" ",
+			"team know if you have further questions."
+		] })
+	}
+});
+
+//#endregion
+export { pastDueErrorMessages };