@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

package/dist/AppHeader/Search/QuizAndHelpCenterLinks.cjs

@@ -1,57 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_context = require('../../GlobalHeader/context.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeader/Search/QuizAndHelpCenterLinks.tsx
-const BoldSupportIcon = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.SupportIcon, {
-	target: "e18fojp10",
-	label: "brand-BoldSupportIcon"
-})("path{stroke-width:2.5;}circle{stroke-width:2.5;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9TZWFyY2gvUXVpekFuZEhlbHBDZW50ZXJMaW5rcy50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvU2VhcmNoL1F1aXpBbmRIZWxwQ2VudGVyTGlua3MudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgRmxleEJveCwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlBcnJvd1JpZ2h0SWNvbiwgU3VwcG9ydEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0IH0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgQm9sZFN1cHBvcnRJY29uID0gc3R5bGVkKFN1cHBvcnRJY29uKWBcbiAgcGF0aCB7XG4gICAgc3Ryb2tlLXdpZHRoOiAyLjU7XG4gIH1cbiAgY2lyY2xlIHtcbiAgICBzdHJva2Utd2lkdGg6IDIuNTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFF1aXpBbmRIZWxwQ2VudGVyTGlua3M6IFJlYWN0LkZDPHtcbiAgb25UcmFja2luZ0NsaWNrOiAodGFyZ2V0OiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhbmRsZUNsb3NlRHJvcGRvd246ICgpID0+IHZvaWQ7XG59PiA9ICh7IG9uVHJhY2tpbmdDbGljaywgaGFuZGxlQ2xvc2VEcm9wZG93biB9KSA9PiB7XG4gIGNvbnN0IHsgc2hvd09uYm9hcmRpbmdRdWl6LCBzaG93U29ydGluZ1F1aXogfSA9IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0KCk7XG5cbiAgY29uc3QgaXNNb2JpbGUgPSB0aGVtZS5icmVha3BvaW50cy54cyB8fCB0aGVtZS5icmVha3BvaW50cy5zbTtcblxuICBjb25zdCBxdWl6TGluayA9IHNob3dPbmJvYXJkaW5nUXVpelxuICAgID8gJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnXG4gICAgOiAnL2V4cGxvcmUvc29ydGluZy1xdWl6JztcblxuICBjb25zdCBzaG93UXVpeiA9IHNob3dPbmJvYXJkaW5nUXVpeiB8fCBzaG93U29ydGluZ1F1aXo7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgYm9yZGVyVG9wPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgcHk9ezh9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbWQ6ICdyb3cnIH19PlxuICAgICAgICB7c2hvd1F1aXogJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17MTZ9IG1yPXsxMCBhcyAwfT5cbiAgICAgICAgICAgICAgTm90IHN1cmUgd2hlcmUgdG8gYmVnaW4/XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgICAgIGhyZWY9e3F1aXpMaW5rfVxuICAgICAgICAgICAgICB2YXJpYW50PVwic3RhbmRhcmRcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKFxuICAgICAgICAgICAgICAgICAgc2hvd09uYm9hcmRpbmdRdWl6ID8gJ3NvcnRpbmdfcXVpeicgOiAnb25ib2FyZGluZ19xdWl6J1xuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2VEcm9wZG93bigpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyAwfSBvdmVyZmxvdz1cInZpc2libGVcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17eyBfOiAxNCwgbWQ6IDE2IH19PlRha2Ugb3VyIHF1aXo8L1RleHQ+XG4gICAgICAgICAgICAgICAgPE1pbmlBcnJvd1JpZ2h0SWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9BbmNob3I+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8VGV4dEJ1dHRvblxuICAgICAgICBocmVmPVwiL2hlbHBcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRyYWNraW5nQ2xpY2soJ2hlbHBfY2VudGVyJyl9XG4gICAgICAgIHNpemU9e2lzTW9iaWxlID8gJ3NtYWxsJyA6ICdub3JtYWwnfVxuICAgICAgPlxuICAgICAgICA8Qm9sZFN1cHBvcnRJY29uIG1yPXs4fSBzaXplPXsxMn0gLz5cbiAgICAgICAgSGVscCBDZW50ZXJcbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rQiJ9 */");
-const QuizAndHelpCenterLinks = ({ onTrackingClick, handleCloseDropdown }) => {
-	const { showOnboardingQuiz, showSortingQuiz } = require_context.useHeaderDisplayContext();
-	const isMobile = _codecademy_gamut_styles.theme.breakpoints.xs || _codecademy_gamut_styles.theme.breakpoints.sm;
-	const quizLink = showOnboardingQuiz ? "/welcome/find-a-course" : "/explore/sorting-quiz";
-	const showQuiz = showOnboardingQuiz || showSortingQuiz;
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		justifyContent: "space-between",
-		alignItems: "center",
-		borderTop: 1,
-		borderColor: "border-tertiary",
-		py: 8
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, { flexDirection: {
-		_: "column",
-		md: "row"
-	} }, showQuiz && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		fontSize: 16,
-		mr: 10
-	}, "Not sure where to begin?"), /* @__PURE__ */ React.createElement(_codecademy_gamut.Anchor, {
-		href: quizLink,
-		variant: "standard",
-		onClick: () => {
-			onTrackingClick(showOnboardingQuiz ? "sorting_quiz" : "onboarding_quiz");
-			handleCloseDropdown();
-		}
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		gap: 10,
-		overflow: "visible"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { fontSize: {
-		_: 14,
-		md: 16
-	} }, "Take our quiz"), /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.MiniArrowRightIcon, { size: 12 }))))), /* @__PURE__ */ React.createElement(_codecademy_gamut.TextButton, {
-		href: "/help",
-		onClick: () => onTrackingClick("help_center"),
-		size: isMobile ? "small" : "normal"
-	}, /* @__PURE__ */ React.createElement(BoldSupportIcon, {
-		mr: 8,
-		size: 12
-	}), "Help Center"));
-};
-
-//#endregion
-exports.QuizAndHelpCenterLinks = QuizAndHelpCenterLinks;
-//# sourceMappingURL=QuizAndHelpCenterLinks.cjs.map

package/dist/AppHeader/Search/QuizAndHelpCenterLinks.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuizAndHelpCenterLinks.cjs","names":["Anchor","FlexBox","Text","TextButton","MiniArrowRightIcon","SupportIcon","theme","styled","useHeaderDisplayContext","BoldSupportIcon","QuizAndHelpCenterLinks","onTrackingClick","handleCloseDropdown","showOnboardingQuiz","showSortingQuiz","isMobile","breakpoints","xs","sm","quizLink","showQuiz","justifyContent","alignItems","borderTop","borderColor","py","flexDirection","_","md","fontSize","mr","href","variant","onClick","gap","overflow","size"],"sources":["../../../src/AppHeader/Search/QuizAndHelpCenterLinks.tsx"],"sourcesContent":["import { Anchor, FlexBox, Text, TextButton } from '@codecademy/gamut';\nimport { MiniArrowRightIcon, SupportIcon } from '@codecademy/gamut-icons';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { useHeaderDisplayContext } from '../../GlobalHeader/context';\n\nexport const BoldSupportIcon = styled(SupportIcon)`\n  path {\n    stroke-width: 2.5;\n  }\n  circle {\n    stroke-width: 2.5;\n  }\n`;\n\nexport const QuizAndHelpCenterLinks: React.FC<{\n  onTrackingClick: (target: string) => void;\n  handleCloseDropdown: () => void;\n}> = ({ onTrackingClick, handleCloseDropdown }) => {\n  const { showOnboardingQuiz, showSortingQuiz } = useHeaderDisplayContext();\n\n  const isMobile = theme.breakpoints.xs || theme.breakpoints.sm;\n\n  const quizLink = showOnboardingQuiz\n    ? '/welcome/find-a-course'\n    : '/explore/sorting-quiz';\n\n  const showQuiz = showOnboardingQuiz || showSortingQuiz;\n\n  return (\n    <FlexBox\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderTop={1}\n      borderColor=\"border-tertiary\"\n      py={8}\n    >\n      <FlexBox flexDirection={{ _: 'column', md: 'row' }}>\n        {showQuiz && (\n          <>\n            <Text fontSize={16} mr={10 as 0}>\n              Not sure where to begin?\n            </Text>\n            <Anchor\n              href={quizLink}\n              variant=\"standard\"\n              onClick={() => {\n                onTrackingClick(\n                  showOnboardingQuiz ? 'sorting_quiz' : 'onboarding_quiz'\n                );\n                handleCloseDropdown();\n              }}\n            >\n              <FlexBox alignItems=\"center\" gap={10 as 0} overflow=\"visible\">\n                <Text fontSize={{ _: 14, md: 16 }}>Take our quiz</Text>\n                <MiniArrowRightIcon size={12} />\n              </FlexBox>\n            </Anchor>\n          </>\n        )}\n      </FlexBox>\n      <TextButton\n        href=\"/help\"\n        onClick={() => onTrackingClick('help_center')}\n        size={isMobile ? 'small' : 'normal'}\n      >\n        <BoldSupportIcon mr={8} size={12} />\n        Help Center\n      </TextButton>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;;;AAOA,MAAaS,kBAAkBF,6CAAOF,qCAAAA;;;;AAStC,MAAaK,0BAGP,EAAEC,iBAAiBC,0BAAqB;CAC5C,MAAM,EAAEC,oBAAoBC,oBAAoBN,yCAAAA;CAEhD,MAAMO,WAAWT,+BAAMU,YAAYC,MAAMX,+BAAMU,YAAYE;CAE3D,MAAMC,WAAWN,qBACb,2BACA;CAEJ,MAAMO,WAAWP,sBAAsBC;AAEvC,QACE,sBAAA,cAACb,2BAAAA;EACCoB,gBAAe;EACfC,YAAW;EACXC,WAAW;EACXC,aAAY;EACZC,IAAI;IAEJ,sBAAA,cAACxB,2BAAAA,EAAQyB,eAAe;EAAEC,GAAG;EAAUC,IAAI;EAAM,IAC9CR,YACC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAClB,wBAAAA;EAAK2B,UAAU;EAAIC,IAAI;IAAS,2BAAA,EAGjC,sBAAA,cAAC9B,0BAAAA;EACC+B,MAAMZ;EACNa,SAAQ;EACRC,eAAS;AACPtB,mBACEE,qBAAqB,iBAAiB,kBAAA;AAExCD,wBAAAA;;IAGF,sBAAA,cAACX,2BAAAA;EAAQqB,YAAW;EAASY,KAAK;EAASC,UAAS;IAClD,sBAAA,cAACjC,wBAAAA,EAAK2B,UAAU;EAAEF,GAAG;EAAIC,IAAI;EAAG,IAAG,gBAAA,EACnC,sBAAA,cAACxB,4CAAAA,EAAmBgC,MAAM,WAMpC,sBAAA,cAACjC,8BAAAA;EACC4B,MAAK;EACLE,eAAetB,gBAAgB,cAAA;EAC/ByB,MAAMrB,WAAW,UAAU;IAE3B,sBAAA,cAACN,iBAAAA;EAAgBqB,IAAI;EAAGM,MAAM;KAAM,cAAA,CAAA"}

package/dist/AppHeader/Search/QuizAndHelpCenterLinks.mjs

@@ -1,55 +0,0 @@
-import { useHeaderDisplayContext } from "../../GlobalHeader/context.mjs";
-import { Anchor, FlexBox, Text, TextButton } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { MiniArrowRightIcon, SupportIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/Search/QuizAndHelpCenterLinks.tsx
-const BoldSupportIcon = /* @__PURE__ */ styled(SupportIcon, {
-	target: "e18fojp10",
-	label: "brand-BoldSupportIcon"
-})("path{stroke-width:2.5;}circle{stroke-width:2.5;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9TZWFyY2gvUXVpekFuZEhlbHBDZW50ZXJMaW5rcy50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvU2VhcmNoL1F1aXpBbmRIZWxwQ2VudGVyTGlua3MudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgRmxleEJveCwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlBcnJvd1JpZ2h0SWNvbiwgU3VwcG9ydEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0IH0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgQm9sZFN1cHBvcnRJY29uID0gc3R5bGVkKFN1cHBvcnRJY29uKWBcbiAgcGF0aCB7XG4gICAgc3Ryb2tlLXdpZHRoOiAyLjU7XG4gIH1cbiAgY2lyY2xlIHtcbiAgICBzdHJva2Utd2lkdGg6IDIuNTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFF1aXpBbmRIZWxwQ2VudGVyTGlua3M6IFJlYWN0LkZDPHtcbiAgb25UcmFja2luZ0NsaWNrOiAodGFyZ2V0OiBzdHJpbmcpID0+IHZvaWQ7XG4gIGhhbmRsZUNsb3NlRHJvcGRvd246ICgpID0+IHZvaWQ7XG59PiA9ICh7IG9uVHJhY2tpbmdDbGljaywgaGFuZGxlQ2xvc2VEcm9wZG93biB9KSA9PiB7XG4gIGNvbnN0IHsgc2hvd09uYm9hcmRpbmdRdWl6LCBzaG93U29ydGluZ1F1aXogfSA9IHVzZUhlYWRlckRpc3BsYXlDb250ZXh0KCk7XG5cbiAgY29uc3QgaXNNb2JpbGUgPSB0aGVtZS5icmVha3BvaW50cy54cyB8fCB0aGVtZS5icmVha3BvaW50cy5zbTtcblxuICBjb25zdCBxdWl6TGluayA9IHNob3dPbmJvYXJkaW5nUXVpelxuICAgID8gJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnXG4gICAgOiAnL2V4cGxvcmUvc29ydGluZy1xdWl6JztcblxuICBjb25zdCBzaG93UXVpeiA9IHNob3dPbmJvYXJkaW5nUXVpeiB8fCBzaG93U29ydGluZ1F1aXo7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgYm9yZGVyVG9wPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgcHk9ezh9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbWQ6ICdyb3cnIH19PlxuICAgICAgICB7c2hvd1F1aXogJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17MTZ9IG1yPXsxMCBhcyAwfT5cbiAgICAgICAgICAgICAgTm90IHN1cmUgd2hlcmUgdG8gYmVnaW4/XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgICAgIGhyZWY9e3F1aXpMaW5rfVxuICAgICAgICAgICAgICB2YXJpYW50PVwic3RhbmRhcmRcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKFxuICAgICAgICAgICAgICAgICAgc2hvd09uYm9hcmRpbmdRdWl6ID8gJ3NvcnRpbmdfcXVpeicgOiAnb25ib2FyZGluZ19xdWl6J1xuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2VEcm9wZG93bigpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyAwfSBvdmVyZmxvdz1cInZpc2libGVcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17eyBfOiAxNCwgbWQ6IDE2IH19PlRha2Ugb3VyIHF1aXo8L1RleHQ+XG4gICAgICAgICAgICAgICAgPE1pbmlBcnJvd1JpZ2h0SWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9BbmNob3I+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8VGV4dEJ1dHRvblxuICAgICAgICBocmVmPVwiL2hlbHBcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRyYWNraW5nQ2xpY2soJ2hlbHBfY2VudGVyJyl9XG4gICAgICAgIHNpemU9e2lzTW9iaWxlID8gJ3NtYWxsJyA6ICdub3JtYWwnfVxuICAgICAgPlxuICAgICAgICA8Qm9sZFN1cHBvcnRJY29uIG1yPXs4fSBzaXplPXsxMn0gLz5cbiAgICAgICAgSGVscCBDZW50ZXJcbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rQiJ9 */");
-const QuizAndHelpCenterLinks = ({ onTrackingClick, handleCloseDropdown }) => {
-	const { showOnboardingQuiz, showSortingQuiz } = useHeaderDisplayContext();
-	const isMobile = theme.breakpoints.xs || theme.breakpoints.sm;
-	const quizLink = showOnboardingQuiz ? "/welcome/find-a-course" : "/explore/sorting-quiz";
-	const showQuiz = showOnboardingQuiz || showSortingQuiz;
-	return /* @__PURE__ */ React.createElement(FlexBox, {
-		justifyContent: "space-between",
-		alignItems: "center",
-		borderTop: 1,
-		borderColor: "border-tertiary",
-		py: 8
-	}, /* @__PURE__ */ React.createElement(FlexBox, { flexDirection: {
-		_: "column",
-		md: "row"
-	} }, showQuiz && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, {
-		fontSize: 16,
-		mr: 10
-	}, "Not sure where to begin?"), /* @__PURE__ */ React.createElement(Anchor, {
-		href: quizLink,
-		variant: "standard",
-		onClick: () => {
-			onTrackingClick(showOnboardingQuiz ? "sorting_quiz" : "onboarding_quiz");
-			handleCloseDropdown();
-		}
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 10,
-		overflow: "visible"
-	}, /* @__PURE__ */ React.createElement(Text, { fontSize: {
-		_: 14,
-		md: 16
-	} }, "Take our quiz"), /* @__PURE__ */ React.createElement(MiniArrowRightIcon, { size: 12 }))))), /* @__PURE__ */ React.createElement(TextButton, {
-		href: "/help",
-		onClick: () => onTrackingClick("help_center"),
-		size: isMobile ? "small" : "normal"
-	}, /* @__PURE__ */ React.createElement(BoldSupportIcon, {
-		mr: 8,
-		size: 12
-	}), "Help Center"));
-};
-
-//#endregion
-export { QuizAndHelpCenterLinks };
-//# sourceMappingURL=QuizAndHelpCenterLinks.mjs.map

package/dist/AppHeader/Search/QuizAndHelpCenterLinks.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuizAndHelpCenterLinks.mjs","names":["Anchor","FlexBox","Text","TextButton","MiniArrowRightIcon","SupportIcon","theme","styled","useHeaderDisplayContext","BoldSupportIcon","QuizAndHelpCenterLinks","onTrackingClick","handleCloseDropdown","showOnboardingQuiz","showSortingQuiz","isMobile","breakpoints","xs","sm","quizLink","showQuiz","justifyContent","alignItems","borderTop","borderColor","py","flexDirection","_","md","fontSize","mr","href","variant","onClick","gap","overflow","size"],"sources":["../../../src/AppHeader/Search/QuizAndHelpCenterLinks.tsx"],"sourcesContent":["import { Anchor, FlexBox, Text, TextButton } from '@codecademy/gamut';\nimport { MiniArrowRightIcon, SupportIcon } from '@codecademy/gamut-icons';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { useHeaderDisplayContext } from '../../GlobalHeader/context';\n\nexport const BoldSupportIcon = styled(SupportIcon)`\n  path {\n    stroke-width: 2.5;\n  }\n  circle {\n    stroke-width: 2.5;\n  }\n`;\n\nexport const QuizAndHelpCenterLinks: React.FC<{\n  onTrackingClick: (target: string) => void;\n  handleCloseDropdown: () => void;\n}> = ({ onTrackingClick, handleCloseDropdown }) => {\n  const { showOnboardingQuiz, showSortingQuiz } = useHeaderDisplayContext();\n\n  const isMobile = theme.breakpoints.xs || theme.breakpoints.sm;\n\n  const quizLink = showOnboardingQuiz\n    ? '/welcome/find-a-course'\n    : '/explore/sorting-quiz';\n\n  const showQuiz = showOnboardingQuiz || showSortingQuiz;\n\n  return (\n    <FlexBox\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderTop={1}\n      borderColor=\"border-tertiary\"\n      py={8}\n    >\n      <FlexBox flexDirection={{ _: 'column', md: 'row' }}>\n        {showQuiz && (\n          <>\n            <Text fontSize={16} mr={10 as 0}>\n              Not sure where to begin?\n            </Text>\n            <Anchor\n              href={quizLink}\n              variant=\"standard\"\n              onClick={() => {\n                onTrackingClick(\n                  showOnboardingQuiz ? 'sorting_quiz' : 'onboarding_quiz'\n                );\n                handleCloseDropdown();\n              }}\n            >\n              <FlexBox alignItems=\"center\" gap={10 as 0} overflow=\"visible\">\n                <Text fontSize={{ _: 14, md: 16 }}>Take our quiz</Text>\n                <MiniArrowRightIcon size={12} />\n              </FlexBox>\n            </Anchor>\n          </>\n        )}\n      </FlexBox>\n      <TextButton\n        href=\"/help\"\n        onClick={() => onTrackingClick('help_center')}\n        size={isMobile ? 'small' : 'normal'}\n      >\n        <BoldSupportIcon mr={8} size={12} />\n        Help Center\n      </TextButton>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;AAOA,MAAaS,kBAAkBF,uBAAOF,aAAAA;;;;AAStC,MAAaK,0BAGP,EAAEC,iBAAiBC,0BAAqB;CAC5C,MAAM,EAAEC,oBAAoBC,oBAAoBN,yBAAAA;CAEhD,MAAMO,WAAWT,MAAMU,YAAYC,MAAMX,MAAMU,YAAYE;CAE3D,MAAMC,WAAWN,qBACb,2BACA;CAEJ,MAAMO,WAAWP,sBAAsBC;AAEvC,QACE,sBAAA,cAACb,SAAAA;EACCoB,gBAAe;EACfC,YAAW;EACXC,WAAW;EACXC,aAAY;EACZC,IAAI;IAEJ,sBAAA,cAACxB,SAAAA,EAAQyB,eAAe;EAAEC,GAAG;EAAUC,IAAI;EAAM,IAC9CR,YACC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAClB,MAAAA;EAAK2B,UAAU;EAAIC,IAAI;IAAS,2BAAA,EAGjC,sBAAA,cAAC9B,QAAAA;EACC+B,MAAMZ;EACNa,SAAQ;EACRC,eAAS;AACPtB,mBACEE,qBAAqB,iBAAiB,kBAAA;AAExCD,wBAAAA;;IAGF,sBAAA,cAACX,SAAAA;EAAQqB,YAAW;EAASY,KAAK;EAASC,UAAS;IAClD,sBAAA,cAACjC,MAAAA,EAAK2B,UAAU;EAAEF,GAAG;EAAIC,IAAI;EAAG,IAAG,gBAAA,EACnC,sBAAA,cAACxB,oBAAAA,EAAmBgC,MAAM,WAMpC,sBAAA,cAACjC,YAAAA;EACC4B,MAAK;EACLE,eAAetB,gBAAgB,cAAA;EAC/ByB,MAAMrB,WAAW,UAAU;IAE3B,sBAAA,cAACN,iBAAAA;EAAgBqB,IAAI;EAAGM,MAAM;KAAM,cAAA,CAAA"}

package/dist/AppHeader/Search/SearchButton.cjs

@@ -1,50 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../AppHeaderElements/AppHeaderProvider/index.cjs');
-const require_index$1 = require('./SearchTrackingProvider/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeader/Search/SearchButton.tsx
-let autocompleteCacheWarmed = false;
-function warmAutocompleteCache() {
-	if (typeof window !== "undefined" && !autocompleteCacheWarmed) {
-		autocompleteCacheWarmed = true;
-		const { search } = window.location;
-		const apiUrl = `/api/portal/search/autocomplete-preload${search}`;
-		fetch(apiUrl, { headers: { "Warm-Only": "true" } });
-	}
-}
-const SearchButton = ({ isSearchVisible, searchButtonRef, setIsSearchVisible, toggleSearch, onSearchAsYouType }) => {
-	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index.useAppHeaderContext();
-	const { onSearchAsYouTypeParams } = require_index$1.useSearchTrackingContext();
-	const expandedToggleSearch = () => {
-		if (isSearchVisible && onSearchAsYouType && onSearchAsYouTypeParams && onSearchAsYouTypeParams.query) {
-			const { query, searchId, resultsCount, queryLoadTime } = onSearchAsYouTypeParams;
-			onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
-		}
-		toggleSearch();
-		if (!isSearchVisible && setLastOpenedDropdown) setLastOpenedDropdown("search");
-	};
-	(0, react.useEffect)(() => {
-		if (lastOpenedDropdown !== "search" && isSearchVisible) setIsSearchVisible(false);
-	}, [lastOpenedDropdown]);
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.IconButton, {
-		"aria-expanded": isSearchVisible,
-		"data-testid": "header-search",
-		icon: _codecademy_gamut_icons.SearchIcon,
-		onClick: expandedToggleSearch,
-		onMouseOver: warmAutocompleteCache,
-		ref: searchButtonRef,
-		tip: "Search",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		},
-		variant: "interface"
-	});
-};
-
-//#endregion
-exports.SearchButton = SearchButton;
-//# sourceMappingURL=SearchButton.cjs.map

package/dist/AppHeader/Search/SearchButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchButton.cjs","names":["IconButton","SearchIcon","useEffect","useAppHeaderContext","useSearchTrackingContext","autocompleteCacheWarmed","warmAutocompleteCache","window","search","location","apiUrl","headers","fetch","SearchButton","isSearchVisible","searchButtonRef","setIsSearchVisible","toggleSearch","onSearchAsYouType","lastOpenedDropdown","setLastOpenedDropdown","onSearchAsYouTypeParams","expandedToggleSearch","query","searchId","resultsCount","queryLoadTime","aria-expanded","data-testid","icon","onClick","onMouseOver","ref","tip","tipProps","alignment","placement","variant"],"sources":["../../../src/AppHeader/Search/SearchButton.tsx"],"sourcesContent":["import { IconButton } from '@codecademy/gamut';\nimport { SearchIcon } from '@codecademy/gamut-icons';\nimport { useEffect } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeaderElements/AppHeaderProvider';\nimport { useSearchTrackingContext } from './SearchTrackingProvider';\nimport { SearchButtonProps } from './types';\n\nlet autocompleteCacheWarmed = false;\n\nfunction warmAutocompleteCache() {\n  if (typeof window !== 'undefined' && !autocompleteCacheWarmed) {\n    autocompleteCacheWarmed = true;\n    const { search } = window.location;\n    const apiUrl = `/api/portal/search/autocomplete-preload${search}`;\n    const headers = { 'Warm-Only': 'true' };\n    fetch(apiUrl, { headers });\n  }\n}\n\nexport const SearchButton = ({\n  isSearchVisible,\n  searchButtonRef,\n  setIsSearchVisible,\n  toggleSearch,\n  onSearchAsYouType,\n}: SearchButtonProps) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n  const { onSearchAsYouTypeParams } = useSearchTrackingContext();\n\n  const expandedToggleSearch = () => {\n    // if the search pane is visible (about to be closed) and there are search params with a query,\n    // trigger the search event before toggling\n    if (\n      isSearchVisible &&\n      onSearchAsYouType &&\n      onSearchAsYouTypeParams &&\n      onSearchAsYouTypeParams.query\n    ) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        onSearchAsYouTypeParams;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    toggleSearch();\n\n    if (!isSearchVisible && setLastOpenedDropdown) {\n      setLastOpenedDropdown('search');\n    }\n  };\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== 'search' && isSearchVisible) {\n      setIsSearchVisible(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  return (\n    <IconButton\n      aria-expanded={isSearchVisible}\n      data-testid=\"header-search\"\n      icon={SearchIcon}\n      onClick={expandedToggleSearch}\n      onMouseOver={warmAutocompleteCache}\n      ref={searchButtonRef}\n      tip=\"Search\"\n      tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      variant=\"interface\"\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAIK,0BAA0B;AAE9B,SAASC,wBAAAA;AACP,KAAI,OAAOC,WAAW,eAAe,CAACF,yBAAyB;AAC7DA,4BAA0B;EAC1B,MAAM,EAAEG,WAAWD,OAAOE;EAC1B,MAAMC,SAAS,0CAA0CF;AAEzDI,QAAMF,QAAQ,EAAEC,SADA,EAAE,aAAa,QAAO,EACd,CAAA;;;AAI5B,MAAaE,gBAAgB,EAC3BC,iBACAC,iBACAC,oBACAC,cACAC,wBACkB;CAClB,MAAM,EAAEC,oBAAoBC,0BAA0BjB,mCAAAA;CACtD,MAAM,EAAEkB,4BAA4BjB,0CAAAA;CAEpC,MAAMkB,6BAAuB;AAG3B,MACER,mBACAI,qBACAG,2BACAA,wBAAwBE,OACxB;GACA,MAAM,EAAEA,OAAOC,UAAUC,cAAcC,kBACrCL;AACFH,qBAAkBK,OAAOC,UAAUC,cAAcC,cAAAA;;AAGnDT,gBAAAA;AAEA,MAAI,CAACH,mBAAmBM,sBACtBA,uBAAsB,SAAA;;AAI1BlB,4BAAU;AACR,MAAIiB,uBAAuB,YAAYL,gBACrCE,oBAAmB,MAAA;IAGpB,CAACG,mBAAmB,CAAA;AAEvB,QACE,sBAAA,cAACnB,8BAAAA;EACC2B,iBAAeb;EACfc,eAAY;EACZC,MAAM5B;EACN6B,SAASR;EACTS,aAAazB;EACb0B,KAAKjB;EACLkB,KAAI;EACJC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;EAC9DC,SAAQ"}

package/dist/AppHeader/Search/SearchButton.mjs

@@ -1,49 +0,0 @@
-import { useAppHeaderContext } from "../AppHeaderElements/AppHeaderProvider/index.mjs";
-import { useSearchTrackingContext } from "./SearchTrackingProvider/index.mjs";
-import { IconButton } from "@codecademy/gamut";
-import { useEffect } from "react";
-import { SearchIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/Search/SearchButton.tsx
-let autocompleteCacheWarmed = false;
-function warmAutocompleteCache() {
-	if (typeof window !== "undefined" && !autocompleteCacheWarmed) {
-		autocompleteCacheWarmed = true;
-		const { search } = window.location;
-		const apiUrl = `/api/portal/search/autocomplete-preload${search}`;
-		fetch(apiUrl, { headers: { "Warm-Only": "true" } });
-	}
-}
-const SearchButton = ({ isSearchVisible, searchButtonRef, setIsSearchVisible, toggleSearch, onSearchAsYouType }) => {
-	const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();
-	const { onSearchAsYouTypeParams } = useSearchTrackingContext();
-	const expandedToggleSearch = () => {
-		if (isSearchVisible && onSearchAsYouType && onSearchAsYouTypeParams && onSearchAsYouTypeParams.query) {
-			const { query, searchId, resultsCount, queryLoadTime } = onSearchAsYouTypeParams;
-			onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
-		}
-		toggleSearch();
-		if (!isSearchVisible && setLastOpenedDropdown) setLastOpenedDropdown("search");
-	};
-	useEffect(() => {
-		if (lastOpenedDropdown !== "search" && isSearchVisible) setIsSearchVisible(false);
-	}, [lastOpenedDropdown]);
-	return /* @__PURE__ */ React.createElement(IconButton, {
-		"aria-expanded": isSearchVisible,
-		"data-testid": "header-search",
-		icon: SearchIcon,
-		onClick: expandedToggleSearch,
-		onMouseOver: warmAutocompleteCache,
-		ref: searchButtonRef,
-		tip: "Search",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		},
-		variant: "interface"
-	});
-};
-
-//#endregion
-export { SearchButton };
-//# sourceMappingURL=SearchButton.mjs.map

package/dist/AppHeader/Search/SearchButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchButton.mjs","names":["IconButton","SearchIcon","useEffect","useAppHeaderContext","useSearchTrackingContext","autocompleteCacheWarmed","warmAutocompleteCache","window","search","location","apiUrl","headers","fetch","SearchButton","isSearchVisible","searchButtonRef","setIsSearchVisible","toggleSearch","onSearchAsYouType","lastOpenedDropdown","setLastOpenedDropdown","onSearchAsYouTypeParams","expandedToggleSearch","query","searchId","resultsCount","queryLoadTime","aria-expanded","data-testid","icon","onClick","onMouseOver","ref","tip","tipProps","alignment","placement","variant"],"sources":["../../../src/AppHeader/Search/SearchButton.tsx"],"sourcesContent":["import { IconButton } from '@codecademy/gamut';\nimport { SearchIcon } from '@codecademy/gamut-icons';\nimport { useEffect } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeaderElements/AppHeaderProvider';\nimport { useSearchTrackingContext } from './SearchTrackingProvider';\nimport { SearchButtonProps } from './types';\n\nlet autocompleteCacheWarmed = false;\n\nfunction warmAutocompleteCache() {\n  if (typeof window !== 'undefined' && !autocompleteCacheWarmed) {\n    autocompleteCacheWarmed = true;\n    const { search } = window.location;\n    const apiUrl = `/api/portal/search/autocomplete-preload${search}`;\n    const headers = { 'Warm-Only': 'true' };\n    fetch(apiUrl, { headers });\n  }\n}\n\nexport const SearchButton = ({\n  isSearchVisible,\n  searchButtonRef,\n  setIsSearchVisible,\n  toggleSearch,\n  onSearchAsYouType,\n}: SearchButtonProps) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n  const { onSearchAsYouTypeParams } = useSearchTrackingContext();\n\n  const expandedToggleSearch = () => {\n    // if the search pane is visible (about to be closed) and there are search params with a query,\n    // trigger the search event before toggling\n    if (\n      isSearchVisible &&\n      onSearchAsYouType &&\n      onSearchAsYouTypeParams &&\n      onSearchAsYouTypeParams.query\n    ) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        onSearchAsYouTypeParams;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    toggleSearch();\n\n    if (!isSearchVisible && setLastOpenedDropdown) {\n      setLastOpenedDropdown('search');\n    }\n  };\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== 'search' && isSearchVisible) {\n      setIsSearchVisible(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  return (\n    <IconButton\n      aria-expanded={isSearchVisible}\n      data-testid=\"header-search\"\n      icon={SearchIcon}\n      onClick={expandedToggleSearch}\n      onMouseOver={warmAutocompleteCache}\n      ref={searchButtonRef}\n      tip=\"Search\"\n      tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      variant=\"interface\"\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,IAAIK,0BAA0B;AAE9B,SAASC,wBAAAA;AACP,KAAI,OAAOC,WAAW,eAAe,CAACF,yBAAyB;AAC7DA,4BAA0B;EAC1B,MAAM,EAAEG,WAAWD,OAAOE;EAC1B,MAAMC,SAAS,0CAA0CF;AAEzDI,QAAMF,QAAQ,EAAEC,SADA,EAAE,aAAa,QAAO,EACd,CAAA;;;AAI5B,MAAaE,gBAAgB,EAC3BC,iBACAC,iBACAC,oBACAC,cACAC,wBACkB;CAClB,MAAM,EAAEC,oBAAoBC,0BAA0BjB,qBAAAA;CACtD,MAAM,EAAEkB,4BAA4BjB,0BAAAA;CAEpC,MAAMkB,6BAAuB;AAG3B,MACER,mBACAI,qBACAG,2BACAA,wBAAwBE,OACxB;GACA,MAAM,EAAEA,OAAOC,UAAUC,cAAcC,kBACrCL;AACFH,qBAAkBK,OAAOC,UAAUC,cAAcC,cAAAA;;AAGnDT,gBAAAA;AAEA,MAAI,CAACH,mBAAmBM,sBACtBA,uBAAsB,SAAA;;AAI1BlB,iBAAU;AACR,MAAIiB,uBAAuB,YAAYL,gBACrCE,oBAAmB,MAAA;IAGpB,CAACG,mBAAmB,CAAA;AAEvB,QACE,sBAAA,cAACnB,YAAAA;EACC2B,iBAAeb;EACfc,eAAY;EACZC,MAAM5B;EACN6B,SAASR;EACTS,aAAazB;EACb0B,KAAKjB;EACLkB,KAAI;EACJC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;EAC9DC,SAAQ"}