@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/AppHeader/Search/SearchPane.mjs

@@ -1,480 +0,0 @@
-import { useOnEscHandler } from "../shared/keyboardNav.mjs";
-import { useSearchTrackingContext } from "./SearchTrackingProvider/index.mjs";
-import { searchPlaceholder } from "./consts.mjs";
-import { PopularContent, PopularSearches } from "./DefaultResults.mjs";
-import { useUrlChangeDetection } from "./hooks/useUrlChangeDetection.mjs";
-import { QuizAndHelpCenterLinks } from "./QuizAndHelpCenterLinks.mjs";
-import { safelyRedirect } from "./safelyRedirect.mjs";
-import { searchWorker } from "./SearchWorker/index.mjs";
-import { Badge, Box, ContentContainer, FlexBox, FocusTrap, IconButton, Menu, MenuItem, Shimmer, StrokeButton, Text } from "@codecademy/gamut";
-import { css, theme, useCurrentMode } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { useEffect, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { MiniDeleteIcon, SearchIcon } from "@codecademy/gamut-icons";
-import { useTheme } from "@emotion/react";
-
-//#region src/AppHeader/Search/SearchPane.tsx
-const Form = Box.withComponent("form");
-const Input$1 = Box.withComponent("input");
-const QueryContainer = styled(ContentContainer)(css({
-	display: "flex",
-	width: "100%",
-	pt: 16,
-	pb: {
-		_: 0,
-		md: 24
-	},
-	px: { _: 24 }
-}));
-const SuggestionContainer = styled(ContentContainer)(css({
-	pt: 16,
-	pb: {
-		_: 0,
-		md: 24
-	},
-	px: { _: 24 }
-}));
-const StyledInput = styled(Input$1)(css({
-	outline: `none`,
-	"&::placeholder": { textColor: theme.colors["text-secondary"] }
-}));
-const InlineResultLi = styled(MenuItem)(css({
-	pl: 0,
-	py: 8,
-	fontSize: 16,
-	"&:focus-visible:after": { left: -4 }
-}));
-const InlineLoaderLi = styled.li(css({
-	listStyleType: "none",
-	display: "flex",
-	gap: 12,
-	alignItems: "center"
-}));
-const SemiboldSearchIcon = styled(SearchIcon)`
-  overflow: visible !important;
-  circle,
-  path {
-    stroke-width: 2px;
-  }
-  rect {
-    transform: translate(-2px, -2px);
-    height: calc(100% + 4px);
-    width: calc(100% + 4px);
-  }
-`;
-const EllipsisBox = styled(Box)`
-  text-overflow: ellipsis;
-`;
-const HighlightedText = ({ suggestion: { title, segments } }) => {
-	const highlightColor = useCurrentMode() === "dark" ? "hyper" : "yellow";
-	return /* @__PURE__ */ jsxs(FlexBox, { children: [/* @__PURE__ */ jsx(EllipsisBox, {
-		maxWidth: "calc(100vw - 128px)",
-		whiteSpace: "pre",
-		"aria-hidden": true,
-		overflow: "hidden",
-		children: segments.map((segment, i) => /* @__PURE__ */ jsx(Text, {
-			lineHeight: "title",
-			...segment.highlight ? {
-				bg: highlightColor,
-				fontWeight: "bold"
-			} : {},
-			children: segment.value
-		}, `${title}:${i.toString()}`))
-	}), /* @__PURE__ */ jsx(Text, {
-		screenreader: true,
-		children: title
-	})] });
-};
-let loaderKey = 0;
-function rndLoader() {
-	const key = loaderKey++;
-	const loader = { shimmerRows: [] };
-	for (let i = 0; i < 5; i++) {
-		const row = {
-			key: `${key}:${i}`,
-			shimmers: []
-		};
-		const words = Math.ceil(Math.random() * 3);
-		for (let j = 0; j < words; j++) {
-			const width = 12 + Math.round(Math.random() * 96);
-			row.shimmers.push({
-				key: `${key}:${j}`,
-				width
-			});
-		}
-		loader.shimmerRows.push(row);
-	}
-	return loader;
-}
-const SearchPane = ({ onSearch, onTrackingClick, searchButtonRef, toggleSearch, onSearchAsYouType }) => {
-	const theme$1 = useTheme();
-	const [value, setValue] = useState("");
-	const inputRef = useRef(null);
-	const [autoCompleteSuggestions, setAutoCompleteSuggestions] = useState([]);
-	const [searchAsYouTypeResults, setSearchAsYouTypeResults] = useState(null);
-	const [searchResultClicked, setSearchResultClicked] = useState(false);
-	const { setOnSearchAsYouTypeParams } = useSearchTrackingContext();
-	const searchAsYouTypeLoader = React$1.useMemo(() => searchAsYouTypeResults === null ? rndLoader() : null, [searchAsYouTypeResults]);
-	const valueTrimmed = value.trim();
-	const hasSearchEventAndResultsWithoutClick = onSearchAsYouType && searchAsYouTypeResults && !searchResultClicked;
-	const closeSearch = async () => {
-		if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {
-			const { query, searchId, resultsCount, queryLoadTime } = searchAsYouTypeResults;
-			onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
-		}
-		await toggleSearch();
-		setTimeout(() => {
-			if (searchButtonRef && searchButtonRef?.current) searchButtonRef.current?.focus();
-		}, 10);
-	};
-	const onKeyDown = useOnEscHandler(closeSearch);
-	const onMouseDownOutside = ({ target }) => {
-		const handleOutsideClick = () => {
-			if (!document.querySelector("[data-testid=\"header-search-dropdown\"]")?.contains(target) && target !== searchButtonRef?.current) closeSearch();
-			target?.removeEventListener("mouseup", handleOutsideClick);
-		};
-		target?.addEventListener("mouseup", handleOutsideClick);
-	};
-	const navigateToSearch = (searchTerm, fromPrevSearch) => {
-		onSearch(searchTerm, fromPrevSearch);
-	};
-	const handleChange = (evt) => {
-		setValue(evt.target.value);
-		setSearchResultClicked(false);
-	};
-	const handleSubmit = (event) => {
-		event.preventDefault();
-		if (hasSearchEventAndResultsWithoutClick) {
-			const { query, searchId, resultsCount, queryLoadTime } = searchAsYouTypeResults;
-			onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
-		}
-		navigateToSearch(value, searchAsYouTypeResults?.searchId);
-	};
-	const clearInput = () => {
-		if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {
-			const { query, searchId, resultsCount, queryLoadTime } = searchAsYouTypeResults;
-			onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
-		}
-		setValue("");
-		setAutoCompleteSuggestions([]);
-		setOnSearchAsYouTypeParams({
-			query: "",
-			searchId: "",
-			resultsCount: 0,
-			queryLoadTime: 0
-		});
-	};
-	useUrlChangeDetection({ onUrlChange: () => {
-		if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {
-			const { query, searchId, resultsCount, queryLoadTime } = searchAsYouTypeResults;
-			onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
-		}
-		toggleSearch();
-	} });
-	useEffect(() => {
-		if (searchResultClicked || !onSearchAsYouType || !searchAsYouTypeResults || !valueTrimmed.length) return;
-	}, [
-		searchResultClicked,
-		searchAsYouTypeResults,
-		valueTrimmed,
-		onSearchAsYouType
-	]);
-	useEffect(() => {
-		inputRef.current?.focus();
-		searchWorker.init();
-	}, []);
-	useEffect(() => {
-		if (!valueTrimmed.length) {
-			setSearchAsYouTypeResults(null);
-			setAutoCompleteSuggestions([]);
-			setOnSearchAsYouTypeParams({
-				query: "",
-				searchId: "",
-				resultsCount: 0,
-				queryLoadTime: 0
-			});
-			return;
-		}
-		let cancel = false;
-		let clearAutocomplete = true;
-		let clearSearchAsYouType = true;
-		let searchEventNoResultDelay;
-		const loaderDelay = setTimeout(() => {
-			if (cancel) return;
-			if (clearAutocomplete) setAutoCompleteSuggestions([]);
-			if (clearSearchAsYouType) setSearchAsYouTypeResults(null);
-		}, 10);
-		searchWorker.autocomplete(valueTrimmed).then((suggestions) => {
-			clearAutocomplete = false;
-			if (cancel) return;
-			setAutoCompleteSuggestions(suggestions);
-		});
-		searchWorker.searchAsYouType(valueTrimmed).then((results) => {
-			clearSearchAsYouType = false;
-			if (cancel) return;
-			setSearchAsYouTypeResults(results);
-			setOnSearchAsYouTypeParams({
-				query: results.query,
-				searchId: results.searchId,
-				resultsCount: results.top.length,
-				queryLoadTime: results.queryLoadTime
-			});
-			if (onSearchAsYouType && results.top.length === 0 && !searchResultClicked) {
-				const { query, searchId, queryLoadTime } = results;
-				searchEventNoResultDelay = setTimeout(() => {
-					if (!cancel) onSearchAsYouType(query, searchId, 0, queryLoadTime);
-				}, 300);
-			}
-		});
-		return () => {
-			cancel = true;
-			clearTimeout(loaderDelay);
-			clearTimeout(searchEventNoResultDelay);
-		};
-	}, [
-		valueTrimmed,
-		onSearchAsYouType,
-		searchResultClicked,
-		setOnSearchAsYouTypeParams
-	]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, {
-		"aria-hidden": true,
-		bg: "shadow-secondary",
-		height: "100vh",
-		position: "fixed",
-		top: `calc(${theme$1.elements.headerHeight} + 6rem)`,
-		width: 1
-	}), /* @__PURE__ */ jsx(FocusTrap, {
-		onEscapeKey: closeSearch,
-		onClickOutside: onMouseDownOutside,
-		allowPageInteraction: true,
-		children: /* @__PURE__ */ jsxs(Box, {
-			bg: "background",
-			borderColorBottom: "border-primary",
-			borderColorTop: "border-tertiary",
-			borderStyle: "solid",
-			borderWidth: "2px 0 1px",
-			"data-testid": "header-search-dropdown",
-			position: {
-				_: "fixed",
-				md: "absolute"
-			},
-			width: "100%",
-			maxHeight: {
-				_: "calc(100vh - 63px)",
-				md: "calc(100vh - 80px)"
-			},
-			overflow: "auto",
-			zIndex: 10,
-			children: [/* @__PURE__ */ jsx(Box, {
-				border: "none",
-				width: "auto",
-				children: /* @__PURE__ */ jsx(QueryContainer, { children: /* @__PURE__ */ jsxs(FlexBox, {
-					alignItems: "baseline",
-					borderColor: "gray-600",
-					borderStyleBottom: "solid",
-					borderWidthBottom: "1px",
-					width: "100%",
-					children: [
-						/* @__PURE__ */ jsx(SearchIcon, {
-							height: {
-								_: 20,
-								md: 24
-							},
-							width: {
-								_: 20,
-								md: 24
-							}
-						}),
-						/* @__PURE__ */ jsx(Form, {
-							action: "/search",
-							id: "search-form",
-							ml: 8,
-							onSubmit: handleSubmit,
-							width: "100%",
-							children: /* @__PURE__ */ jsx(StyledInput, {
-								autoFocus: true,
-								background: "none",
-								border: "none",
-								color: "text",
-								fontSize: {
-									_: 20,
-									md: 26
-								},
-								fontWeight: "bold",
-								id: "header-search-bar",
-								name: "query",
-								onChange: handleChange,
-								onKeyDown: (e) => onKeyDown(e),
-								placeholder: searchPlaceholder,
-								ref: inputRef,
-								type: "search",
-								value,
-								width: "100%",
-								autoComplete: "off"
-							})
-						}),
-						/* @__PURE__ */ jsx(IconButton, {
-							icon: MiniDeleteIcon,
-							"aria-label": "Clear search",
-							tip: "Clear search",
-							tipProps: {
-								alignment: "bottom-center",
-								placement: "floating",
-								narrow: true,
-								zIndex: 2
-							},
-							onClick: clearInput,
-							size: "small"
-						})
-					]
-				}) })
-			}), /* @__PURE__ */ jsxs(SuggestionContainer, { children: [
-				valueTrimmed.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(FlexBox, {
-						flexDirection: "column",
-						as: "ul",
-						listStyle: "none",
-						p: 0,
-						children: autoCompleteSuggestions.map((s, i) => /* @__PURE__ */ jsxs(InlineResultLi, {
-							tabIndex: 0,
-							onKeyDown: (evt) => {
-								if (evt.key === "Enter") {
-									setSearchResultClicked(true);
-									onTrackingClick("autocomplete_result", {
-										search_id: searchAsYouTypeResults?.searchId ?? "",
-										misc: JSON.stringify({ position: i })
-									});
-									navigateToSearch(s.title, searchAsYouTypeResults?.searchId);
-									closeSearch();
-								}
-							},
-							onClick: () => {
-								setSearchResultClicked(true);
-								onTrackingClick("autocomplete_result", {
-									search_id: searchAsYouTypeResults?.searchId ?? "",
-									misc: JSON.stringify({ position: i })
-								});
-								navigateToSearch(s.title, searchAsYouTypeResults?.searchId);
-								closeSearch();
-							},
-							children: [/* @__PURE__ */ jsx(SemiboldSearchIcon, {
-								mb: 2,
-								size: 14,
-								strokeWidth: 8,
-								"aria-hidden": true,
-								mr: 12
-							}), /* @__PURE__ */ jsx(HighlightedText, { suggestion: s })]
-						}, s.title))
-					}),
-					(searchAsYouTypeResults === null || searchAsYouTypeResults.top.length > 0) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
-						as: "h2",
-						fontSize: 20,
-						mb: 16,
-						mt: 24,
-						children: "Top results"
-					}), /* @__PURE__ */ jsx(FlexBox, {
-						flexDirection: "column",
-						as: "ul",
-						listStyle: "none",
-						p: 0,
-						children: searchAsYouTypeResults === null ? searchAsYouTypeLoader?.shimmerRows.map((r) => /* @__PURE__ */ jsxs(InlineLoaderLi, { children: [r.shimmers.map((word) => /* @__PURE__ */ jsx(Shimmer, {
-							height: 30,
-							py: 8,
-							width: word.width
-						}, word.key)), /* @__PURE__ */ jsx(Box, {
-							fontFamily: "accent",
-							textColor: "text-secondary",
-							fontSize: { _: 10 },
-							borderColor: "border-secondary",
-							border: 1,
-							borderRadius: "xl",
-							px: 16,
-							opacity: .1,
-							children: "\xA0"
-						})] }, r.key)) : searchAsYouTypeResults.top.map((s, i) => /* @__PURE__ */ jsxs(InlineResultLi, {
-							tabIndex: 0,
-							role: "link",
-							onKeyDown: (evt) => {
-								if (evt.key === "Enter") {
-									setSearchResultClicked(true);
-									onTrackingClick("search_as_you_type_result", {
-										search_id: searchAsYouTypeResults.searchId,
-										slug: s.slug,
-										...s.contentId ? { content_id: s.contentId } : {},
-										misc: JSON.stringify({ position: i })
-									});
-									closeSearch();
-									safelyRedirect(s.urlPath);
-								}
-							},
-							onClick: () => {
-								setSearchResultClicked(true);
-								onTrackingClick("search_as_you_type_result", {
-									search_id: searchAsYouTypeResults.searchId,
-									slug: s.slug,
-									...s.contentId ? { content_id: s.contentId } : {},
-									misc: JSON.stringify({ position: i })
-								});
-								closeSearch();
-								safelyRedirect(s.urlPath);
-							},
-							children: [/* @__PURE__ */ jsx(HighlightedText, { suggestion: s }), /* @__PURE__ */ jsx(Badge, {
-								size: "sm",
-								variant: "tertiary",
-								ml: 12,
-								children: s.type
-							})]
-						}, `${searchAsYouTypeResults.query}:${i.toString()}`))
-					})] }),
-					searchAsYouTypeResults?.top.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Box, {
-						fontSize: {
-							_: 20,
-							sm: 26
-						},
-						mt: 0,
-						mb: 48,
-						children: [
-							`We couldn't find a match for `,
-							/* @__PURE__ */ jsx(Text, {
-								fontWeight: "bold",
-								children: `"${valueTrimmed}."`
-							}),
-							" Try another keyword, or see what our members are learning."
-						]
-					}), /* @__PURE__ */ jsx(Menu, {
-						border: "none",
-						variant: "popover",
-						children: /* @__PURE__ */ jsx(PopularContent, { onTrackingClick })
-					})] })
-				] }) : /* @__PURE__ */ jsxs(Menu, {
-					border: "none",
-					variant: "popover",
-					children: [/* @__PURE__ */ jsx(PopularSearches, {
-						navigateToSearch,
-						onTrackingClick
-					}), /* @__PURE__ */ jsx(PopularContent, { onTrackingClick })]
-				}),
-				!!searchAsYouTypeResults?.top.length && /* @__PURE__ */ jsx(StrokeButton, {
-					my: 16,
-					onClick: () => {
-						onTrackingClick("view_all_results", { search_id: searchAsYouTypeResults.searchId });
-						navigateToSearch(value, searchAsYouTypeResults?.searchId);
-						closeSearch();
-					},
-					children: "View all results"
-				}),
-				/* @__PURE__ */ jsx(QuizAndHelpCenterLinks, {
-					onTrackingClick,
-					handleCloseDropdown: closeSearch
-				})
-			] })]
-		})
-	})] });
-};
-
-//#endregion
-export { SearchPane, SemiboldSearchIcon };
-//# sourceMappingURL=SearchPane.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchPane.mjs","names":["Input","loader: SearchAsYouTypeLoader","SearchPane: React.FC<SearchPaneProps>","theme","React","handleChange: React.ChangeEventHandler<HTMLInputElement>","handleSubmit: React.FormEventHandler","searchEventNoResultDelay: NodeJS.Timeout"],"sources":["../../../src/AppHeader/Search/SearchPane.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  ContentContainer,\n  FlexBox,\n  FocusTrap,\n  IconButton,\n  Menu,\n  MenuItem,\n  Shimmer,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon, SearchIcon } from '@codecademy/gamut-icons';\nimport { css, theme, useCurrentMode } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useOnEscHandler } from '../shared';\nimport { searchPlaceholder } from './consts';\nimport { PopularContent, PopularSearches } from './DefaultResults';\nimport { useUrlChangeDetection } from './hooks/useUrlChangeDetection';\nimport { QuizAndHelpCenterLinks } from './QuizAndHelpCenterLinks';\nimport { safelyRedirect } from './safelyRedirect';\nimport { useSearchTrackingContext } from './SearchTrackingProvider';\nimport { searchWorker } from './SearchWorker';\nimport type {\n  AutocompleteSuggestion,\n  SearchAsYouTypeResults,\n} from './SearchWorker/types';\nimport { SearchPaneProps } from './types';\n\nconst Form = Box.withComponent('form');\nconst Input = Box.withComponent('input');\n\nconst QueryContainer = styled(ContentContainer)(\n  css({\n    display: 'flex',\n    width: '100%',\n    pt: 16,\n    pb: { _: 0, md: 24 },\n    px: { _: 24 },\n  })\n);\n\nconst SuggestionContainer = styled(ContentContainer)(\n  css({\n    pt: 16,\n    pb: { _: 0, md: 24 },\n    px: { _: 24 },\n  })\n);\n\nconst StyledInput = styled(Input)(\n  css({\n    outline: `none`,\n    '&::placeholder': {\n      textColor: theme.colors['text-secondary'] as never,\n    },\n  })\n);\n\nconst InlineResultLi = styled(MenuItem)(\n  css({\n    pl: 0,\n    py: 8,\n    fontSize: 16,\n    '&:focus-visible:after': {\n      left: -4,\n    },\n  })\n);\n\nconst InlineLoaderLi = styled.li(\n  css({\n    listStyleType: 'none',\n    display: 'flex',\n    gap: 12,\n    alignItems: 'center',\n  })\n);\n\nexport const SemiboldSearchIcon = styled(SearchIcon)`\n  overflow: visible !important;\n  circle,\n  path {\n    stroke-width: 2px;\n  }\n  rect {\n    transform: translate(-2px, -2px);\n    height: calc(100% + 4px);\n    width: calc(100% + 4px);\n  }\n`;\n\nconst EllipsisBox = styled(Box)`\n  text-overflow: ellipsis;\n`;\n\nconst HighlightedText = ({\n  suggestion: { title, segments },\n}: {\n  suggestion: AutocompleteSuggestion;\n}) => {\n  const mode = useCurrentMode();\n  const highlightColor = mode === 'dark' ? 'hyper' : 'yellow';\n\n  return (\n    <FlexBox>\n      <EllipsisBox\n        maxWidth=\"calc(100vw - 128px)\"\n        whiteSpace=\"pre\"\n        aria-hidden\n        overflow=\"hidden\"\n      >\n        {segments.map((segment, i) => (\n          <Text\n            key={`${title}:${i.toString()}`}\n            lineHeight=\"title\"\n            {...(segment.highlight\n              ? { bg: highlightColor, fontWeight: 'bold' }\n              : {})}\n          >\n            {segment.value}\n          </Text>\n        ))}\n      </EllipsisBox>\n      <Text screenreader>{title}</Text>\n    </FlexBox>\n  );\n};\n\ntype SearchAsYouTypeLoader = {\n  shimmerRows: {\n    key: string;\n    shimmers: {\n      key: string;\n      width: number;\n    }[];\n  }[];\n};\n\nlet loaderKey = 0;\nfunction rndLoader() {\n  // eslint-disable-next-line no-plusplus\n  const key = loaderKey++;\n  const loader: SearchAsYouTypeLoader = { shimmerRows: [] };\n  for (let i = 0; i < 5; i++) {\n    const row = {\n      key: `${key}:${i}`,\n      shimmers: [] as { key: string; width: number }[],\n    };\n    const words = Math.ceil(Math.random() * 3);\n    for (let j = 0; j < words; j++) {\n      const width = 12 + Math.round(Math.random() * 96);\n      row.shimmers.push({\n        key: `${key}:${j}`,\n        width,\n      });\n    }\n    loader.shimmerRows.push(row);\n  }\n  return loader;\n}\n\nexport const SearchPane: React.FC<SearchPaneProps> = ({\n  onSearch,\n  onTrackingClick,\n  searchButtonRef,\n  toggleSearch,\n  onSearchAsYouType,\n}) => {\n  const theme = useTheme();\n  const [value, setValue] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [autoCompleteSuggestions, setAutoCompleteSuggestions] = useState<\n    AutocompleteSuggestion[]\n  >([]);\n  const [searchAsYouTypeResults, setSearchAsYouTypeResults] =\n    useState<SearchAsYouTypeResults | null>(null);\n\n  const [searchResultClicked, setSearchResultClicked] = useState(false);\n\n  const { setOnSearchAsYouTypeParams } = useSearchTrackingContext();\n\n  const searchAsYouTypeLoader = React.useMemo(\n    () => (searchAsYouTypeResults === null ? rndLoader() : null),\n    [searchAsYouTypeResults]\n  );\n\n  const valueTrimmed = value.trim();\n\n  const hasSearchEventAndResultsWithoutClick =\n    onSearchAsYouType && searchAsYouTypeResults && !searchResultClicked;\n\n  const closeSearch = async () => {\n    // track search event when user made a search and then closed search pane\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    await toggleSearch();\n    // adds a little delay between closing the search pane and focusing on the button\n    // to prevent the search pane from immediately opening again\n    setTimeout(() => {\n      if (searchButtonRef && searchButtonRef?.current) {\n        searchButtonRef.current?.focus();\n      }\n    }, 10);\n  };\n\n  const onKeyDown = useOnEscHandler(closeSearch);\n\n  const onMouseDownOutside = ({ target }: MouseEvent) => {\n    const handleOutsideClick = () => {\n      if (\n        !document\n          .querySelector('[data-testid=\"header-search-dropdown\"]')\n          ?.contains(target as HTMLElement) &&\n        target !== searchButtonRef?.current\n      ) {\n        closeSearch();\n      }\n\n      target?.removeEventListener('mouseup', handleOutsideClick);\n    };\n\n    target?.addEventListener('mouseup', handleOutsideClick);\n  };\n\n  const navigateToSearch = (searchTerm: string, fromPrevSearch?: string) => {\n    onSearch(searchTerm, fromPrevSearch);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (evt) => {\n    setValue(evt.target.value);\n    // reset to false when the search query changes\n    setSearchResultClicked(false);\n  };\n\n  const handleSubmit: React.FormEventHandler = (event) => {\n    event.preventDefault();\n\n    // track search event when the user submits the form to capture complete query\n    if (hasSearchEventAndResultsWithoutClick) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    navigateToSearch(value, searchAsYouTypeResults?.searchId);\n  };\n\n  const clearInput = () => {\n    // track search event before user clears input\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    setValue('');\n    setAutoCompleteSuggestions([]);\n    // reset the context with empty values\n    setOnSearchAsYouTypeParams({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n  };\n\n  // when the current URL changes, we want to close the search pane if it's open\n  // and track search event if user made a search\n  useUrlChangeDetection({\n    onUrlChange: () => {\n      if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n        const { query, searchId, resultsCount, queryLoadTime } =\n          searchAsYouTypeResults;\n        onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n      }\n\n      toggleSearch();\n    },\n  });\n\n  useEffect(() => {\n    // don't track if a result was clicked or if we don't have search results\n    if (\n      searchResultClicked ||\n      !onSearchAsYouType ||\n      !searchAsYouTypeResults ||\n      !valueTrimmed.length\n    )\n      // eslint-disable-next-line no-useless-return\n      return;\n  }, [\n    searchResultClicked,\n    searchAsYouTypeResults,\n    valueTrimmed,\n    onSearchAsYouType,\n  ]);\n\n  useEffect(() => {\n    inputRef.current?.focus();\n    searchWorker.init();\n  }, []);\n\n  useEffect(() => {\n    if (!valueTrimmed.length) {\n      setSearchAsYouTypeResults(null);\n      setAutoCompleteSuggestions([]);\n      setOnSearchAsYouTypeParams({\n        query: '',\n        searchId: '',\n        resultsCount: 0,\n        queryLoadTime: 0,\n      });\n      return;\n    }\n\n    let cancel = false;\n    let clearAutocomplete = true;\n    let clearSearchAsYouType = true;\n\n    let searchEventNoResultDelay: NodeJS.Timeout;\n\n    const loaderDelay = setTimeout(() => {\n      /*\n       * Wait 10 milliseconds to get a response for worker before showing loaders.\n       * This prevents flickering loaders on quick or cached results.\n       */\n      if (cancel) return;\n      if (clearAutocomplete) setAutoCompleteSuggestions([]);\n      if (clearSearchAsYouType) setSearchAsYouTypeResults(null);\n    }, 10);\n\n    searchWorker.autocomplete(valueTrimmed).then((suggestions) => {\n      clearAutocomplete = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setAutoCompleteSuggestions(suggestions);\n    });\n\n    searchWorker.searchAsYouType(valueTrimmed).then((results) => {\n      clearSearchAsYouType = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setSearchAsYouTypeResults(results);\n\n      setOnSearchAsYouTypeParams({\n        query: results.query,\n        searchId: results.searchId,\n        resultsCount: results.top.length,\n        queryLoadTime: results.queryLoadTime,\n      });\n\n      // track search event with a small delay when there are no results\n      if (\n        onSearchAsYouType &&\n        results.top.length === 0 &&\n        !searchResultClicked\n      ) {\n        const { query, searchId, queryLoadTime } = results;\n        searchEventNoResultDelay = setTimeout(() => {\n          if (!cancel) {\n            onSearchAsYouType(query, searchId, 0, queryLoadTime);\n          }\n        }, 300);\n      }\n    });\n\n    return () => {\n      cancel = true;\n      clearTimeout(loaderDelay);\n      clearTimeout(searchEventNoResultDelay);\n    };\n  }, [\n    valueTrimmed,\n    onSearchAsYouType,\n    searchResultClicked,\n    setOnSearchAsYouTypeParams,\n  ]);\n\n  return (\n    <>\n      <Box\n        aria-hidden\n        bg=\"shadow-secondary\"\n        height=\"100vh\"\n        position=\"fixed\"\n        // We add 6rem here in case there's some sort of branded banner above search\n        // The search area is much taller than 6rem so this is a safe amount of padding\n        top={`calc(${theme.elements.headerHeight} + 6rem)`}\n        width={1}\n      />\n      <FocusTrap\n        onEscapeKey={closeSearch}\n        onClickOutside={onMouseDownOutside}\n        allowPageInteraction\n      >\n        <Box\n          bg=\"background\"\n          borderColorBottom=\"border-primary\"\n          borderColorTop=\"border-tertiary\"\n          borderStyle=\"solid\"\n          borderWidth=\"2px 0 1px\"\n          data-testid=\"header-search-dropdown\"\n          position={{ _: 'fixed', md: 'absolute' }}\n          width=\"100%\"\n          maxHeight={{ _: 'calc(100vh - 63px)', md: 'calc(100vh - 80px)' }}\n          overflow=\"auto\"\n          zIndex={10} // ensure dropdown is above the page content\n        >\n          <Box border=\"none\" width=\"auto\">\n            <QueryContainer>\n              <FlexBox\n                alignItems=\"baseline\"\n                borderColor=\"gray-600\"\n                borderStyleBottom=\"solid\"\n                borderWidthBottom=\"1px\"\n                width=\"100%\"\n              >\n                <SearchIcon\n                  height={{ _: 20, md: 24 }}\n                  width={{ _: 20, md: 24 }}\n                />\n                <Form\n                  action=\"/search\"\n                  id=\"search-form\"\n                  ml={8}\n                  onSubmit={handleSubmit}\n                  width=\"100%\"\n                >\n                  <StyledInput\n                    autoFocus\n                    background=\"none\"\n                    border=\"none\"\n                    color=\"text\"\n                    fontSize={{ _: 20, md: 26 }}\n                    fontWeight=\"bold\"\n                    id=\"header-search-bar\"\n                    name=\"query\"\n                    onChange={handleChange}\n                    onKeyDown={(e) => onKeyDown(e)}\n                    placeholder={searchPlaceholder}\n                    ref={inputRef}\n                    type=\"search\"\n                    value={value}\n                    width=\"100%\"\n                    autoComplete=\"off\"\n                  />\n                </Form>\n                <IconButton\n                  icon={MiniDeleteIcon}\n                  aria-label=\"Clear search\"\n                  tip=\"Clear search\"\n                  tipProps={{\n                    alignment: 'bottom-center',\n                    placement: 'floating',\n                    narrow: true,\n                    zIndex: 2,\n                  }}\n                  onClick={clearInput}\n                  size=\"small\"\n                />\n              </FlexBox>\n            </QueryContainer>\n          </Box>\n          <SuggestionContainer>\n            {valueTrimmed.length > 0 ? (\n              <>\n                <FlexBox flexDirection=\"column\" as=\"ul\" listStyle=\"none\" p={0}>\n                  {autoCompleteSuggestions.map((s, i) => (\n                    <InlineResultLi\n                      key={s.title}\n                      tabIndex={0}\n                      onKeyDown={(evt) => {\n                        if (evt.key === 'Enter') {\n                          setSearchResultClicked(true);\n                          onTrackingClick('autocomplete_result', {\n                            search_id: searchAsYouTypeResults?.searchId ?? '',\n                            misc: JSON.stringify({\n                              position: i,\n                            }),\n                          });\n                          navigateToSearch(\n                            s.title,\n                            searchAsYouTypeResults?.searchId\n                          );\n                          closeSearch();\n                        }\n                      }}\n                      onClick={() => {\n                        setSearchResultClicked(true);\n                        onTrackingClick('autocomplete_result', {\n                          search_id: searchAsYouTypeResults?.searchId ?? '',\n                          misc: JSON.stringify({\n                            position: i,\n                          }),\n                        });\n                        navigateToSearch(\n                          s.title,\n                          searchAsYouTypeResults?.searchId\n                        );\n                        closeSearch();\n                      }}\n                    >\n                      <SemiboldSearchIcon\n                        mb={2 as 0}\n                        size={14}\n                        strokeWidth={8}\n                        aria-hidden\n                        mr={12}\n                      />\n                      <HighlightedText suggestion={s} />\n                    </InlineResultLi>\n                  ))}\n                </FlexBox>\n                {(searchAsYouTypeResults === null ||\n                  searchAsYouTypeResults.top.length > 0) && (\n                  <>\n                    <Text as=\"h2\" fontSize={20} mb={16} mt={24}>\n                      Top results\n                    </Text>\n                    <FlexBox\n                      flexDirection=\"column\"\n                      as=\"ul\"\n                      listStyle=\"none\"\n                      p={0}\n                    >\n                      {searchAsYouTypeResults === null\n                        ? searchAsYouTypeLoader?.shimmerRows.map((r) => (\n                            <InlineLoaderLi key={r.key}>\n                              {r.shimmers.map((word) => (\n                                <Shimmer\n                                  height={30}\n                                  py={8 as 0}\n                                  key={word.key}\n                                  width={word.width}\n                                />\n                              ))}\n                              <Box\n                                fontFamily=\"accent\"\n                                textColor=\"text-secondary\"\n                                fontSize={{ _: 10 as 16 }}\n                                borderColor=\"border-secondary\"\n                                border={1}\n                                borderRadius=\"xl\"\n                                px={16}\n                                opacity={0.1}\n                              >\n                                &nbsp;\n                              </Box>\n                            </InlineLoaderLi>\n                          ))\n                        : searchAsYouTypeResults.top.map((s, i) => (\n                            <InlineResultLi\n                              key={`${\n                                searchAsYouTypeResults.query\n                              }:${i.toString()}`}\n                              tabIndex={0}\n                              role=\"link\"\n                              onKeyDown={(evt) => {\n                                if (evt.key === 'Enter') {\n                                  setSearchResultClicked(true);\n                                  onTrackingClick('search_as_you_type_result', {\n                                    search_id: searchAsYouTypeResults.searchId,\n                                    slug: s.slug,\n                                    ...(s.contentId\n                                      ? { content_id: s.contentId }\n                                      : {}),\n                                    misc: JSON.stringify({\n                                      position: i,\n                                    }),\n                                  });\n                                  closeSearch();\n                                  safelyRedirect(s.urlPath);\n                                }\n                              }}\n                              onClick={() => {\n                                setSearchResultClicked(true);\n                                onTrackingClick('search_as_you_type_result', {\n                                  search_id: searchAsYouTypeResults.searchId,\n                                  slug: s.slug,\n                                  ...(s.contentId\n                                    ? { content_id: s.contentId }\n                                    : {}),\n                                  misc: JSON.stringify({\n                                    position: i,\n                                  }),\n                                });\n                                closeSearch();\n                                safelyRedirect(s.urlPath);\n                              }}\n                            >\n                              <HighlightedText suggestion={s} />\n                              <Badge size=\"sm\" variant=\"tertiary\" ml={12}>\n                                {s.type}\n                              </Badge>\n                            </InlineResultLi>\n                          ))}\n                    </FlexBox>\n                  </>\n                )}\n                {searchAsYouTypeResults?.top.length === 0 && (\n                  <>\n                    <Box fontSize={{ _: 20, sm: 26 }} mt={0} mb={48}>\n                      {`We couldn't find a match for `}\n                      <Text fontWeight=\"bold\">{`\"${valueTrimmed}.\"`}</Text>\n                      {\n                        ' Try another keyword, or see what our members are learning.'\n                      }\n                    </Box>\n                    <Menu border=\"none\" variant=\"popover\">\n                      <PopularContent onTrackingClick={onTrackingClick} />\n                    </Menu>\n                  </>\n                )}\n              </>\n            ) : (\n              <Menu border=\"none\" variant=\"popover\">\n                <PopularSearches\n                  navigateToSearch={navigateToSearch}\n                  onTrackingClick={onTrackingClick}\n                />\n                <PopularContent onTrackingClick={onTrackingClick} />\n              </Menu>\n            )}\n\n            {!!searchAsYouTypeResults?.top.length && (\n              <StrokeButton\n                my={16}\n                onClick={() => {\n                  onTrackingClick('view_all_results', {\n                    search_id: searchAsYouTypeResults.searchId,\n                  });\n                  navigateToSearch(value, searchAsYouTypeResults?.searchId);\n                  closeSearch();\n                }}\n              >\n                View all results\n              </StrokeButton>\n            )}\n            <QuizAndHelpCenterLinks\n              onTrackingClick={onTrackingClick}\n              handleCloseDropdown={closeSearch}\n            />\n          </SuggestionContainer>\n        </Box>\n      </FocusTrap>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/AppHeader/Search/SearchTrackingProvider/index.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let lodash_noop = require("lodash/noop");
-lodash_noop = require_rolldown_runtime.__toESM(lodash_noop);
-
-//#region src/AppHeader/Search/SearchTrackingProvider/index.tsx
-const SearchTrackingContext = (0, react.createContext)({
-	onSearchAsYouTypeParams: null,
-	setOnSearchAsYouTypeParams: lodash_noop.default
-});
-const SearchTrackingProvider = ({ children }) => {
-	const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] = (0, react.useState)({
-		query: "",
-		searchId: "",
-		resultsCount: 0,
-		queryLoadTime: 0
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchTrackingContext.Provider, {
-		value: {
-			onSearchAsYouTypeParams,
-			setOnSearchAsYouTypeParams
-		},
-		children
-	});
-};
-const useSearchTrackingContext = () => (0, react.useContext)(SearchTrackingContext);
-
-//#endregion
-exports.SearchTrackingProvider = SearchTrackingProvider;
-exports.useSearchTrackingContext = useSearchTrackingContext;
-//# sourceMappingURL=index.cjs.map

package/dist/AppHeader/Search/SearchTrackingProvider/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["noop","SearchTrackingProvider: React.FC<{\n  children: ReactNode;\n}>"],"sources":["../../../../src/AppHeader/Search/SearchTrackingProvider/index.tsx"],"sourcesContent":["import noop from 'lodash/noop';\nimport React, { createContext, ReactNode, useContext, useState } from 'react';\n\ninterface OnSearchAsYouTypeParamsType {\n  query: string;\n  searchId: string;\n  resultsCount: number;\n  queryLoadTime: number;\n}\n\ninterface SearchTrackingContextType {\n  onSearchAsYouTypeParams: OnSearchAsYouTypeParamsType | null;\n  setOnSearchAsYouTypeParams: (\n    params: OnSearchAsYouTypeParamsType | null\n  ) => void;\n}\n\nexport const SearchTrackingContext = createContext<SearchTrackingContextType>({\n  onSearchAsYouTypeParams: null,\n  setOnSearchAsYouTypeParams: noop,\n});\n\nexport const SearchTrackingProvider: React.FC<{\n  children: ReactNode;\n}> = ({ children }) => {\n  const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] =\n    useState<OnSearchAsYouTypeParamsType | null>({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n\n  return (\n    <SearchTrackingContext.Provider\n      value={{\n        onSearchAsYouTypeParams,\n        setOnSearchAsYouTypeParams,\n      }}\n    >\n      {children}\n    </SearchTrackingContext.Provider>\n  );\n};\n\nexport const useSearchTrackingContext = () => useContext(SearchTrackingContext);\n"],"mappings":";;;;;;;;AAiBA,MAAa,iDAAiE;CAC5E,yBAAyB;CACzB,4BAA4BA;CAC7B,CAAC;AAEF,MAAaC,0BAEP,EAAE,eAAe;CACrB,MAAM,CAAC,yBAAyB,kDACe;EAC3C,OAAO;EACP,UAAU;EACV,cAAc;EACd,eAAe;EAChB,CAAC;AAEJ,QACE,2CAAC,sBAAsB;EACrB,OAAO;GACL;GACA;GACD;EAEA;GAC8B;;AAIrC,MAAa,uDAA4C,sBAAsB"}

package/dist/AppHeader/Search/SearchTrackingProvider/index.mjs

@@ -1,29 +0,0 @@
-import React, { createContext, useContext, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import noop from "lodash/noop";
-
-//#region src/AppHeader/Search/SearchTrackingProvider/index.tsx
-const SearchTrackingContext = createContext({
-	onSearchAsYouTypeParams: null,
-	setOnSearchAsYouTypeParams: noop
-});
-const SearchTrackingProvider = ({ children }) => {
-	const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] = useState({
-		query: "",
-		searchId: "",
-		resultsCount: 0,
-		queryLoadTime: 0
-	});
-	return /* @__PURE__ */ jsx(SearchTrackingContext.Provider, {
-		value: {
-			onSearchAsYouTypeParams,
-			setOnSearchAsYouTypeParams
-		},
-		children
-	});
-};
-const useSearchTrackingContext = () => useContext(SearchTrackingContext);
-
-//#endregion
-export { SearchTrackingProvider, useSearchTrackingContext };
-//# sourceMappingURL=index.mjs.map

package/dist/AppHeader/Search/SearchTrackingProvider/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["SearchTrackingProvider: React.FC<{\n  children: ReactNode;\n}>"],"sources":["../../../../src/AppHeader/Search/SearchTrackingProvider/index.tsx"],"sourcesContent":["import noop from 'lodash/noop';\nimport React, { createContext, ReactNode, useContext, useState } from 'react';\n\ninterface OnSearchAsYouTypeParamsType {\n  query: string;\n  searchId: string;\n  resultsCount: number;\n  queryLoadTime: number;\n}\n\ninterface SearchTrackingContextType {\n  onSearchAsYouTypeParams: OnSearchAsYouTypeParamsType | null;\n  setOnSearchAsYouTypeParams: (\n    params: OnSearchAsYouTypeParamsType | null\n  ) => void;\n}\n\nexport const SearchTrackingContext = createContext<SearchTrackingContextType>({\n  onSearchAsYouTypeParams: null,\n  setOnSearchAsYouTypeParams: noop,\n});\n\nexport const SearchTrackingProvider: React.FC<{\n  children: ReactNode;\n}> = ({ children }) => {\n  const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] =\n    useState<OnSearchAsYouTypeParamsType | null>({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n\n  return (\n    <SearchTrackingContext.Provider\n      value={{\n        onSearchAsYouTypeParams,\n        setOnSearchAsYouTypeParams,\n      }}\n    >\n      {children}\n    </SearchTrackingContext.Provider>\n  );\n};\n\nexport const useSearchTrackingContext = () => useContext(SearchTrackingContext);\n"],"mappings":";;;;;AAiBA,MAAa,wBAAwB,cAAyC;CAC5E,yBAAyB;CACzB,4BAA4B;CAC7B,CAAC;AAEF,MAAaA,0BAEP,EAAE,eAAe;CACrB,MAAM,CAAC,yBAAyB,8BAC9B,SAA6C;EAC3C,OAAO;EACP,UAAU;EACV,cAAc;EACd,eAAe;EAChB,CAAC;AAEJ,QACE,oBAAC,sBAAsB;EACrB,OAAO;GACL;GACA;GACD;EAEA;GAC8B;;AAIrC,MAAa,iCAAiC,WAAW,sBAAsB"}

package/dist/AppHeader/Search/SearchWorker/PromiseLookup.cjs

@@ -1,44 +0,0 @@
-const require_defineProperty = require('../../../_virtual/_@oxc-project_runtime@0.103.0/helpers/defineProperty.cjs');
-
-//#region src/AppHeader/Search/SearchWorker/PromiseLookup.ts
-var SplitPromise = class {
-	constructor() {
-		require_defineProperty._defineProperty(this, "promise", void 0);
-		require_defineProperty._defineProperty(this, "resolver", void 0);
-		this.promise = new Promise((r) => this.resolver = r);
-	}
-};
-var PromiseLookup = class {
-	constructor(args) {
-		this.args = args;
-		require_defineProperty._defineProperty(this, "namespaces", /* @__PURE__ */ new Map());
-	}
-	getNamespace(namespace) {
-		let ns = this.namespaces.get(namespace);
-		if (!ns) {
-			ns = /* @__PURE__ */ new Map();
-			this.namespaces.set(namespace, ns);
-		}
-		return ns;
-	}
-	getSplitPromise(namespace, key) {
-		const ns = this.getNamespace(namespace);
-		let splitPromise = ns.get(key);
-		if (!splitPromise) {
-			splitPromise = new SplitPromise();
-			ns.set(key, splitPromise);
-			this.args.onKeyInit(namespace, key);
-		}
-		return splitPromise;
-	}
-	get(namespace, key) {
-		return this.getSplitPromise(namespace, key).promise;
-	}
-	resolve(namespace, key, value) {
-		this.getSplitPromise(namespace, key).resolver(value);
-	}
-};
-
-//#endregion
-exports.PromiseLookup = PromiseLookup;
-//# sourceMappingURL=PromiseLookup.cjs.map

package/dist/AppHeader/Search/SearchWorker/PromiseLookup.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromiseLookup.cjs","names":["args: {\n      onKeyInit: (namespace: keyof Types, key: string) => void;\n    }"],"sources":["../../../../src/AppHeader/Search/SearchWorker/PromiseLookup.ts"],"sourcesContent":["type Resolver<T> = (value: T) => void;\n\nclass SplitPromise<T> {\n  promise: Promise<T>;\n  resolver!: Resolver<T>;\n\n  constructor() {\n    this.promise = new Promise((r) => (this.resolver = r));\n  }\n}\n\nexport class PromiseLookup<Types> {\n  constructor(\n    private args: {\n      onKeyInit: (namespace: keyof Types, key: string) => void;\n    }\n  ) {}\n\n  namespaces = new Map<keyof Types, Map<string, SplitPromise<unknown>>>();\n\n  private getNamespace<N extends keyof Types>(namespace: N) {\n    let ns = this.namespaces.get(namespace);\n    if (!ns) {\n      ns = new Map();\n      this.namespaces.set(namespace, ns);\n    }\n    return ns as Map<string, SplitPromise<Types[N]>>;\n  }\n\n  private getSplitPromise<N extends keyof Types>(namespace: N, key: string) {\n    const ns = this.getNamespace(namespace);\n    let splitPromise = ns.get(key);\n    if (!splitPromise) {\n      splitPromise = new SplitPromise<Types[N]>();\n      ns.set(key, splitPromise);\n      this.args.onKeyInit(namespace, key);\n    }\n    return splitPromise;\n  }\n\n  get<N extends keyof Types>(namespace: N, key: string) {\n    return this.getSplitPromise(namespace, key).promise;\n  }\n\n  resolve<N extends keyof Types>(namespace: N, key: string, value: Types[N]) {\n    this.getSplitPromise(namespace, key).resolver(value);\n  }\n}\n"],"mappings":";;;AAEA,IAAM,eAAN,MAAsB;CAIpB,cAAc;+CAHd;+CACA;AAGE,OAAK,UAAU,IAAI,SAAS,MAAO,KAAK,WAAW,EAAG;;;AAI1D,IAAa,gBAAb,MAAkC;CAChC,YACE,AAAQA,MAGR;EAHQ;+CAKV,8BAAa,IAAI,KAAsD;;CAEvE,AAAQ,aAAoC,WAAc;EACxD,IAAI,KAAK,KAAK,WAAW,IAAI,UAAU;AACvC,MAAI,CAAC,IAAI;AACP,wBAAK,IAAI,KAAK;AACd,QAAK,WAAW,IAAI,WAAW,GAAG;;AAEpC,SAAO;;CAGT,AAAQ,gBAAuC,WAAc,KAAa;EACxE,MAAM,KAAK,KAAK,aAAa,UAAU;EACvC,IAAI,eAAe,GAAG,IAAI,IAAI;AAC9B,MAAI,CAAC,cAAc;AACjB,kBAAe,IAAI,cAAwB;AAC3C,MAAG,IAAI,KAAK,aAAa;AACzB,QAAK,KAAK,UAAU,WAAW,IAAI;;AAErC,SAAO;;CAGT,IAA2B,WAAc,KAAa;AACpD,SAAO,KAAK,gBAAgB,WAAW,IAAI,CAAC;;CAG9C,QAA+B,WAAc,KAAa,OAAiB;AACzE,OAAK,gBAAgB,WAAW,IAAI,CAAC,SAAS,MAAM"}