@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.bec91dc078.0

package/dist/AppHeader/Search/DefaultResults.cjs

@@ -1,105 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_consts = require('./consts.cjs');
-const require_SearchPane = require('./SearchPane.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 react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/AppHeader/Search/DefaultResults.tsx
-const StyledMenuItem = (0, _emotion_styled.default)(_codecademy_gamut.MenuItem)`
-  &:focus-visible:after {
-    left: -4px;
-  }
-  padding: 8px 0;
-`;
-const PopularSearches = ({ navigateToSearch, onTrackingClick }) => {
-	const isMobile = _codecademy_gamut_styles.theme.breakpoints.xs || _codecademy_gamut_styles.theme.breakpoints.sm;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		mb: 24,
-		as: "li",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			as: "h2",
-			variant: "title-xs",
-			mb: 12,
-			children: "Popular searches"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			as: "ul",
-			listStyle: "none",
-			p: 0,
-			flexDirection: "column",
-			children: require_consts.popularSearchTerms.map((term, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledMenuItem, {
-				itemType: "link",
-				id: term,
-				href: `/search?query=${encodeURIComponent(term)}`,
-				onClick: () => {
-					navigateToSearch(term);
-					onTrackingClick("popular_search_term", { misc: JSON.stringify({
-						value: term.toLowerCase(),
-						index: i
-					}) });
-				},
-				pl: 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchPane.SemiboldSearchIcon, {
-					mb: 2,
-					size: 14,
-					strokeWidth: 8
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: isMobile ? "p-base" : "p-large",
-					ml: 12,
-					children: term
-				})]
-			}, term))
-		})]
-	});
-};
-const PopularContent = ({ onTrackingClick }) => {
-	const isMobile = _codecademy_gamut_styles.theme.breakpoints.xs || _codecademy_gamut_styles.theme.breakpoints.sm;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		mb: 24,
-		as: "li",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			as: "h2",
-			variant: "title-xs",
-			mb: 12,
-			children: "What our members are learning"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			as: "ul",
-			listStyle: "none",
-			p: 0,
-			flexDirection: "column",
-			children: require_consts.popularContent.map((c, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledMenuItem, {
-				itemType: "link",
-				href: c.href,
-				pl: 0,
-				onClick: () => onTrackingClick("popular_content", {
-					slug: c.slug,
-					...c.contentId ? { content_id: c.contentId } : {},
-					misc: JSON.stringify({
-						content_type: c.type.toLowerCase(),
-						index: i,
-						href: c.href
-					})
-				}),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					flexDirection: "row",
-					alignItems: "center",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						variant: isMobile ? "p-base" : "p-large",
-						mr: 12,
-						children: c.title
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Badge, {
-						size: "sm",
-						variant: "tertiary",
-						children: c.type
-					})]
-				})
-			}, c.title))
-		})]
-	});
-};
-
-//#endregion
-exports.PopularContent = PopularContent;
-exports.PopularSearches = PopularSearches;

package/dist/AppHeader/Search/QuizAndHelpCenterLinks.cjs

@@ -1,70 +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 react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeader/Search/QuizAndHelpCenterLinks.tsx
-const BoldSupportIcon = (0, _emotion_styled.default)(_codecademy_gamut_icons.SupportIcon)`
-  path {
-    stroke-width: 2.5;
-  }
-  circle {
-    stroke-width: 2.5;
-  }
-`;
-const QuizAndHelpCenterLinks = ({ onTrackingClick, handleCloseDropdown }) => {
-	const { showOnboardingQuiz, showSortingQuiz } = require_context.useHeaderDisplayContext();
-	const isMobile = _codecademy_gamut_styles.theme.breakpoints.xs || _codecademy_gamut_styles.theme.breakpoints.sm;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		justifyContent: "space-between",
-		alignItems: "center",
-		borderTop: 1,
-		borderColor: "border-tertiary",
-		py: 8,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			flexDirection: {
-				_: "column",
-				md: "row"
-			},
-			children: (showOnboardingQuiz || showSortingQuiz) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				fontSize: 16,
-				mr: 10,
-				children: "Not sure where to begin?"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-				href: showOnboardingQuiz ? "/welcome/find-a-course" : "/explore/sorting-quiz",
-				variant: "standard",
-				onClick: () => {
-					onTrackingClick(showOnboardingQuiz ? "sorting_quiz" : "onboarding_quiz");
-					handleCloseDropdown();
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					alignItems: "center",
-					gap: 10,
-					overflow: "visible",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						fontSize: {
-							_: 14,
-							md: 16
-						},
-						children: "Take our quiz"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.MiniArrowRightIcon, { size: 12 })]
-				})
-			})] })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.TextButton, {
-			href: "/help",
-			onClick: () => onTrackingClick("help_center"),
-			size: isMobile ? "small" : "normal",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BoldSupportIcon, {
-				mr: 8,
-				size: 12
-			}), "Help Center"]
-		})]
-	});
-};
-
-//#endregion
-exports.QuizAndHelpCenterLinks = QuizAndHelpCenterLinks;

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 react_jsx_runtime = require("react/jsx-runtime");
-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__ */ (0, react_jsx_runtime.jsx)(_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;