@codecademy/brand 3.2.0 → 3.3.0-alpha.991be2ca62.0

package/dist/AppHeader/Search/DefaultResults.js

@@ -13,7 +13,7 @@ const StyledMenuItem = /*#__PURE__*/_styled(MenuItem, {
   styles: "&:focus-visible:after{left:-4px;}padding:8px 0"
 } : {
   name: "1cskijm",
-  styles: "&:focus-visible:after{left:-4px;}padding:8px 0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvU2VhcmNoL0RlZmF1bHRSZXN1bHRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9TZWFyY2gvRGVmYXVsdFJlc3VsdHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgRmxleEJveCwgTWVudUl0ZW0sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHBvcHVsYXJDb250ZW50LCBwb3B1bGFyU2VhcmNoVGVybXMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBTZW1pYm9sZFNlYXJjaEljb24gfSBmcm9tICcuL1NlYXJjaFBhbmUnO1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51SXRlbSlgXG4gICY6Zm9jdXMtdmlzaWJsZTphZnRlciB7XG4gICAgbGVmdDogLTRweDtcbiAgfVxuICBwYWRkaW5nOiA4cHggMDtcbmA7XG5cbmludGVyZmFjZSBQb3B1bGFyU2VhcmNoZXNQcm9wcyB7XG4gIG5hdmlnYXRlVG9TZWFyY2g6IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uVHJhY2tpbmdDbGljazogKFxuICAgIHRhcmdldDogc3RyaW5nLFxuICAgIGV4dHJhVHJhY2tpbmdQcm9wcz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz5cbiAgKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgUG9wdWxhclNlYXJjaGVzOiBSZWFjdC5GQzxQb3B1bGFyU2VhcmNoZXNQcm9wcz4gPSAoe1xuICBuYXZpZ2F0ZVRvU2VhcmNoLFxuICBvblRyYWNraW5nQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IGlzTW9iaWxlID0gdGhlbWUuYnJlYWtwb2ludHMueHMgfHwgdGhlbWUuYnJlYWtwb2ludHMuc207XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsyNH0gYXM9XCJsaVwiPlxuICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiIG1iPXsxMn0+XG4gICAgICAgIFBvcHVsYXIgc2VhcmNoZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxGbGV4Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICB7cG9wdWxhclNlYXJjaFRlcm1zLm1hcCgodGVybSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgaXRlbVR5cGU9XCJsaW5rXCJcbiAgICAgICAgICAgIGtleT17dGVybX1cbiAgICAgICAgICAgIGlkPXt0ZXJtfVxuICAgICAgICAgICAgaHJlZj17YC9zZWFyY2g/cXVlcnk9JHtlbmNvZGVVUklDb21wb25lbnQodGVybSl9YH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgbmF2aWdhdGVUb1NlYXJjaCh0ZXJtKTtcbiAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKCdwb3B1bGFyX3NlYXJjaF90ZXJtJywge1xuICAgICAgICAgICAgICAgIG1pc2M6IEpTT04uc3RyaW5naWZ5KHtcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiB0ZXJtLFxuICAgICAgICAgICAgICAgICAgaW5kZXg6IGksXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHBsPXswfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZW1pYm9sZFNlYXJjaEljb24gbWI9ezIgYXMgMH0gc2l6ZT17MTR9IHN0cm9rZVdpZHRoPXs4fSAvPlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD17aXNNb2JpbGUgPyAncC1iYXNlJyA6ICdwLWxhcmdlJ30gbWw9ezEyfT5cbiAgICAgICAgICAgICAge3Rlcm19XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgUG9wdWxhckNvbnRlbnRQcm9wcyB7XG4gIG9uVHJhY2tpbmdDbGljazogKFxuICAgIHRhcmdldDogc3RyaW5nLFxuICAgIGV4dHJhVHJhY2tpbmdQcm9wcz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz5cbiAgKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgUG9wdWxhckNvbnRlbnQ6IFJlYWN0LkZDPFBvcHVsYXJDb250ZW50UHJvcHM+ID0gKHtcbiAgb25UcmFja2luZ0NsaWNrLFxufSkgPT4ge1xuICBjb25zdCBpc01vYmlsZSA9IHRoZW1lLmJyZWFrcG9pbnRzLnhzIHx8IHRoZW1lLmJyZWFrcG9pbnRzLnNtO1xuXG4gIHJldHVybiAoXG4gICAgPEJveCBtYj17MjR9IGFzPVwibGlcIj5cbiAgICAgIDxUZXh0IGFzPVwiaDJcIiB2YXJpYW50PVwidGl0bGUteHNcIiBtYj17MTJ9PlxuICAgICAgICBXaGF0IG91ciBtZW1iZXJzIGFyZSBsZWFybmluZ1xuICAgICAgPC9UZXh0PlxuICAgICAgPEZsZXhCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgIHtwb3B1bGFyQ29udGVudC5tYXAoKGMsIGkpID0+IChcbiAgICAgICAgICA8U3R5bGVkTWVudUl0ZW1cbiAgICAgICAgICAgIGl0ZW1UeXBlPVwibGlua1wiXG4gICAgICAgICAgICBrZXk9e2MudGl0bGV9XG4gICAgICAgICAgICBocmVmPXtjLmhyZWZ9XG4gICAgICAgICAgICBwbD17MH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+XG4gICAgICAgICAgICAgIG9uVHJhY2tpbmdDbGljaygncG9wdWxhcl9jb250ZW50Jywge1xuICAgICAgICAgICAgICAgIHNsdWc6IGMuc2x1ZyxcbiAgICAgICAgICAgICAgICAuLi4oYy5jb250ZW50SWQgPyB7IGNvbnRlbnRfaWQ6IGMuY29udGVudElkIH0gOiB7fSksXG4gICAgICAgICAgICAgICAgbWlzYzogSlNPTi5zdHJpbmdpZnkoe1xuICAgICAgICAgICAgICAgICAgY29udGVudF90eXBlOiBjLnR5cGUudG9Mb3dlckNhc2UoKSxcbiAgICAgICAgICAgICAgICAgIGluZGV4OiBpLFxuICAgICAgICAgICAgICAgICAgaHJlZjogYy5ocmVmLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9e2lzTW9iaWxlID8gJ3AtYmFzZScgOiAncC1sYXJnZSd9IG1yPXsxMn0+XG4gICAgICAgICAgICAgICAge2MudGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgIHtjLnR5cGV9XG4gICAgICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */",
+  styles: "&:focus-visible:after{left:-4px;}padding:8px 0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvU2VhcmNoL0RlZmF1bHRSZXN1bHRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9TZWFyY2gvRGVmYXVsdFJlc3VsdHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgRmxleEJveCwgTWVudUl0ZW0sIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHBvcHVsYXJDb250ZW50LCBwb3B1bGFyU2VhcmNoVGVybXMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBTZW1pYm9sZFNlYXJjaEljb24gfSBmcm9tICcuL1NlYXJjaFBhbmUnO1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51SXRlbSlgXG4gICY6Zm9jdXMtdmlzaWJsZTphZnRlciB7XG4gICAgbGVmdDogLTRweDtcbiAgfVxuICBwYWRkaW5nOiA4cHggMDtcbmA7XG5cbmludGVyZmFjZSBQb3B1bGFyU2VhcmNoZXNQcm9wcyB7XG4gIG5hdmlnYXRlVG9TZWFyY2g6IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uVHJhY2tpbmdDbGljazogKFxuICAgIHRhcmdldDogc3RyaW5nLFxuICAgIGV4dHJhVHJhY2tpbmdQcm9wcz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz5cbiAgKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgUG9wdWxhclNlYXJjaGVzOiBSZWFjdC5GQzxQb3B1bGFyU2VhcmNoZXNQcm9wcz4gPSAoe1xuICBuYXZpZ2F0ZVRvU2VhcmNoLFxuICBvblRyYWNraW5nQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IGlzTW9iaWxlID0gdGhlbWUuYnJlYWtwb2ludHMueHMgfHwgdGhlbWUuYnJlYWtwb2ludHMuc207XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsyNH0gYXM9XCJsaVwiPlxuICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiIG1iPXsxMn0+XG4gICAgICAgIFBvcHVsYXIgc2VhcmNoZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxGbGV4Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICB7cG9wdWxhclNlYXJjaFRlcm1zLm1hcCgodGVybSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgaXRlbVR5cGU9XCJsaW5rXCJcbiAgICAgICAgICAgIGtleT17dGVybX1cbiAgICAgICAgICAgIGlkPXt0ZXJtfVxuICAgICAgICAgICAgaHJlZj17YC9zZWFyY2g/cXVlcnk9JHtlbmNvZGVVUklDb21wb25lbnQodGVybSl9YH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgbmF2aWdhdGVUb1NlYXJjaCh0ZXJtKTtcbiAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKCdwb3B1bGFyX3NlYXJjaF90ZXJtJywge1xuICAgICAgICAgICAgICAgIG1pc2M6IEpTT04uc3RyaW5naWZ5KHtcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiB0ZXJtLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgICAgICAgICBpbmRleDogaSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcGw9ezB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlbWlib2xkU2VhcmNoSWNvbiBtYj17MiBhcyAwfSBzaXplPXsxNH0gc3Ryb2tlV2lkdGg9ezh9IC8+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PXtpc01vYmlsZSA/ICdwLWJhc2UnIDogJ3AtbGFyZ2UnfSBtbD17MTJ9PlxuICAgICAgICAgICAgICB7dGVybX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L1N0eWxlZE1lbnVJdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQb3B1bGFyQ29udGVudFByb3BzIHtcbiAgb25UcmFja2luZ0NsaWNrOiAoXG4gICAgdGFyZ2V0OiBzdHJpbmcsXG4gICAgZXh0cmFUcmFja2luZ1Byb3BzPzogUmVjb3JkPHN0cmluZywgc3RyaW5nPlxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBQb3B1bGFyQ29udGVudDogUmVhY3QuRkM8UG9wdWxhckNvbnRlbnRQcm9wcz4gPSAoe1xuICBvblRyYWNraW5nQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IGlzTW9iaWxlID0gdGhlbWUuYnJlYWtwb2ludHMueHMgfHwgdGhlbWUuYnJlYWtwb2ludHMuc207XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsyNH0gYXM9XCJsaVwiPlxuICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiIG1iPXsxMn0+XG4gICAgICAgIFdoYXQgb3VyIG1lbWJlcnMgYXJlIGxlYXJuaW5nXG4gICAgICA8L1RleHQ+XG4gICAgICA8RmxleEJveCBhcz1cInVsXCIgbGlzdFN0eWxlPVwibm9uZVwiIHA9ezB9IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAge3BvcHVsYXJDb250ZW50Lm1hcCgoYywgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgaXRlbVR5cGU9XCJsaW5rXCJcbiAgICAgICAgICAgIGtleT17Yy50aXRsZX1cbiAgICAgICAgICAgIGhyZWY9e2MuaHJlZn1cbiAgICAgICAgICAgIHBsPXswfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgb25UcmFja2luZ0NsaWNrKCdwb3B1bGFyX2NvbnRlbnQnLCB7XG4gICAgICAgICAgICAgICAgc2x1ZzogYy5zbHVnLFxuICAgICAgICAgICAgICAgIC4uLihjLmNvbnRlbnRJZCA/IHsgY29udGVudF9pZDogYy5jb250ZW50SWQgfSA6IHt9KSxcbiAgICAgICAgICAgICAgICBtaXNjOiBKU09OLnN0cmluZ2lmeSh7XG4gICAgICAgICAgICAgICAgICBjb250ZW50X3R5cGU6IGMudHlwZS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgICAgICAgICAgaW5kZXg6IGksXG4gICAgICAgICAgICAgICAgICBocmVmOiBjLmhyZWYsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cInJvd1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD17aXNNb2JpbGUgPyAncC1iYXNlJyA6ICdwLWxhcmdlJ30gbXI9ezEyfT5cbiAgICAgICAgICAgICAgICB7Yy50aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8QmFkZ2Ugc2l6ZT1cInNtXCIgdmFyaWFudD1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICAgICAge2MudHlwZX1cbiAgICAgICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L1N0eWxlZE1lbnVJdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0JveD5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const PopularSearches = ({
@@ -42,7 +42,7 @@ export const PopularSearches = ({
           navigateToSearch(term);
           onTrackingClick('popular_search_term', {
             misc: JSON.stringify({
-              value: term,
+              value: term.toLowerCase(),
               index: i
             })
           });

package/dist/AppHeader/Search/SearchButton.d.ts

@@ -1,2 +1,2 @@
 import { SearchButtonProps } from './types';
-export declare const SearchButton: ({ isSearchVisible, searchButtonRef, setIsSearchVisible, toggleSearch, }: SearchButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchButton: ({ isSearchVisible, searchButtonRef, setIsSearchVisible, toggleSearch, onSearchAsYouType, }: SearchButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/AppHeader/Search/SearchButton.js

@@ -2,6 +2,7 @@ import { IconButton } from '@codecademy/gamut';
 import { SearchIcon } from '@codecademy/gamut-icons';
 import { useEffect } from 'react';
 import { useAppHeaderContext } from '../AppHeaderElements/AppHeaderProvider';
+import { useSearchTrackingContext } from './SearchTrackingProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 let autocompleteCacheWarmed = false;
 function warmAutocompleteCache() {
@@ -23,13 +24,28 @@ export const SearchButton = ({
   isSearchVisible,
   searchButtonRef,
   setIsSearchVisible,
-  toggleSearch
+  toggleSearch,
+  onSearchAsYouType
 }) => {
   const {
     lastOpenedDropdown,
     setLastOpenedDropdown
   } = useAppHeaderContext();
+  const {
+    onSearchAsYouTypeParams
+  } = useSearchTrackingContext();
   const expandedToggleSearch = () => {
+    // if the search pane is visible (about to be closed) and there are search params with a query,
+    // trigger the search event before toggling
+    if (isSearchVisible && onSearchAsYouType && onSearchAsYouTypeParams && onSearchAsYouTypeParams.query) {
+      const {
+        query,
+        searchId,
+        resultsCount,
+        queryLoadTime
+      } = onSearchAsYouTypeParams;
+      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);
+    }
     toggleSearch();
     if (!isSearchVisible && setLastOpenedDropdown) {
       setLastOpenedDropdown('search');